:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080b14;color:#edf4ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #080b14;--panel: rgba(13, 20, 38, .72);--panel-strong: rgba(15, 26, 50, .92);--line: rgba(255,255,255,.14);--muted: #aab7d2;--text: #edf4ff;--aqua: #79f7d2;--pink: #ff70b8;--violet: #a98cff;--gold: #ffe28a;--danger: #ff7676}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 8%,rgba(121,247,210,.16),transparent 33rem),radial-gradient(circle at 86% 18%,rgba(255,112,184,.18),transparent 34rem),linear-gradient(135deg,#080b14,#111827 44%,#080b14)}button,input{font:inherit}button{border:0;color:#041017;background:linear-gradient(135deg,var(--aqua),#b0fff0 48%,var(--gold));padding:.92rem 1.2rem;border-radius:999px;font-weight:800;letter-spacing:-.01em;cursor:pointer;box-shadow:0 12px 30px #79f7d22e;transition:transform .18s ease,filter .18s ease,opacity .18s ease}button:hover{transform:translateY(-1px);filter:brightness(1.06)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.ghost{background:#ffffff12;color:var(--text);border:1px solid var(--line);box-shadow:none}button.small{padding:.55rem .8rem;font-size:.85rem}.text-button{padding:0;background:none;color:var(--muted);box-shadow:none;text-decoration:underline}.app-shell{width:min(1160px,calc(100% - 28px));margin:0 auto;padding:28px 0 20px;position:relative;overflow:hidden}.ambient{position:fixed;inset:auto;pointer-events:none;filter:blur(20px);opacity:.7;animation:drift 11s ease-in-out infinite alternate}.ambient-a{width:240px;height:240px;left:-80px;bottom:15%;background:#79f7d224;border-radius:50%}.ambient-b{width:300px;height:300px;right:-120px;top:18%;background:#a98cff24;border-radius:50%;animation-delay:-4s}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18px,-24px,0) scale(1.12)}}.topbar{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);background:#080b149e;backdrop-filter:blur(18px);border-radius:26px;position:sticky;top:14px;z-index:20}.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-weight:950;background:conic-gradient(from 220deg,var(--aqua),var(--violet),var(--pink),var(--gold),var(--aqua));color:#07111f;box-shadow:0 16px 34px #79f7d22e}.eyebrow,.section-kicker{margin:0 0 3px;text-transform:uppercase;letter-spacing:.18em;color:var(--aqua);font-size:.72rem;font-weight:850}.topbar h1{margin:0;font-size:clamp(1.15rem,2.3vw,1.6rem);letter-spacing:-.04em}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.88rem}.status-dot{width:10px;height:10px;border-radius:50%;background:#ffffff38;box-shadow:0 0 0 6px #ffffff0a}.status-dot.on{background:var(--aqua);box-shadow:0 0 0 6px #79f7d21f}.creator-link{border:1px solid rgba(121,247,210,.42);border-radius:999px;padding:.55rem .8rem;color:var(--text);background:#79f7d217;text-decoration:none;font-weight:800;white-space:nowrap}.creator-link.coffee{border-color:#ffe28a75;background:#ffe28a21;color:var(--gold)}.panel{margin:22px 0;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,#ffffff13,#ffffff09),var(--panel);backdrop-filter:blur(18px);box-shadow:0 20px 70px #00000052}.hero-panel{min-height:520px;display:grid;align-content:center}.hero-panel.compact{min-height:340px;justify-items:center;text-align:center}h2{margin:0;font-size:clamp(2rem,6vw,5.4rem);line-height:.95;letter-spacing:-.075em}h3{margin:0 0 12px;font-size:1rem;color:#d9e7ff}.lede{font-size:clamp(1.05rem,2.2vw,1.42rem);line-height:1.55;color:var(--muted);max-width:780px}.fineprint,.hint{color:var(--muted);font-size:.9rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr);gap:28px;align-items:center}.oracle-card,.consent-card,.profile-card,.commons-map-card,.confusion-card,.hardest-card{border:1px solid var(--line);border-radius:28px;background:#ffffff0e;padding:18px}.consent-card{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px}.dev-human{color:var(--aqua);font-weight:800;padding:12px 14px;border:1px dashed rgba(121,247,210,.3);border-radius:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}.loading-orb{width:72px;height:72px;border-radius:50%;margin-bottom:18px;background:conic-gradient(from 0deg,var(--aqua),var(--pink),var(--violet),var(--aqua));animation:spin 1.1s linear infinite;box-shadow:0 0 36px #79f7d252}.loading-orb:after{content:"";display:block;width:44px;height:44px;margin:14px;border-radius:50%;background:var(--bg)}@keyframes spin{to{transform:rotate(360deg)}}.trial-panel h2{max-width:850px}.trial-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.86rem;text-transform:uppercase;letter-spacing:.12em}.context{color:var(--aqua);margin:22px 0 10px;font-weight:800}.stimulus-card{font-size:clamp(1.25rem,3.4vw,2.2rem);line-height:1.25;letter-spacing:-.035em;padding:clamp(18px,4vw,30px);border-radius:30px;background:linear-gradient(135deg,#79f7d21f,#ff70b81c),#ffffff0e;border:1px solid rgba(255,255,255,.16)}.stimulus-card.muted{font-size:1.18rem;color:#dce8fa}.answer-layout,.feedback-grid,.commons-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:24px;margin-top:26px}.label-cloud{display:flex;flex-wrap:wrap;gap:9px}.label-cloud button{background:#ffffff12;color:var(--text);box-shadow:none;border:1px solid var(--line);padding:.65rem .86rem}.label-cloud button.selected{background:linear-gradient(135deg,#79f7d2f0,#ffe28af0);color:#07111f}.slider-grid{display:grid;gap:12px;margin-top:14px}.slider-grid label{display:grid;gap:6px;color:var(--muted);font-weight:700}.slider-grid b{color:var(--text);margin-left:8px}input[type=range]{width:100%;accent-color:var(--aqua)}.sticky-actions{position:sticky;bottom:12px;background:#080b14b8;border:1px solid var(--line);border-radius:999px;padding:10px;justify-content:flex-end;backdrop-filter:blur(14px)}.emotion-wheel{width:100%;max-width:420px;display:block;margin:0 auto;overflow:visible}.emotion-wheel .axis{fill:#edf4ff6b;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.emotion-dot{cursor:pointer;outline:none}.emotion-dot circle{fill:#edf4ff9e;stroke:#ffffff59}.emotion-dot text{fill:#edf4ffc2;font-size:9px;pointer-events:none}.emotion-dot.active circle{fill:var(--aqua);filter:drop-shadow(0 0 8px rgba(121,247,210,.8))}.guess-point circle{fill:var(--gold);stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 10px rgba(255,226,138,.65))}.guess-point text{fill:var(--gold);font-size:11px;font-weight:900}.target-point circle{fill:var(--pink);stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 10px rgba(255,112,184,.65))}.target-point text{fill:var(--pink);font-size:11px;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.metric{padding:16px;border-radius:22px;background:#ffffff0e;border:1px solid var(--line);min-height:112px}.metric span,.profile-card span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:850}.metric strong{display:block;margin:8px 0 4px;font-size:clamp(1.6rem,4vw,2.6rem);letter-spacing:-.06em}.metric small,.profile-card small{color:var(--muted)}.evidence{color:#dce8fa;line-height:1.6}.commons-line{color:var(--aqua);font-weight:800}.profile-card strong{display:block;font-size:1.35rem;margin:7px 0;color:var(--gold)}.stats-panel h2{max-width:920px}.commons-map{width:100%;max-width:420px;display:block;margin:0 auto}.commons-map circle:first-child{fill:#ffffff09;stroke:#ffffff21}.commons-map line{stroke:#ffffff2e}.commons-map .drift{stroke:#ffe28a8c;stroke-width:2;stroke-dasharray:5 5}.commons-map .target{fill:var(--pink)}.commons-map .guess{fill:var(--aqua)}.commons-map text{fill:#edf4ffb8;font-size:9px}.label-bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 48px;gap:10px;align-items:center;color:var(--muted)}.bar-track{height:12px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--aqua));border-radius:inherit}.confusion-grid{display:flex;flex-wrap:wrap;gap:10px}.confusion-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff0e}.confusion-pill em{color:var(--muted);font-style:normal}.hardest-card{margin-top:16px;display:grid;gap:10px}.hardest-card article{padding:13px;border:1px solid var(--line);border-radius:18px;background:#ffffff0a}.hardest-card p{margin:8px 0;color:var(--muted)}.hardest-card small{color:var(--aqua)}.error-panel{border-color:#ff76765c}footer{color:var(--muted);font-size:.88rem;display:flex;gap:12px;align-items:center;justify-content:center;padding:16px}@media(max-width:850px){.app-shell{width:min(100% - 18px,1160px);padding-top:10px}.topbar{align-items:flex-start;border-radius:22px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.hero-grid,.answer-layout,.feedback-grid,.commons-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h2{font-size:clamp(2.2rem,12vw,4rem)}.sticky-actions{border-radius:24px}}@media(max-width:520px){.topbar{gap:10px}.brand-mark{width:44px;height:44px;border-radius:15px}.topbar-actions span:not(.status-dot){display:none}.metric-grid{grid-template-columns:1fr}.panel{border-radius:26px;padding:18px}.stimulus-card{border-radius:24px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}