@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#f5f5f5;--surface:#fff;--surface-alt:#f9fafb;--border:#e5e7eb;--border-strong:#d1d5db;--text:#1f2937;--muted:#6b7280;--faint:#9ca3af;--accent:#3b82f6;--accent-deep:#2563eb;--accent-soft:#3b82f61f;--success:#10b981;--danger:#ef4444;--warn:#f59e0b;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f;--shadow:0 2px 8px #00000014;--shadow-lg:0 8px 24px #0000001a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{max-width:820px;margin:0 auto;padding:28px 20px 80px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand h1{color:var(--accent);font-size:1.4rem;font-weight:700}.brand .dot{color:var(--faint);font-weight:400}.brand small{color:var(--faint);letter-spacing:1px;text-transform:uppercase;font-size:.75rem}h1,h2,h3{color:var(--text);font-weight:600}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-alt);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:.55rem 1rem;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:#eef0f3}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-alt);color:var(--text);border-color:#0000}.btn-danger{color:var(--danger)}.btn-danger:hover{border-color:var(--danger);background:#ef444414}.btn-sm{padding:.4rem .7rem;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:18px 20px;transition:box-shadow .15s,border-color .15s}.card.linkable:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.field{margin-bottom:16px}.field label{color:var(--muted);margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}input[type=text],input[type=number],input[type=password],textarea,select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.65rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--faint)}textarea{resize:vertical;min-height:64px}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.82rem}.tag{border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:2px 9px;font-size:.72rem;font-weight:500;display:inline-block}.tag.open{color:var(--success);background:#10b98114;border-color:#10b98166}.tag.closed{color:var(--faint)}h2.section{margin:26px 0 12px;font-size:1.1rem;font-weight:600}.center-msg{text-align:center;color:var(--muted);padding:56px 20px}.q-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.q-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.q-head .idx{color:var(--faint);font-variant-numeric:tabular-nums;min-width:22px;font-weight:600}.opt-row{gap:8px;margin-bottom:7px;display:flex}.icon-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.icon-btn:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-alt)}.add-q-bar{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.bar-wrap{margin-bottom:10px}.bar-label{justify-content:space-between;gap:12px;margin-bottom:5px;font-size:.88rem;display:flex}.bar-label .cnt{color:var(--muted);font-variant-numeric:tabular-nums}.bar-track{background:#eef1f4;border-radius:6px;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), var(--indigo,#6366f1));border-radius:6px;height:100%;transition:width .4s}.text-answer{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;margin-bottom:8px;padding:10px 12px;font-size:.9rem}.take-q{margin-bottom:26px}.take-q .qtext{margin-bottom:12px;font-size:1.05rem;font-weight:500}.take-q .req{color:var(--danger);margin-left:4px}.choice{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);align-items:center;gap:11px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.choice:hover{border-color:var(--border-strong)}.choice.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.choice input{width:auto;accent-color:var(--accent)}.rating-row{flex-wrap:wrap;gap:8px;display:flex}.rating-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums;font-size:1rem;transition:all .12s}.rating-btn:hover{border-color:var(--border-strong)}.rating-btn.selected{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.banner{border-radius:var(--radius-sm);margin-bottom:16px;padding:11px 14px;font-size:.88rem}.banner.err{color:#b91c1c;background:#ef444414;border:1px solid #ef444459}.banner.ok{color:#047857;background:#10b98114;border:1px solid #10b98159}.link-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 8px 8px 13px;font-size:.85rem;display:flex;overflow:hidden}.link-box code{color:var(--accent-deep);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:360px;padding:36px 32px}.auth-card h1{color:var(--accent);margin-bottom:4px;font-size:1.5rem}.auth-logo{margin-bottom:10px;font-size:2rem}.auth-card input{text-align:center}.auth-divider{color:var(--faint);align-items:center;gap:10px;margin:18px 0;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}