@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,sans-serif;color:#f0f0ec;background:#0b0c10;font-synthesis:none;--line: #292c34;--muted: #8c909d;--acid: #d7f25b;--orange: #ff714b}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 12%,#25231c 0,#0b0c10 29rem),#0b0c10}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:1500px;margin:auto;padding:0 5vw 28px;overflow:hidden}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:DM Mono;font-size:11px;letter-spacing:.08em}.brand{display:flex;gap:10px;align-items:center;font-weight:500}.brand-mark{color:var(--acid);font-size:25px}.brand small{color:var(--muted);margin-left:12px;font-size:9px}.header-status{color:var(--muted)}.pulse,.live-dot{color:var(--acid)}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:8px;box-shadow:0 0 14px var(--acid)}.divider{display:inline-block;height:12px;border-left:1px solid var(--line);margin:0 15px -2px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:390px;padding:65px 5% 42px}.eyebrow{color:var(--acid);font:11px DM Mono;letter-spacing:.14em;margin:0 0 17px}.hero h1{font-size:clamp(50px,6vw,90px);line-height:.91;letter-spacing:-.07em;margin:0;font-weight:600}.hero h1 em{font-style:normal;color:#8c909d}.hero-copy{max-width:415px;color:var(--muted);line-height:1.5;font-size:15px;margin-top:27px}.hero-orbit{width:280px;height:280px;position:relative;margin-right:6%}.orbit-ring{position:absolute;border:1px solid #4d512e;border-radius:50%;inset:0;transform:rotate(-25deg) skew(4deg,4deg)}.ring-two{inset:26px -22px;border-color:#6b5936;transform:rotate(34deg) skew(-7deg,2deg)}.orbit-core{position:absolute;inset:90px;display:grid;place-items:center;border-radius:50%;color:#10120c;background:var(--acid);font-size:60px;font-weight:700;box-shadow:0 0 70px #d7f25b33}.orbit-label{position:absolute;color:var(--muted);font:10px DM Mono;letter-spacing:.12em}.label-one{top:13px;right:24px}.label-two{bottom:26px;left:-7px}.label-three{top:52%;right:-26px;color:var(--acid)}.workspace,.result-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:17px}.result-grid{grid-template-columns:1.3fr .9fr;margin-top:17px}.panel{border:1px solid var(--line);background:#111319cc;padding:25px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel h2{font-size:21px;letter-spacing:-.04em;margin:0}.panel h2 span{color:var(--muted);font-size:13px;font-weight:400}.upload-btn{background:transparent;border:1px solid #555a68;padding:11px 14px;color:#f0f0ec;font:10px DM Mono;letter-spacing:.1em;cursor:pointer}.upload-btn input{display:none}.track-list{margin-top:24px}.track-row{border-top:1px solid var(--line);display:grid;grid-template-columns:28px 33px 1.3fr 1fr 45px;align-items:center;gap:10px;min-height:68px}.track-row.is-active{color:var(--acid)}.track-number,.track-time{color:var(--muted);font:11px DM Mono}.play-btn{width:27px;height:27px;border:1px solid #505460;color:var(--acid);background:transparent;border-radius:50%;font-size:10px}.track-info{display:flex;flex-direction:column;gap:4px}.track-info strong{font-size:13px;font-weight:500}.track-info span,.planned-row p,.hint{color:var(--muted);font-size:11px;margin:0}.mini-wave{height:27px;display:flex;align-items:center;gap:3px}.mini-wave i{display:block;flex:1;background:#4a4d58;min-width:2px}.is-active .mini-wave i{background:var(--acid)}.brief-panel{display:flex;flex-direction:column}.agent-badge{color:var(--orange);font:10px DM Mono;letter-spacing:.1em;white-space:nowrap}.brief-panel textarea{resize:none;min-height:125px;margin:28px 0 15px;padding:15px;color:#e8e8e3;border:1px solid #383b45;background:#191b23;outline:none;line-height:1.5}.brief-panel textarea:focus{border-color:var(--acid)}.primary-btn{padding:16px;background:var(--acid);border:0;color:#0b0c10;font:11px DM Mono;font-weight:500;letter-spacing:.12em}.primary-btn:disabled{opacity:.55}.hint{margin-top:15px}.plan-panel .summary{color:#bbbcc0;font-size:13px;margin:24px 0 20px}.energy-chart{display:flex;align-items:end;height:100px;gap:10px;border-bottom:1px solid var(--line);padding:0 10px;margin-bottom:16px}.energy-bar{display:flex;height:100%;flex:1;flex-direction:column;justify-content:end;gap:8px}.energy-bar span{display:block;background:linear-gradient(#d7f25b,#8d9f39);min-height:8px}.energy-bar small{color:var(--muted);font:9px DM Mono}.planned-row{border-top:1px solid var(--line);display:flex;gap:17px;padding:14px 0}.plan-index{color:var(--acid);font:11px DM Mono}.planned-row strong{font-size:13px;font-weight:500}.planned-row p{margin-top:5px;line-height:1.45}.activity-icon{color:var(--orange)}.activity-list{margin-top:29px}.activity-step{display:flex;gap:13px;align-items:flex-start;margin:0 0 21px}.step-check{width:21px;height:21px;border:1px solid #545861;border-radius:50%;display:grid;place-items:center;color:var(--acid);font-size:11px}.activity-step:last-child .step-check{color:var(--orange)}.activity-step strong,.activity-step small{display:block;font-size:12px}.activity-step small{color:var(--muted);font:10px DM Mono;margin-top:5px}.feedback-box{margin-top:31px;padding-top:18px;border-top:1px solid var(--line)}.feedback-box label{color:var(--muted);font:10px DM Mono;letter-spacing:.1em}.feedback-input{display:flex;border:1px solid #383b45;margin-top:11px;background:#191b23}.feedback-input input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:#eee;padding:12px;font-size:11px}.feedback-input button{width:40px;background:var(--orange);color:#111;border:0}.feedback-input button:disabled{opacity:.4}footer{display:flex;justify-content:space-between;color:#555963;font:9px DM Mono;letter-spacing:.1em;padding:30px 2px 0}@media(max-width:800px){.hero{padding-left:0;padding-right:0}.hero-orbit{display:none}.workspace,.result-grid{grid-template-columns:1fr}.header-status{display:none}.track-row{grid-template-columns:25px 30px 1fr 42px}.mini-wave{display:none}}@media(max-width:500px){.app-shell{padding:0 18px 22px}.brand small{display:none}.hero h1{font-size:54px}.panel{padding:18px}footer{flex-direction:column;gap:8px}}.panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.scan-btn,.slice-btn,.mic-btn{border:1px solid #4b5130;background:#171b12;color:var(--acid);font:10px DM Mono;letter-spacing:.08em}.scan-btn{padding:11px 12px}.slice-btn{padding:7px 8px;font-size:9px}.tag-row{display:flex;gap:5px;flex-wrap:wrap}.tag{color:#b9c27c;border:1px solid #3e4725;border-radius:99px;padding:2px 6px;font:9px DM Mono}.slice-dock{border-top:1px solid var(--line);margin-top:8px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.slice-dock strong{font-size:12px}.slice-pads{display:flex;gap:7px}.slice-pads button{min-width:63px;padding:9px 7px;border:1px solid #555a68;background:#191b23;color:#eee;text-align:left}.slice-pads b,.slice-pads small{display:block}.slice-pads b{color:var(--acid);font:11px DM Mono}.slice-pads small{color:var(--muted);font:9px DM Mono;margin-top:5px}.mic-card{margin-top:24px;border:1px solid #383b45;background:#191b23;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mic-card strong,.mic-card small{display:block}.mic-card strong{font-size:12px}.mic-card small{color:var(--muted);font:10px DM Mono;margin-top:6px}.mic-btn{width:38px;height:38px;border-radius:50%;font-size:18px}.mic-result{display:flex;gap:10px;align-items:center;margin-top:10px;padding:10px;border-left:2px solid var(--orange);background:#17171b}.mic-result.confident{border-left-color:var(--acid)}.mic-result strong,.mic-result small{display:block}.mic-result small{color:var(--muted);font:10px DM Mono;margin-top:3px}@media(max-width:800px){.track-row{grid-template-columns:25px 30px 1fr 48px 48px}.slice-dock{align-items:flex-start;flex-direction:column}.slice-pads{width:100%}.slice-pads button{flex:1}}@media(max-width:500px){.panel-actions{width:100%;justify-content:flex-start}.slice-pads{overflow-x:auto}.slice-pads button{min-width:62px}}