:root{color-scheme:dark;--bg: #05070b;--surface: #10151b;--surface-strong: #151b22;--line: rgba(231, 238, 232, .13);--text: #f3f6ee;--muted: #aab3ad;--soft: #747f7c;--mint: #7ee0b8;--jade: #2fbf91;--rose: #e9859b;--amber: #f3c365;--violet: #a99dff;--ink: #080b10;--radius: 8px;--shadow: 0 22px 70px rgba(0, 0, 0, .38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;color:var(--text);background:radial-gradient(circle at 50% 0%,rgba(126,224,184,.16),transparent 34%),linear-gradient(180deg,#05070b,#0a1015 56%,#05070b)}body{min-height:100vh;min-height:100dvh;overflow:hidden}button,input{font:inherit;letter-spacing:0}button{border:0;cursor:pointer}.app-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100vw,430px);height:100vh;height:100dvh;margin:0 auto;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.02) 1px,transparent 1px),var(--bg);background-size:28px 28px;box-shadow:var(--shadow)}.top-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(14px + env(safe-area-inset-top)) 18px 10px}.kicker{margin:0 0 5px;color:var(--muted);font-size:.73rem;font-weight:720;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:2.15rem;line-height:1}h2{font-size:1.32rem;line-height:1.15}.connection-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:88px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#10151bc2;color:var(--muted);font-size:.78rem;font-weight:760}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--soft)}.connection-chip[data-status=live] .status-dot{background:var(--mint)}.connection-chip[data-status=demo] .status-dot{background:var(--amber)}.app-view{display:flex;min-height:0;flex-direction:column;gap:14px;padding:8px 18px 14px;overflow-y:auto;scrollbar-width:none}.app-view::-webkit-scrollbar{display:none}.app-view[hidden]{display:none}.scenario-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scenario-button,.prompt-chip,.tab-button{-webkit-tap-highlight-color:transparent}.scenario-button{display:grid;gap:3px;min-height:58px;padding:10px 8px;border:1px solid var(--line);border-radius:var(--radius);background:#151b22b8;color:var(--text);text-align:left}.scenario-button span{overflow:hidden;font-size:.9rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.scenario-button small{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.scenario-button.is-active{border-color:#7ee0b87a;background:#2fbf9124}.numa-stage{position:relative;display:grid;flex:0 0 auto;width:100%;aspect-ratio:1;min-height:300px;max-height:390px;padding:0;place-items:center;overflow:hidden;border:0;border-radius:var(--radius);background:linear-gradient(180deg,#10151bcc,#05070bf5),#090d12;box-shadow:inset 0 0 0 1px #7ee0b82e}.numa-stage canvas{width:100%;height:100%}.asset-slot{position:absolute;left:14px;bottom:13px;min-width:76px;padding:7px 9px;border:1px solid rgba(243,246,238,.12);border-radius:var(--radius);background:#05070b9e;color:var(--muted);font-size:.72rem;font-weight:760}.touch-ring{position:absolute;width:38%;aspect-ratio:1;border:1px solid rgba(126,224,184,.4);border-radius:999px;opacity:0;transform:scale(.74)}.numa-stage.is-touching .touch-ring{animation:touch-pulse .68s ease-out}.home-copy{display:grid;gap:6px}.home-copy p:last-child{color:var(--muted);font-size:.96rem;line-height:1.55}.tag-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:1px}.tag-row span{flex:0 0 auto;min-height:30px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#151b22b8;color:var(--muted);font-size:.74rem;font-weight:720}.prompt-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:1px}.prompt-chip{flex:0 0 auto;min-height:36px;max-width:176px;padding:0 12px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#f3f6ee14;color:var(--text);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.reply-strip{display:grid;gap:5px;min-height:76px;padding:13px;border:1px solid rgba(233,133,155,.2);border-radius:var(--radius);background:#e9859b14}.reply-name{color:var(--rose);font-size:.74rem;font-weight:780}#latest-reply{color:var(--text);font-size:.98rem;line-height:1.55}.composer{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:9px;padding-bottom:2px}.composer input{width:100%;min-width:0;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#151b22e0;color:var(--text);outline:0}.composer input::placeholder{color:var(--soft)}.icon-send{display:grid;width:46px;height:46px;place-items:center;border-radius:999px;background:var(--mint);color:var(--ink)}.icon-send:disabled{cursor:progress;opacity:.62}.icon-send svg,.tab-button svg{width:18px;height:18px;stroke-width:2.2}.page-head{display:grid;gap:6px;padding-top:10px}.summary-band,.profile-row,.realm-scene,.compact-list li{border:1px solid var(--line);border-radius:var(--radius);background:#151b22bd}.summary-band{display:grid;gap:6px;padding:16px}.summary-band strong,.profile-row strong,.realm-scene strong,.compact-list strong{color:var(--text)}.summary-band span,.profile-row p,.realm-scene p,.compact-list span,.page-note{color:var(--muted)}.compact-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.compact-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 14px}.trend-bars{display:grid;height:220px;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:9px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#151b22bd}.trend-bars span{height:var(--h);min-height:28px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,var(--mint),rgba(169,157,255,.72))}.page-note{line-height:1.55}.realm-scene{display:grid;min-height:330px;place-items:center;padding:24px;text-align:center}.realm-scene span{width:128px;aspect-ratio:1;border:1px solid rgba(126,224,184,.28);border-radius:999px;background:radial-gradient(circle,rgba(126,224,184,.48),transparent 58%),radial-gradient(circle at 60% 70%,rgba(233,133,155,.32),transparent 42%)}.realm-scene p{max-width:230px;line-height:1.55}.profile-row{display:flex;align-items:center;gap:14px;min-height:86px;padding:14px}.profile-mark{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border-radius:999px;background:#7ee0b829;color:var(--mint);font-weight:820}.profile-row p{margin-top:5px}.bottom-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#05070beb}.tab-button{display:grid;min-width:0;min-height:54px;place-items:center;gap:3px;border-radius:var(--radius);background:transparent;color:var(--soft);font-size:.69rem;font-weight:720}.tab-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-button.is-active{background:#7ee0b81f;color:var(--mint)}@keyframes touch-pulse{0%{opacity:.9;transform:scale(.74)}to{opacity:0;transform:scale(1.45)}}@media(min-width:720px){body{display:grid;place-items:center;padding:18px}.app-shell{height:min(900px,calc(100vh - 36px));border:1px solid rgba(243,246,238,.1);border-radius:24px}}@media(max-height:760px){.numa-stage{min-height:250px}.reply-strip{min-height:64px}}