:root{--bg:#0a0d16;--bg-glow-1:#7c5cff38;--bg-glow-2:#ff5fa824;--bg-glow-3:#22d3ee1a;--surface:#12172a;--surface-raised:#171d33;--surface-inset:#0d1120;--border:#262d47;--border-strong:#3a4066;--text:#eef0fb;--text-muted:#9aa3c4;--text-faint:#5b6285;--violet:#7c5cff;--violet-soft:#7c5cff26;--pink:#ff5fa8;--cyan:#22d3ee;--orange:#ff9f5a;--green:#34e0a1;--red:#ff6b6b;--gradient-brand:linear-gradient(120deg, var(--cyan), var(--violet) 55%, var(--pink));--gradient-accent:linear-gradient(90deg, var(--violet), var(--pink));--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px;--shadow-panel:0 20px 60px -20px #0009;--focus-ring:0 0 0 3px var(--violet-soft);--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading:"Space Grotesk", var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.55 var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background-color:var(--bg);background-image:radial-gradient(circle at 12% -10%, var(--bg-glow-1), transparent 42%), radial-gradient(circle at 88% 0%, var(--bg-glow-2), transparent 38%), radial-gradient(circle at 50% 100%, var(--bg-glow-3), transparent 45%);background-repeat:no-repeat;background-attachment:fixed;min-height:100svh;margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text);margin:0;font-weight:600}p{margin:0}a{color:var(--cyan)}::selection{background:var(--violet);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.container{max-width:1100px;margin:0 auto;padding:20px 24px 80px}.app-header{padding:48px 4px 32px}.brand{letter-spacing:-.02em;background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,5vw,3.2rem)}.tagline{color:var(--text-muted);margin-top:8px;font-size:1.05rem}.user-id{color:var(--text-faint);margin-top:10px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.8rem}.auth-panel,.sidebar,.main{background:linear-gradient(180deg, var(--surface-raised), var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}button{font-family:var(--sans);font-size:.95rem}input[type=text],input[type=password]{font-family:var(--sans);color:var(--text);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}input[type=text]::placeholder,input[type=password]::placeholder{color:var(--text-faint)}input[type=text]:focus,input[type=password]:focus{border-color:var(--violet);box-shadow:var(--focus-ring)}.auth-panel{margin-top:4px;padding:18px 20px}.auth-panel p{color:var(--text-muted)}.auth-panel p button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:0 0;margin-left:4px;padding:6px 14px;transition:color .15s,border-color .15s,background .15s}.auth-panel p button:hover{color:var(--text);border-color:var(--text-faint);background:var(--surface-inset)}.auth-tabs{background:var(--surface-inset);border-radius:var(--radius-pill);gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.auth-tabs button{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 16px;transition:background .15s,color .15s}.auth-tabs button.active{background:var(--gradient-accent);color:#fff}.auth-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.auth-form button{border-radius:var(--radius-pill);color:#fff;background:var(--gradient-accent);cursor:pointer;border:none;padding:10px 20px;font-weight:600;transition:transform .15s,opacity .15s;box-shadow:0 8px 24px -8px #7c5cff99}.auth-form button:hover:not(:disabled){transform:translateY(-1px)}.auth-form button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.auth-error{color:var(--red);margin-top:10px;font-size:.85em}.layout{align-items:flex-start;gap:24px;margin-top:24px;display:flex}.sidebar{flex:1;min-width:280px;padding:20px}.main{flex:2;min-height:320px;padding:28px 32px}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:1.05rem}.sidebar-toggle{display:none}.sidebar-controls{margin-bottom:12px}.search-input{width:100%;margin-bottom:10px}.sort-tabs{background:var(--surface-inset);border-radius:var(--radius-pill);gap:4px;padding:4px;display:flex}.sort-tabs button{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:5px 0;font-size:.85rem;transition:background .15s,color .15s}.sort-tabs button.active{background:var(--gradient-accent);color:#fff}.sidebar li.no-results{cursor:default;color:var(--text-faint);font-size:.9rem;font-style:italic}.sidebar li.no-results:hover{color:var(--text-faint);background:0 0}.sidebar ul{max-height:55vh;margin:0;padding:0;list-style:none;overflow-y:auto}.sidebar li{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid #0000;margin-bottom:4px;padding:11px 14px;transition:background .15s,color .15s,border-color .15s}.sidebar li:hover{background:var(--surface-inset);color:var(--text)}.sidebar li.active{background:var(--violet-soft);color:var(--text);border-color:#7c5cff80;font-weight:500}.new-question-button{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;margin-top:16px;padding:10px;transition:border-color .15s,color .15s}.new-question-button:hover{border-color:var(--cyan);color:var(--cyan)}.load-more-button{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;margin-top:10px;padding:9px;font-size:.9rem;transition:border-color .15s,color .15s,opacity .15s}.load-more-button:hover:not(:disabled){border-color:var(--violet);color:var(--text)}.load-more-button:disabled{opacity:.5;cursor:default}.login-hint{color:var(--text-faint);margin-top:16px;font-size:.9em}.create-form{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:16px;padding:14px}.create-form input[type=text]{width:100%;margin-bottom:8px}.create-form-option{gap:6px;margin-bottom:8px;display:flex}.create-form-option input{flex:1}.create-form-option button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:34px;color:var(--text-muted);cursor:pointer;background:0 0}.create-form-option button:hover{color:var(--red);border-color:var(--red)}.create-form>button{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;margin-bottom:4px;padding:6px 12px;font-size:.85rem}.create-form>button:hover{color:var(--cyan);border-color:var(--cyan)}.create-form-actions{gap:8px;margin-top:12px;display:flex}.create-form-actions button:first-child{border-radius:var(--radius-pill);color:#fff;background:var(--gradient-accent);cursor:pointer;border:none;padding:9px 18px;font-weight:600}.create-form-actions button:first-child:disabled{opacity:.4;cursor:not-allowed}.create-form-actions button:last-child{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:0 0;padding:9px 18px}.create-form-actions button:last-child:hover{color:var(--text);border-color:var(--text-faint)}.main h2{letter-spacing:-.01em;font-size:1.4rem}.main>p{color:var(--text-faint)}.empty-state{text-align:center;padding:40px 20px}.empty-state p{color:var(--text-faint);margin-bottom:20px}.lucky-button{border-radius:var(--radius-pill);color:#fff;background:var(--gradient-brand);cursor:pointer;border:none;padding:11px 26px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 8px 24px -8px #ff5fa880}.lucky-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px -6px #ff5fa8a6}.lucky-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.responses-section .lucky-button,.answer-section{margin-top:18px}.answer-section>p{color:var(--text-muted);font-size:.95rem}.options-list{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.options-list label{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset);cursor:pointer;align-items:center;gap:12px;padding:13px 16px;transition:border-color .15s,background .15s,transform .1s;display:flex}.options-list label:hover{border-color:var(--border-strong)}.options-list label.selected{border-color:var(--violet);background:var(--violet-soft);box-shadow:var(--focus-ring)}.options-list input[type=radio]{appearance:none;border:2px solid var(--border-strong);cursor:pointer;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:border-color .15s;position:relative}.options-list label.selected input[type=radio]{border-color:var(--violet)}.options-list label.selected input[type=radio]:after{content:"";background:var(--gradient-accent);border-radius:50%;position:absolute;inset:3px}.answer-section>button{border-radius:var(--radius-pill);color:#fff;background:var(--gradient-accent);cursor:pointer;border:none;margin-top:6px;padding:11px 24px;font-weight:600;transition:transform .15s,opacity .15s;box-shadow:0 8px 24px -8px #7c5cff99}.answer-section>button:hover:not(:disabled){transform:translateY(-1px)}.answer-section>button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.responses-section{margin-top:18px}.owner-note{color:var(--text-faint);margin-bottom:14px;font-size:.9rem;display:block}.responses-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;font-size:.95rem;font-weight:500}.results-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.result-item{border:1px solid var(--border);background:var(--surface-inset);border-radius:var(--radius-md);padding:14px 16px}.result-label{color:var(--text);justify-content:space-between;margin-bottom:8px;font-size:.92em;display:flex}.result-label span:last-child{color:var(--text-muted);font-variant-numeric:tabular-nums}.result-bar-track{background:var(--surface);border-radius:var(--radius-pill);height:8px;overflow:hidden}.result-bar-fill{border-radius:var(--radius-pill);background:var(--gradient-accent);height:100%;transition:width .4s}.result-item:nth-of-type(4n+2) .result-bar-fill{background:linear-gradient(90deg, var(--cyan), var(--violet))}.result-item:nth-of-type(4n+3) .result-bar-fill{background:linear-gradient(90deg, var(--pink), var(--orange))}.result-item:nth-of-type(4n+4) .result-bar-fill{background:linear-gradient(90deg, var(--green), var(--cyan))}@media (width<=760px){.layout{flex-direction:column}.sidebar{width:100%;min-width:0}.main{width:100%;padding:24px}.sidebar-header{cursor:pointer;border-radius:var(--radius-md);margin:-8px -8px 0;padding:8px;transition:background .15s}.sidebar-header:active{background:var(--surface-inset)}.sidebar-toggle{border:1px solid var(--border-strong);background:var(--surface-inset);width:36px;height:36px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:transform .2s,border-color .15s,color .15s;display:flex}.sidebar.collapsed{padding-bottom:20px}.sidebar.collapsed .sidebar-toggle{transform:rotate(-90deg)}.sidebar.collapsed ul,.sidebar.collapsed .new-question-button,.sidebar.collapsed .create-form,.sidebar.collapsed .login-hint,.sidebar.collapsed .sidebar-controls,.sidebar.collapsed .load-more-button{display:none}}