*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #121217;--surface: #1e1e22;--surface-alt: #292929;--primary: #bdf78b;--primary-dark: #aef076;--primary-lite: #d5ffb2;--secondary: #f8d47a;--deep-sea: #01353e;--text: #f8f8f8;--text-muted: #868686;--error: #e3526a;--ring: #c7f2a4;--border: rgba(234, 235, 237, .1);--grey-10: #eaebed;--grey-30: #8a8c8e;--grey-50: #535557;--grey-60: #3e4042;--grey-70: #2b2d30;--grey-80: #1e1e22;--grey-90: #121217;--keep: #8ac156;--improve: #f8d47a;--stop: #e3526a;--start: #00b4c8;--radius: 12px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--font: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}h2{font-size:2rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1.25rem;font-weight:600}input,textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;font-size:1.125rem;font-family:inherit;outline:none;width:100%;transition:box-shadow .2s ease,border-color .2s ease}input:focus,textarea:focus{box-shadow:0 0 0 2px var(--ring);border-color:var(--primary)}textarea{resize:vertical;min-height:100px}button{background:var(--primary);color:var(--bg);border:none;border-radius:var(--radius);padding:.875rem 2rem;font-size:1.125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease}button:hover{transform:scale(1.02);background:var(--primary-dark)}button:active{transform:scale(.98)}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--surface-alt)}button.ghost{background:transparent;color:var(--primary)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.pin-display{font-size:5rem;font-weight:800;letter-spacing:.3em;color:var(--primary);font-variant-numeric:tabular-nums}.token-display{font-size:1.5rem;font-weight:700;color:var(--secondary);font-family:monospace;letter-spacing:.1em;padding:.5rem 1rem;background:var(--surface);border-radius:8px;border:1px solid var(--border);display:inline-block}.pin-input-group{display:flex;gap:.75rem;justify-content:center}.pin-input-group input{width:4.5rem;height:5.5rem;text-align:center;font-size:2.5rem;font-weight:700;padding:0}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;width:100%;max-width:600px}.wide{max-width:900px}.full{max-width:100%}.gap-sm{gap:.75rem}.gap-lg{gap:2.5rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-single{background:var(--primary);color:var(--bg)}.badge-kiss{background:var(--secondary);color:var(--bg)}.badge-rating{background:#ae6ef0;color:var(--bg)}.badge-poll{background:var(--start);color:var(--bg)}.question-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.question-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:box-shadow .2s ease,border-color .2s ease}.question-item.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.question-item .q-text{flex:1;font-size:1rem;text-align:left}.question-item .q-actions{display:flex;gap:.5rem;align-items:center}.toggle{position:relative;width:48px;height:28px;background:var(--grey-60);border-radius:999px;cursor:pointer;transition:background .2s ease;border:none;padding:0}.toggle:hover{transform:none}.toggle.on{background:var(--primary)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--text);border-radius:50%;transition:transform .2s ease}.toggle.on:after{transform:translate(20px)}.mode-selector{display:flex;gap:.25rem}.mode-btn{background:transparent;color:var(--text-muted);padding:.375rem .5rem;font-size:.875rem;border-radius:6px}.mode-btn:hover{transform:none;color:var(--text)}.mode-btn.active{background:var(--surface-alt);color:var(--primary)}.kiss-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.kiss-quadrant{display:flex;flex-direction:column;gap:.5rem}.kiss-quadrant label{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.kiss-quadrant.keep label{color:var(--keep)}.kiss-quadrant.improve label{color:var(--improve)}.kiss-quadrant.stop label{color:var(--stop)}.kiss-quadrant.start label{color:var(--start)}.rating-group{display:flex;gap:1rem;justify-content:center}.rating-circle{width:64px;height:64px;border-radius:50%;background:var(--surface);color:var(--text);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .15s ease;border:1px solid var(--border)}.rating-circle:hover{transform:scale(1.1);border-color:var(--primary)}.rating-circle.selected{background:var(--primary);color:var(--bg);transform:scale(1.15);border-color:var(--primary)}.poll-options{display:flex;flex-direction:column;gap:.75rem;width:100%}.poll-option{padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1.25rem;font-weight:500;cursor:pointer;text-align:left;font-family:inherit;transition:transform .15s ease,border-color .15s ease}.poll-option:hover{transform:scale(1.01);border-color:var(--grey-30)}.poll-option.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.wordcloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:2rem;min-height:300px}.wordcloud-word{display:inline-block;font-weight:600;color:var(--primary);transition:transform .3s ease,opacity .3s ease;animation:wordFadeIn .4s ease-out}@keyframes wordFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.results-list{display:flex;flex-direction:column;gap:.375rem;width:100%;max-height:70vh;overflow-y:auto}.results-list-item{padding:.625rem 1rem;background:var(--surface);border-radius:8px;font-size:.9375rem;border:1px solid var(--border);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bar-chart{display:flex;flex-direction:column;gap:.75rem;width:100%}.bar-row{display:flex;align-items:center;gap:1rem}.bar-label{min-width:80px;text-align:right;font-weight:500;font-size:1rem}.bar-track{flex:1;height:40px;background:var(--surface);border-radius:8px;overflow:hidden;border:1px solid var(--border)}.bar-fill{height:100%;background:var(--primary);border-radius:8px;transition:width .5s ease;display:flex;align-items:center;padding-left:.75rem;font-weight:600;font-size:.875rem;color:var(--bg);min-width:fit-content}.bar-count{min-width:40px;font-weight:600;color:var(--text-muted)}.kiss-results{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.75rem;width:100%;height:calc(100vh - 140px)}.kiss-results-quadrant{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);padding:1rem;overflow-y:auto;border:1px solid var(--border)}.kiss-results-quadrant h3{margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;flex-shrink:0}.kiss-results-quadrant .results-list{gap:.25rem;max-height:none}.kiss-results-quadrant .results-list-item{padding:.4rem .75rem;font-size:.8125rem;background:var(--surface-alt);border:none}.kiss-results-quadrant .wordcloud{padding:.5rem;min-height:0;gap:.25rem .5rem}.kiss-results-quadrant.keep h3{color:var(--keep);border-bottom:2px solid var(--keep);padding-bottom:.375rem}.kiss-results-quadrant.improve h3{color:var(--improve);border-bottom:2px solid var(--improve);padding-bottom:.375rem}.kiss-results-quadrant.stop h3{color:var(--stop);border-bottom:2px solid var(--stop);padding-bottom:.375rem}.kiss-results-quadrant.start h3{color:var(--start);border-bottom:2px solid var(--start);padding-bottom:.375rem}.past-questions{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.past-questions h3{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.past-q-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border-radius:8px;cursor:pointer;border:1px solid var(--border);transition:border-color .15s ease;text-align:left;color:var(--text);font-family:inherit;font-size:.9375rem;width:100%}.past-q-item:hover{border-color:var(--grey-30);transform:none}.past-q-item.viewing{border-color:var(--primary)}.past-q-item .past-q-count{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.fab{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:var(--primary);color:var(--bg);font-size:2rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);padding:0;border:none;cursor:pointer;transition:transform .15s ease}.fab:hover{transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#121217d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal{background:var(--surface);border-radius:var(--radius);padding:2rem;width:90%;max-width:500px;box-shadow:var(--shadow);border:1px solid var(--border);animation:scaleIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.char-counter{text-align:right;font-size:.8rem;color:var(--text-muted)}.char-counter.warn{color:var(--secondary)}.char-counter.over{color:var(--error)}.waiting{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:var(--text-muted)}.waiting .pulse{width:12px;height:12px;background:var(--primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.submitted-check{font-size:4rem;color:var(--primary);animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--grey-60);border-radius:3px}.theme-selector{display:flex;gap:.5rem;justify-content:center}.theme-btn{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);padding:.5rem 1rem;font-size:.8125rem;border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.theme-btn:hover{transform:none;color:var(--text);border-color:var(--grey-30)}.theme-btn.active{border-color:var(--primary);color:var(--primary)}.session-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.session-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s ease,transform .15s ease;text-align:left;color:var(--text);font-family:inherit;font-size:1rem;width:100%}.session-card:hover{border-color:var(--grey-30);transform:scale(1.01)}.session-card .session-title{font-weight:600}.session-card .session-meta{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.875rem}.session-card .session-pin{font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:.1em}[data-theme=matrix]{--bg: #000000;--surface: rgba(0, 20, 0, .85);--surface-alt: rgba(0, 30, 0, .9);--primary: #00ff41;--primary-dark: #00dd36;--primary-lite: #66ff8c;--secondary: #00ff41;--text: #00ff41;--text-muted: #228833;--error: #ff0040;--ring: #00ff41;--border: rgba(0, 255, 65, .2);--grey-10: #00ff41;--grey-30: #339933;--grey-50: #226622;--grey-60: #114411;--grey-70: #0d1a0d;--grey-80: #0a0a0a;--grey-90: #050505;--keep: #00ff41;--improve: #ffff00;--stop: #ff0040;--start: #00ccff;--shadow: 0 0 20px rgba(0, 255, 65, .15), 0 0 60px rgba(0, 255, 65, .05);--font: "Share Tech Mono", "Courier New", monospace;--radius: 2px}[data-theme=matrix] body{animation:matrixFlicker .15s infinite alternate}@keyframes matrixFlicker{0%{opacity:.97}to{opacity:1}}[data-theme=matrix] .pin-display{text-shadow:0 0 7px #00ff41,0 0 20px #00ff41,0 0 40px #00ff41,0 0 80px rgba(0,255,65,.4);animation:matrixGlow 2s ease-in-out infinite alternate}@keyframes matrixGlow{0%{text-shadow:0 0 7px #00ff41,0 0 20px #00ff41,0 0 40px #00ff41}to{text-shadow:0 0 10px #00ff41,0 0 30px #00ff41,0 0 60px #00ff41,0 0 100px rgba(0,255,65,.3)}}[data-theme=matrix] h1{text-shadow:0 0 10px #00ff41,0 0 30px rgba(0,255,65,.5);animation:matrixTextPulse 3s ease-in-out infinite}[data-theme=matrix] h2,[data-theme=matrix] h3{text-shadow:0 0 7px rgba(0,255,65,.6)}@keyframes matrixTextPulse{0%,to{opacity:1}50%{opacity:.85}}[data-theme=matrix] input,[data-theme=matrix] textarea{border:1px solid rgba(0,255,65,.3);background:#000a00cc;color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.5);caret-color:#00ff41}[data-theme=matrix] input::placeholder,[data-theme=matrix] textarea::placeholder{color:#151}[data-theme=matrix] input:focus,[data-theme=matrix] textarea:focus{box-shadow:0 0 0 1px #00ff41,0 0 15px #00ff414d;border-color:#00ff41}[data-theme=matrix] button:not(.secondary):not(.ghost):not(.mode-btn):not(.toggle):not(.rating-circle):not(.poll-option):not(.theme-btn):not(.session-card):not(.past-q-item):not(.fab){text-shadow:none;box-shadow:0 0 10px #00ff4166,inset 0 0 10px #00ff411a;border:1px solid #00ff41;animation:btnGlow 2s ease-in-out infinite alternate}@keyframes btnGlow{0%{box-shadow:0 0 10px #00ff414d,inset 0 0 10px #00ff411a}to{box-shadow:0 0 20px #00ff4180,0 0 40px #00ff4133,inset 0 0 10px #00ff411a}}[data-theme=matrix] .fab{box-shadow:0 0 15px #00ff4180,0 0 40px #00ff4133;border:1px solid #00ff41}[data-theme=matrix] .question-item,[data-theme=matrix] .session-card,[data-theme=matrix] .card,[data-theme=matrix] .modal{border-color:#00ff4140;box-shadow:0 0 10px #00ff410d}[data-theme=matrix] .question-item.active{border-color:#00ff41;box-shadow:0 0 15px #00ff414d}[data-theme=matrix] .session-card:hover{border-color:#00ff41;box-shadow:0 0 15px #00ff4133}[data-theme=matrix] .badge{border:1px solid currentColor;text-shadow:0 0 5px currentColor}[data-theme=matrix] .results-list-item{border:1px solid rgba(0,255,65,.15);text-shadow:0 0 3px rgba(0,255,65,.3)}[data-theme=matrix] .wordcloud-word{text-shadow:0 0 8px rgba(0,255,65,.6)}[data-theme=matrix] .rating-circle{border-color:#00ff414d}[data-theme=matrix] .rating-circle:hover,[data-theme=matrix] .rating-circle.selected{box-shadow:0 0 15px #00ff4166}[data-theme=matrix] .poll-option{border-color:#00ff4133}[data-theme=matrix] .poll-option.selected{box-shadow:0 0 15px #00ff414d}[data-theme=matrix] .modal-overlay{background:#000500e0}#matrix-rain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.4}#matrix-scanlines{position:fixed;inset:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);opacity:.4}[data-theme=matrix] ::-webkit-scrollbar-thumb{background:#00ff41;box-shadow:0 0 6px #00ff4166}[data-theme=christmas]{--bg: #1a0a0a;--surface: #2a1515;--surface-alt: #331a1a;--primary: #ff4444;--primary-dark: #dd3333;--primary-lite: #ff8888;--secondary: #22cc44;--text: #fff5f0;--text-muted: #cc9999;--error: #ff4444;--ring: #ff6666;--border: rgba(255, 68, 68, .15);--grey-10: #ffe0e0;--grey-30: #cc8888;--grey-50: #885555;--grey-60: #553333;--grey-70: #2a1515;--grey-80: #1a0a0a;--grey-90: #100505;--keep: #22cc44;--improve: #ffd700;--stop: #ff4444;--start: #4488ff;--shadow: 0 4px 24px rgba(255, 0, 0, .15);--font: "Mountains of Christmas", cursive, serif}[data-theme=christmas] h1{color:#f44;text-shadow:0 0 20px rgba(255,0,0,.3)}[data-theme=christmas] h2{color:#2c4}[data-theme=christmas] .pin-display{color:#f44;text-shadow:0 0 20px rgba(255,0,0,.4)}.snowfall{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.snowflake{position:absolute;top:-20px;color:#fff;font-size:1rem;opacity:.8;animation:snowfall linear infinite;pointer-events:none}@keyframes snowfall{0%{transform:translateY(-20px) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}@media(max-width:640px){h1{font-size:2rem}h2{font-size:1.5rem}.pin-display{font-size:3rem}.pin-input-group input{width:3.5rem;height:4.5rem;font-size:2rem}.kiss-grid{grid-template-columns:1fr}.kiss-results{grid-template-columns:1fr;grid-template-rows:auto;height:auto}.rating-circle{width:52px;height:52px;font-size:1.25rem}#app{padding:1rem}}