:root{--ink:#121212;--muted:#777;--paper:#f5f1e9;--acid:#d9ff43;--line:#dedbd3}*{box-sizing:border-box}body{margin:0;background:#161616;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}main{min-height:100vh;display:grid;grid-template-columns:minmax(480px,45%) 1fr;gap:10px;padding:10px}.stage,.library{border-radius:25px;overflow:hidden}.stage{position:sticky;top:10px;height:calc(100vh - 20px);background:var(--acid);padding:42px 48px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font:700 11px/1.2 ui-monospace;letter-spacing:.17em}.stage h1{font-size:clamp(40px,4.4vw,72px);line-height:.92;letter-spacing:-.065em;margin:18px 0}.stage header>p{max-width:400px;line-height:1.6;margin:0;color:#333}.webapp{position:absolute;left:48px;right:48px;bottom:92px;height:390px;background:#fff;border:6px solid #111;border-radius:17px;box-shadow:0 28px 55px #56700055;overflow:hidden;display:grid;grid-template-columns:52px 170px 1fr;font-size:10px}.app-rail{background:#151515;color:#aaa;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:12px}.app-rail button{width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#aaa}.app-rail .rail-active{background:var(--acid);color:#111}.brand,.rail-avatar{width:30px;height:30px;border-radius:9px;background:var(--acid);color:#111;display:grid;place-items:center;font-weight:900;margin-bottom:8px}.rail-avatar{margin-top:auto;margin-bottom:0;background:#eee}.threads{background:#f4f4f1;border-right:1px solid #ddd;padding:14px 10px}.threads-head{display:flex;justify-content:space-between;align-items:center;font-size:14px}.threads-head button,.chat-head button{border:0;background:transparent}.search{background:#e7e7e2;color:#999;padding:8px;border-radius:7px;margin:13px 0}.thread{display:grid;grid-template-columns:32px 1fr auto;gap:7px;align-items:center;padding:9px 7px;border-radius:9px;margin-bottom:4px}.thread.active{background:#fff}.avatar{width:32px;height:32px;border-radius:9px;background:#111;color:var(--acid);display:grid;place-items:center;font-weight:800}.avatar.amber{background:#ffbd59;color:#111}.avatar.blue{background:#6c8cff;color:#fff}.thread b{font-size:10px}.thread p{margin:3px 0 0;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.thread>span{font-size:8px;color:#aaa}.chat{display:grid;grid-template-rows:52px 1fr 52px;min-width:0}.chat-head{border-bottom:1px solid #eee;padding:11px 15px;display:flex;justify-content:space-between}.chat-head b,.chat-head span{display:block}.chat-head b{font-size:12px}.chat-head span{color:#999;margin-top:3px}.messages{padding:12px 16px;background:#fafafa;overflow:hidden}.day{text-align:center;color:#aaa;margin-bottom:12px}.bubble-row{display:grid;grid-template-columns:32px 1fr;gap:8px;margin-bottom:15px}.bubble-row>div>span{display:block;color:#999;margin-bottom:5px}.bubble{background:#fff;border:1px solid #eee;padding:9px 11px;border-radius:3px 11px 11px 11px;max-width:260px;line-height:1.45}.bubble strong{font-size:10px}.bubble p{margin:3px 0 0;color:#555}.incoming{transform:translateY(0)}.incoming.pop{animation:pop .45s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{transform:translateY(-25px);opacity:0}100%{transform:translateY(0);opacity:1}}.composer{border-top:1px solid #eee;display:flex;align-items:center;gap:10px;padding:9px 14px}.composer div{flex:1;background:#f1f1ef;color:#aaa;padding:9px;border-radius:8px}.composer button{border:0;background:#111;color:#fff;border-radius:8px;padding:8px 12px}.send{margin-top:auto;border:0;background:#111;color:#fff;padding:15px 18px;border-radius:30px;font-weight:700;cursor:pointer}.send span{margin-left:36px;color:var(--acid)}.library{background:var(--paper);padding:42px;min-height:calc(100vh - 20px)}.lib-head{display:flex;justify-content:space-between;align-items:flex-start}.lib-head h2{font-size:44px;letter-spacing:-.045em;margin:10px 0 26px}.count{text-align:right}.count b{font-size:38px;display:block}.count span{font-size:11px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:18px}.toolbar label{margin-left:auto;font-size:12px;color:#555}.filter{border:1px solid #bbb;background:transparent;padding:8px 13px;border-radius:20px;cursor:pointer}.filter.active{background:#111;color:#fff;border-color:#111}.now{background:#111;color:#fff;border-radius:18px;padding:16px;display:grid;grid-template-columns:46px 1fr 100px 36px;align-items:center;gap:13px;margin-bottom:14px}.now button{width:44px;height:44px;border:0;border-radius:50%;background:var(--acid);cursor:pointer}.now div span{display:block;color:#999;font-size:10px;margin-bottom:4px}.now div b{font-size:13px}.progress{height:3px;background:#454545!important}.progress i{display:block;background:var(--acid);height:100%;width:0}.now>span{font-size:11px;color:#aaa}.list{height:calc(100vh - 285px);overflow:auto;padding-right:4px}.sound{display:grid;grid-template-columns:28px 46px 1fr 55px;gap:10px;align-items:center;padding:11px 8px;border-bottom:1px solid var(--line);cursor:pointer;transition:.15s}.sound:hover,.sound.active{background:#fff;border-radius:12px}.sound.active{box-shadow:0 4px 18px #0000000a}.num{font:11px ui-monospace;color:#999}.play{border:1px solid #aaa;background:transparent;width:36px;height:36px;border-radius:50%;cursor:pointer}.sound.active .play{background:var(--acid);border-color:var(--acid)}.meta b{font-size:13px;display:block}.meta a{font-size:10px;color:#888;text-decoration:none}.page{font:10px ui-monospace;color:#999;text-align:right}.library footer{font-size:10px;color:#999;margin-top:12px}@media(max-width:1050px){main{display:block}.stage{position:relative;height:720px;margin-bottom:10px}.library{padding:28px}.webapp{left:28px;right:28px}.list{height:70vh}}@media(max-width:600px){.stage{padding:30px 24px;height:680px}.webapp{left:14px;right:14px;grid-template-columns:44px 125px 1fr}.threads{padding:12px 6px}.thread{grid-template-columns:28px 1fr}.thread>span{display:none}.library{padding:24px 16px}.lib-head h2{font-size:34px}.now{grid-template-columns:46px 1fr 50px}.progress{display:none}}