*,*: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}@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}}