:root{font-synthesis:none;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ink:#15191e;--ink-soft:#404850;--muted:#7c858e;--surface:#fff;--surface-2:#f5f5f3;--canvas:#f1f2f1;--line:#dedfdd;--line-soft:#ececea;--line-strong:#bfc2c1;--accent:#e6b85c;--accent-dark:#916b25;--danger:#a74739;--shadow-xs:0 1px 2px #15191e09, 0 4px 12px #15191e06;--shadow-sm:0 8px 24px #15191e17;color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #b9872e}::selection{color:var(--ink);background:#f1d89e}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#bec2c3 padding-box padding-box;border:3px solid #0000;border-radius:10px}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.workspace-panel{width:100%;margin:0 auto}.boot-screen{color:#a4adb6;background:#151a20;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.boot-screen p{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:13px 0 0;font-size:.62rem}.boot-wave{background:repeating-linear-gradient(90deg,#e6b85c 0 2px,#0000 2px 7px);width:80px;height:12px;margin-top:20px;animation:1s ease-in-out infinite alternate boot}@keyframes boot{0%{opacity:.45;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}.app-shell{background:var(--canvas);min-height:100dvh}.sidebar{z-index:40;color:#8f99a4;background:#151a20;flex-direction:column;align-items:center;width:84px;padding:17px 12px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{color:#fff;align-items:center;gap:10px;font-weight:720;display:flex}.sidebar-brand>span{display:none}.sidebar nav{gap:7px;width:100%;margin-top:35px;display:grid}.sidebar nav button,.sidebar-link{color:#77818d;width:100%;height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.sidebar nav button:hover,.sidebar nav button.active,.sidebar-link:hover{color:#fff;background:#20262e}.sidebar nav button.active:before{background:var(--accent);content:"";border-radius:0 4px 4px 0;width:3px;height:21px;position:absolute;left:-12px}.sidebar nav button span,.sidebar-link span{color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);background:#151a20;border-radius:7px;padding:7px 9px;font-size:.61rem;font-weight:650;display:none;position:absolute;left:63px}.sidebar nav button:hover span,.sidebar-link:hover span{display:block}.sidebar-spacer{flex:1}.sidebar-link{flex:none}.mobile-close{display:none}.app-body{min-height:100dvh;margin-left:84px}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f1f2f1e0;border-bottom:1px solid #d5d7d5d9;justify-content:space-between;align-items:center;height:64px;padding:0 24px 0 29px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:14px;display:flex}.view-label{color:var(--ink-soft);font-size:.67rem;font-weight:690}.menu-button,.mobile-wordmark{display:none}.api-state{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;background:#ffffffb3;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:.51rem;font-weight:650;display:inline-flex}.api-state>span{background:#92999f;border-radius:50%;width:6px;height:6px}.api-state.online>span{background:#69a076;box-shadow:0 0 0 3px #69a0761f}.api-state.setup>span{background:#d0a348}.profile-wrap{position:relative}.profile-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:4px 5px 4px 4px;display:flex}.profile-button:hover{background:#ffffffb8}.profile-avatar{color:#405a68;background:#d7e2e7;border-radius:9px;place-items:center;width:32px;height:32px;font-size:.59rem;font-weight:760;display:grid}.profile-copy{text-align:left;gap:1px;max-width:155px;display:grid}.profile-copy strong,.profile-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-copy strong{color:var(--ink);font-size:.62rem}.profile-copy small{color:var(--muted);font-size:.51rem}.profile-menu{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:220px;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 18px 50px #15191e26}.profile-menu>div{border-bottom:1px solid var(--line-soft);gap:3px;padding:13px;display:grid}.profile-menu strong{font-size:.67rem}.profile-menu span{color:var(--muted);text-overflow:ellipsis;font-size:.55rem;overflow:hidden}.profile-menu button{width:100%;color:var(--danger);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:11px 13px;font-size:.61rem;display:flex}.profile-menu button:hover{background:#fff3f0}.app-content{min-height:calc(100dvh - 64px);padding:clamp(28px,4vw,54px)}.mobile-tabs,.sidebar-scrim{display:none}@media (width<=820px){.sidebar{align-items:stretch;width:238px;padding:17px 14px;transition:transform .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-brand{padding:0 3px}.sidebar-brand>span{display:block}.sidebar nav{margin-top:28px}.sidebar nav button,.sidebar-link{justify-content:flex-start;height:44px;padding:0 13px}.sidebar nav button span,.sidebar-link span{box-shadow:none;background:0 0;padding:0;display:block;position:static}.sidebar nav button.active:before{left:-14px}.mobile-close{color:#9ba4ae;background:#20262e;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:20px;right:16px}.app-body{margin-left:0}.topbar{height:59px;padding:0 17px}.view-label{display:none}.menu-button{width:34px;height:34px;color:var(--ink);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.mobile-wordmark{align-items:center;gap:8px;font-size:.73rem;font-weight:720;display:flex}.sidebar-scrim{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c101461;border:0;display:block;position:fixed;inset:0}.app-content{min-height:calc(100dvh - 116px);padding:30px 24px 85px}.mobile-tabs{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;grid-template-columns:repeat(4,1fr);height:63px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabs button{color:var(--muted);font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.49rem;font-weight:650;display:flex}.mobile-tabs button.active{color:var(--ink)}.mobile-tabs button.active svg{color:#a47725}}@media (width<=520px){.api-state{padding:6px;font-size:0}.api-state>span{margin:0}.profile-copy,.profile-button>svg{display:none}.app-content{padding:25px 18px 82px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}