html,body{margin:0;min-height:100%;background:#060609;color:#f4f4f6;font-family:'Funnel Sans',sans-serif}body{display:flex;justify-content:center;align-items:flex-start}a{color:inherit;text-decoration:none}button,a[role=button]{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a594ff;outline-offset:3px}.desktop-brand{position:fixed;left:6vw;top:10vh;max-width:220px;display:flex;flex-direction:column;gap:24px;color:#9999a6}.desktop-brand>a:first-child{font-size:28px;color:white;letter-spacing:-1px}.desktop-brand b{color:#a594ff}.desktop-brand p{font-size:44px;line-height:1.04;letter-spacing:-2px;color:#f4f4f6;font-weight:800}.desktop-brand>a:not(:first-child){font-size:13px}.app-column{width:390px;max-width:100vw;background:#0a0a0f;min-height:100vh;box-shadow:0 0 80px #0008}.release-bar{min-height:34px;padding:5px 8px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #232329;position:relative;z-index:10;background:#111117}.release-bar button{font:500 11px 'Funnel Sans',sans-serif;color:#b9b5cb;border:1px solid #34333e;background:transparent;border-radius:12px;padding:3px 7px;white-space:nowrap}.release-bar button:first-child{margin-right:auto;color:#b6a7ff}#viewport{width:100%;height:844px;position:relative;overflow:hidden}.screen{position:absolute;width:390px;height:844px;transform-origin:top left;background:var(--bg-chrome,#0a0a0f);isolation:isolate}.screen>div[data-node-id]{width:390px;height:844px;overflow:hidden}.screen [data-name=Content]{max-height:844px;overflow-y:auto;scrollbar-width:none}.screen [data-name=Content]::-webkit-scrollbar{display:none}.screen .live-form-input{border:0;outline:0;width:100%;font:inherit;background:transparent;color:inherit;padding:0}.screen [data-route]{cursor:pointer}.app-note{font-size:11px;line-height:1.4;padding:12px 16px;color:#a1a1aa;background:#111117;min-height:40px}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:100;width:max-content;max-width:min(90vw,380px);padding:13px 18px;background:#e8e4ff;color:#211b40;border-radius:16px;font-size:14px;box-shadow:0 10px 30px #0008}dialog{border:1px solid #3a354e;background:#14131c;color:#f4f4f6;border-radius:28px;width:min(390px,94vw);max-height:85vh;padding:24px;font:16px 'Funnel Sans',sans-serif}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-top h2{font-weight:800;font-size:24px;letter-spacing:-.4px;margin:0 0 16px}.sheet-top button{border:0;color:white;background:transparent;font-size:28px}.sheet-body p,#sheet-body p{color:#aaa5bb;line-height:1.5}#sheet-body button,.sheet-action{display:block;width:100%;border:0;border-radius:24px;background:#6448fc;color:white;font:600 16px 'Funnel Sans',sans-serif;padding:14px 20px;margin-top:12px;text-align:center}#sheet-body button.secondary{background:#25212f}#sheet-body input,#sheet-body select{display:block;background:#22202d;border:1px solid #3d374c;color:white;border-radius:14px;padding:12px;width:100%;margin:8px 0 15px;font:inherit}#sheet-body label{font-size:13px;color:#bab3cc}.screen-list{display:grid;gap:6px}.screen-list a{padding:10px;border:1px solid #34303f;border-radius:12px;font-size:13px}.operator-option{padding:12px;border:1px solid #34303f;border-radius:14px;margin-top:8px;display:block}.record-list{display:grid;gap:10px}.record-card{padding:14px;border-radius:18px;background:#22202d}.record-card h3{font-size:17px;margin:0 0 5px}.record-card p{margin:5px 0;font-size:13px}.table{width:100%;font-size:13px;border-collapse:collapse}.table td,.table th{padding:9px 6px;border-bottom:1px solid #34303f;text-align:left}body.light{--text-primary:#14141b;--text-secondary:#626271;--text-tertiary:#767685;--surface-1:#f6f6fa;--surface-2:#ededf4;--surface-3:#e4e4ee;--border-strong:#cfcfda;--bg-chrome:#fafafe;--accent-default:#6448fc;--accent-text:#6448fc}.light .app-column{background:#fafafe}@media(max-width:980px){.desktop-brand{display:none}}@media(min-width:700px){.app-column{margin:28px auto;border:1px solid #282531;border-radius:32px;overflow:hidden}.release-bar{padding-top:10px}.app-note{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Effective light-mode tokens from the paired source-of-truth Figma frame. */
body.light{--text-primary:#111114;--text-secondary:#52525c;--text-tertiary:#6b6b76;--text-on-accent:#fff;--surface-1:#fff;--surface-2:#f2f2f5;--surface-3:#e6e6eb;--border-strong:#d9d9df;--bg-chrome:#fff;--accent-default:#4c30d8;--accent-text:#4c30d8}.light .app-column{background:#fff}