:root{--bg:#050505;--panel:#0e0e0f;--panel2:#141416;--gold:#d6af57;--gold2:#f0d38a;--text:#f4efe4;--muted:#9a9488;--line:#2a2824;--danger:#b95b54;--radius:22px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(214,175,87,.13),transparent 34%),linear-gradient(180deg,#050505,#090909 65%,#050505);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button,input,textarea{font:inherit}.app-shell{width:min(1180px,100%);margin:auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 22px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{width:58px;height:58px;border:1px solid rgba(214,175,87,.6);border-radius:17px;display:grid;place-items:center;font-family:Georgia,serif;font-size:36px;color:var(--gold2);background:linear-gradient(145deg,#19150d,#080808);box-shadow:inset 0 0 18px rgba(214,175,87,.11),0 12px 35px #000}.eyebrow,.kicker,.step{font-size:.67rem;letter-spacing:.24em;color:var(--gold);margin:0 0 4px;font-weight:700}.topbar h1{font-size:1.05rem;margin:0;font-weight:500}.panel{background:linear-gradient(145deg,rgba(19,19,20,.98),rgba(10,10,11,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 55px rgba(0,0,0,.25);padding:24px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:190px;margin-bottom:18px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-80px;top:-120px;width:300px;height:300px;border:1px solid rgba(214,175,87,.13);border-radius:50%}.hero h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,6vw,4.2rem);line-height:.95;margin:10px 0 14px;max-width:760px}.muted{color:var(--muted)}.hero .muted{max-width:680px;line-height:1.6}.signal-orb{width:150px;height:150px;border-radius:50%;border:1px solid rgba(214,175,87,.35);display:flex;align-items:center;justify-content:center;gap:6px;flex:none;background:radial-gradient(circle,rgba(214,175,87,.12),transparent 62%)}.signal-orb span{width:4px;border-radius:8px;background:var(--gold);height:25%;animation:pulse 1.4s ease-in-out infinite}.signal-orb span:nth-child(2),.signal-orb span:nth-child(4){height:48%;animation-delay:.2s}.signal-orb span:nth-child(3){height:70%;animation-delay:.35s}@keyframes pulse{50%{transform:scaleY(.35);opacity:.5}}.workspace-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head h3{margin:0;font-family:Georgia,serif;font-size:1.55rem;font-weight:400}.status{padding:7px 11px;border-radius:999px;border:1px solid var(--line);font-size:.75rem;color:var(--muted)}.status.live{border-color:#8a3732;color:#f3aaa5;background:rgba(185,91,84,.12)}.timer{text-align:center;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,8vw,5rem);font-weight:200;letter-spacing:.05em;margin:18px 0}canvas{width:100%;height:115px;border-radius:14px;background:#070707;border:1px solid #202020}.transport,.action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}button,.file-button{border:0;border-radius:12px;padding:12px 16px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,var(--gold2),#ad8333);color:#161006;font-weight:700}.ghost{background:#171719;color:var(--text);border:1px solid #343239}.danger{background:transparent;color:#e48a84;border:1px solid #5b302d}.compact{padding:9px 12px}.round{width:60px;height:60px;border-radius:50%;padding:0}.record-dot{width:20px;height:20px;background:#6a1714;border-radius:50%;box-shadow:0 0 0 6px rgba(106,23,20,.15)}button:disabled{opacity:.35;cursor:not-allowed}.file-button input{display:none}.source-name{color:var(--muted);font-size:.82rem;margin:12px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{display:grid;gap:17px}.controls label{display:grid;grid-template-columns:1fr auto;gap:7px;color:#d8d3ca;font-size:.85rem}.controls output{color:var(--gold2);font-variant-numeric:tabular-nums}.controls input{grid-column:1/-1;width:100%;accent-color:var(--gold)}.text-button{background:none;color:var(--gold);padding:5px}.playback-card,.archive-card{margin-bottom:18px}audio,video{width:100%;border-radius:14px;background:#050505;max-height:420px}.progress-wrap{height:5px;background:#242424;border-radius:9px;overflow:hidden;margin-top:14px}.progress-wrap div{height:100%;width:0;background:var(--gold)}.archive-list{display:grid;gap:10px}.archive-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px;border-radius:15px;background:#0a0a0b;border:1px solid #242424}.archive-item h4{margin:0 0 5px}.archive-item p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.archive-actions{display:flex;gap:7px;align-items:center}.archive-actions button{padding:8px 10px;font-size:.75rem}.empty-state{padding:30px;text-align:center;color:var(--muted);border:1px dashed #343239;border-radius:14px}footer{text-align:center;color:#6d685e;font-size:.75rem;padding:12px 0 28px}dialog{color:var(--text);background:#111;border:1px solid #343239;border-radius:18px;width:min(500px,calc(100% - 30px));padding:22px}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}dialog form{display:grid;gap:14px}dialog h3{font-family:Georgia,serif;font-size:1.7rem;margin:0}dialog label{display:grid;gap:7px;color:#cfc9bf;font-size:.85rem}dialog input,dialog textarea{background:#080808;color:var(--text);border:1px solid #343239;border-radius:10px;padding:12px}dialog textarea{min-height:100px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:760px){.workspace-grid{grid-template-columns:1fr}.hero{min-height:270px;align-items:flex-start}.signal-orb{position:absolute;right:-35px;bottom:-35px;opacity:.65}.panel{padding:18px}.action-row>*{flex:1 1 44%}.transport .file-button{flex:1}.topbar h1{font-size:.92rem}.brand-mark{width:50px;height:50px}.archive-item{grid-template-columns:1fr}.archive-actions{justify-content:flex-start}}@media(display-mode:standalone){.app-shell{padding-top:12px}}
.logo-symbol{object-fit:contain;padding:4px;background:linear-gradient(145deg,#19150d,#080808)}
.hero-copy{position:relative;z-index:1}.hero-logo{display:block;width:min(310px,70vw);max-height:150px;object-fit:contain;object-position:left center;margin:-18px 0 4px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.55))}
@media(max-width:760px){.hero-logo{width:min(260px,72vw);max-height:125px;margin:-8px 0 2px}}