:root{--bg:#f3f0eb;--panel:#fcfbf8;--panel2:#f5f2ed;--line:#ddd7ce;--text:#282522;--muted:#77716b;--gold:#a9824b;--gold2:#765728;--red:#b65f62;--green:#6c9981}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 18% 0,rgba(201,177,142,.22),transparent 32%),linear-gradient(180deg,#f8f6f2,#f0ede8 55%,#ebe7e1);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.shell{max-width:1180px;margin:auto;padding:0 28px 70px}.topbar{height:82px;border-bottom:1px solid rgba(112,94,71,.15)}.brand{font-size:13px;color:#4a4540}.brand b{color:var(--gold2);font-weight:650}.brandmark{width:38px;height:38px;border-color:#b89564;color:#846334;background:rgba(255,255,255,.55);box-shadow:0 5px 20px rgba(72,55,35,.07)}.privacy{color:var(--muted);font-size:13px}.privacy i{background:var(--green)}.journey{display:flex;align-items:center;justify-content:center;gap:13px;padding:24px 12px 27px;color:#9a938b;font-size:13px}.journey span{display:flex;align-items:center;gap:8px;white-space:nowrap}.journey span i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #d6d0c7;border-radius:50%;font-style:normal;font-size:11px;background:rgba(255,255,255,.5)}.journey span.active{color:#765728}.journey span.active i{background:#9a7440;color:white;border-color:#9a7440}.journey>b{width:42px;height:1px;background:#d8d2ca}.workspace{display:block;min-height:auto;border:0;background:transparent}.dropzone{min-height:540px;max-width:940px;margin:0 auto;border:1px solid #d4cdc3;border-radius:28px;background:rgba(255,255,255,.68);box-shadow:0 22px 70px rgba(79,64,47,.08);backdrop-filter:blur(14px)}.dropzone:hover,.dropzone.drag{border-color:#b28c58;background:rgba(255,255,255,.88)}.dropzone h1{font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:400;color:#302b27;margin:13px 0 10px}.dropzone p{font-size:16px;color:#7c756e}.dropzone small{font-size:12px;color:#979089}.upload-icon{width:70px;height:70px;border-color:#c8b18d;color:#8c6838;background:#f8f3eb}.gold-btn{background:linear-gradient(135deg,#b8915a,#8e6837);color:white;border-radius:12px;padding:14px 24px;box-shadow:0 8px 24px rgba(118,87,40,.16);font-size:14px}.gold-btn:hover{filter:brightness(1.05)}.editor{display:grid;gap:22px}.file-card,.section-card{background:rgba(255,255,255,.75);border:1px solid #ded8cf;border-radius:24px;padding:28px;box-shadow:0 14px 48px rgba(72,57,41,.06);backdrop-filter:blur(14px)}.filename{display:block;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;margin-top:5px;color:#302b27}.filemeta{color:#8c857d}.eyebrow{color:#9a7440;font-size:11px;letter-spacing:.15em}.text-btn{color:#876231;border:1px solid #d9cbb8;padding:9px 13px;border-radius:10px;background:#faf7f1}#waveform{height:285px;background:#f7f4ef;border-color:#e1dbd3;margin:22px 0 12px}.spectrum-card{background:#f7f4ef;border-color:#e1dbd3}.spectrum-head{color:#9d968f}.spectrum-head span:first-child{color:#68615b}.play{background:#f9f5ee;border-color:#ad8855;color:#765728}.transport>span{color:#8a837c}.ab{background:#eee9e2}.ab-btn{color:#7f7871}.ab-btn.active{background:white;color:#765728;box-shadow:0 2px 8px rgba(75,60,43,.08)}.ab-status{color:#908981}.section-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.section-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:400;letter-spacing:0;text-transform:none;color:#302b27;margin:2px 0 0}.step-number{width:40px;height:40px;display:grid;place-items:center;border:1px solid #cdbb9f;border-radius:50%;color:#8c6838;background:#faf6ef;font-family:Georgia,serif;font-size:17px}.diagnostic-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px}.score-wrap{border-bottom:0;background:#f6f2ec;border-radius:16px;padding:18px}.score{border-color:#ad8855;color:#846334;background:#fff;width:68px;height:68px}.score-wrap span{color:#817a73}.metrics{margin:0;grid-template-columns:repeat(3,1fr);gap:9px}.metrics div{background:#f6f3ee;border-color:#e2ddd5;border-radius:12px;padding:14px}.metrics span{font-size:12px;color:#8c857d}.metrics b{font-size:15px;color:#3b3632}.metric-wide{grid-column:span 2!important}.findings{margin:15px 4px 0}.finding{color:#6d6660;border-color:#e8e3dc}.reference-card{margin-top:26px;background:#f7f4ef;border-color:#ded7cd;border-radius:18px}.reference-btn{border-color:#c9b18e;background:#fffaf2;color:#795a30}.compare-grid div{background:white}.reference-copy small,.reference-result p{color:#817a73}.repair-section{margin-top:34px;padding-top:30px;border-top:1px solid #e2ddd5}.repair-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.primary-settings,.advanced-settings{border:1px solid #e0dad2;background:#f8f5f0;border-radius:18px;padding:20px}.primary-settings h3{font-family:Georgia,serif;font-size:19px;font-weight:400;margin:0 0 13px}.subheading{margin-top:26px!important}.repair-mode{background:white;border-color:#ded8cf;color:#342f2b;padding:13px}.repair-mode span{color:#817a73}.repair-mode.active{border-color:#b38d59;background:#fffaf2;box-shadow:inset 3px 0 #a9824b}.repair-mode.active i{color:#805e31}.mode-advice{background:#f0ebe4;border-color:#ae8752;color:#716961;border-radius:0 10px 10px 0}.targets{grid-template-columns:repeat(4,1fr)}.target{background:white;border-color:#ddd7cf;color:#69625c}.target.active{border-color:#ad8855;background:#fff9ef;color:#78582e}.target-note,.safe-note{color:#817a73}.advanced-settings{align-self:start}.advanced-settings summary{cursor:pointer;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary span{font-family:Georgia,serif;font-size:19px}.advanced-settings summary small{color:#8b847d}.advanced-settings summary:after{content:'＋';color:#967344}.advanced-settings[open] summary:after{content:'−'}.advanced-body{padding-top:8px}.control>span{color:#67605a}.control output{color:#795a30}.freq-row{color:#7f7770}.freq-row select,.export-grid select{background:white;color:#48413c;border-color:#d8d2ca}.safe-note{background:#f0ece6;border-color:#a9824b}.wide{max-width:430px;display:block;margin:24px auto 0}.export-panel{margin-top:34px;background:#f6f2ec;border-color:#d8cec0;border-radius:19px;padding:22px}.export-panel h2{margin:2px 0 0}.export-panel.locked{opacity:.72}.export-lock{color:#8a693c}.download{background:white;color:#795a30;border-color:#aa8450}.repair-report{background:#f7f3ed;border-color:#d7c9b6}.repair-report>div:first-child b{color:#765728}.repair-deltas span{background:white;color:#817a73}.repair-deltas b{color:#3a342f}.toast{background:#39322b;color:#fff5e8;border-color:#6c5942}.empty-state{color:#817a73;border-color:#d9d2c9;background:#f8f5f0}
@media(max-width:900px){.shell{padding:0 15px 45px}.journey{overflow-x:auto;justify-content:flex-start}.journey>b{min-width:28px}.dropzone{min-height:470px}.file-card,.section-card{padding:19px;border-radius:19px}.diagnostic-layout,.repair-layout{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.targets{grid-template-columns:1fr 1fr}#waveform{height:220px}.privacy{display:none}}
@media(max-width:560px){.dropzone h1{font-size:30px}.journey span{font-size:12px}.journey span i{width:22px;height:22px}.file-row{align-items:flex-start;gap:12px}.filename{font-size:21px}.transport{flex-wrap:wrap}.ab{width:100%}.ab-btn{flex:1}.metrics{grid-template-columns:1fr 1fr}.metric-wide{grid-column:1/-1!important}.repair-mode{grid-template-columns:76px 1fr}.repair-mode i{grid-column:2}.section-heading h2{font-size:24px}}