@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#311f1b;background:radial-gradient(circle at top left,oklch(94% .06 45),transparent 32%),radial-gradient(circle at bottom right,oklch(92% .04 25),transparent 30%),#faf4eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper: oklch(98% .015 85);--paper-strong: oklch(95% .02 80);--ink: oklch(26% .03 30);--muted: oklch(48% .03 40);--accent: oklch(66% .2 38);--accent-soft: oklch(88% .05 38);--line: oklch(83% .03 62);--shadow: 0 22px 60px color-mix(in oklab, var(--accent) 12%, transparent)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.page-shell{position:relative;min-height:100vh;overflow:hidden}.page-aura{position:absolute;width:28rem;height:28rem;border-radius:999px;filter:blur(120px);opacity:.55;pointer-events:none}.page-aura-left{top:-10rem;left:-12rem;background:color-mix(in oklab,var(--accent) 32%,transparent)}.page-aura-right{bottom:-12rem;right:-8rem;background:#dfb585}.app-shell{width:min(1180px,calc(100vw - 2rem));margin:0 auto;padding:clamp(1.5rem,2vw,2rem) 0 4rem}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);align-items:end;gap:1.5rem;padding:2.2rem;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in oklab,var(--paper) 94%,white),transparent 70%),linear-gradient(180deg,#ffffff8c,#ffffff47),var(--paper);box-shadow:var(--shadow)}.hero h1,.winner-panel h2,.panel h2,.matrix-panel h2,.ranking-item h3{margin:0;font-family:Fraunces,serif;font-weight:700;letter-spacing:-.03em}.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:.94;max-width:9ch}.eyebrow{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--accent);font-weight:800}.eyebrow.subtle{color:var(--muted)}.hero-copy{display:grid;gap:1rem;justify-items:start}.hero-copy-block{display:grid;gap:1rem}.hero-copy p,.winner-summary,.panel-heading p,.matrix-caption,.field-block span,.criterion-editor span,.ranking-score span,.winner-caption,.playbook-note{margin:0;color:var(--muted)}.hero-status{display:flex;flex-wrap:wrap;gap:.8rem}.hero-status span,.section-label{display:inline-flex;width:fit-content;padding:.45rem .7rem;border:1px solid color-mix(in oklab,var(--accent) 22%,var(--line));text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;background:color-mix(in oklab,var(--paper) 80%,white)}.hero-playbook{display:grid;gap:.85rem;padding:1.1rem 1.15rem;border-top:2px solid var(--accent);background:#ffffff9e}.playbook-label{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:var(--accent)}.playbook-list{margin:0;padding-left:1.15rem;display:grid;gap:.55rem}.playbook-list li{color:var(--ink);line-height:1.4}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.92fr);gap:1.5rem;margin-top:1.5rem;align-items:start}.control-column,.result-column,.matrix-panel{display:grid;gap:1rem}.mobile-result{display:none}.control-column{order:1}.result-column{order:2}.panel,.winner-panel,.ranking-panel,.matrix-panel{border:1px solid var(--line);background:color-mix(in oklab,var(--paper) 94%,white);padding:1.25rem}.winner-panel{display:grid;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,color-mix(in oklab,var(--accent-soft) 65%,white),transparent 55%),color-mix(in oklab,var(--paper) 94%,white)}.sticky-panel{position:sticky;top:1rem}.winner-head,.panel-heading,.action-row,.criterion-heading,.ranking-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.winner-toolbar,.winner-headline,.winner-meta,.mobile-option-head{display:flex;justify-content:space-between;gap:1rem}.winner-kicker{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--accent)}.winner-caption{margin-top:.25rem}.winner-score{text-align:right}.winner-score strong{display:block;font-size:2.1rem;line-height:1}.winner-score span,.contribution-pill span,.criterion-heading strong,.ranking-position{color:var(--muted);font-size:.82rem}.winner-panel h2{font-size:clamp(2rem,4vw,3rem);line-height:.98;max-width:10ch}.winner-copy{display:grid;gap:.6rem}.confidence-chip{width:fit-content;padding:.35rem .6rem;background:#fffc;border:1px solid color-mix(in oklab,var(--accent) 26%,var(--line));text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.winner-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:.9rem 1rem;background:#ffffffa6;border:1px solid color-mix(in oklab,var(--accent) 18%,var(--line))}.metric-card span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.35rem}.metric-card strong{display:block;font-size:1rem}.contribution-grid{display:flex;flex-wrap:wrap;gap:.75rem}.contribution-pill{min-width:9rem;padding:.8rem .95rem;border-top:2px solid var(--accent);background:#ffffff9e}.contribution-pill strong{display:block;margin-top:.35rem}.field-block,.line-editor label,.criterion-editor label{display:grid;gap:.4rem}.title-input{font-size:1.1rem;font-weight:700}.intro-panel{gap:1rem}.text-input{width:100%;border:1px solid var(--line);background:#ffffffb8;padding:.85rem .95rem;color:var(--ink)}.text-input:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.score-chip:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 85%,white);outline-offset:2px}.stack-list{display:grid;gap:.9rem}.line-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.criterion-editor{display:grid;gap:.8rem;padding-bottom:.95rem;border-bottom:1px dashed var(--line)}.criterion-editor:last-child{border-bottom:0;padding-bottom:0}.weight-row{align-items:center}.weight-row input[type=range]{width:100%;accent-color:var(--accent)}.primary-button,.secondary-button,.ghost-button,.icon-button,.score-chip{border:1px solid var(--line);background:#ffffffb8;color:var(--ink);transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button,.secondary-button,.ghost-button{padding:.75rem 1rem}.primary-button{background:var(--accent);color:#faf4eb;border-color:color-mix(in oklab,var(--accent) 80%,black)}.secondary-button{background:color-mix(in oklab,var(--paper-strong) 76%,white)}.ghost-button,.icon-button{background:transparent}.icon-button{width:2.8rem;height:2.8rem}.compact-button{padding-inline:.85rem}.action-row{flex-wrap:wrap}.ranking-list{display:grid;gap:.7rem}.ranking-item{align-items:center;padding:.95rem 1rem;border:1px solid var(--line);background:#ffffff8f}.ranking-item-active{border-color:color-mix(in oklab,var(--accent) 46%,var(--line));background:color-mix(in oklab,var(--accent-soft) 55%,white)}.ranking-position{display:block;margin-bottom:.2rem}.ranking-item h3{font-size:1.25rem}.ranking-score{text-align:right}.ranking-score strong{display:block;font-size:1.4rem}.matrix-panel{margin-top:1.5rem}.matrix-scroll{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;min-width:760px}.matrix-table th,.matrix-table td{padding:1rem .85rem;border-top:1px solid var(--line);vertical-align:top}.matrix-table thead th{border-top:0;text-align:left;color:var(--muted);font-weight:700}.criterion-heading{align-items:baseline;flex-wrap:wrap}.score-rail{display:flex;gap:.45rem;flex-wrap:wrap}.score-chip{width:2.8rem;height:2.8rem;padding:0}.score-chip-active{border-color:color-mix(in oklab,var(--accent) 52%,var(--line));background:color-mix(in oklab,var(--accent-soft) 56%,white);color:var(--accent);font-weight:800}.desktop-matrix{display:block}.mobile-matrix{display:none}.mobile-criterion-card{display:grid;gap:.8rem;padding:1rem 0;border-top:1px solid var(--line)}.mobile-option-row{display:grid;gap:.6rem}.mobile-score-stack{display:grid;gap:1rem}.mobile-option-head span{font-weight:700}.mobile-option-head strong{font-size:.9rem;color:var(--muted)}.panel-heading.compact{margin-bottom:.75rem}.fade-up{opacity:0;transform:translateY(14px);animation:fadeUp .56s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fade-up,.primary-button,.secondary-button,.ghost-button,.icon-button,.score-chip{animation:none;transition:none}}@media(hover:hover){.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover,.score-chip:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--accent) 28%,var(--line))}}@media(max-width:940px){.workspace-grid{grid-template-columns:1fr}.result-column{order:1}.control-column{order:2}.hero{grid-template-columns:1fr;padding:1.4rem}.hero h1{max-width:10ch}.sticky-panel{position:static}}@media(max-width:640px){.app-shell{width:min(100vw - 1rem,100%);padding-bottom:2rem}.hero,.panel,.winner-panel,.ranking-panel,.matrix-panel{padding:1rem}.hero{gap:1rem}.hero h1{font-size:clamp(2.1rem,10vw,3rem);max-width:8ch}.hero-copy-block,.hero-playbook,.winner-copy,.ranking-list,.stack-list,.mobile-score-stack{gap:.75rem}.playbook-list{gap:.4rem}.hero-status,.action-row,.contribution-grid,.winner-meta{display:grid}.hero-status{gap:.45rem}.winner-head,.panel-heading,.line-editor,.ranking-item,.winner-toolbar,.winner-headline,.mobile-option-head{grid-template-columns:1fr;display:grid}.winner-score,.ranking-score{text-align:left}.metric-card,.contribution-pill,.ranking-item{padding:.8rem}.desktop-matrix{display:none}.mobile-matrix{display:grid}.desktop-result{display:none}.mobile-result{display:grid;margin-top:1rem}}
