:root{color-scheme:dark;--ink: #f6f1e7;--muted: #c9bfb0;--brass: #e0c48a;--demo: #e2a14a;--live: #7dcec2;--danger: #e08a78;--dock: rgba(12, 10, 16, .78);--line: rgba(224, 196, 138, .35);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#07060d;overflow:hidden}body.mode-wall{background:#000}button,input{font:inherit;color:inherit}button{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:.45rem .75rem;cursor:pointer;min-height:40px}button:hover,button:focus-visible{border-color:var(--brass);outline:none}button[aria-pressed=true]{background:#e0c48a29;border-color:var(--brass)}button.demo-on{background:#5a3a12;border-color:#e2a14a;color:#ffe7bf}.shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.shell.wall{inset:auto;background:transparent}canvas{display:block;width:100%;height:100%;touch-action:none}.top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:1rem;padding:max(14px,env(safe-area-inset-top)) 18px 0;pointer-events:none}.eyebrow{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;color:var(--brass)}h1{margin:.1rem 0 0;font-family:Palatino,Palatino Linotype,Georgia,serif;font-weight:600;font-size:1.7rem;letter-spacing:-.03em}.lede{margin:0;max-width:28rem;color:var(--muted);font-size:.92rem;line-height:1.4;text-align:right}.dock{position:absolute;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--dock);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shell.wall .dock{transition:opacity .35s ease;padding:8px}.shell.wall button{min-height:34px;padding:.25rem .55rem;font-size:.78rem}.shell.wall.quiet .dock,.shell.wall.quiet .card{opacity:0;pointer-events:none}.status{display:grid;gap:2px}.status p{margin:0;font-size:.82rem;line-height:1.3}.status .demo{color:var(--demo)}.status .live{color:var(--live)}.status .muted{color:var(--muted)}.status .error{color:var(--danger)}.controls,.wings{display:flex;flex-wrap:wrap;gap:6px}.wings{flex-wrap:nowrap;overflow-x:auto}.panel{position:absolute;left:12px;right:12px;bottom:118px;max-width:460px;max-height:46%;overflow:auto;padding:14px;border-radius:16px;border:1px solid var(--line);background:#0c0a10eb}.panel h2{margin:0 0 6px;font-family:Palatino,Georgia,serif;font-size:1.15rem}.panel p{margin:0 0 10px;color:var(--muted);font-size:.88rem;line-height:1.4}.panel label{display:grid;grid-template-columns:4.5rem 1fr auto;gap:8px;align-items:center;font-size:.82rem;margin-bottom:6px}.panel input[type=range]{width:100%}.feed-row{display:flex;gap:6px}.feed-row input{flex:1;min-width:0;border-radius:999px;border:1px solid var(--line);background:#100e14;padding:.5rem .75rem}.card{position:absolute;left:12px;top:92px;max-width:min(320px,calc(100% - 24px));padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#0c0a10e0}.card h2{margin:0;font-family:Palatino,Georgia,serif;font-size:1.15rem}.card .role{margin:.15rem 0 .4rem;color:var(--brass);font-size:.8rem;letter-spacing:.04em}.card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.35}.refresh{position:absolute;top:12px;right:12px;background:#24180e;border-color:var(--brass);color:var(--brass)}.shell.wall .top,.shell.wall .lede{display:none}@media(max-width:720px){.lede{display:none}h1{font-size:1.25rem}button{min-height:36px;padding:.28rem .62rem;font-size:.82rem}.dock{gap:6px;padding:8px}.card{top:auto;bottom:150px}.panel{bottom:150px}}@media(prefers-reduced-motion:reduce){.shell.wall .dock{transition:none}}