:root{color-scheme:light;font-family:Segoe UI,Roboto,sans-serif;--bg: #091227;--bg-soft: rgba(10, 24, 46, .74);--panel: rgba(13, 31, 57, .72);--line: rgba(102, 160, 255, .24);--ink: #f4f8ff;--muted: #b3c3dd;--accent: #2e7cf6;--accent-strong: #185fca;--mint: #11b693;--gold: #ffb02e;--danger: #f46c7f;--shadow: 0 24px 48px rgba(1, 8, 22, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 10% 10%,rgba(42,130,255,.42),transparent 30%),radial-gradient(circle at 90% 18%,rgba(64,160,255,.24),transparent 24%),linear-gradient(180deg,#061126,#0b1f3c 48%,#08152d)}a{color:var(--accent-strong)}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{position:relative;min-height:100vh;overflow:hidden}.ambient{position:fixed;inset:auto;width:240px;height:240px;filter:blur(18px);border-radius:999px;pointer-events:none}.ambient-a{top:-50px;right:-20px;background:#ffaa5b47}.ambient-b{bottom:80px;left:-40px;background:#ff78572e}.app{position:relative;min-height:100vh;padding:18px 16px 28px;max-width:860px;margin:0 auto}.card{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:var(--shadow)}.hero{background:linear-gradient(135deg,#14335ce0,#0e2443f0),linear-gradient(90deg,#3084ff26,#11b6931f)}.hero-profile{display:flex;gap:12px;align-items:center}.hero-avatar{width:58px;height:58px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:30px;background:linear-gradient(135deg,#2e7cf63d,#11b69333);border:1px solid rgba(116,177,255,.32)}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8cc6ff;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:26px;line-height:1.08}h2{margin-bottom:6px;font-size:17px}.subtle{color:var(--muted);font-size:12px;line-height:1.45}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.row-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row-actions.compact{flex-wrap:nowrap}.connection-card{display:grid;gap:12px}.connection-actions{display:grid;gap:8px;align-content:end}.empty-state{text-align:center;padding:26px 18px}.hint-inline{display:inline-flex;align-items:center;padding:10px 12px;border-radius:12px;background:#0d2240c7;border:1px solid rgba(102,160,255,.18);color:var(--muted);font-size:12px;font-weight:700}label{display:block;margin:0 0 6px;font-size:12px;font-weight:700;color:var(--muted)}input,textarea,select,button{width:100%;border-radius:14px;border:1px solid rgba(178,120,63,.22);padding:11px 12px;font-size:14px}input,textarea,select{background:#08182fd6;color:var(--ink)}textarea{min-height:90px;resize:vertical}button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border:none;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 18px #b3441d2e}button.secondary{background:#163153d1;color:#dceeff;border:1px solid rgba(102,160,255,.3);box-shadow:none}button.success{background:linear-gradient(135deg,#1f9c69,var(--mint))}button.warn{background:linear-gradient(135deg,#d79a10,var(--gold))}.meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.meta span,.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;background:#142f51cc;border:1px solid rgba(102,160,255,.2)}.badge.ok{background:#ddf7edeb;color:#1f6d4f}.badge.warn{background:#fff2d1f0;color:#8b6210}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.badge-stack{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.state-card,.question-card{background:var(--bg-soft)}.stats-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.stat-box{border-radius:16px;padding:12px;background:#0d2240b3;border:1px solid rgba(102,160,255,.2)}.stat-box span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.stat-box strong{font-size:16px;word-break:break-word}.question-copy{font-size:18px;line-height:1.4;font-weight:700}.link-list{display:flex;flex-wrap:wrap;gap:8px}.link-list a{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;text-decoration:none;background:#0d2240cc;border:1px solid rgba(102,160,255,.2)}.choice-grid,.boolean-grid{display:grid;gap:10px}.choice-grid,.boolean-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:68px;text-align:left;background:#0d2240d1;color:var(--ink);border:1px solid rgba(102,160,255,.2);box-shadow:none}.option-card.selected{background:linear-gradient(135deg,#db5b2f24,#ffd3b0e6);border-color:#db5b2f5c}.option-card.success.selected{background:linear-gradient(135deg,#2a9d7229,#e3f9f0f0)}.option-card.danger.selected{background:linear-gradient(135deg,#c7494929,#ffeaeaf0)}.option-index,.stack-rank{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:#2e7cf633;color:#d8eaff;font-weight:800}.stack-list,.matching-list,.team-list,.drawing-shell{display:grid;gap:10px}.drawing-toolbar{display:grid;gap:10px;padding:12px;border-radius:16px;background:#0d2240cc;border:1px solid rgba(102,160,255,.2)}.drawing-colors{display:flex;gap:8px;flex-wrap:wrap}.color-dot{width:28px;height:28px;min-width:28px;padding:0;border-radius:999px;border:2px solid rgba(255,255,255,.5);box-shadow:none}.color-dot.active{outline:2px solid rgba(45,24,8,.72);outline-offset:1px}.brush-wrap{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:700}.brush-wrap input{flex:1}.drawing-stage{border-radius:18px;overflow:hidden;border:1px solid rgba(102,160,255,.24);background:#041328}.drawing-stage canvas{display:block;width:100%;touch-action:none;cursor:crosshair}.stack-item,.team-card,.matching-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px;border-radius:16px;background:#0d2240cc;border:1px solid rgba(102,160,255,.2)}.stack-label,.matching-label{font-weight:700}.matching-row select{max-width:48%}.hint-box,.error-box,.payload-preview{border-radius:14px;padding:12px;font-size:13px;line-height:1.45}.hint-box{background:#143155d6;border:1px solid rgba(255,176,46,.24);color:#ffcf7a}.error-box{background:#591724cc;border:1px solid rgba(244,108,127,.3);color:#ffd5dc}.payload-preview{background:#051021f0;color:#c3dcff;font-family:Consolas,monospace;white-space:pre-wrap;word-break:break-word}.status{font-size:12px;white-space:pre-wrap;background:#07182f;color:#d0e4ff;border-radius:14px;padding:12px;min-height:68px}@media (max-width: 720px){.hero-profile{flex-direction:column;align-items:flex-start}.grid.two,.stats-grid,.choice-grid,.boolean-grid{grid-template-columns:1fr}.stack-item,.team-card,.matching-row,.card-head,.brush-wrap{flex-direction:column;align-items:stretch}.matching-row select{max-width:none}.row-actions{flex-direction:column}.row-actions.compact{flex-direction:row}}