:root{--paper:#fbfaf7;--white:#fff;--ink:#202724;--muted:#66716b;--line:#e0e5df;--tint:#f0f5ef;--green:#166d4b;--green-dark:#11543a;--gold:#cba96a;--shadow:0 13px 38px rgba(19,45,30,.055);--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.52 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.shell{max-width:1190px;margin:auto;padding:0 27px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:26px;width:100%}.brand{font-weight:780;letter-spacing:-.85px;font-size:23px;display:flex;align-items:center;gap:10px}.brandmark{width:33px;height:33px;display:inline-grid;place-items:center;border-radius:50%;background:var(--green);color:white;font-size:18px;line-height:1}.navlinks{display:flex;align-items:center;gap:25px;color:#58655d;font-size:14px}.navlinks a:hover,.navlinks .active{color:var(--green);font-weight:700}.navright{display:flex;align-items:center;gap:12px}.navpill{border:1px solid var(--line);border-radius:100px;padding:7px 13px;font-size:13px;color:var(--muted)}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:var(--green);border:1px solid var(--green);color:white;font-weight:680;min-height:43px;padding:10px 17px;border-radius:9px;transition:background .16s,transform .16s;text-align:center}.btn:hover:not(:disabled){background:var(--green-dark)}.btn.secondary{background:white;color:var(--ink);border-color:#d9e0d9}.btn.secondary:hover:not(:disabled){background:#f5f7f4}.btn.ghost{background:transparent;color:var(--green);border-color:transparent}.btn.small{min-height:34px;padding:6px 12px;font-size:13px}.btn.wide{width:100%}.tag{font-size:12px;border:1px solid var(--line);padding:5px 9px;border-radius:6px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;background:#fff;line-height:1.2}.tag.green{background:#ebf5ee;color:var(--green);border-color:#d4e8d9}.tag.gold{background:#fcf8ed;color:#8a713e;border-color:#eee0bf}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.25px;font-weight:800;color:var(--green);text-transform:uppercase}.heading{font-size:35px;font-weight:750;letter-spacing:-1.4px;line-height:1.15;margin:9px 0 11px}.subheading{font-size:20px;letter-spacing:-.48px;font-weight:740;margin:0 0 8px}.lede{font-size:15px;color:var(--muted);max-width:660px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.cardpad{padding:27px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:18px}.layout{display:grid;grid-template-columns:minmax(0,760px) 298px;gap:25px;align-items:start}.sidebar{display:grid;gap:14px;position:sticky;top:102px}.rule{height:1px;background:var(--line);margin:20px 0}.hero{padding:35px 0 27px}.hero.withline{border-bottom:1px solid var(--line)}.checkstep{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#edf2ed;color:var(--green);font-weight:750;font-size:13px}.stephead{display:flex;align-items:flex-start;gap:12px}.stephead h2{margin:1px 0 3px;font-size:20px;letter-spacing:-.6px}.script{padding:23px;background:#f7f8f4;border-radius:10px;border:1px solid #e8ebe5;font-size:17px;line-height:1.85;color:#38413b;max-height:268px;overflow:auto}.script p{margin:0 0 9px}.wavebox{height:78px;background:#f8faf8;border-radius:11px;border:1px solid var(--line);padding:10px;position:relative;overflow:hidden}.meter{display:flex;align-items:center;justify-content:center;gap:3px;height:100%}.meter i{display:block;width:3px;border-radius:4px;background:#91b3a1;min-height:6px}.meter.recording i{background:var(--green)}.recordcontrols{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.mic-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e2ede6;font-size:12px}.note{border-radius:9px;background:#f4f7f2;border:1px solid #e1ebde;padding:13px 15px;font-size:13px;color:#516556}.note.warn{background:#fff9ec;border-color:#f1e2bb;color:#80662f}.note.error{background:#fff1ed;border-color:#f0d0c7;color:#9b4237}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:720;color:#47554c}.field input,.field textarea,.field select{border:1px solid #d9dfd8;border-radius:8px;background:#fff;padding:11px 12px;outline:none;width:100%;color:var(--ink)}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #e5f2e8}.checkboxline{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#526058;cursor:pointer}.checkboxline input{margin:3px 0 0;accent-color:var(--green)}.minilist{display:grid;gap:12px}.minirow{display:flex;align-items:center;gap:10px;font-size:13px;color:#4e5e53}.minirow .circle{background:#eef5ef;color:#267350;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px}.status{display:flex;align-items:center;gap:6px;font-size:12px;color:#66756b}.dot{width:7px;height:7px;border-radius:50%;background:#c6cdc8}.dot.good{background:#3f9c6a}.previewhidden{display:none!important}.footer{border-top:1px solid var(--line);margin-top:55px;padding:24px 0 45px;font-size:12px;color:#758078}.portfolio-cover{background:linear-gradient(135deg,#e5ebe0,#f7f3e9 58%,#e8efe9);border-radius:15px 15px 0 0;height:140px;position:relative}.portfolio-main{padding:27px}.avatar{border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#527861,#203f34);width:92px;height:92px;border:5px solid white;box-shadow:0 3px 12px rgba(0,0,0,.09);color:white;font-size:36px;font-weight:700;margin-top:-78px;position:relative}.chips{display:flex;flex-wrap:wrap;gap:7px}.audio-tile{border:1px solid var(--line);border-radius:11px;padding:16px;display:grid;gap:7px;background:#fff}.audio-tile audio{width:100%;height:40px}.sampleline{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat strong{display:block;font-size:22px;letter-spacing:-.6px}.stat span{font-size:12px;color:var(--muted)}.tabbar{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:0 2px}.tab{padding:15px 0;border-bottom:2px solid transparent;font-weight:650;font-size:14px;color:var(--muted);background:transparent;border-top:0;border-right:0;border-left:0}.tab.active{border-bottom-color:var(--green);color:var(--ink)}.placeholder{background:#f7f8f5;border:1px dashed #d8ded7;padding:21px;border-radius:10px;color:var(--muted);font-size:13px}.checkmark{color:var(--green);font-weight:800}.divider-label{font-size:11px;font-weight:760;color:#87938b;letter-spacing:1px;text-transform:uppercase}.brief-layout{display:grid;grid-template-columns:1fr 315px;gap:24px}.radio-cards{display:grid;gap:10px}.radio-option{border:1px solid var(--line);padding:13px;border-radius:10px;display:flex;gap:11px;align-items:start;cursor:pointer}.radio-option:has(input:checked){border-color:#69a387;background:#f3faf4}.radio-option input{accent-color:var(--green);margin-top:5px}.brief-timeline{display:grid;gap:8px}.brief-timeline .segment{display:flex;align-items:start;gap:9px;background:#f8faf7;padding:12px;border:1px solid var(--line);border-radius:8px}.brief-timeline .segment strong{font-size:12px}.brief-timeline .segment span{font-size:12px;color:var(--muted)}.hidden{display:none!important}@media(max-width:880px){.layout,.brief-layout{grid-template-columns:1fr}.sidebar{position:static}.navlinks{display:none}.hero{padding:25px 0 19px}.heading{font-size:29px}}@media(max-width:560px){.shell{padding:0 16px}.topbar{height:64px}.cardpad{padding:19px}.formgrid,.sampleline,.stats{grid-template-columns:1fr}.portfolio-main{padding:20px}.script{font-size:15px}.navright .navpill{display:none}.brand{font-size:20px}.recordcontrols .btn{flex:1}.cardpad .heading{font-size:26px}}
/* phone-first studio additions */
#wave,#spec,#wave-saved{width:100%;height:auto;display:block;border-radius:10px;background:#10160f}
#spec{margin-top:8px}
.recpill{display:none;font-weight:800;font-size:12px;color:#fff;background:#c0392b;border-radius:100px;padding:4px 10px;letter-spacing:.06em}
.recpill.on{display:inline-block;animation:recpulse 1.2s infinite}
@keyframes recpulse{50%{opacity:.45}}
.dbfs{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);margin-left:8px}
.checkrow{display:flex;justify-content:space-between;gap:12px;padding:7px 2px;border-top:1px solid var(--line);font-size:14px}
.uploadrow{margin:10px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#upload-existing{max-width:100%}
@media(max-width:560px){.recordcontrols{gap:8px}.recordcontrols .btn{min-height:48px}.status{width:100%;margin-top:8px}}
.passage{border:1px solid var(--line);border-radius:10px;padding:14px;margin:10px 0;background:#fff}
.passage p{margin:8px 0}
img.brandmark{width:33px;height:33px;border-radius:50%;object-fit:cover;background:none}
img,audio,canvas,input{max-width:100%}