:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#f5e6f0;background:linear-gradient(135deg,#1a0b1f,#3a0d2e,#2a0a3a,#4a0d2e) 0 0/300% 300%;min-height:100vh;margin:0;font-family:Segoe UI,system-ui,sans-serif;animation:18s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ff5fa280}50%{box-shadow:0 0 0 10px #ff5fa200}}@keyframes diceSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}@keyframes dotPop{0%{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.loading{justify-content:center;align-items:center;height:100vh;display:flex}.auth-page,.pairing-page,.admin-page,.wizard-page{text-align:center;background:#ffffff0d;border-radius:16px;max-width:420px;margin:80px auto;padding:32px;animation:.5s both fadeSlideIn}.admin-page{text-align:left;max-width:720px}h1{color:#ff5fa2;margin-bottom:4px;font-size:2.5rem}.subtitle{opacity:.8;margin-bottom:24px}.auth-form{flex-direction:column;gap:12px;display:flex}input,textarea{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:8px;padding:10px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#ff5fa2;outline:none;box-shadow:0 0 0 3px #ff5fa240}button{color:#fff;cursor:pointer;background:#ff5fa2;border:none;border-radius:8px;margin-top:8px;padding:10px 16px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s}button:hover:not(:disabled){background:#ff3d8f;transform:translateY(-2px);box-shadow:0 6px 16px #ff5fa259}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.link-btn{color:#ffb3d9;background:0 0;margin-top:16px;text-decoration:underline}.link-btn:hover:not(:disabled){color:#fff;box-shadow:none;background:0 0;transform:none}.error{color:#ff8080;animation:.3s both fadeSlideIn}.invite-code{letter-spacing:2px;color:#ff5fa2;font-size:1.3rem}.choice-buttons{flex-direction:column;gap:12px;margin:20px 0;display:flex}.choice-btn{color:#fff;background:#ff5fa2;border-radius:12px;padding:16px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:block}.choice-btn:hover{background:#ff3d8f;transform:translateY(-2px);box-shadow:0 6px 16px #ff5fa259}.choice-btn.secondary{background:#ffffff1a}.choice-btn.secondary:hover{background:#fff3}.invite-code-big{letter-spacing:6px;color:#ff5fa2;margin:16px 0;font-size:2.6rem;font-weight:700;animation:2s infinite pulseGlow}.waiting-text{opacity:.75}.code-input{text-align:center;letter-spacing:8px;font-size:1.8rem}.wizard-title{text-align:center}.wizard-progress{justify-content:center;gap:8px;margin:12px 0 24px;display:flex}.wizard-progress .dot{background:#fff3;border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s}.wizard-progress .dot.active{background:#ff5fa2;animation:.3s both dotPop}.wizard-progress .dot.done{background:#ff9fc4}.wizard-card{animation:.35s both fadeSlideIn}.wizard-question{margin-bottom:14px;font-size:1.15rem}.wizard-confirm{text-align:left;align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.4;display:flex}.wizard-confirm input{width:auto;margin-top:3px}.wizard-nav{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.wizard-admin-link{text-align:center;opacity:.7;font-size:.85rem;display:block}.board-page{max-width:760px;margin:24px auto;padding:16px;animation:.4s both fadeSlideIn}.board-header{justify-content:space-between;align-items:center;display:flex}.couple-names{opacity:.75;margin:0;font-size:.95rem}.stop-btn{background:#444}.notice{cursor:pointer;background:#ffffff1a;border-radius:8px;padding:10px;animation:.3s both fadeSlideIn}.pending-list{background:#ff5fa226;border-radius:12px;margin:16px 0;padding:12px;animation:.35s both fadeSlideIn}.pending-item{margin-bottom:12px;animation:.3s both fadeSlideIn}.decline-btn{background:#555}.current-tile{text-align:center;background:#ffffff12;border-radius:16px;margin:16px 0;padding:24px;transition:transform .2s}.tile-number{opacity:.7}.tile-text{margin:12px 0;font-size:1.2rem;animation:.3s both fadeSlideIn}.dice-info{opacity:.8}.dice-info.rolling{animation:.5s diceSpin;display:inline-block}.grid{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.cell{text-align:center;cursor:pointer;background:#ffffff14;border-radius:6px;padding:8px 0;font-size:.85rem;transition:background .2s,transform .15s}.cell:hover{background:#ff5fa266;transform:translateY(-2px)scale(1.05)}.cell.active{color:#fff;background:#ff5fa2;font-weight:700;animation:1.6s infinite pulseGlow}.paused-screen{text-align:center;max-width:420px;margin:100px auto;animation:.4s both fadeSlideIn}.safeword-reminder{background:#ffffff14;border-radius:10px;padding:10px}.limits-reminder{opacity:.8}.admin-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.admin-item{align-items:center;gap:8px;display:flex}.admin-number{opacity:.7;flex-shrink:0;width:40px}.admin-item textarea{flex:1;min-height:50px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
