:root{--paper:#f3efff;--ink:#292046;--muted:#66577c;--line:#d5c9ef;--green:#7042b6;--accent:#7042b6;--surface:#fff;--field:#fcfaff;--soft:#eee5fc;--focus:#c4a9ed;--radius:24px;--mark:"±";--shadow:0 12px 35px #5034800b;}

body{background:var(--paper);color:var(--ink)}.demo-header{max-width:none;padding:24px max(24px,calc((100vw - 1100px)/2));background:var(--surface);border-bottom:1px solid var(--line)}.demo-header .brand{font-size:23px;letter-spacing:-.8px}.demo-header nav a{font-size:13px;font-weight:600}.demo-main{margin-top:45px}.demo-main h1{max-width:850px}.panel{background:var(--surface);border-color:var(--line);border-radius:var(--radius,12px);box-shadow:var(--shadow,none)}.panel h2{letter-spacing:-.8px}.intro,.note{color:var(--muted)}input,select,textarea{background:var(--field);color:var(--ink);border-color:var(--line);border-radius:8px}input:focus,select:focus,textarea:focus{outline:3px solid var(--focus);outline-offset:2px}button{background:var(--green);color:var(--button-ink,#fff);border-radius:8px;transition:transform .15s}button:hover:not(:disabled){transform:translateY(-1px)}button.secondary{background:var(--soft);color:var(--ink);margin-left:0;margin-right:8px}.result{background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--ink)}.error{background:#ffe4e6;color:#881337}.tags span,.panel details,td,th{border-color:var(--line)}.metrics{margin:24px 0}.metrics>div{background:var(--soft);padding:18px 22px;border-radius:8px}.metrics strong{color:var(--green)}em{color:var(--accent);font-family:inherit}.workflow li{border-color:var(--accent)}summary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.eyebrow{color:var(--accent)}.brand:before{content:var(--mark);display:grid;place-items:center;width:36px;height:36px;background:var(--green);color:var(--button-ink,#fff);border-radius:var(--radius,8px);font:700 16px monospace;flex-shrink:0}audio{border-radius:30px}@media(max-width:650px){.demo-header{padding:18px 20px;gap:20px;align-items:flex-start}.demo-header .brand{font-size:18px;gap:9px}.demo-header nav a{font-size:12px}.demo-main h1{font-size:38px}.demo-main{padding:0 20px 45px}.brand:before{width:30px;height:30px}.metrics>div{padding:12px}.panel{padding:20px}}

.demo-main{max-width:880px}.demo-main h1{font-size:60px;font-weight:800;letter-spacing:-3px}.result{font-size:20px;border-left:5px solid #9470ce}.demo-header{border-bottom:0}.panel{padding:36px}button{border-radius:100px}.brand:before{border-radius:50%}
@media(max-width:650px){.demo-main h1{font-size:38px;letter-spacing:-1.5px}.demo-header{flex-wrap:wrap}.panel{padding:20px}.demo-header nav{margin-left:auto}.demo-main .metrics{gap:10px}.demo-main .metrics>div{flex:1 1 120px}}

.demo-main{max-width:1160px}.review-desk{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.desk-label{font:700 10px monospace;letter-spacing:1px;color:#8158b4}.sample-chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 28px}.sample-chips button{font-size:11px;background:#eee6fa;color:#623b99;padding:8px 12px;margin:0}.review-desk textarea{min-height:210px}.review-desk h2{font-size:25px}.sentiment-readout{background:#3c2264;color:#f7f1ff;border-radius:28px;padding:35px;position:sticky;top:20px}.sentiment-readout .desk-label{color:#cbb3ef}.sentiment-readout .result{background:#4f307c;color:white;border:0;font-size:16px;padding:20px}.sentiment-readout .note{color:#d7c8ee;font-size:12px}.sentiment-orb{width:85px;height:85px;display:grid;place-items:center;border:1px solid #ab89d7;border-radius:50%;font-size:40px;margin:32px 0;background:#573680}.sentiment-readout h2{font-size:30px}.readout-foot{border-top:1px solid #755498;padding-top:20px;font-size:11px;color:#cbb3ef}.score-track{background:#6a488e;height:10px;border-radius:8px;margin-top:20px;overflow:hidden}.score-track span{display:block;height:100%;background:#d7b8fc;transition:width .4s}@media(max-width:800px){.review-desk{grid-template-columns:1fr}.sentiment-readout{position:static}.sentiment-orb{width:55px;height:55px;font-size:26px;margin:18px 0}}

#comparison-results p{padding:12px 0;border-bottom:1px solid #ffffff30;font-size:14px;line-height:1.6}