:root{--bg: #f8fafc;--surface: #ffffff;--ink: #1f2937;--muted: #6b7280;--line: #e5e7eb;--accent: #111827;--accent-soft: #e5e7eb;--success: #059669;--danger: #dc2626}html[data-theme=warm]{--bg: #f2efe8;--surface: #fffaf1;--ink: #1d1a17;--muted: #6f675f;--line: #d7cfc4;--accent: #a5482a;--accent-soft: #f0d0c5;--success: #0f8a5f;--danger: #bf3e2d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.status-page{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-panel{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 24px #0f172a14}.login-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:12px;color:var(--accent)}.login-panel h1{margin:8px 0 0;font-size:clamp(24px,4vw,34px);line-height:1.1}.login-copy{margin:12px 0 20px;color:var(--muted);line-height:1.55}.field-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.field-input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:12px;color:var(--ink);background:var(--surface)}.field-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:1px}.btn{width:100%;border:0;border-radius:10px;padding:10px 12px;font-weight:600;cursor:pointer;margin-bottom:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-accent{background:var(--success);color:#fff}.hint-text{margin:8px 0 0;color:var(--muted);font-size:13px}.error-text{margin:8px 0 0;color:var(--danger);font-size:13px}.app-shell{min-height:100%}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,white 10%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:space-between;gap:12px;padding:14px 20px}.topbar-left{display:flex;flex-direction:column;gap:3px}.brand-link{text-decoration:none;font-weight:700;font-size:17px}.topbar-subtitle{margin:0;color:var(--muted);font-size:12px}.topbar-right{display:flex;align-items:center;gap:8px}.user-chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px}.logout-btn{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:var(--surface);color:var(--ink);cursor:pointer}.theme-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--surface)}.theme-toggle button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}.theme-toggle button.active{background:var(--accent-soft);color:var(--ink)}.layout{margin:0 auto;max-width:1120px;padding:24px 20px 56px}.hero{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:22px;box-shadow:0 10px 24px #0f172a0f}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;margin:0 0 8px}.hero h1{margin:0;font-size:clamp(30px,5vw,48px);line-height:1.05}.hero p{margin:12px 0 0;color:var(--muted);line-height:1.55;max-width:760px}.platform-meta{margin-top:14px;font-size:13px}.app-grid{margin-top:20px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.app-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:16px;box-shadow:0 8px 20px #0f172a0f;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column}.app-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a1f}.app-status{margin:0;width:fit-content;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;padding:4px 10px}.app-card h3{margin:8px 0 0;font-size:20px}.app-description{margin:10px 0;color:var(--muted);line-height:1.5;min-height:64px}.app-meta{margin:2px 0;color:color-mix(in srgb,var(--ink) 82%,transparent);font-size:13px}.app-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.app-tags span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:color-mix(in srgb,var(--ink) 82%,transparent)}.open-app-link{margin-top:14px;text-decoration:none;text-align:center;background:var(--accent);color:#fff;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:600}.embed-layout,.placeholder-page{margin:0 auto;max-width:1200px;padding:20px}.embed-header{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.embed-header h1,.placeholder-page h1{margin:0;font-size:28px}.embed-copy,.placeholder-page p{margin:8px 0 0;color:var(--muted)}.embed-status{margin:8px 0 0;font-size:13px;color:var(--muted)}.embed-error{margin:8px 0 0;font-size:13px;color:#b42318}.open-new-tab{text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);font-size:13px}.iframe-shell{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.assistant-iframe{width:100%;height:calc(100vh - 240px);min-height:640px;border:0;background:#fff}@media (max-width: 820px){.topbar{flex-direction:column;align-items:flex-start}.topbar-right{flex-wrap:wrap}.embed-header{flex-direction:column;align-items:flex-start}.assistant-iframe{height:calc(100vh - 300px);min-height:580px}}