:root{--bg:#f3f4f7;--surface:#fff;--surface-muted:#e6e9ef;--accent:#002b99;--accent-soft:#ebf1ff;--accent-border:#afc3f4;--rosa:#ee2f7f;--rosa-soft:#fae1eb;--text:#222b3e;--text-secondary:#425272;--muted:#798baf;--border:#c1c9d8;--green:#16a34a;--amber:#d97706;--red:#dc2626;--shadow:0 18px 48px #222b3e1a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.shell,.room-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 40px}.topbar,.room-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-mark{color:var(--accent);font-size:24px;font-weight:800}.pill{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.pill-blue{background:var(--accent-soft);color:#002480;border:1px solid var(--accent-border)}.pill-pink{background:var(--rosa-soft);color:#8a224d;border:1px solid #f5c0d6}.hero-grid,.room-grid{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:28px;margin-top:44px;display:grid}.intro{padding:56px 0 24px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}h1{max-width:780px;color:var(--text);letter-spacing:0;margin:0;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.04}.room-header h1{font-size:clamp(30px,4vw,44px)}.subtitle{max-width:650px;color:var(--text-secondary);margin:18px 0 0;font-size:18px;line-height:1.6}.accent-line{background:var(--accent);border-radius:2px;width:48px;height:3px;margin-top:24px}.panel,.stat-card,.recent-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.create-panel,.response-panel{gap:16px;padding:24px;display:grid}label,legend{color:var(--text);font-size:14px;font-weight:700}input{width:100%;min-height:48px;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:8px;outline:none;padding:0 14px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #002b991f}.primary-button,.secondary-button,.ghost-link{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent)}.secondary-button,.ghost-link{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border)}.info-strip{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;padding-top:24px;display:grid}.info-strip div{gap:6px;display:grid}.info-strip strong,.recent-head strong{color:var(--text)}.info-strip span,.panel-title p,.dashboard-head p,.recent-head span,.empty-state{color:var(--text-secondary);font-size:14px;line-height:1.5}.room-header{align-items:flex-start}.room-header>div{flex:1}.room-grid{grid-template-columns:minmax(360px,520px) minmax(0,1fr);margin-top:24px}.panel-title,.dashboard-head{gap:10px;display:grid}.panel-title p,.dashboard-head p{margin:0}.score-picker{border:0;border-top:1px solid var(--border);gap:12px;min-width:0;margin:0;padding:18px 0 0;display:grid}.score-picker legend,.value-picker legend{gap:4px;display:grid}.score-picker legend span,.value-picker legend span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.score-grid{grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;display:grid}.score-option{aspect-ratio:1;min-width:0;color:var(--text);background:var(--surface-muted);border:1px solid #0000;border-radius:8px;font-size:14px;font-weight:800}.score-option:hover{border-color:var(--accent-border)}.score-option.selected{color:#fff;background:var(--accent);border-color:var(--accent)}.value-picker{border:0;border-top:1px solid var(--border);gap:12px;min-width:0;margin:0;padding:18px 0 0;display:grid}.value-grid{flex-wrap:wrap;gap:8px;display:flex}.value-option{min-height:36px;color:var(--text-secondary);background:var(--surface-muted);border:1px solid #0000;border-radius:9999px;padding:0 12px;font-size:13px;font-weight:800}.value-option:hover{border-color:var(--accent-border)}.value-option.selected{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.scale-labels{color:var(--muted);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.dashboard{gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stat-card{gap:16px;padding:20px;display:grid}.stat-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stat-head span{color:var(--text-secondary);font-weight:800}.stat-head strong{color:var(--accent);font-size:clamp(34px,5vw,52px);line-height:.9}.distribution{background:var(--surface-muted);border-radius:9999px;width:100%;height:12px;display:flex;overflow:hidden}.distribution span{min-width:0}.distribution .detractors{background:var(--red)}.distribution .passives{background:var(--amber)}.distribution .promoters{background:var(--green)}.stat-breakdown{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;display:grid}.stat-breakdown div{gap:2px;display:grid}.stat-breakdown dt{color:var(--muted);font-size:12px;font-weight:700}.stat-breakdown dd{margin:0;font-size:20px;font-weight:800}.recent-panel{padding:18px}.values-panel{box-shadow:none}.recent-head,.response-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.response-list{gap:8px;margin-top:14px;display:grid}.response-row{background:var(--accent-soft);border:1px solid var(--accent-border);min-height:40px;color:var(--text-secondary);border-radius:8px;padding:0 12px;font-size:13px;font-weight:700}.response-row time{color:var(--muted)}.word-cloud{background:linear-gradient(135deg, var(--accent-soft), #fff 62%, var(--rosa-soft));border:1px solid var(--accent-border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;min-height:180px;margin-top:16px;padding:18px;display:flex}.word-cloud-item{color:var(--accent);white-space:nowrap;align-items:center;gap:7px;font-weight:800;line-height:1;display:inline-flex}.word-cloud-item[data-weight="1"]{color:var(--text-secondary);font-size:15px}.word-cloud-item[data-weight="2"]{color:var(--foreground-blue-tertiary,#002480);font-size:19px}.word-cloud-item[data-weight="3"]{color:var(--accent);font-size:24px}.word-cloud-item[data-weight="4"]{color:var(--rosa);font-size:30px}.word-cloud-item[data-weight="5"]{color:var(--accent);font-size:38px}.word-cloud-item.muted{color:var(--muted);opacity:.55}.word-cloud-item small{min-width:22px;min-height:22px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:9999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.error,.success{margin:0;font-size:14px;font-weight:700}.error{color:var(--red)}.success{color:var(--green)}.banner{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-top:20px;padding:12px 14px}@media (max-width:900px){.hero-grid,.room-grid,.info-strip,.stats-grid{grid-template-columns:1fr}.intro{padding:20px 0 0}.room-header{display:grid}}@media (max-width:560px){.shell,.room-shell{width:min(100% - 20px,1180px);padding-top:16px}.topbar{align-items:flex-start}h1{font-size:38px}.create-panel,.response-panel{padding:18px}.score-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.recent-head,.response-row{flex-direction:column;align-items:flex-start}.word-cloud{justify-content:flex-start;min-height:150px;padding:14px}.word-cloud-item[data-weight="5"]{font-size:30px}.word-cloud-item[data-weight="4"]{font-size:26px}}