:root{--bg:#fff5f3;--bg-accent:#ffe3e0;--surface:#fff;--text:#2d1720;--muted:#8c6a76;--line:#f6d9d5;--rose:#d6334a;--rose-dark:#b0233a;--peach:#f5a65b;--mint:#2e9e72;--plum:#7d3c98;--shadow:0 8px 24px #8c28461f;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 10% 0%, var(--bg-accent) 0, transparent 40%), radial-gradient(circle at 90% 100%, #e4f6ec 0, transparent 40%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:16px;line-height:1.45}h1,h2,h3{margin:0;line-height:1.15}button,input{font:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fff5f3e6;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.brand-emoji{font-size:1.4rem}.topbar-right{align-items:center;gap:10px;display:flex}.connection{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.connection .dot{background:var(--peach);border-radius:50%;width:8px;height:8px}.connection.open .dot{background:var(--mint)}.connection.closed .dot{background:var(--rose);animation:1s infinite blink}.content{z-index:1;flex:1;width:100%;max-width:760px;margin:0 auto;padding:20px 16px 64px;position:relative}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.center-card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;margin:0 auto;display:flex}.stage-emoji{font-size:3rem}.spin{animation:1.2s ease-in-out infinite wobble}.btn{cursor:pointer;background:var(--bg-accent);color:var(--text);touch-action:manipulation;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:700;transition:transform 80ms,background .2s,box-shadow .2s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--rose);color:#fff;box-shadow:0 4px 0 var(--rose-dark)}.btn-primary:hover:not(:disabled){background:var(--rose-dark)}.btn-lg{padding:14px 24px;font-size:1.1rem}.btn-block{width:100%}.btn-small{padding:4px 10px;font-size:.85rem}.field{flex-direction:column;gap:6px;font-weight:600;display:flex}input{border:2px solid var(--line);color:var(--text);background:#fff;border-radius:12px;outline:none;padding:10px 14px}input:focus{border-color:var(--rose)}.error-box{color:#a1262c;text-align:left;background:#fff0f0;border:1px solid #f3b4b4;border-radius:12px;margin:0;padding:10px 14px}.brand{color:inherit;text-decoration:none}textarea{font:inherit;border:2px solid var(--line);color:var(--text);resize:vertical;background:#fff;border-radius:12px;outline:none;padding:10px 14px}textarea:focus{border-color:var(--rose)}a.btn{text-decoration:none}.btn.danger{background:var(--rose);color:#fff}.green-text{color:var(--mint);font-weight:700}.red-text{color:var(--rose);font-weight:700}.home{flex-direction:column;gap:18px;display:flex}.hero{text-align:center;padding:12px 0 4px}.hero-emojis{justify-content:center;gap:10px;font-size:2.4rem;display:flex}.hero-emojis span:nth-child(2){animation:1.4s ease-in-out infinite beat}.game-title{color:var(--rose);margin:8px 0;font-size:clamp(2rem,7vw,3.2rem);font-weight:900}.game-title span{animation:.5s both bounce-in;animation-delay:calc(var(--i) * 40ms);display:inline-block}.game-title span:nth-child(-n+3){color:var(--mint)}.hero-badge{background:var(--surface);border:1px solid var(--line);border-radius:999px;margin:4px 0;padding:4px 12px;font-weight:600;display:inline-block}.tagline{color:var(--muted);max-width:520px;margin:8px auto 0}.home-card{width:100%;max-width:460px;margin:0 auto}.quiz-list-card h2{margin-bottom:10px;font-size:1.15rem}.empty{text-align:center;margin:12px 0}.quiz-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.quiz-item{border:2px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s,transform .1s;display:flex}.quiz-item:hover{border-color:var(--rose)}.quiz-info{flex-direction:column;flex:200px;align-items:flex-start;gap:2px;min-width:0;display:flex}.quiz-title{overflow-wrap:anywhere}.quiz-actions{gap:6px;display:flex}.badge{border-radius:999px;padding:1px 10px;font-size:.75rem;font-weight:700}.badge.ready{color:#1d7a55;background:#dff3ea}.badge.draft{color:#99600f;background:#fdebd2}.list-enter-active,.list-leave-active{transition:opacity .25s,transform .25s}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-12px)}.list-move{transition:transform .25s}.editor{flex-direction:column;gap:14px;display:flex}.editor-head{flex-direction:column;gap:12px;display:flex}.editor-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.save-state{margin-right:auto;font-size:.9rem;font-weight:700}.save-state.saved{color:var(--mint)}.save-state.dirty,.save-state.saving{color:var(--muted)}.save-state.error{color:var(--rose)}.q-nav{grid-template-columns:repeat(10,1fr);gap:6px;padding:12px;display:grid}.q-chip{aspect-ratio:1;border:2px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:10px;font-weight:700;transition:transform .1s,border-color .2s,background .2s}.q-chip:hover{border-color:var(--rose);transform:translateY(-1px)}.q-chip.done{color:#1d7a55;background:#dff3ea;border-color:#b4e0cb}.q-chip.current{border-color:var(--rose);background:var(--rose);color:#fff}.question-editor{flex-direction:column;gap:14px;display:flex}.answers-head{flex-direction:column;gap:2px;display:flex}.answer-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.answer-row{align-items:center;gap:8px;display:flex}.answer-row>input:first-child{flex:1;min-width:0}.score-input{text-align:center;width:84px;font-weight:800}.score-input.minus{color:#1d7a55;background:#f1faf6;border-color:#b4e0cb}.score-input.plus{color:var(--rose-dark);background:#fff3f4;border-color:#f1b7bf}.add-answer{align-self:flex-start}.q-pager{justify-content:space-between;gap:10px;display:flex}.play{flex-direction:column;gap:14px;display:flex}.scale-card{z-index:5;padding:16px 20px 14px;position:sticky;top:62px}.flag-scale{flex-direction:column;gap:10px;display:flex}.flag-head{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;display:flex}.flag-mood{font-size:1.8rem;animation:.4s both bounce-in}.flag-percent{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:900}.flag-percent small{font-size:1.1rem}.flag-label{color:var(--muted);font-weight:700}.flag-track{background:linear-gradient(90deg,#2e9e72 0%,#ebb134 50%,#d6334a 100%);border-radius:999px;height:18px;margin:0 12px;position:relative;box-shadow:inset 0 1px 3px #0000002e}.flag-marker{width:0;height:0;transition:left .6s cubic-bezier(.22,1,.36,1);position:absolute;top:50%}.flag-pin{border:4px solid var(--c,var(--rose));background:#fff;border-radius:50%;width:26px;height:26px;position:absolute;top:-13px;left:-13px;box-shadow:0 2px 8px #00000040}.flag-ends{justify-content:space-between;font-size:.8rem;font-weight:700;display:flex}.end-green{color:var(--mint)}.end-red{color:var(--rose)}.question-card{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:24px 20px;display:flex}.question-card .small,.question-card .progress{width:100%;margin:0}.progress{background:var(--bg-accent);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--mint), var(--peach), var(--rose));background-size:100vw 100%;height:100%;transition:width .4s}.question-text{overflow-wrap:anywhere;font-size:clamp(1.3rem,4.5vw,1.8rem)}.choices{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;width:100%;display:grid}.choice{border:3px solid var(--line);cursor:pointer;min-height:72px;color:var(--text);overflow-wrap:anywhere;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 12px;font-size:1.15rem;font-weight:800;transition:transform .1s,border-color .2s;display:flex}.choice:hover:not(:disabled){border-color:var(--rose);transform:translateY(-2px)}.choice.chosen{border-color:var(--rose);background:var(--bg-accent);animation:.3s both bounce-in}.choice:disabled:not(.chosen){opacity:.45;cursor:default}.choice:disabled{cursor:default}.delta{font-size:.9em;font-weight:800}.delta.minus{color:var(--mint)}.delta.plus{color:var(--rose)}.delta.zero{color:var(--muted)}.waiting-line{min-height:1.5em;margin:0}.results{text-align:center;flex-direction:column;align-items:center;gap:14px;animation:.4s both bounce-in;display:flex}.results .stage-emoji{font-size:4rem}.comment{background:var(--bg);border-radius:14px;margin:0;padding:14px 16px;font-size:1.05rem}.results-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.recap{text-align:left;width:100%}.recap h3{margin-bottom:8px}.recap ol{gap:8px;margin:0;padding-left:22px;display:grid}.recap li{overflow-wrap:anywhere;flex-direction:column;display:flex}.recap-a{color:var(--muted);font-size:.9rem}@media (width<=480px){.q-nav{grid-template-columns:repeat(5,1fr)}.scale-card{padding:12px 14px 10px}.flag-percent{font-size:2rem}}.toast{z-index:20;background:var(--text);color:#fff;box-shadow:var(--shadow);border-radius:12px;max-width:calc(100% - 32px);padding:10px 18px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.bg-drift{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-drift span{bottom:-60px;left:calc(var(--i) * 10% + 2%);opacity:.18;animation:22s linear infinite drift;animation-delay:calc(var(--i) * -1.9s);font-size:1.8rem;position:absolute}.screen-enter-active,.screen-leave-active{transition:opacity .2s,transform .2s}.screen-enter-from,.screen-leave-to{opacity:0;transform:translateY(8px)}.toast-enter-active,.toast-leave-active{transition:opacity .2s}.toast-enter-from,.toast-leave-to{opacity:0}@keyframes blink{50%{opacity:.3}}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}}@keyframes wobble{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.8)translateY(6px)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-115vh)rotate(360deg)}}@media (width<=480px){.connection-label{display:none}.brand-name{font-size:.95rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}