:root{--ink:#19231f;--ink-2:#32423b;--paper:#f5f1e8;--card:#fffdf8;--line:#d8d1c3;--gold:#dfb85a;--gold-2:#f0d897;--red:#a73737;--green:#27684b;--shadow:0 16px 50px rgba(25,35,31,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,rgba(223,184,90,.14),transparent 28rem),var(--paper);line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.hidden{display:none!important}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:#fff;padding:.8rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 6rem}.app-header{height:78px;padding:0 max(1rem,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid rgba(25,35,31,.12);background:rgba(245,241,232,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.app-header nav{display:flex;align-items:center;gap:1rem}.app-header form{margin:0}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark,.auth-logo{display:grid;place-items:center;background:var(--ink);color:var(--gold);font-weight:900;border-radius:14px}.brand-mark{width:44px;height:44px;font-size:1.35rem}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:1.03rem}.brand small{color:#657069;font-size:.7rem}.button{appearance:none;border:1px solid var(--ink);border-radius:12px;background:var(--ink);color:#fff;min-height:46px;padding:.72rem 1.08rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;font-weight:750;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(25,35,31,.15)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.compact{min-height:40px;padding:.5rem .8rem;font-size:.9rem}.button.full{width:100%}.button.danger{background:var(--red);border-color:var(--red)}.text-button{border:0;background:transparent;color:var(--ink-2);padding:.65rem;cursor:pointer}.eyebrow{font-weight:850;letter-spacing:.14em;font-size:.73rem;color:#7e672f;margin:0 0 .55rem}.page-heading,.detail-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.1rem}.page-heading h1,.detail-header h1{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.045em;line-height:1.05;margin:0}.page-heading p:not(.eyebrow),.detail-header p:not(.eyebrow){color:#68726d;margin:.55rem 0 0}.compact-heading{margin:1.4rem 0 2rem}.back-link{display:inline-flex;margin-bottom:1.2rem;color:#55615b;text-decoration:none;font-weight:650}.alert{padding:1rem 1.1rem;border-radius:12px;margin:0 0 1.2rem;border:1px solid}.alert.error{background:#fff0ed;color:#812e2e;border-color:#e9b2aa}.alert.success{background:#e8f5ec;color:#205a3e;border-color:#a9d1b7}.recording-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.recording-card{display:flex;flex-direction:column;min-height:230px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.25rem;text-decoration:none;box-shadow:0 4px 14px rgba(25,35,31,.035);transition:transform .16s,border-color .16s,box-shadow .16s}.recording-card:hover{transform:translateY(-3px);border-color:#b9a467;box-shadow:var(--shadow)}.recording-card-top,.recording-meta{display:flex;align-items:center;justify-content:space-between;color:#7a817d;font-size:.8rem}.recording-card h2{margin:1.5rem 0 .25rem;font-size:1.22rem;line-height:1.25}.recording-card>p{color:#747c78;margin:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-meta{margin-top:auto;padding-top:1rem}.status{border-radius:999px;padding:.27rem .55rem;font-weight:750}.status.complete{background:#e3f2e8;color:#245e43}.status.processing{background:#fff0be;color:#705616}.status.queued{background:#e8ecea;color:#4b5852}.status.failed{background:#fbe1dd;color:#8c302d}.progress{height:5px;background:#e6e1d7;border-radius:99px;overflow:hidden;margin-top:1rem}.progress span{display:block;height:100%;width:calc(attr(data-progress type(<number>),0)*1%);background:var(--gold);border-radius:inherit}.progress.large{height:9px;width:min(520px,100%);margin:1.5rem auto .7rem}.empty-state{background:var(--card);border:1px dashed #bcb4a6;border-radius:22px;text-align:center;padding:clamp(3rem,9vw,7rem) 1.5rem}.empty-state h1,.empty-state h2{margin:.5rem 0}.empty-state p{color:#6b746f;margin:0 auto 1.4rem;max-width:36rem}.empty-icon{font-size:2.4rem;color:#9b7b2f}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);background:var(--ink)}.auth-intro{padding:clamp(2rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 25% 25%,rgba(223,184,90,.2),transparent 22rem)}.auth-logo{width:62px;height:62px;font-size:2rem;background:var(--gold);color:var(--ink);margin-bottom:3rem}.auth-intro .eyebrow{color:var(--gold-2)}.auth-intro h1{font-size:clamp(2.8rem,6vw,5.5rem);letter-spacing:-.06em;line-height:.98;margin:0;max-width:12ch}.auth-intro>p:not(.eyebrow){color:#cad1cd;max-width:42rem;font-size:1.07rem;margin:1.5rem 0}.feature-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.feature-list li{border:1px solid #526159;border-radius:999px;padding:.45rem .75rem;font-size:.83rem}.feature-list li:before{content:"✓";color:var(--gold);margin-right:.4rem}.auth-card{background:var(--card);padding:clamp(2rem,7vw,6rem);display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:2rem;margin:0 0 1.5rem}.stack-form{display:grid;gap:1rem}.stack-form label,.settings-panel label,.editor-panel>label{display:grid;gap:.4rem;font-weight:700;color:var(--ink-2)}label small{font-weight:500;color:#737d78}input,select,textarea{width:100%;border:1px solid #c9c2b5;background:#fff;border-radius:11px;padding:.78rem .85rem;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#9a7725;box-shadow:0 0 0 3px rgba(223,184,90,.22)}textarea{resize:vertical;line-height:1.45}.check-row{grid-template-columns:22px 1fr!important;align-items:start;font-size:.86rem;font-weight:550!important}.check-row input{width:19px;height:19px;margin:.15rem 0}.auth-switch{text-align:center;color:#6c746f;margin:1.3rem 0 0}.auth-switch a{font-weight:800}.upload-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:1.25rem}.panel,.editor-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 4px 16px rgba(25,35,31,.035)}.drop-zone{border:1.5px dashed #b7ad9e;border-radius:16px;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:#fbf8f1;transition:border-color .15s,background .15s}.drop-zone.dragging{border-color:#8c6d21;background:#fff8dd}.drop-zone h2{margin:.9rem 0 .2rem}.drop-zone p{color:#737a76}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.selected-file{font-weight:750;color:var(--green)!important;min-height:1.5rem}.wave-icon{height:52px;display:flex;align-items:center;gap:5px}.wave-icon i{display:block;width:5px;border-radius:99px;background:var(--gold);height:16px}.wave-icon i:nth-child(2),.wave-icon i:nth-child(4){height:34px}.wave-icon i:nth-child(3){height:49px}.divider{display:flex;align-items:center;gap:1rem;color:#888;margin:1.4rem 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.recorder{display:flex;justify-content:center;align-items:center;gap:1rem}.record-button{border:0;background:#f3e9e6;color:#8e302e;border-radius:12px;min-height:48px;padding:.7rem 1rem;font-weight:800;cursor:pointer}.record-button span{display:inline-block;width:11px;height:11px;background:#b83e38;border-radius:50%;margin-right:.4rem}.record-button.recording span{animation:pulse 1.2s infinite}.recorder>div{display:flex;flex-direction:column}.recorder small{color:#79807d}.settings-panel{display:flex;flex-direction:column;gap:1rem}.settings-panel h2{margin:0 0 .3rem}.optional{font-weight:500;color:#808682}.privacy-note{background:#eef3f0;border-radius:12px;padding:.9rem;color:#405048;font-size:.86rem}.privacy-note p{margin:.25rem 0 0}.detail-header{align-items:center}.export-menu{display:flex;gap:.5rem;flex-wrap:wrap}.processing-view{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(3rem,8vw,7rem) 1.5rem}.processing-view h2{font-size:1.8rem;margin:1.2rem 0 .5rem}.processing-view p{color:#68736e}.processing-orb{width:88px;height:88px;margin:auto;border-radius:50%;border:1px solid #ddcfaa;display:grid;place-items:center}.processing-orb span{width:52px;height:52px;background:var(--gold);border-radius:50%;animation:breathe 1.7s ease-in-out infinite}audio{width:100%;margin-bottom:1.2rem}.tabs{display:flex;gap:.35rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.tab{border:0;background:transparent;padding:.8rem 1rem;font-weight:800;color:#727b76;cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:var(--ink);border-color:var(--gold)}.editor-panel{display:grid;gap:1.2rem}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.editor-toolbar h2{margin:0}.editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.editor-columns label{display:grid;gap:.4rem;font-weight:700}.task-row{display:grid;grid-template-columns:minmax(0,1fr) 180px 140px 42px;gap:.5rem;margin-bottom:.5rem}.task-row button{border:1px solid #dbc6c1;background:#fff1ef;color:var(--red);border-radius:10px;cursor:pointer}.segments{display:grid;gap:.65rem}.segment{display:grid;grid-template-columns:72px 150px minmax(0,1fr);gap:.7rem;align-items:start;border-bottom:1px solid #e6e0d5;padding:.65rem 0}.timecode{border:0;background:#eee7d9;border-radius:8px;padding:.55rem .4rem;font-weight:800;cursor:pointer}.segment input,.segment textarea{padding:.6rem}.muted{color:#737d78;margin:0}.danger-zone{margin-top:1rem;border:1px solid #dfc8c3;border-radius:14px;padding:1rem;background:#fff8f6}.danger-zone summary{cursor:pointer;font-weight:800;color:#7d3835}.toast{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--ink);color:#fff;padding:.8rem 1rem;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}@keyframes breathe{50%{transform:scale(.78);opacity:.72}}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(184,62,56,.18)}}
@media(max-width:900px){.recording-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-layout{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:42vh}.auth-intro h1{font-size:clamp(2.5rem,11vw,4.6rem)}.auth-card{min-height:58vh}.task-row{grid-template-columns:1fr 1fr}.task-row input:first-child{grid-column:1/-1}.segment{grid-template-columns:68px 1fr}.segment textarea{grid-column:1/-1}}
@media(max-width:620px){.shell{width:min(100% - 1.1rem,1180px);padding:1.6rem 0 calc(5rem + env(safe-area-inset-bottom))}.app-header{height:auto;min-height:68px;padding:.7rem}.brand small,.app-header nav>a:not(.button){display:none}.app-header nav{gap:.25rem}.text-button{font-size:.82rem}.page-heading,.detail-header{align-items:flex-start;flex-direction:column}.page-heading>.button{width:100%}.recording-grid{grid-template-columns:1fr}.auth-intro{padding:2rem 1.3rem}.auth-logo{margin-bottom:1.7rem}.auth-card{padding:2rem 1.3rem}.feature-list{display:none}.upload-panel,.settings-panel,.editor-panel{padding:1rem}.drop-zone{min-height:285px}.recorder{align-items:flex-start}.editor-toolbar{align-items:flex-start;flex-direction:column}.editor-toolbar .button{width:100%}.editor-columns{grid-template-columns:1fr}.task-row{grid-template-columns:1fr 42px}.task-row input:first-child{grid-column:1/-1}.task-row input:nth-child(3){grid-column:1/-1}.segment{grid-template-columns:64px minmax(0,1fr)}.export-menu{width:100%}.export-menu .button{flex:1}.detail-header h1,.page-heading h1{font-size:2.25rem}.tabs{position:sticky;top:68px;background:var(--paper);z-index:10}.button,.record-button{min-height:44px}}
@media(prefers-color-scheme:dark){:root{--ink:#f2eee5;--ink-2:#d2d8d4;--paper:#111714;--card:#19211d;--line:#39423d;--shadow:0 18px 45px rgba(0,0,0,.25)}body{background:radial-gradient(circle at 90% 0,rgba(223,184,90,.09),transparent 28rem),var(--paper)}.app-header{background:rgba(17,23,20,.88)}.brand-mark{background:var(--gold);color:#17211d}.button{background:var(--gold);border-color:var(--gold);color:#17211d}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}input,select,textarea{background:#111714;border-color:#4a554f;color:var(--ink)}.drop-zone{background:#151c18}.privacy-note{background:#233029}.auth-card{background:#19211d}.auth-intro{background:#111714}.status.queued{background:#303a35;color:#d5dcd8}.empty-state{background:var(--card)}.timecode{background:#303a35;color:var(--ink)}.danger-zone{background:#241918}.task-row button{background:#2a1817}.alert.error{background:#321b1a;color:#f1b7b3}.alert.success{background:#183025;color:#b7e4c8}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}