:root{color-scheme:light;--bg:#f2faf9;--surface:#fff;--raised:#e9f6f4;--text:#162d32;--muted:#4c646a;--line:#bcd9d6;--teal:#007c78;--mint:#39c5bb;--pink:#b72c69;--soft-pink:#fbeaf1;--button:#00736e;--button-text:#fff;--shadow:0 12px 40px #163b3510}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#10191f;--surface:#18262e;--raised:#20343b;--text:#e8f8f6;--muted:#adbfca;--line:#35535b;--teal:#5cddd0;--mint:#39c5bb;--pink:#ff82b2;--soft-pink:#382535;--button:#39c5bb;--button-text:#102729;--shadow:0 12px 40px #0003}}
:root[data-theme=dark]{color-scheme:dark;--bg:#10191f;--surface:#18262e;--raised:#20343b;--text:#e8f8f6;--muted:#adbfca;--line:#35535b;--teal:#5cddd0;--mint:#39c5bb;--pink:#ff82b2;--soft-pink:#382535;--button:#39c5bb;--button-text:#102729;--shadow:0 12px 40px #0003}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}body:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--mint) 0 88%,var(--pink) 88%)}header{padding:18px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line);gap:20px;flex-wrap:wrap}.brand{text-decoration:none;font-size:23px;font-weight:750;color:var(--teal);letter-spacing:-.7px}.brand span{color:var(--muted);font-size:14px;font-weight:400;letter-spacing:0}main{max-width:1200px;margin:auto;padding:40px 24px}h1{font-size:clamp(34px,4.5vw,55px);letter-spacing:-1.7px;line-height:1.12;margin:14px 0 22px;font-weight:650}h2{font-size:24px;line-height:1.3;margin:0 0 16px;letter-spacing:-.6px}h3{font-size:19px}p{color:var(--muted)}a{color:var(--teal)}.eyebrow{color:var(--pink);font-size:11px;letter-spacing:2px;font-weight:750}.intro{margin-bottom:32px;border-left:3px solid var(--mint);padding-left:22px}.layout{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.3fr);gap:24px}.card{background:var(--surface);padding:28px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);min-width:0}.drop{display:flex;flex-direction:column;border:1px dashed var(--teal);background:var(--raised);padding:26px 16px;border-radius:10px;gap:6px;cursor:pointer}.drop strong{color:var(--teal)}.drop span,.small{font-size:13px;color:var(--muted)}.drop input{max-width:100%;margin-top:16px}button,.button{display:inline-block;border:1px solid transparent;background:var(--button);color:var(--button-text);padding:11px 18px;min-height:44px;font:650 15px system-ui;border-radius:8px;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(.94)}.quiet{color:var(--text);background:var(--raised);border-color:var(--line)}button:disabled{opacity:.5;cursor:default}:is(button,a,input,select,summary):focus-visible{outline:3px solid var(--pink);outline-offset:3px}.drop:focus-within{outline:2px solid var(--pink)}progress{display:block;width:100%;margin-top:22px;height:9px;accent-color:var(--mint)}input:not([type=file]),select{border:1px solid var(--line);border-radius:8px;padding:11px;font:inherit;background:var(--surface);color:var(--text)}input:not([type=file]){width:100%;margin-top:5px}label{font-size:14px;font-weight:550}input::placeholder{color:var(--muted)}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.section-title h2{margin:0}.recording{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.recording>div{min-width:0}.recording h3{margin:0;overflow-wrap:anywhere;font-size:16px}.recording p{margin:5px 0;font-size:13px}.recording button{flex-shrink:0}.badge{display:inline-block;padding:3px 9px;background:var(--raised);color:var(--teal);border:1px solid var(--line);border-radius:20px;font-size:12px;font-weight:650}.detail{margin-top:26px}.detail[hidden]{display:none}.downloads{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.metadata{display:grid;grid-template-columns:1fr 2fr 1fr;gap:14px;margin:24px 0}.metadata button{grid-column:1/-1;justify-self:start}.notice{border-left:3px solid var(--pink);padding:12px 16px;background:var(--soft-pink);color:var(--text);border-radius:4px}.error{color:var(--pink);font-weight:600}.notes{max-width:78ch}.notes li{margin:10px 0}.transcript{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 ui-monospace,monospace;color:var(--text);background:var(--raised);padding:20px;border-radius:8px}details{margin-top:24px}summary{cursor:pointer;color:var(--teal);padding:10px 0}footer{margin-top:38px;font-size:12px;color:var(--muted);text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.theme-label select{font-size:13px;padding:8px;min-height:44px}.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.auth-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;min-height:calc(100vh - 110px)}.auth-card{max-width:480px;width:100%;justify-self:end}.auth-card button{width:100%}.auth-intro>p{max-width:40ch}.reset-layout{max-width:620px}.reset-layout h1{font-size:38px}.recovery{border-top:1px solid var(--line);padding-top:8px}.sound-bars{height:100px;display:flex;align-items:center;gap:10px;margin:30px 0}.sound-bars i{width:9px;height:36%;border-radius:5px;background:var(--mint)}.sound-bars i:nth-child(3n){height:90%}.sound-bars i:nth-child(3n + 1){height:55%}.sound-bars i:nth-child(4n){height:72%;background:var(--pink)}
@media(max-width:800px){.layout,.auth-layout{grid-template-columns:1fr}.auth-layout{gap:24px;min-height:0}.auth-card{justify-self:stretch;max-width:none}.auth-intro{padding-top:10px}.auth-intro h1{font-size:36px}.sound-bars{display:none}.metadata{grid-template-columns:1fr}main{padding:28px 18px}.card{padding:22px}.brand span{display:none}header{padding:14px 18px;gap:12px}.header-actions{gap:10px}.theme-label{font-size:0}.theme-label select{font-size:13px}.section-title{align-items:flex-start}.recording{gap:10px}h1{letter-spacing:-1px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}html{scroll-behavior:smooth}}
.past-library{margin-top:24px}.past-library .recording>div{min-width:0;overflow-wrap:anywhere}#library-detail audio{width:100%;margin:16px 0}#library-detail .archived-notes{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--raised);padding:18px;border-radius:10px}#library-detail:focus{outline:2px solid var(--teal);outline-offset:3px}