@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.challenge-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.challenge-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.challenge-modal h2{margin:.5rem 0 1rem;font-family:var(--font-display);font-size:1.5rem}.challenge-modal p{color:var(--color-text-muted);margin:.5rem 0}.challenge-timer{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.timer-value{font-size:4rem;font-weight:800;font-family:var(--font-mono);color:var(--color-primary);line-height:1}.timer-label{font-size:.875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.challenge-waiting .waiting-hint{font-size:.875rem;font-style:italic;margin-top:1rem}.challenge-waiting .btn,.challenge-game .btn{margin:1rem auto 0;display:block}.challenge-game{padding:1rem 0}.choose-prompt{font-weight:600;color:var(--color-text);margin:1.5rem 0 1rem}.rps-choices{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.rps-choice-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;background:var(--color-bg);border:3px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.rps-choice-btn:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 20px #ea580c33}.rps-emoji{font-size:2.5rem}.rps-label{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.waiting-choice{padding:2rem 0}.loading-dots{display:flex;justify-content:center;gap:.25rem;margin-top:1rem}.loading-dots span{font-size:2rem;animation:dotPulse 1.4s infinite;color:var(--color-primary)}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.challenge-result{padding:1rem 0}.challenge-result .btn{margin:1rem auto 0;display:block}.result-icon{font-size:4rem;margin-bottom:.5rem}.result-detail{font-weight:600;color:var(--color-text);margin-top:1rem}.rps-showdown{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1.5rem 0;padding:1.5rem;background:var(--color-bg);border-radius:var(--radius-lg)}.rps-player{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rps-choice-large{font-size:3.5rem}.rps-player-label{font-size:.875rem;font-weight:600;color:var(--color-text-muted);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rps-vs{font-size:1.25rem;font-weight:800;color:var(--color-text-muted)}.challenge-alert{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;max-width:500px;width:calc(100% - 2rem);box-shadow:0 10px 40px #0000004d;z-index:1001;animation:alertSlideIn .4s ease-out}@keyframes alertSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.challenge-alert-incoming{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(234,88,12,.15) 100%)}.challenge-alert-battle{border-color:#8b5cf6;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(139,92,246,.05) 100%)}.challenge-alert-won{border-color:#22c55e;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(34,197,94,.05) 100%)}.challenge-alert-lost{border-color:#ef4444;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(239,68,68,.05) 100%)}.alert-icon{font-size:2rem;flex-shrink:0}.alert-timer{flex-shrink:0}.timer-value-small{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-weight:700;font-family:var(--font-mono);font-size:.875rem}.alert-content{flex:1;min-width:0}.alert-content h3{margin:0 0 .25rem;font-size:1rem;font-family:var(--font-display)}.alert-content p{margin:0;font-size:.875rem;color:var(--color-text-muted)}.alert-warning{color:var(--color-primary)!important;font-weight:500}.alert-instruction{font-style:italic}.challenge-alert-buttons{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.btn-accept{flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 14px #ea580c66}50%{box-shadow:0 4px 20px #ea580c99}}.rps-showdown-mini{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;flex-shrink:0}.rps-showdown-mini .vs{font-size:.75rem;font-weight:700;color:var(--color-text-muted)}.rps-choices-mini{display:flex;gap:.5rem;margin-top:.75rem}.rps-choice-btn-mini{padding:.5rem .75rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.rps-choice-btn-mini:hover{border-color:var(--color-primary);transform:scale(1.1)}.rps-choice-btn-mini .rps-emoji{font-size:1.5rem}.name-conflict{background:linear-gradient(135deg,#ea580c1a,#eab3081a);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem;text-align:center}.name-conflict h3{margin:0 0 .5rem;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.name-conflict p{margin:0 0 1rem;font-size:.875rem;color:var(--color-text-muted)}.conflict-actions{display:flex;flex-direction:column;gap:.5rem}.btn-challenge{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-challenge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.btn-rename{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-rename:hover{border-color:var(--color-text-muted);color:var(--color-text)}.victory-options{padding:1rem 0}.victory-options .result-icon{font-size:4rem;margin-bottom:.5rem}.victory-options h2{margin:.5rem 0 1rem;font-family:var(--font-display);font-size:1.5rem}.victory-options p{color:var(--color-text-muted);margin:.5rem 0 1.5rem}.victory-choice-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.btn-victory-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--color-bg);border:3px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:center}.btn-victory-option:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.kick-option:hover{border-color:#ef4444;box-shadow:0 8px 20px #ef44444d}.rename-option:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #ea580c4d}.option-icon{font-size:2.5rem}.option-label{font-size:1.125rem;font-weight:700;color:var(--color-text)}.option-hint{font-size:.875rem;color:var(--color-text-muted);font-style:italic}.victory-confirm,.victory-rename{margin-top:1rem}.confirm-message,.rename-prompt{font-size:.9375rem;color:var(--color-text);margin-bottom:1.25rem}.victory-rename input{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:1rem;margin-bottom:1rem;transition:border-color .2s}.victory-rename input:focus{outline:none;border-color:var(--color-primary)}.victory-actions{display:flex;flex-direction:column;gap:.75rem}.victory-actions .btn{width:100%}@media (max-width: 480px){.challenge-alert{flex-direction:column;text-align:center;gap:.75rem}.rps-choices{flex-wrap:wrap}.rps-choice-btn{padding:1rem}.rps-emoji{font-size:2rem}}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-gradient)}.home-hero{text-align:center;margin-bottom:3rem}.logo-pizza{font-size:5rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.home h1{font-family:var(--font-display);font-size:4rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.tagline{font-size:1.25rem;color:var(--color-text-muted);margin-top:.5rem}.home-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}.demo-link{display:block;text-align:center;margin-top:1.5rem;padding:.75rem 1rem;color:var(--color-primary);text-decoration:none;font-weight:600;font-size:.95rem;border-radius:var(--radius-md);transition:all .2s}.demo-link:hover{background:#ea580c1a;transform:translate(4px)}.btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-large{padding:1.25rem 2rem;font-size:1.125rem}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #ea580c66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ea580c80}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.btn-icon{font-size:1.25em}.home-form{width:100%;max-width:360px;background:var(--color-surface);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.home-form h2{margin:0 0 1.5rem;font-family:var(--font-display);font-size:1.5rem;text-align:center}.back-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;font-size:.9rem;margin-bottom:1rem;transition:color .2s}.back-btn:hover{color:var(--color-text)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.form-group .optional{font-weight:400;color:var(--color-text-muted)}.form-group input{width:100%;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ea580c1a}.form-group input::placeholder{color:var(--color-text-muted)}.code-input{font-family:var(--font-mono);font-size:1.25rem!important;text-align:center;letter-spacing:.1em;text-transform:uppercase}.error-message{margin-top:1.5rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.invite-form{text-align:center}.invite-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ea580c1a,#eab3081a);color:var(--color-primary);padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;margin-bottom:1rem}.invite-code{background:var(--color-bg);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.invite-code .code-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.25rem}.invite-code .code-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--color-primary);letter-spacing:.05em}.invite-form .form-group{text-align:left}.btn-text{background:none;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;padding:.5rem;margin-top:1rem;transition:color .2s}.btn-text:hover{color:var(--color-text)}.home-footer{margin-top:3rem;text-align:center}.home-footer p{font-size:.875rem;color:var(--color-text-muted)}.kofi-link{font-size:.875rem;margin-top:1.5rem;text-align:center}.kofi-anchor{text-decoration:underline;color:var(--color-text-muted);transition:color .2s;display:inline-flex;align-items:center;gap:.25rem}.kofi-anchor:hover{color:var(--color-primary)}.ad-container{width:100%;overflow:hidden}.ad-container.ad-empty{display:none}.ad-container.ad-loaded{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ad-container .adsbygoogle{width:100%}.preference-editor{padding:1.25rem;box-sizing:border-box;max-width:100%}@media (max-width: 640px){.preference-editor{padding:1rem}}.status-saving{color:var(--color-text-muted)}.status-saved{color:#16a34a}.save-status{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;min-height:1.5rem;margin-bottom:.5rem}.clear-btn{font-size:.75rem;padding:.25rem .5rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.clear-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.pref-section{margin-bottom:1.75rem;max-width:100%;min-width:0}.pref-label{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:.95rem;margin-bottom:.5rem;color:var(--color-text)}.section-hint{font-size:.8rem;color:var(--color-text-muted);margin:0 0 .75rem}.section-footnote{font-size:.75rem;color:var(--color-text-muted);margin:.5rem 0 0;font-style:italic;opacity:.8}.count-badge{font-size:.75rem;font-weight:500;background:var(--color-primary);color:#fff;padding:.2rem .5rem;border-radius:var(--radius-full)}.dealbreaker-badge{background:#ef4444}.label-hint{font-weight:400;font-size:.8rem;color:var(--color-text-muted)}.slice-count{font-family:var(--font-mono);font-size:.9rem;color:var(--color-primary);background:#ea580c1a;padding:.25rem .5rem;border-radius:var(--radius-sm)}.slice-slider{width:100%;height:8px;border-radius:4px;background:var(--color-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slice-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .2s}.slice-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:var(--color-text-muted)}.slice-input-container{display:flex;align-items:center;justify-content:center;gap:.75rem}.slice-adjust-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1.5rem;font-weight:600;color:var(--color-primary);cursor:pointer;transition:all .2s}.slice-adjust-btn:hover:not(:disabled){border-color:var(--color-primary);background:#ea580c1a}.slice-adjust-btn:disabled{opacity:.4;cursor:not-allowed}.slice-number-input{width:60px;height:44px;text-align:center;font-size:1.25rem;font-weight:600;font-family:var(--font-mono);color:var(--color-primary);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.slice-number-input::-webkit-inner-spin-button,.slice-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slice-number-input:focus{outline:none;border-color:var(--color-primary)}.slice-input-label{font-size:1rem;color:var(--color-text-muted)}.mobile-only{display:none}.desktop-only{display:flex}.slice-slider.desktop-only{display:block}.slice-count-desktop{display:inline-block}@media (max-width: 640px){.mobile-only{display:flex}.desktop-only{display:none!important}.slice-count-desktop{display:none}.preference-editor{max-width:100%;overflow-x:hidden;width:100%}.pref-section{max-width:100%;overflow:hidden}.topping-grid,.template-grid,.dealbreaker-grid{max-width:100%;width:100%}}.empty-hint{font-size:.9rem;color:var(--color-text-muted);font-style:italic;margin-bottom:1rem}.dietary-shortcuts-section{background:linear-gradient(135deg,#ea580c0d,#f973160d);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:0;margin-bottom:1.25rem;overflow:hidden;transition:all .3s ease}.dietary-shortcuts-section.collapsed{background:#ea580c08;border:1px solid rgba(234,88,12,.2)}.dietary-shortcuts-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s;border-radius:var(--radius-lg)}.dietary-shortcuts-toggle:hover{background:#ea580c14}.dietary-shortcuts-section.collapsed .dietary-shortcuts-toggle:hover{background:#ea580c0f}.dietary-shortcuts-section.expanded .dietary-shortcuts-toggle{padding:1rem 1.25rem;margin-bottom:.5rem;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.toggle-icon{font-size:.75rem;color:var(--color-text-muted);transition:transform .2s;flex-shrink:0;order:1;margin-left:auto}.toggle-label{font-weight:600;font-size:.95rem;color:var(--color-text);flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-hint{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.dietary-shortcuts-section.expanded .section-hint{padding:0 1.25rem}.dietary-shortcuts-section.expanded .dietary-shortcuts-grid{padding:0 1.25rem 1.25rem}.dietary-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}@media (max-width: 900px){.dietary-shortcuts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dietary-shortcuts-grid{grid-template-columns:1fr;gap:.5rem}.toggle-hint{display:none}}.dietary-shortcut-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}@media (max-width: 640px){.dietary-shortcut-btn{flex-direction:row;justify-content:flex-start;padding:.75rem 1rem;gap:1rem}}.dietary-shortcut-btn:hover:not(:disabled){border-color:var(--color-primary);background:#ea580c0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dietary-shortcut-btn:disabled{opacity:.6;cursor:not-allowed}.dietary-shortcut-btn.dietary-shortcut-clicked{animation:dietary-click-feedback .6s ease-out}@keyframes dietary-click-feedback{0%{transform:scale(1);background:#fff}15%{transform:scale(.95);background:var(--color-primary);border-color:var(--color-primary)}30%{transform:scale(1.05)}to{transform:scale(1);background:#fff}}.dietary-shortcut-btn.dietary-shortcut-clicked .dietary-emoji{animation:emoji-pop .6s ease-out}@keyframes emoji-pop{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.3) rotate(-5deg)}40%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.dietary-emoji{font-size:2rem;line-height:1;flex-shrink:0}.dietary-name{font-size:.9rem;font-weight:600;color:var(--color-text);text-align:center}.dietary-detail{font-size:.7rem;color:var(--color-text-muted);text-align:center}.dietary-text{display:flex;flex-direction:column;align-items:center;gap:.25rem}@media (max-width: 640px){.dietary-emoji{font-size:1.75rem}.dietary-text{display:flex;flex-direction:row;align-items:center;flex:1;gap:.5rem;flex-wrap:wrap}.dietary-name{text-align:left;font-size:.9rem;white-space:nowrap}.dietary-detail{text-align:left;font-size:.7rem;flex-shrink:1}}@media (max-width: 400px){.dietary-text{flex-direction:column;align-items:flex-start;gap:.15rem}.dietary-name{font-size:.85rem}.dietary-detail{font-size:.65rem}}.add-buttons{display:flex;gap:.5rem;margin-top:.75rem}.btn-outline{background:transparent;border:2px dashed var(--color-border);color:var(--color-text-muted);padding:.5rem 1rem}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);border-style:solid}.btn-sm{font-size:.85rem;padding:.4rem .8rem}.pref-set-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:.75rem;overflow:hidden}.pref-set-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:1rem}.pref-set-info{flex:1;min-width:0}.pref-set-name{font-weight:600;display:block}.pref-set-toppings{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.pref-set-controls{display:flex;align-items:center;gap:.5rem}.slice-control{display:flex;align-items:center;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.slice-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text);font-size:1rem;cursor:pointer;transition:background .2s}.slice-btn:hover{background:var(--color-surface-hover)}.slice-value{width:24px;text-align:center;font-weight:600;font-size:.9rem}.btn-icon-only{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:.8rem;transition:all .2s}.btn-icon-only:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-remove:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.pref-set-expanded{padding:1rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.topping-grid,.dealbreaker-grid{display:flex;flex-wrap:wrap;gap:.4rem;max-width:100%;width:100%;box-sizing:border-box}.topping-chip{padding:.35rem .7rem;font-size:.8rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all .15s;color:var(--color-text)}.topping-chip:hover{border-color:var(--color-primary)}.topping-chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.topping-chip.super-favorite{background:linear-gradient(135deg,#f97316,#ea580c,#dc2626);border-color:#dc2626;color:#fff;box-shadow:0 0 8px #f9731666;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #f9731666}50%{box-shadow:0 0 12px #f9731699}}.topping-chip.dealbreaker{background:#ef4444;border-color:#ef4444;color:#fff}.topping-chip.not-on-my-half{background:#f97316;border-color:#f97316;color:#fff}.save-section{padding-top:1rem;border-top:1px solid var(--color-border)}.save-section .btn{width:100%}.preference-editor.read-only{pointer-events:none;opacity:.85}.preference-editor.read-only .topping-chip,.preference-editor.read-only .template-btn,.preference-editor.read-only .slice-slider,.preference-editor.read-only .slice-adjust-btn,.preference-editor.read-only .slice-number-input{cursor:default}.preference-editor.read-only .topping-chip:hover,.preference-editor.read-only .template-btn:hover{transform:none}.recommendation{padding:1.25rem}.recommendation-empty{padding:2.5rem 1.5rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.recommendation-empty p{font-weight:600;margin:0 0 .5rem;color:var(--color-text)}.empty-hint{font-size:.875rem;color:var(--color-text-muted)}.order-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border)}.order-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem}.order-icon{font-size:1.25rem}.order-subtitle{font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}.calculating-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;min-height:200px}.calculating-spinner-large{font-size:4rem;animation:pizza-spin 2s ease-in-out infinite;margin-bottom:1rem}.calculating-text{font-size:1.1rem;color:var(--color-text-muted);font-weight:500}@keyframes pizza-spin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(15deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-15deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.pizza-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.pizza-card{display:flex;gap:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;transition:border-color .2s}.pizza-card:hover{border-color:var(--color-primary)}.pizza-card-mine{border-color:var(--color-primary);background:linear-gradient(135deg,#ea580c08,#eab30808)}.pizza-card-mine:hover{border-color:var(--color-primary-dark)}.pizza-identifier{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.pizza-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;font-family:var(--font-body),-apple-system,BlinkMacSystemFont,sans-serif;line-height:1;text-transform:uppercase}.pizza-card-mine .pizza-letter{background:var(--color-primary-dark);box-shadow:0 0 0 2px #ea580c33}.pizza-count{font-size:.7rem;font-weight:700;color:var(--color-primary);background:#ea580c1a;padding:.1rem .35rem;border-radius:var(--radius-sm)}.pizza-main{flex:1;min-width:0}.pizza-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.pizza-size-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;font-size:.9rem}.pizza-slice-count{font-size:.8rem;color:var(--color-text-muted);background:var(--color-surface);padding:.15rem .5rem;border-radius:var(--radius-sm)}.pizza-toppings{margin-top:.5rem}.topping-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .75rem}.topping-item{font-size:.9rem;font-weight:500;color:var(--color-text)}.topping-item.plain{font-style:italic;color:var(--color-text-muted);font-weight:400}.base-ingredients{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin-top:.5rem;padding-top:.35rem}.base-ingredient{font-size:.75rem;color:var(--color-text-muted)}.base-ingredient:not(:last-child):after{content:"·";margin-left:.5rem;color:var(--color-border)}.per-pizza{color:var(--color-text-muted);font-weight:400}.half-and-half-badge{background:linear-gradient(135deg,var(--color-primary) 50%,#3b82f6 50%);color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:var(--radius-full);margin-left:.25rem}.half-and-half{display:flex;flex-direction:column;gap:.5rem}.pizza-half{display:flex;flex-direction:column;gap:.15rem}.half-header{display:flex;align-items:center;gap:.4rem}.half-marker{font-size:1rem;line-height:1}.half-a .half-marker{color:var(--color-primary)}.half-b .half-marker{color:#3b82f6}.half-toppings-inline{font-size:.9rem;font-weight:500;color:var(--color-text)}.half-good-for{font-size:.7rem;color:var(--color-text-muted);margin-left:1.4rem;font-style:italic}.unique-count{color:var(--color-text-muted)}.pizza-good-for{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--color-border);font-size:.8rem}.good-for-label{color:var(--color-text-muted);margin-right:.5rem}.good-for-names{color:var(--color-text);font-weight:500;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.satisfaction-breakdown{background:var(--color-bg);border-radius:var(--radius-md);padding:1rem;margin-top:1rem}.satisfaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:600;font-size:.9rem}.overall-satisfaction{color:var(--color-primary)}.satisfaction-list{display:flex;flex-direction:column;gap:.5rem}.satisfaction-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.satisfaction-row:last-child{border-bottom:none}.satisfaction-name{font-weight:500;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.satisfaction-details{display:flex;align-items:center;gap:.75rem;font-size:.75rem}.satisfaction-slices,.satisfaction-favs{color:var(--color-text-muted)}.satisfaction-score{font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-sm)}.satisfaction-score.high{background:#22c55e26;color:#16a34a}.satisfaction-score.medium{background:#eab30826;color:#ca8a04}.satisfaction-score.low{background:#ef444426;color:#dc2626}.order-summary{background:var(--color-bg);border-radius:var(--radius-md);padding:1rem;margin-top:1rem}.summary-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.9rem}.summary-row:not(:last-child){border-bottom:1px dashed var(--color-border)}.summary-label{color:var(--color-text-muted)}.summary-value{font-weight:600}.summary-row.highlight{margin-top:.5rem;padding-top:.75rem;border-top:2px solid var(--color-border);border-bottom:none}.match-score{color:var(--color-primary);font-size:1rem}.summary-row.waste{color:var(--color-text-muted)}.waste-value{color:#f59e0b;font-weight:500}.order-tip{margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ea580c0d,#eab3080d);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-muted);text-align:center}.solve-time-header{opacity:.6;font-weight:400}.calculating-estimate{margin-top:.5rem;font-size:.8rem;color:var(--color-text-muted);opacity:.8}.proven-optimal{color:#16a34a;font-weight:500}.solver-toggle{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center}.solver-btn:hover{border-color:var(--color-primary)}.solver-hint{font-size:.65rem;color:var(--color-text-muted);opacity:.7}.solver-badge{display:inline-flex;align-items:center;margin-left:.25rem;font-size:.65rem}.solver-badge.optimal{color:#16a34a}.share-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);max-width:1400px;margin-left:auto;margin-right:auto}.share-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.share-panel.collapsed .share-header{margin-bottom:0}.share-title{font-size:.9rem;font-weight:600;color:var(--color-text)}.share-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:.75rem;transition:all .2s}.share-toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ea580c0d}.share-content{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.share-section{flex:1;min-width:300px;max-width:100%;overflow:hidden}@media (max-width: 640px){.share-panel{padding-top:.75rem;margin-top:.75rem}.share-content{gap:1rem}.share-section{min-width:0;width:100%;flex:none}}.share-section label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem}.share-input-group{display:flex;gap:.5rem;width:100%;max-width:100%}.share-input{flex:1;min-width:0;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;background:var(--color-bg);color:var(--color-text);overflow:hidden;text-overflow:ellipsis}.share-input:focus{outline:none;border-color:var(--color-primary)}.btn-copy{flex-shrink:0;padding:.625rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;white-space:nowrap}@media (max-width: 640px){.share-input{font-size:.8rem;padding:.5rem .75rem}.btn-copy{padding:.5rem .875rem;font-size:.8rem}}.btn-copy:hover{background:var(--color-primary-dark)}.share-divider{color:var(--color-text-muted);font-size:.8rem;flex-shrink:0}.share-code{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0}.share-code:hover{transform:scale(1.02);box-shadow:0 4px 12px #ea580c4d}.code-display{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.05em}.code-hint{font-size:.7rem;color:#fffc;margin-top:.25rem}@media (max-width: 640px){.share-divider{width:100%;text-align:center;font-size:.75rem}.share-code{width:100%;padding:.875rem 1rem}.code-display{font-size:1.1rem}.code-hint{font-size:.65rem}}.party-room{min-height:100vh;background:var(--color-bg);max-width:100vw;overflow-x:hidden}.party-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1rem 1.5rem;position:sticky;top:0;z-index:100}.party-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:1rem}.spectator-badge{background:var(--color-primary);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.party-info{display:flex;align-items:baseline;gap:1rem;min-width:0;flex:1}.party-info h1{font-family:var(--font-display);font-size:1.5rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-code{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-muted);background:var(--color-bg);padding:.25rem .5rem;border-radius:var(--radius-sm)}.party-actions{display:flex;gap:.5rem}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);padding:.5rem 1rem;font-size:.875rem}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-danger:hover{border-color:#ef4444;color:#ef4444}.party-main{padding:1.5rem;max-width:1400px;margin:0 auto;box-sizing:border-box;width:100%;overflow-x:hidden}.party-grid{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;align-items:start;max-width:100%}@media (max-width: 1024px){.party-grid{grid-template-columns:1fr;max-width:100%;overflow-x:hidden}.party-grid>*{max-width:100%;min-width:0}}@media (max-width: 640px){.party-header{padding:.75rem 1rem}.party-header-content{flex-wrap:wrap;gap:.5rem}.party-info{order:1;width:100%;gap:.5rem}.party-info h1{font-size:1.25rem}.spectator-badge{order:0;font-size:.7rem;padding:.3rem .6rem}.party-actions{order:2;margin-left:auto}.party-main{padding:1rem}}.party-sidebar{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;min-width:0}.panel{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;max-width:100%;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-hover)}.panel-header h2{font-family:var(--font-display);font-size:1.125rem;margin:0}.member-badge{font-size:.8rem;background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-badge-group{display:flex;align-items:center;gap:.5rem}.btn-rename-self{background:transparent;border:1px solid var(--color-border);padding:.25rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-size:.875rem;display:flex;align-items:center;justify-content:center}.btn-rename-self:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:scale(1.1)}.member-count{font-size:.875rem;color:var(--color-text-muted)}.member-list{list-style:none;margin:0;padding:0}.member-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--color-border)}.member-item:last-child{border-bottom:none}.member-status{font-size:1rem}.member-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-slices{font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg);padding:.2rem .5rem;border-radius:var(--radius-sm)}.member-hint{font-size:.8rem;color:var(--color-text-muted);font-style:italic}.member-waiting{opacity:.7}.btn-kick{width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;opacity:.4;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-kick:hover,.btn-kick:active{opacity:1;background:#ef44441a;color:#ef4444}.member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.member-details{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted)}.satisfaction-badge{padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.satisfaction-badge.high{background:#22c55e26;color:#16a34a}.satisfaction-badge.medium{background:#eab30826;color:#ca8a04}.satisfaction-badge.low{background:#ef444426;color:#dc2626}.mode-toggle{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.mode-btn{flex:1 1 0;min-width:0;padding:clamp(.5rem,2vw,.75rem);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-size:clamp(.65rem,2.5vw,.85rem);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center}@media (max-width: 380px){.mode-btn{flex:1 1 100%;font-size:.85rem;padding:.75rem}}.mode-btn:hover{border-color:var(--color-primary)}.mode-btn.active{border-color:var(--color-primary);background:#ea580c1a;color:var(--color-primary)}.solver-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.solver-btn{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.25rem}.solver-btn:hover:not(.disabled){border-color:var(--color-primary)}.solver-btn.active{border-color:var(--color-primary);background:#ea580c14;color:var(--color-primary)}.solver-btn.disabled{opacity:.5;cursor:not-allowed}.solver-hint{font-size:.65rem;opacity:.7;margin-left:.25rem}.solver-badge{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.solver-badge.optimal{background:#22c55e26;color:#16a34a}.solve-time{font-weight:400;opacity:.8}.preferences-panel{min-height:500px;min-width:0;max-width:100%}@media (max-width: 1024px){.preferences-panel{width:100%;max-width:calc(100vw - 3rem)}}.debug-panel{position:fixed;bottom:1rem;right:1rem;z-index:1000}.debug-panel.expanded{bottom:0;right:0;left:0;top:50vh}.debug-toggle{padding:.4rem .6rem;background:#333;border:1px solid #555;border-radius:4px;color:#888;font-size:.65rem;cursor:pointer;opacity:.6;transition:opacity .2s}.debug-toggle:hover{opacity:1;background:#444}.debug-panel.expanded .debug-toggle{position:absolute;top:.5rem;right:.5rem;z-index:1}.debug-copy{position:absolute;top:.5rem;right:5rem;z-index:1;padding:.4rem .6rem;background:#333;border:1px solid #555;border-radius:4px;color:#888;font-size:.65rem;cursor:pointer;opacity:.6;transition:opacity .2s}.debug-copy:hover{opacity:1;background:#444}.debug-header{display:none}.debug-panel.expanded .debug-header{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:absolute;top:.5rem;left:.5rem;right:6rem;padding:.5rem;font-size:.7rem;color:#0f0;background:#000000e6;border-radius:4px;border:1px solid #333}.debug-stats strong,.debug-synthetic strong{display:block;margin-bottom:.25rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.debug-stats strong{color:#0ff}.debug-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem .5rem}.debug-stat{display:flex;justify-content:space-between;gap:.5rem}.debug-stat-label{color:#888}.debug-stat-value{color:#0f0;font-family:monospace}.debug-stat-value.synthetic,.debug-synthetic strong{color:#f0f}.debug-synthetic-controls{display:flex;gap:.25rem;flex-wrap:wrap}.debug-synthetic-controls select,.debug-synthetic-controls button{padding:.25rem .5rem;font-size:.65rem;background:#333;border:1px solid #555;border-radius:3px;color:#0f0;cursor:pointer}.debug-synthetic-controls button:hover{background:#444}.debug-json{display:none}.debug-panel.expanded .debug-json{display:block;margin:0;padding:6rem 1rem 1rem;font-size:.65rem;line-height:1.3;color:#0f0;background:#0a0a15;height:100%;overflow:auto;white-space:pre-wrap;word-break:break-all}.rename-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rename-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:2rem;max-width:400px;width:100%;text-align:center}.rename-modal h2{margin:0 0 .5rem;font-family:var(--font-display)}.rename-modal p{color:var(--color-text-muted);margin-bottom:1.5rem}.rename-modal input{width:100%;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background:var(--color-bg);color:var(--color-text);margin-bottom:1rem;box-sizing:border-box}.rename-modal input:focus{outline:none;border-color:var(--color-primary)}.rename-actions{display:flex;flex-direction:column;gap:.5rem}.name-change-error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:.75rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:.5rem}.crown-icon{position:relative;display:inline-flex;align-items:center;margin-left:.35rem;vertical-align:middle}button.crown-icon{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:none}button.crown-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.crown-icon .crown-emoji{display:inline-block;transition:transform .15s ease}.crown-icon.challengeable:hover .crown-emoji{transform:scale(1.35)}.crown-icon .challenge-hint{opacity:0;font-size:.65rem;color:var(--color-text-muted);margin-left:.25rem;transition:opacity .15s ease;font-weight:400;letter-spacing:.02em}.crown-icon.challengeable:hover .challenge-hint{opacity:.7}.crown-icon .challenge-hint.unavailable{font-style:italic}.crown-icon.challengeable:active .crown-emoji{transform:scale(1.1)}.kicked-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.kicked-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;animation:kickedModalSlideIn .3s ease-out}@keyframes kickedModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.kicked-icon{font-size:4rem;margin-bottom:.5rem}.kicked-modal h2{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.5rem;color:var(--color-text)}.kicked-modal>p{color:var(--color-text-muted);margin:0 0 1.5rem}.kicked-cta{background:var(--color-bg);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem}.kicked-prompt{font-weight:600;color:var(--color-text);margin:0 0 1rem}.kicked-cta input{width:100%;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background:var(--color-surface);color:var(--color-text);margin-bottom:.75rem;box-sizing:border-box}.kicked-cta input:focus{outline:none;border-color:var(--color-primary)}.kicked-cta .btn-primary{width:100%}.kicked-modal .btn-text{color:var(--color-text-muted);background:transparent;border:none;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;transition:color .2s}.kicked-modal .btn-text:hover{color:var(--color-text)}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{font-size:3rem;animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-loading p{color:var(--color-text-muted);font-size:1rem}.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;padding:2rem;text-align:center}.error-icon{font-size:3rem}.app-error h2{color:var(--color-text);margin-bottom:.5rem}.app-error p{color:var(--color-text-muted);max-width:400px}:root{--font-display: "Outfit", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-primary: #ea580c;--color-primary-dark: #c2410c;--color-accent: #eab308;--color-accent-dark: #ca8a04;--color-bg: #fef7ed;--color-surface: #ffffff;--color-surface-hover: #fff7ed;--color-border: #fed7aa;--color-text: #292524;--color-text-muted: #78716c;--bg-gradient: linear-gradient(135deg, #fef7ed 0%, #fff7ed 50%, #fefce8 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;color-scheme:light}@media (prefers-color-scheme: dark){:root{--color-bg: #1c1917;--color-surface: #292524;--color-surface-hover: #44403c;--color-border: #44403c;--color-text: #fafaf9;--color-text-muted: #a8a29e;--bg-gradient: linear-gradient(135deg, #1c1917 0%, #1c1917 50%, #1a1a1a 100%)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{margin:0;padding:0;font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text);background:var(--bg-gradient);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:0}p{margin:0 0 1rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font-family:var(--font-body)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}