*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}:root{--font-serif:"Cormorant", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.5rem;--text-2xl:clamp(1.625rem, 5vw, 2.375rem);--text-3xl:clamp(1.75rem, 6vw, 2.5rem);--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-loose:1.75;--tracking-wide:.05em;--tracking-wider:.1em;--tracking-widest:.2em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--z-base:1;--z-overlay:10;--z-dropdown:100;--z-toast:400;--z-modal:600;--color-bg-gradient:linear-gradient(160deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%);--color-bg-primary:#1a1a2e;--color-bg-secondary:#16213e;--color-bg-tertiary:#0f3460;--color-rose:#c38d9e;--color-rose-dark:#a86e82;--color-rose-faint:#c38d9e26;--color-rose-glow:#c38d9e4d;--color-teal:#85cdca;--color-teal-dark:#5aafa8;--color-teal-faint:#85cdca26;--color-teal-glow:#85cdca4d;--color-cream:#f0ebe3;--color-cream-70:#f0ebe3b3;--color-cream-55:#f0ebe38c;--color-cream-45:#f0ebe373;--color-cream-35:#f0ebe359;--color-cream-20:#f0ebe333;--color-cream-10:#f0ebe31a;--color-cream-07:#f0ebe312;--color-cream-05:#f0ebe30d;--color-cream-03:#f0ebe308;--color-words:#e8a87c;--color-words-dark:#d4845a;--color-quality:#85cdca;--color-quality-dark:#5aafa8;--color-gifts:#d5a6bd;--color-gifts-dark:#c084a0;--color-service:#e27d60;--color-service-dark:#c85a3d;--color-touch:#c38d9e;--color-touch-dark:#a86e82;--gradient-rose:linear-gradient(135deg, var(--color-rose) 0%, var(--color-rose-dark) 100%);--gradient-teal:linear-gradient(135deg, var(--color-teal) 0%, var(--color-teal-dark) 100%);--gradient-words:linear-gradient(135deg, var(--color-words) 0%, var(--color-words-dark) 100%);--gradient-quality:linear-gradient(135deg, var(--color-quality) 0%, var(--color-quality-dark) 100%);--gradient-gifts:linear-gradient(135deg, var(--color-gifts) 0%, var(--color-gifts-dark) 100%);--gradient-service:linear-gradient(135deg, var(--color-service) 0%, var(--color-service-dark) 100%);--gradient-touch:linear-gradient(135deg, var(--color-touch) 0%, var(--color-touch-dark) 100%);--gradient-heading:linear-gradient(135deg, var(--color-cream) 0%, var(--color-rose) 100%);--surface-1:#f0ebe308;--surface-2:#f0ebe30f;--border-1:#f0ebe314;--border-2:#f0ebe326;--border-3:#f0ebe340;--max-width-content:520px;--max-width-card:400px;--width-done-stack:min(100%, var(--max-width-content));--page-gutter:var(--space-4)}button{text-transform:capitalize}.km-invite-actions--lobby .km-copy-btn,.km-invite-actions--lobby .km-share-btn{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.06em;padding:8px var(--space-4)}.km-invite-actions--lobby .km-share-btn{gap:var(--space-1)}.km-lobby .km-discard-btn{font-size:var(--text-xs)}.km-apart-actions .km-invite-pill{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.06em;padding:8px var(--space-4)}.game-card-emoji,.home-history-emoji,.home-empty-emoji,.history-emoji,.history-empty-emoji,.auth-feature-emoji,.loading-screen-emoji,.km-mode-emoji,.km-create-emoji,.km-lobby-emoji,.km-join-emoji,.km-session-missing-emoji,.km-category-emoji,.km-category-tag__emoji,.km-card-front-emoji,.km-answer-question-emoji,.wyr-done-emoji,.ll-result-emoji,.ll-loading-emoji{font-family:var(--font-emoji);line-height:1}.toast-container{bottom:max(var(--space-6), env(safe-area-inset-bottom,0px));align-items:stretch;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;width:min(100% - var(--space-8), 420px);box-sizing:border-box;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-1);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-relaxed);text-align:center;color:var(--color-cream-70);background:var(--color-bg-secondary);box-sizing:border-box;animation:toast-in .28s var(--ease-smooth) both;box-shadow:0 2px 12px #00000024}.toast--error{background:color-mix(in srgb, var(--color-bg-secondary) 82%, var(--color-rose) 18%)}.toast--success{background:color-mix(in srgb, var(--color-bg-secondary) 82%, var(--color-teal) 18%)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes route-transition-line-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.route-transition-line{height:1px;z-index:calc(var(--z-modal) - 1);pointer-events:none;background:#c38d9e14;position:fixed;top:0;left:0;right:0;overflow:hidden}.route-transition-line:after{content:"";background:linear-gradient(90deg,#0000,#c38d9e73,#85cdca59,#0000);animation:1.8s ease-in-out infinite route-transition-line-slide;position:absolute;inset:0}.route-transition-line-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.music-playback-audio{clip:rect(0, 0, 0, 0);white-space:nowrap;pointer-events:none;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}.ambient-playlist-player{clip:rect(0 0 0 0);clip-path:inset(50%);width:0;height:0;position:absolute;overflow:hidden}.settings-switch{border-radius:var(--radius-full);border:1px solid var(--border-2);background:var(--surface-2);cursor:pointer;width:44px;height:26px;transition:background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;padding:0;position:relative}.settings-switch[aria-checked=true]{background:var(--color-teal-faint);border-color:var(--color-teal-dark)}.settings-switch:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.settings-switch-thumb{background:var(--color-cream-55);width:18px;height:18px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.settings-switch[aria-checked=true] .settings-switch-thumb{background:var(--color-teal);transform:translate(18px,-50%)}.settings-switch--compact{width:32px;height:18px}.settings-switch--compact .settings-switch-thumb{width:12px;height:12px;left:2px}.settings-switch--compact[aria-checked=true] .settings-switch-thumb{transform:translate(14px,-50%)}.settings-switch--mini{width:28px;height:16px}.settings-switch--mini .settings-switch-thumb{width:10px;height:10px;left:2px}.settings-switch--mini[aria-checked=true] .settings-switch-thumb{transform:translate(12px,-50%)}.audio-quick-controls{left:max(var(--page-gutter), env(safe-area-inset-left));bottom:max(var(--space-6), env(safe-area-inset-bottom));z-index:var(--z-overlay);pointer-events:none;align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex;position:fixed}.audio-quick-controls-panel{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-gradient);border:1px solid #f0ebe324;flex-direction:column;min-width:168px;display:flex;box-shadow:0 8px 28px #00000052,inset 0 1px #f0ebe30f}.audio-quick-controls-panel--with-invite{min-width:192px}.audio-quick-controls-panel{opacity:0;pointer-events:none;transition:opacity .16s ease, transform .16s var(--ease-smooth);transform:translateY(4px)}.audio-quick-controls-panel--open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.audio-quick-controls-panel:not(.audio-quick-controls-panel--open){visibility:hidden}.audio-quick-controls-section{flex-direction:column;display:flex}.audio-quick-controls-section--sound{gap:var(--space-1)}.audio-quick-controls-section--invite{gap:var(--space-2)}.audio-quick-controls-row{justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.audio-quick-controls-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em;color:var(--color-cream-45);min-width:0}.audio-quick-controls-fab{border:1px solid var(--border-2);background:var(--surface-1);width:36px;height:36px;color:var(--color-cream-55);cursor:pointer;pointer-events:auto;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.audio-quick-controls-fab:hover{color:var(--color-teal);border-color:#85cdca59}.audio-quick-controls-fab:focus-visible{outline:2px solid var(--color-teal);outline-offset:1px}.audio-quick-controls-fab[aria-expanded=true]{background:var(--color-teal-faint);border-color:var(--color-teal-dark);color:var(--color-teal)}.audio-quick-controls-divider{background:#f0ebe31a;flex-shrink:0;height:1px;margin:0}.audio-quick-controls-invite-heading{font-family:var(--font-sans);font-size:.625rem;font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-cream-35);margin:0;padding:1px 1px 0}.audio-quick-controls-invite-ctas{align-items:stretch;gap:var(--space-2);flex-direction:row;width:100%;display:flex}.audio-quick-controls-action{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-70);cursor:pointer;text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #f0ebe31a;text-decoration:none;display:flex}.audio-quick-controls-action:hover{color:var(--color-cream);background:#f0ebe317;border-color:#f0ebe324}.audio-quick-controls-action:focus-visible{outline:2px solid var(--color-teal);outline-offset:1px}.audio-quick-controls-action--inline{text-align:center;flex:1 1 0;justify-content:center;width:auto;min-width:0}.audio-quick-controls-action--link{display:flex}@media (width<=640px){.audio-quick-controls-panel{gap:calc(var(--space-3) * 1.05);padding:calc(var(--space-3) * 1.05) calc(var(--space-4) * 1.05);min-width:176.4px}.audio-quick-controls-panel--with-invite{min-width:201.6px}.audio-quick-controls-section--sound{gap:calc(var(--space-1) * 1.05)}.audio-quick-controls-section--invite,.audio-quick-controls-invite-ctas{gap:calc(var(--space-2) * 1.05)}.audio-quick-controls-row{gap:calc(var(--space-1) * 1.05)}.audio-quick-controls-label{font-size:calc(1.05 * var(--text-xs))}.audio-quick-controls-invite-heading{font-size:.65625rem}.audio-quick-controls-action{gap:calc(var(--space-1) * 1.05);padding:calc(var(--space-1) * 1.05) calc(var(--space-2) * 1.05);font-size:calc(1.05 * var(--text-xs))}.audio-quick-controls-action svg{flex-shrink:0;width:11.55px;height:11.55px}}@keyframes floating-music-fab-icon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.floating-music-control{right:max(var(--page-gutter), env(safe-area-inset-right));bottom:max(var(--space-6), env(safe-area-inset-bottom));z-index:var(--z-overlay);pointer-events:none;align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex;position:fixed}.floating-music-control-panel{gap:var(--space-2);padding:var(--space-3) var(--space-3);min-width:11.5rem;max-width:min(16rem, 100vw - 2 * var(--page-gutter));border-radius:var(--radius-lg);border:1px solid var(--border-1);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-smooth), transform .18s var(--ease-smooth);background:radial-gradient(130% 120% at 100% 0,#85cdca1a 0%,#0000 55%),radial-gradient(100% 90% at 0 100%,#c38d9e12 0%,#0000 52%),linear-gradient(165deg,#16213ed1 0%,#1a1a2ee6 45%,#0f3460bf 100%);flex-direction:column;display:flex;transform:translateY(6px);box-shadow:inset 0 2px #f0ebe30f,0 6px 20px #0000002e}.floating-music-control-panel--open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.floating-music-control-panel:not(.floating-music-control-panel--open){visibility:hidden}.floating-music-control-title{font-family:var(--font-serif);font-size:var(--text-sm);font-weight:var(--weight-light);color:var(--color-cream);line-height:var(--leading-snug);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.floating-music-control-times{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--color-cream-35);margin:calc(-1 * var(--space-1)) 0 0;font-size:.625rem}.floating-music-control-times-sep{color:var(--color-cream-20);margin:0 var(--space-1)}.floating-music-control-transport{flex-direction:row;justify-content:center;align-items:center;gap:2px;display:flex}.floating-music-control-icon-btn{width:1.75rem;height:1.75rem;color:var(--color-cream-55);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.floating-music-control-icon-btn:hover{color:var(--color-cream);background:var(--surface-1);border-color:var(--border-2)}.floating-music-control-play{background:var(--gradient-teal);color:#1a1a2eeb;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0 1px;padding:0;display:flex;box-shadow:inset 0 1px #fff3}.floating-music-control-play:hover{transform:scale(1.04)}.floating-music-control-play:active{transform:scale(.96)}.floating-music-control-cta{font-family:var(--font-sans);font-size:.6875rem;font-weight:var(--weight-medium);color:#1a1a2eeb;text-align:center;box-sizing:border-box;width:100%;padding:.35rem var(--space-2);border-radius:var(--radius-sm);background:var(--gradient-teal);cursor:pointer;transition:filter var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;margin:0;line-height:1.2;text-decoration:none;display:flex;box-shadow:inset 0 1px #ffffff2e}.floating-music-control-cta:hover{filter:brightness(1.06)}.floating-music-control-cta:active{transform:scale(.98)}.floating-music-control-cta:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.floating-music-control-stop{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-45);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0}.floating-music-control-stop:hover{border-color:var(--border-2);color:var(--color-cream-70)}.floating-music-control-fab{background:var(--surface-1);width:36px;height:36px;color:var(--color-cream-55);cursor:pointer;pointer-events:auto;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #c38d9e59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.floating-music-control-fab:hover{color:var(--color-rose);border-color:#c38d9e8c}.floating-music-control-fab:focus-visible{outline:2px solid var(--color-teal);outline-offset:1px}.floating-music-control-fab[aria-expanded=true]{background:var(--color-rose-faint);border-color:var(--color-rose-dark);color:var(--color-rose)}.floating-music-control-fab--playing{color:var(--color-teal);border-color:#85cdca59}.floating-music-control-fab--playing:hover{color:var(--color-teal);border-color:#85cdca80}.floating-music-control-fab-icon{transform-origin:50%;will-change:transform;justify-content:center;align-items:center;display:flex}.floating-music-control-fab--playing .floating-music-control-fab-icon{animation:2.2s ease-in-out infinite floating-music-fab-icon-breathe}@media (prefers-reduced-motion:reduce){.floating-music-control-fab--playing .floating-music-control-fab-icon{animation:none}.floating-music-control-panel{transition:none}.floating-music-control-cta:active{transform:none}}@media (width<=640px){.floating-music-control-panel{gap:calc(var(--space-2) * 1.05);padding:calc(var(--space-3) * 1.05);min-width:12.075rem;max-width:min(16.8rem, 100vw - 2 * var(--page-gutter))}.floating-music-control-title{font-size:calc(1.05 * var(--text-sm))}.floating-music-control-times{font-size:.65625rem}.floating-music-control-transport{gap:2.1px}.floating-music-control-icon-btn{width:1.8375rem;height:1.8375rem}.floating-music-control-play{width:2.1rem;height:2.1rem}.floating-music-control-cta{padding:.3675rem calc(var(--space-2) * 1.05);font-size:.721875rem}.floating-music-control-stop{font-size:calc(1.05 * var(--text-xs));padding:calc(var(--space-1) * 1.05) calc(var(--space-2) * 1.05)}}.confirm-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);background:#00000080;justify-content:center;align-items:flex-end;animation:.2s both confirm-dialog-fade-in;display:flex;position:fixed;inset:0}@keyframes confirm-dialog-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog-card{width:100%;max-width:var(--max-width-content);border:1px solid var(--border-2);border-radius:var(--radius-2xl);padding:var(--space-6);animation:confirm-dialog-slide-up .25s var(--ease-spring) both;background:#1e1e2e}@keyframes confirm-dialog-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin:0 0 var(--space-2);display:flex}.confirm-dialog-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-regular);color:var(--color-cream);margin:0 0 var(--space-2)}.confirm-dialog-header .confirm-dialog-title{flex:1;min-width:0;margin:0}.confirm-dialog-close{width:36px;height:36px;margin:calc(var(--space-1) * -1) calc(var(--space-1) * -1) 0 0;border-radius:var(--radius-full);color:var(--color-cream-55);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.confirm-dialog-close:hover:not(:disabled){color:var(--color-cream);background:var(--surface-1)}.confirm-dialog-close:disabled{opacity:.45;cursor:not-allowed}.confirm-dialog-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-55);line-height:var(--leading-normal);margin:0 0 var(--space-5);white-space:pre-line}.confirm-dialog-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.confirm-dialog-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);justify-content:center;align-items:center;gap:var(--space-1);cursor:pointer;min-height:2rem;transition:all var(--transition-fast);border:1px solid #0000;display:inline-flex}.confirm-dialog-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.confirm-dialog-btn--secondary{background:var(--surface-1);border-color:var(--border-1);color:var(--color-cream-55)}.confirm-dialog-btn--secondary:hover:not(:disabled){background:var(--surface-2);color:var(--color-cream)}.confirm-dialog-btn--primary{color:#b4a0e8;background:#b4a0e826;border-color:#b4a0e84d}.confirm-dialog-btn--primary:hover:not(:disabled){background:#b4a0e840;border-color:#b4a0e880}.confirm-dialog-btn--danger{color:#e8a87cf2;background:#e8a87c1f;border-color:#e8a87c47}.confirm-dialog-btn--danger:hover:not(:disabled){background:#e8a87c33;border-color:#e8a87c66}.relationship-invite-dialog-lead{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-cream-55);margin:0 0 var(--space-4)}.relationship-invite-dialog-lead strong{font-weight:var(--weight-medium);color:var(--color-cream)}.relationship-invite-dialog-lead--solo{margin-bottom:var(--space-5)}.relationship-invite-dialog-stagger>*{animation:relationship-invite-dialog-enter .38s var(--ease-smooth) both}.relationship-invite-dialog-stagger>:first-child{animation-delay:30ms}.relationship-invite-dialog-stagger>:nth-child(2){animation-delay:70ms}.relationship-invite-dialog-stagger>:nth-child(3){animation-delay:.11s}.relationship-invite-dialog-stagger>:nth-child(4){animation-delay:.15s}@keyframes relationship-invite-dialog-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.relationship-invite-dialog-kinds{margin-bottom:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-1);background:#0000001f;flex-direction:column;display:flex;overflow:hidden}.relationship-invite-dialog-kind{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border:none;border-bottom:1px solid var(--border-1);transition:background var(--transition-fast), box-shadow var(--transition-fast);background:0 0;margin:0;display:flex;position:relative}.relationship-invite-dialog-kind:last-child{border-bottom:none}.relationship-invite-dialog-kind:hover{background:#ffffff08}.relationship-invite-dialog-kind:focus-within{outline:2px solid var(--color-teal);outline-offset:-2px;z-index:1}.relationship-invite-dialog-kind:has(.relationship-invite-dialog-kind-input:checked){box-shadow:inset 3px 0 0 0 var(--color-rose);background:#c38d9e17}.relationship-invite-dialog-kind:has(.relationship-invite-dialog-kind-input:checked) .relationship-invite-dialog-kind-label{font-weight:var(--weight-medium);color:var(--color-cream)}.relationship-invite-dialog-kind-input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.relationship-invite-dialog-kind-indicator{border:2px solid var(--border-2);width:18px;height:18px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0}.relationship-invite-dialog-kind:hover .relationship-invite-dialog-kind-indicator{border-color:#c38d9e59}.relationship-invite-dialog-kind:has(.relationship-invite-dialog-kind-input:checked) .relationship-invite-dialog-kind-indicator{border-color:var(--color-rose);background:radial-gradient(circle closest-side, var(--color-rose) 0 45%, transparent 46% 100%)}.relationship-invite-dialog-kind-label{min-width:0;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-cream-70);transition:color var(--transition-fast), font-weight var(--transition-fast);flex:1}.relationship-invite-dialog-gender-group{margin-bottom:var(--space-4)}.relationship-invite-dialog-gender-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);margin:0 0 var(--space-2)}.relationship-invite-dialog-genders{gap:var(--space-2);flex-wrap:wrap;display:flex}.relationship-invite-dialog-gender{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-55);border:1px solid var(--border-2);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#0000001f;align-items:center;padding:6px 14px;display:inline-flex;position:relative}.relationship-invite-dialog-gender:hover{color:var(--color-cream-70);background:#ffffff0a}.relationship-invite-dialog-gender--selected{background:var(--color-rose-faint);border-color:var(--color-rose-glow);color:var(--color-rose);font-weight:var(--weight-semibold)}.relationship-invite-dialog-code-hint{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-cream-45);margin:0 0 var(--space-3)}.relationship-invite-dialog-code-box{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);text-align:center;background:#85cdca14;border:1px solid #85cdca59}.relationship-invite-dialog-code-text{font-family:ui-monospace,monospace;font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--color-cream);word-break:break-all}.relationship-invite-dialog-error{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-rose);margin:0 0 var(--space-3)}.relationship-invite-dialog-status{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-45);margin:0}.relationship-invite-dialog-share-footer{flex-direction:column;align-items:stretch;width:100%}.relationship-invite-dialog-share-footer .confirm-dialog-btn--primary{justify-content:center;width:100%}.relationship-invite-dialog-share-footer .relationship-invite-dialog-icon-actions{justify-content:flex-end}.relationship-invite-dialog-icon-actions{align-items:center;gap:var(--space-2);display:flex}.relationship-invite-dialog-icon-btn{border:1px solid var(--border-1);background:var(--surface-1);width:36px;height:36px;color:var(--color-cream-45);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.relationship-invite-dialog-icon-btn:hover:not(:disabled){border-color:var(--border-2);color:var(--color-cream-70)}.relationship-invite-dialog-icon-btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.relationship-invite-dialog-icon-btn:disabled{opacity:.45;cursor:not-allowed}.app-shell{background:var(--color-bg-gradient);width:100%;min-height:100dvh;position:relative;overflow:hidden}.app-shell-orb{pointer-events:none;border-radius:50%;position:fixed}.app-shell-orb-rose{width:450px;height:450px;z-index:var(--z-base);background:radial-gradient(circle,#c38d9e1f 0%,#0000 70%);top:-15%;right:-10%}.app-shell-orb-teal{width:500px;height:500px;z-index:var(--z-base);background:radial-gradient(circle,#85cdca14 0%,#0000 70%);bottom:-15%;left:-10%}.page-transition{animation:page-enter var(--transition-normal) var(--ease-smooth) both}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-screen{background:var(--color-bg-gradient);justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.loading-screen-emoji{font-size:2.5rem;animation:2s ease-in-out infinite float}.auth{background:var(--color-bg-gradient);width:100%;min-height:100dvh;padding:var(--space-8) var(--page-gutter);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-orb{pointer-events:none;border-radius:50%;position:fixed}.auth-orb--rose{background:radial-gradient(circle,#c38d9e24 0%,#0000 70%);width:520px;height:520px;top:-18%;right:-12%}.auth-orb--teal{background:radial-gradient(circle,#85cdca17 0%,#0000 70%);width:580px;height:580px;bottom:-20%;left:-14%}.auth-inner{z-index:var(--z-base);flex-direction:column;align-items:center;width:100%;max-width:380px;display:flex;position:relative}.auth-brand{text-align:center;margin-bottom:var(--space-8)}.auth-brand-mark{width:56px;height:56px;margin:0 auto var(--space-3);animation:3.5s ease-in-out infinite float;display:block}.auth-brand-name{font-family:var(--font-serif);font-size:clamp(2.5rem,8vw,3.25rem);font-weight:var(--weight-light);letter-spacing:-.03em;margin:0 0 var(--space-2);background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.auth-brand-tagline{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-teal);margin:0}.auth-features{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);width:100%;padding:var(--space-1) 0;margin-bottom:var(--space-6)}.auth-feature{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);display:flex}.auth-feature-emoji{text-align:center;flex-shrink:0;width:28px;font-size:1.25rem}.auth-feature-text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-55);line-height:var(--leading-snug)}.auth-feature-divider{background:var(--border-1);height:1px;margin:0 var(--space-5)}.auth-actions{align-items:center;gap:var(--space-3);width:100%;margin-bottom:var(--space-2);flex-direction:column;display:flex}.auth-cta{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:15px var(--space-5);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.02em;color:var(--color-cream);cursor:pointer;transition:all var(--transition-normal);background:#c38d9e1a;border:1px solid #c38d9e4d;display:flex}.auth-cta:hover:not(:disabled){background:#c38d9e2e;border-color:#c38d9e80;transform:translateY(-1px);box-shadow:0 8px 28px #c38d9e26}.auth-cta:disabled{opacity:.65;cursor:wait}.auth-cta-spinner{border:2px solid #f0ebe340;border-top-color:var(--color-cream);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.auth-error{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-words);text-align:center}.auth-legal{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);text-align:center;margin-top:var(--space-5);line-height:var(--leading-normal)}.auth-legal-link{color:var(--color-cream-55);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);text-underline-offset:2px;transition:color var(--transition-fast);background:0 0;border:none;padding:0;text-decoration:underline}.auth-legal-link:hover{color:var(--color-cream-70)}.home-partner-spot{--partner-accent:var(--color-teal);width:100%;margin:0 0 var(--space-6);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-1);background:var(--surface-1);box-shadow:inset 0 1px #ffffff0a}.home-partner-spot-inner{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.home-partner-spot-eyebrow{font-family:var(--font-sans);font-size:10px;font-weight:var(--weight-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--color-cream-45);margin:0}.home-partner-spot-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-light);letter-spacing:-.02em;line-height:var(--leading-tight);color:var(--color-cream);margin:0}.home-partner-spot-body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-cream-55);max-width:36ch;margin:0}.home-partner-spot-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.home-partner-spot-cta{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--partner-accent) 35%, transparent);background:color-mix(in srgb, var(--partner-accent) 12%, transparent);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream);transition:border-color var(--transition-fast), background var(--transition-fast);text-decoration:none;display:inline-flex}.home-partner-spot-cta:hover{border-color:color-mix(in srgb, var(--partner-accent) 50%, transparent);background:color-mix(in srgb, var(--partner-accent) 18%, transparent)}.home-partner-spot-cta:focus-visible{outline:2px solid var(--partner-accent);outline-offset:2px}.home-partner-spot-cta-icon{opacity:.85;flex-shrink:0}.home-partner-spot-dismiss{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-45);padding:var(--space-2);cursor:pointer;text-underline-offset:3px;transition:color var(--transition-fast);background:0 0;border:none;margin:0;text-decoration:underline}.home-partner-spot-dismiss:hover{color:var(--color-cream-70)}.home-partner-spot-dismiss:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px;border-radius:var(--radius-sm)}.daily-prompt{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.daily-prompt-header{justify-content:space-between;align-items:center;display:flex}.daily-prompt-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-rose)}.daily-prompt-dismiss{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-cream-35);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.daily-prompt-dismiss:hover{background:var(--surface-2);color:var(--color-cream-55)}.daily-prompt-question{font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-light);line-height:var(--leading-snug);color:var(--color-cream-70);margin:0}.game-card{--accent:var(--color-rose);align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);cursor:pointer;text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast);display:flex}.game-card:hover{background:var(--surface-2);border-color:var(--border-2)}.game-card:hover .game-card-arrow{color:var(--accent);transform:translate(2px)}.game-card-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.game-card-emoji{font-size:1.5rem;line-height:1}.game-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-card-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-regular);letter-spacing:-.01em;color:var(--color-cream);line-height:var(--leading-tight);margin:0}.game-card-meta{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-45);margin:0}.game-card-arrow{color:var(--color-cream-35);transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0}.game-card--disabled{cursor:not-allowed;opacity:.45}.game-card--disabled:hover{background:var(--surface-1);border-color:var(--border-1)}.game-card--disabled:hover .game-card-arrow{color:var(--color-cream-35);transform:none}.home{width:100%;min-height:100dvh;padding:var(--space-8) var(--page-gutter) var(--space-10);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.home-orb{pointer-events:none;border-radius:50%;position:fixed}.home-orb--1{background:radial-gradient(circle,#c38d9e1c 0%,#0000 70%);width:500px;height:500px;top:-15%;right:-12%}.home-orb--2{background:radial-gradient(circle,#85cdca12 0%,#0000 70%);width:580px;height:580px;bottom:-20%;left:-14%}.home-inner{z-index:1;width:100%;max-width:var(--max-width-content);flex-direction:column;display:flex;position:relative}.home-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-10);display:flex}.home-header-actions{align-items:center;gap:var(--space-2);display:flex}.home-header-icon-btn{background:var(--surface-1);border:1px solid var(--border-1);width:36px;height:36px;color:var(--color-cream-45);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.home-header-icon-btn:hover{border-color:var(--border-2);color:var(--color-cream-70)}.home-header-icon{flex-shrink:0;display:block}.home-brand{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.home-brand-mark{flex-shrink:0;width:28px;height:28px;display:block}.home-brand-name{font-family:var(--font-serif);font-size:1.375rem;font-weight:var(--weight-light);letter-spacing:-.02em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-avatar{background:var(--surface-1);border:1px solid var(--border-1);width:36px;height:36px;font-size:.75rem;font-family:var(--font-sans);font-weight:var(--weight-medium);letter-spacing:.03em;color:var(--color-cream-55);cursor:pointer;transition:border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.home-avatar:hover{border-color:var(--border-2)}.home-avatar img{object-fit:cover;width:100%;height:100%}.home-hero{margin-bottom:var(--space-1)}.home-greeting{font-family:var(--font-serif);font-size:clamp(2rem,6vw,2.75rem);font-weight:var(--weight-light);letter-spacing:-.03em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;margin:0 0 var(--space-2);-webkit-background-clip:text;background-clip:text;line-height:1.1}.home-pair-line{font-family:var(--font-serif);font-size:var(--text-md);font-style:italic;font-weight:var(--weight-light);line-height:var(--leading-snug);letter-spacing:-.01em;color:var(--color-cream-55);margin:0 0 var(--space-3)}.home-pair-line strong{font-style:normal;font-weight:var(--weight-medium);color:var(--color-teal)}.home-partner-online{border-radius:var(--radius-full);width:6px;height:6px;margin-left:var(--space-2);vertical-align:middle;background:#6bcb8b;display:inline-block;position:relative;top:-1px}.home-pair-profile-cta{font-family:var(--font-serif);font-size:var(--text-md);font-style:italic;font-weight:var(--weight-light);color:var(--color-teal);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0}.home-pair-profile-cta:hover{color:var(--color-teal-dark)}.home-data-error{align-items:flex-start;gap:var(--space-3);width:100%;margin-bottom:var(--space-6);padding:var(--space-4);border-radius:var(--radius-xl);background:#c38d9e14;border:1px solid #c38d9e59;flex-direction:column;display:flex}.home-data-error-text{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-cream-55);margin:0}.home-data-error-retry{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-teal);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:#85cdca1f;border:1px solid #85cdca59;display:inline-flex}.home-data-error-retry:hover{background:#85cdca2e;border-color:#85cdca8c}.home-relationship-nudge{align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);width:100%;animation:home-relationship-nudge-in .28s var(--ease-smooth) both;background:#c38d9e0f;border:1px solid #c38d9e29;flex-flow:wrap;display:flex}.home-relationship-nudge--pending{background:#85cdca0f;border-color:#85cdca2e}@keyframes home-relationship-nudge-in{0%{opacity:0}to{opacity:1}}.home-relationship-nudge-text{min-width:0;font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-cream-70);letter-spacing:.01em;flex:12rem;margin:0}.home-relationship-nudge-text strong{font-weight:var(--weight-medium);color:var(--color-cream)}.home-relationship-nudge-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;margin-left:auto;display:flex}.home-relationship-nudge-btn{text-transform:none;min-height:1.625rem;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-rose);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#0000001f;border:1px solid #c38d9e47;justify-content:center;align-items:center;gap:5px;padding:3px 10px;line-height:1.2;display:inline-flex}.home-relationship-nudge-btn:hover{color:var(--color-teal);background:#85cdca1a;border-color:#85cdca52}.home-relationship-nudge-btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.home-relationship-nudge-btn:disabled{opacity:.45;cursor:not-allowed}.home-relationship-nudge--pending .home-relationship-nudge-btn{color:var(--color-teal-dark);border-color:#85cdca52}.home-relationship-nudge--pending .home-relationship-nudge-btn:hover{color:var(--color-cream);background:#85cdca24;border-color:#85cdca6b}.home-relationship-nudge-join{width:100%;margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid #c38d9e24;flex:100%}.home-relationship-nudge--pending .home-relationship-nudge-join{border-top-color:#85cdca33}.home-relationship-nudge-join-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-70);margin-bottom:var(--space-2);letter-spacing:.02em;display:block}.home-relationship-nudge-join-row{align-items:stretch;gap:var(--space-2);flex-flow:row;width:100%;display:flex}.home-relationship-nudge-join-input{min-width:0;min-height:2rem;font-family:ui-monospace,monospace;font-size:var(--text-xs);color:var(--color-cream);border-radius:var(--radius-md);background:#0003;border:1px solid #c38d9e47;outline:none;flex:auto;padding:6px 10px}.home-relationship-nudge-join-input::placeholder{color:var(--color-cream-45);font-family:var(--font-sans)}.home-relationship-nudge-join-input:focus{border-color:#85cdca73;box-shadow:0 0 0 1px #85cdca33}.home-relationship-nudge-btn--join{flex-shrink:0}@media (prefers-reduced-motion:reduce){.home-relationship-nudge{animation:none}}.home-games{gap:var(--space-3);flex-direction:column;display:flex}.home-session-banner{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);text-align:left;margin-bottom:var(--space-3);transition:border-color var(--transition-fast), background var(--transition-fast);background:#85cdca0f;border:1px solid #85cdca2e;flex-flow:row;display:flex}.home-session-row{flex:auto;align-items:center;gap:.375rem;min-width:0;display:flex}.home-session-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.home-session-btn{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;transition:opacity .15s, border-color var(--transition-fast), background var(--transition-fast);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.home-session-btn:active:not(:disabled){opacity:.85}.home-session-btn:disabled{opacity:.45;cursor:not-allowed}.home-session-btn--resume{color:var(--color-teal);background:#85cdca2e;border:1px solid #85cdca73}.home-session-btn--discard{color:#f0ebe373;background:0 0;border:1px solid #f0ebe324}.home-session-btn--discard:hover:not(:disabled){color:#e8a87cf2;border-color:#e8a87c59}.home-session-dot{background:var(--color-teal);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s ease-in-out infinite home-session-dot-pulse}@keyframes home-session-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.home-session-dot{opacity:.85;animation:none}}.home-session-text{min-width:0;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.01em;color:var(--color-cream-55);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.35;overflow:hidden}.home-history,.home-in-progress{margin-top:var(--space-6)}.home-in-progress-list{gap:var(--space-2);flex-direction:column;display:flex}.home-in-progress-list>.home-history-item{border:1px solid var(--border-1);border-radius:var(--radius-lg)}.home-in-progress-list>.home-history-item:last-child{border-bottom:1px solid var(--border-1)}.home-history-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);margin:0 0 var(--space-3);padding:0 var(--space-1)}.home-history-list{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.home-history-page-cta{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;font:inherit;transition:background var(--transition-fast);background:#f0ebe308;border:none;display:flex}.home-history-page-cta:hover{background:#85cdca0f}.home-history-page-cta:hover .home-history-page-cta-icon{color:var(--color-cream-55)}.home-history-page-cta:only-child{border-top:none}.home-history-page-cta-main{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-cream-70);display:flex}.home-history-page-cta-icon{color:var(--color-cream-45);flex-shrink:0;display:flex}.home-history-page-cta-icon svg{display:block}.home-history-page-cta-meta{font-family:var(--font-sans);color:var(--color-cream-35);flex-shrink:0;align-items:center;gap:2px;font-size:10px;display:flex}.home-history-page-cta-chevron{color:var(--color-cream-45);margin-left:2px;font-size:14px}.home-history-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1);display:flex}.home-history-item:last-child{border-bottom:none}.home-history-item--pending{background:#c38d9e0a}.home-history-emoji{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.home-history-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.home-history-text{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-55);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-history-pending-badge{font-family:var(--font-sans);font-size:10px;font-weight:var(--weight-semibold);color:var(--color-rose);letter-spacing:.03em}.home-history-time{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);flex-shrink:0}.home-history-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.home-history-btn{font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);cursor:pointer;padding:3px 10px;transition:opacity .15s}.home-history-btn:active{opacity:.7}.home-history-btn--resume{color:var(--color-rose);background:#c38d9e26;border:1px solid #c38d9e4d}.home-history-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.home-history-btn--discard{border:1px solid var(--border-1);color:var(--color-cream-35);background:0 0;padding:3px 7px}.home-history-btn--discard:hover:not(:disabled){color:var(--color-cream-55)}.home-history-btn--delete{border:1px solid var(--border-1);color:var(--color-cream-35);background:0 0;padding:3px 7px}.home-history-btn--delete:hover{color:var(--color-cream-55)}.home-history-btn--view{border:1px solid var(--border-1);color:var(--color-cream-45);background:#f0ebe30d}.home-history-btn--view:hover{color:var(--color-cream-70);border-color:var(--border-2)}.home-empty{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);text-align:center;flex-direction:column;display:flex}.home-empty--in-list{padding:var(--space-6) var(--space-4);background:0 0;border:none;border-radius:0;margin:0}.home-empty-emoji{font-size:1.5rem}.home-empty-text{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);margin:0}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.home-skeleton-line,.home-skeleton-dot,.home-skeleton-label{background:linear-gradient(90deg, var(--surface-1) 25%, #f0ebe312 50%, var(--surface-1) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.6s ease-in-out infinite shimmer}.home-skeleton-label{width:80px;height:10px;margin-bottom:var(--space-3)}.home-skeleton-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1);display:flex}.home-skeleton-row:last-child{border-bottom:none}.home-skeleton-dot{border-radius:var(--radius-sm);flex-shrink:0;width:20px;height:16px}.home-skeleton-line{flex:1;height:10px}.home-skeleton-line--short{flex:none;width:40px}.km-floating-home-btn{z-index:var(--z-dropdown);align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#f0ebe3bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-full);padding:11px var(--space-6);cursor:pointer;letter-spacing:.06em;transition:all var(--transition-normal);white-space:nowrap;background:#1414288c;border:1px solid #f0ebe31f;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.km-floating-home-btn--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}@keyframes ll-results-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ll-wrapper{background:var(--color-bg-gradient);width:100%;min-height:100dvh;font-family:var(--font-serif);color:var(--color-cream);padding:var(--space-4) var(--space-4) 80px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.ll-loading{justify-content:center;align-items:center;min-height:100dvh;display:flex}.ll-loading-emoji{font-size:2rem;animation:1.8s ease-in-out infinite float}.ll-content{z-index:var(--z-base);width:100%;max-width:var(--max-width-content);position:relative}.ll-back-to-history{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);width:fit-content;margin:0 0 var(--space-5);border-radius:var(--radius-full);color:var(--color-cream-55);background:var(--color-cream-05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);border:1px solid #f0ebe324;padding:7px 14px 7px 11px;display:block}.ll-back-to-history:hover{color:var(--color-cream-70);border-color:#f0ebe338}.ll-header{margin-bottom:var(--space-7)}.ll-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ll-header-right{align-items:center;gap:var(--space-2);display:flex}.ll-restart-btn{font-family:var(--font-sans);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.02em;color:#f0ebe366;border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #f0ebe31f;padding:5px 10px}.ll-restart-btn:hover{color:#f0ebe3a6;border-color:#f0ebe338}.ll-back-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);border-radius:var(--radius-full);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;align-items:center;gap:5px;padding:7px 14px 7px 11px;display:flex}.ll-back-btn:not(:disabled){color:var(--color-cream-55);background:var(--color-cream-05);border:1px solid #f0ebe324}.ll-back-btn:disabled{color:#f0ebe32e;cursor:default;background:0 0;border:1px solid #f0ebe314}.ll-streak-badge{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-words);border-radius:var(--radius-full);background:#e8a87c1f;border:1px solid #e8a87c40;padding:5px 11px}.ll-counter-badge{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#f0ebe380;background:var(--color-cream-05);border:1px solid var(--color-cream-10);border-radius:var(--radius-full);letter-spacing:.06em;padding:5px 12px}.ll-progress-bar{background:var(--color-cream-07);border-radius:var(--radius-full);height:3px;overflow:hidden}.ll-progress-fill{background:linear-gradient(90deg, var(--color-teal), var(--color-rose));border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-smooth)}.ll-choose-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-teal);margin-bottom:var(--space-2);font-weight:var(--weight-semibold)}.ll-question-heading{font-size:21px;font-weight:var(--weight-light);color:#f0ebe380;margin-bottom:var(--space-6);line-height:var(--leading-snug)}.ll-options{gap:var(--space-3);flex-direction:column;display:flex}.ll-option-btn{font-family:var(--font-serif);font-size:var(--text-md);text-align:left;border-radius:var(--radius-lg);color:var(--color-cream);cursor:pointer;transition:all var(--transition-normal);width:100%;padding:20px 22px;line-height:1.55}.ll-results{box-sizing:border-box;width:100%}.ll-results.ll-results-stack{align-items:stretch;gap:var(--space-5);padding:var(--space-6) var(--page-gutter) var(--space-8);max-width:var(--max-width-content);flex-direction:column;margin:0 auto;display:flex}.ll-results-stack>.ll-results-hero{animation:ll-results-rise .52s var(--ease-smooth) both}.ll-results-stack>.ll-results-section{animation:ll-results-rise .52s var(--ease-smooth) 70ms both}.ll-results-stack>.ll-results-next-card{animation:ll-results-rise .52s var(--ease-smooth) .14s both}@media (prefers-reduced-motion:reduce){.ll-results-stack>.ll-results-hero,.ll-results-stack>.ll-results-section,.ll-results-stack>.ll-results-next-card{animation:none}}.ll-results-hero{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.ll-results-section{gap:var(--space-2);text-align:left;flex-direction:column;width:100%;display:flex}.ll-results-section-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);padding:0 var(--space-1);margin:0}.ll-results-panel{padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-sizing:border-box;text-align:left;margin:0}.ll-results-next-card{padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-sizing:border-box;text-align:center;margin:0}.ll-result-emoji{border:2px solid var(--border-2);background:var(--surface-2);box-sizing:border-box;width:56px;height:56px;animation:pop .5s var(--ease-spring) both;border-radius:50%;justify-content:center;align-items:center;margin:0;font-size:1.75rem;line-height:1;display:flex}.ll-result-title{font-size:clamp(1.5rem,5vw,2rem);font-weight:var(--weight-light);letter-spacing:-.02em;max-width:14ch;margin:0}.ll-result-desc{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-cream-45);max-width:var(--max-width-card);font-weight:var(--weight-light);margin:0}.ll-score-rows{flex-direction:column;gap:8px;display:flex}.ll-score-row{padding:5px 0}.ll-score-row-labels{justify-content:space-between;margin-bottom:8px;display:flex}.ll-score-row-bar{background:var(--surface-2);border-radius:2px;height:3px;overflow:hidden}.ll-score-row-fill{height:100%;transition:width 1s var(--ease-smooth);border-radius:2px}.ll-share-card{padding:0}.ll-share-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-cream-35);font-weight:var(--weight-semibold);margin-bottom:14px}.ll-share-preview{border-radius:var(--radius-md);padding:14px var(--space-4);text-align:left;background:#0003;margin-bottom:14px}.ll-share-preview-text{font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-cream-70);margin:0}.ll-share-preview-scores{color:var(--color-cream-45);font-size:14px}.ll-share-buttons{gap:var(--space-2);display:flex}.ll-share-btn-primary{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:opacity var(--transition-normal);border:none;flex:1;padding:10px 0}.ll-share-btn-primary:hover{opacity:.88}.ll-share-btn-secondary{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:10px var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-2);color:var(--color-cream-55);cursor:pointer;transition:color var(--transition-fast);background:0 0}.ll-share-btn-secondary:hover{color:var(--color-cream)}.ll-results-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ll-share-trigger{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:var(--color-teal);cursor:pointer;letter-spacing:.02em;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#85cdca14;border:1px solid #85cdca38;line-height:1}.ll-share-trigger:hover{color:var(--color-teal-dark);background:#85cdca24;border-color:#85cdca61}.ll-share-dialog{z-index:var(--z-modal);border:1px solid var(--border-2);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6) var(--space-6);width:min(420px, 100vw - var(--space-8));background:#1e1e30;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ll-share-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059}.ll-share-dialog{animation:dialog-pop var(--transition-normal) var(--ease-spring) both}@keyframes dialog-pop{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.ll-share-dialog-close{background:var(--border-2);border-radius:var(--radius-full);width:36px;height:3px;margin:0 auto var(--space-5);cursor:pointer;transition:background var(--transition-fast);border:none;padding:0;display:block}.ll-share-dialog-close:hover{background:var(--color-rose)}.ll-results-restart-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;padding:var(--space-1) var(--space-3);color:var(--color-cream-45);border:1px solid var(--border-2);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;line-height:1}.ll-results-restart-btn:hover{color:var(--color-cream-70);border-color:var(--border-3);background:var(--color-cream-03)}.ll-milestone-banner{top:var(--space-5);z-index:var(--z-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-2);border-radius:var(--radius-full);align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-semibold);color:var(--color-cream);animation:slideDown var(--transition-slow) var(--ease-spring);white-space:nowrap;background:#1e1e32f2;padding:10px 22px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.ll-confetti-burst{pointer-events:none;z-index:99;position:fixed;inset:0;overflow:hidden}.ll-confetti-piece{position:absolute;top:-5%}.ll-orb-top{pointer-events:none;background:radial-gradient(circle,#c56c8c1f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:fixed;top:-10%;right:-10%}.ll-orb-bottom{pointer-events:none;background:radial-gradient(circle,#85cdca14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:fixed;bottom:-15%;left:-10%}.partner-photo-avatar{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.partner-photo-avatar__img{object-fit:cover;width:100%;height:100%;display:block}.partner-photo-avatar__initials{width:100%;height:100%;font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:.02em;color:var(--color-cream);background:#f0ebe31f;justify-content:center;align-items:center;line-height:1;display:flex}.partner-photo-avatar--24 .partner-photo-avatar__initials{font-size:9px}.partner-photo-avatar--16 .partner-photo-avatar__initials{font-size:7px}.partner-photo-avatar--14 .partner-photo-avatar__initials{letter-spacing:0;font-size:6px}.game-summary-insight{margin-top:var(--space-4);flex-direction:column;align-items:stretch;display:flex}.game-summary-insight-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);border:1px solid var(--border-2);color:var(--color-cream-55);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#f0ebe30a;justify-content:center;align-items:center;gap:.5rem;padding:7px 16px;display:inline-flex}.game-summary-insight-btn--embedded{font-size:var(--text-xs);padding:6px 14px}.game-summary-insight-btn--no-icon{gap:0}.game-summary-insight-btn:hover:not(:disabled){border-color:var(--border-3);color:var(--color-cream);background:#f0ebe312}.game-summary-insight-btn:disabled{opacity:.5;cursor:not-allowed}.game-summary-insight-body{max-height:min(52vh,320px);padding-right:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-55);line-height:var(--leading-relaxed);margin:0;overflow-y:auto}.mobile-bottom-sheet-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(10px);padding:0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#0f12206b;justify-content:center;align-items:flex-end;animation:.2s both mobile-bottom-sheet-backdrop-in;display:flex;position:fixed;inset:0}@keyframes mobile-bottom-sheet-backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mobile-bottom-sheet-overlay{-webkit-backdrop-filter:none;background:color-mix(in srgb, var(--color-bg-primary) 88%, transparent)}}.mobile-bottom-sheet-panel{width:100%;max-width:var(--max-width-content);background:var(--color-bg-primary);border:1px solid var(--border-1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:min(85vh,720px);box-shadow:0 -1px 0 var(--border-1);animation:mobile-bottom-sheet-panel-in .24s var(--ease-spring) both;border-bottom:none;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}@keyframes mobile-bottom-sheet-panel-in{0%{opacity:.94;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mobile-bottom-sheet-panel{animation:none}.mobile-bottom-sheet-overlay{-webkit-backdrop-filter:none}}.mobile-bottom-sheet-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-1);flex-shrink:0;display:flex}.mobile-bottom-sheet-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-cream-70);line-height:var(--leading-snug);letter-spacing:0;margin:0}.mobile-bottom-sheet-close{margin:calc(var(--space-1) * -1) calc(var(--space-1) * -1) 0 0;padding:var(--space-2);border-radius:var(--radius-full);color:var(--color-cream-45);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-bottom-sheet-close:hover{background:var(--surface-2);color:var(--color-cream)}.mobile-bottom-sheet-body{padding:var(--space-3) var(--space-4) var(--space-5);min-height:0;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-cream-45);text-align:left;flex:1;overflow-y:auto}.mobile-bottom-sheet-body .game-answers-review-list{background:var(--surface-1)}.mobile-bottom-sheet-body .game-answers-review-item-title{color:var(--color-cream-70);font-weight:var(--weight-regular)}.mobile-bottom-sheet-body .game-answers-review-dilemma,.mobile-bottom-sheet-body .game-answers-review-wyr-options-sentence,.mobile-bottom-sheet-body .game-answers-review-wyr-option-text{color:var(--color-cream-45)}.mobile-bottom-sheet-body .game-answers-review-option--a,.mobile-bottom-sheet-body .game-answers-review-option--b{font-weight:var(--weight-regular)}.mobile-bottom-sheet-body .game-answers-review-option--a{color:var(--color-teal-dark)}.mobile-bottom-sheet-body .game-answers-review-option--b{color:var(--color-rose-dark)}.mobile-bottom-sheet-body .game-answers-review-row--you .game-answers-review-row-label{color:var(--color-teal-dark)}.mobile-bottom-sheet-body .game-answers-review-row--partner .game-answers-review-row-label{color:var(--color-rose-dark)}.mobile-bottom-sheet-body .game-answers-review-row--you .game-answers-review-row-value,.mobile-bottom-sheet-body .game-answers-review-row--partner .game-answers-review-row-value{color:var(--color-cream-70);font-weight:var(--weight-regular)}.mobile-bottom-sheet-body .game-answers-review-pick-line{color:var(--color-cream-55)}.mobile-bottom-sheet-body .game-answers-review-wyr-options,.mobile-bottom-sheet-body .game-answers-review-wyr-pick{background:var(--color-cream-03)}.mobile-bottom-sheet-body .game-answers-review-wyr-pick--you{border-color:color-mix(in srgb, var(--color-teal) 22%, transparent)}.mobile-bottom-sheet-body .game-answers-review-wyr-pick--partner{border-color:color-mix(in srgb, var(--color-rose) 22%, transparent)}.mobile-bottom-sheet-body .game-answers-review-wyr-pick--solo{border-color:color-mix(in srgb, var(--color-teal) 18%, transparent)}.mobile-bottom-sheet-body .game-answers-review-wyr-pick--you .game-answers-review-wyr-pick-name{color:var(--color-teal-dark)}.mobile-bottom-sheet-body .game-answers-review-wyr-pick--partner .game-answers-review-wyr-pick-name{color:var(--color-rose-dark)}.mobile-bottom-sheet-body .game-answers-review-wyr-pick--solo .game-answers-review-wyr-pick-name{color:var(--color-teal-dark)}.mobile-bottom-sheet-body .game-answers-review-wyr-pick-detail{color:var(--color-cream-70)}.mobile-bottom-sheet-body .game-answers-review-wyr-pick-letter{font-weight:var(--weight-semibold)}.game-answers-review-list{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden}.game-answers-review-item{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-1);text-align:left}.game-answers-review-item:last-child{border-bottom:none}.game-answers-review-item-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream);margin:0 0 var(--space-3);line-height:var(--leading-relaxed)}.game-answers-review-dilemma{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-3);color:var(--color-cream-55)}.game-answers-review-options{gap:var(--space-2);margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);flex-direction:column;display:flex}.game-answers-review-option--a{color:var(--color-teal);font-weight:var(--weight-medium)}.game-answers-review-option--b{color:var(--color-rose);font-weight:var(--weight-medium)}.game-answers-review-row{margin-top:var(--space-2);flex-direction:column;gap:2px;display:flex}.game-answers-review-row:first-of-type{margin-top:0}.game-answers-review-row--you .game-answers-review-row-label{color:var(--color-teal)}.game-answers-review-row--you .game-answers-review-row-value{color:var(--color-cream)}.game-answers-review-row--partner .game-answers-review-row-label{color:var(--color-rose)}.game-answers-review-row--partner .game-answers-review-row-value{color:var(--color-cream)}.game-answers-review-row-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:normal;line-height:var(--leading-normal)}.game-answers-review-row-value{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);font-weight:var(--weight-medium);margin:0}.game-answers-review-note{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-cream-45);margin:var(--space-3) 0 0}.game-answers-review-pick-line{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-cream-70);margin:0}.game-answers-review-pick-line strong{font-weight:var(--weight-semibold)}.game-answers-review-pick-line--picked-a strong{color:var(--color-teal)}.game-answers-review-pick-line--picked-b strong{color:var(--color-rose)}.game-answers-review-item--wyr{padding:var(--space-4) var(--space-5)}.game-answers-review-wyr-section-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:normal;color:var(--color-cream-35);margin:0 0 var(--space-3)}.game-answers-review-wyr-section-label--picks{margin-top:var(--space-4)}.game-answers-review-wyr-options{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-1);background:#f0ebe30a;margin:0}.game-answers-review-wyr-options-sentence{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-cream-55);justify-content:flex-start;align-items:baseline;gap:var(--space-1) var(--space-3);text-align:left;flex-wrap:wrap;margin:0;display:flex}.game-answers-review-wyr-or{font-family:var(--font-serif);font-style:italic;font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-cream-35);-webkit-user-select:none;user-select:none;flex-shrink:0}.game-answers-review-wyr-option{align-items:baseline;gap:var(--space-2);min-width:0;max-width:100%;display:inline-flex}.game-answers-review-wyr-option-badge{border-radius:var(--radius-sm);width:1.25rem;height:1.25rem;font-size:var(--text-xs);font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.game-answers-review-wyr-option--a .game-answers-review-wyr-option-badge{background:var(--color-teal-faint);color:var(--color-teal)}.game-answers-review-wyr-option--b .game-answers-review-wyr-option-badge{background:var(--color-rose-faint);color:var(--color-rose)}.game-answers-review-wyr-option-text{color:var(--color-cream-55);min-width:0}.game-answers-review-wyr-pick-list{gap:var(--space-3);flex-direction:column;display:flex}.game-answers-review-wyr-pick{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-1);background:#f0ebe308;flex-direction:column;display:flex}.game-answers-review-wyr-pick--you{border-color:color-mix(in srgb, var(--color-teal) 28%, transparent)}.game-answers-review-wyr-pick--partner{border-color:color-mix(in srgb, var(--color-rose) 28%, transparent)}.game-answers-review-wyr-pick--solo{border-color:color-mix(in srgb, var(--color-teal) 22%, transparent)}.game-answers-review-wyr-pick-name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-55)}.game-answers-review-wyr-pick--you .game-answers-review-wyr-pick-name{color:var(--color-teal)}.game-answers-review-wyr-pick--partner .game-answers-review-wyr-pick-name{color:var(--color-rose)}.game-answers-review-wyr-pick--solo .game-answers-review-wyr-pick-name{color:var(--color-teal)}.game-answers-review-wyr-pick-body{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.game-answers-review-wyr-pick-letter{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;padding:2px var(--space-2);border-radius:var(--radius-sm);flex-shrink:0}.game-answers-review-wyr-pick-letter--a{background:var(--color-teal-faint);color:var(--color-teal)}.game-answers-review-wyr-pick-letter--b{background:var(--color-rose-faint);color:var(--color-rose)}.game-answers-review-wyr-pick-letter--none{background:var(--surface-2);color:var(--color-cream-35)}.game-answers-review-wyr-pick-detail{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-cream);flex:1;min-width:0}.earlier-rounds-sheet-root{width:100%;margin-bottom:var(--space-3);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:#f0ebe308;border:1px solid #f0ebe31a}.earlier-rounds-sheet-trigger{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;width:100%;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:#f0ebe38c;text-align:left;transition:color var(--transition-fast);background:0 0;border:none;margin:0;padding:0;display:flex}.earlier-rounds-sheet-trigger:hover{color:#f0ebe3b8}.earlier-rounds-sheet-trigger:focus-visible{outline-offset:2px;border-radius:var(--radius-sm);outline:2px solid #85cdca73}.earlier-rounds-sheet-trigger-label{flex:1;min-width:0}.earlier-rounds-sheet-trigger-chevron{color:#f0ebe366;flex-shrink:0}@keyframes km-deck-preparing-line-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes km-session-sk-shimmer{0%{background-position:200%}to{background-position:-200%}}.km-deck-preparing-line{height:1px;z-index:calc(var(--z-modal) - 1);pointer-events:none;background:#c38d9e14;position:fixed;top:0;left:0;right:0;overflow:hidden}.km-deck-preparing-line:after{content:"";background:linear-gradient(90deg,#0000,#c38d9e73,#85cdca59,#0000);animation:1.8s ease-in-out infinite km-deck-preparing-line-slide;position:absolute;inset:0}.km-deck-preparing-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.km-wrapper{background:var(--color-bg-gradient);width:100%;min-height:100dvh;font-family:var(--font-serif);color:var(--color-cream);padding:var(--space-5) var(--space-4) 80px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.km-content{z-index:var(--z-base);width:100%;max-width:var(--max-width-content);position:relative}.km-content-narrow{z-index:var(--z-base);width:100%;max-width:var(--max-width-card);position:relative}.km-back-btn{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-45);cursor:pointer;padding:var(--space-1) 0;margin-bottom:var(--space-8);background:0 0;border:none;display:block}.km-mode-selection{margin-bottom:var(--space-12);text-align:center}.km-mode-emoji{margin-bottom:var(--space-3);filter:drop-shadow(0 0 20px #c38d9e66);font-size:52px}.km-mode-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--weight-light);letter-spacing:-.02em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 10px}.km-mode-desc{font-family:var(--font-sans);color:#f0ebe380;font-size:15px;line-height:var(--leading-normal)}.km-mode-buttons{gap:var(--space-3);flex-direction:column;display:flex}.km-mode-btn{align-items:center;gap:var(--space-4);text-align:left;width:100%;padding:var(--space-5) 22px;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);color:var(--color-cream);display:flex}.km-mode-btn .km-mode-btn-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-regular);color:var(--color-cream)}.km-mode-btn .km-mode-btn-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-45);margin-top:2px}.km-create-header{text-align:center;margin-bottom:var(--space-10)}.km-create-emoji{margin-bottom:var(--space-3);font-size:44px}.km-create-title{font-family:var(--font-serif);font-size:28px;font-weight:var(--weight-light);color:var(--color-cream);margin:0 0 var(--space-2)}.km-create-desc{font-family:var(--font-sans);color:#f0ebe380;font-size:14px;line-height:var(--leading-normal)}.km-existing-session-warning{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md);background:#e8a87c0f;border:1px solid #e8a87c2e;display:flex}.km-existing-session-warning-dot{border-radius:var(--radius-full);opacity:.85;background:#e8a87c;flex-shrink:0;width:6px;height:6px;margin-top:6px}.km-existing-session-warning-text{min-width:0;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:#f0ebe385;flex:1;margin:0;line-height:1.45}.km-existing-session-warning-cta{font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.01em;color:#e8a87c;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:#e8a87c1a;border:1px solid #e8a87c38;flex-shrink:0;align-self:center;margin:0;padding:5px 10px;line-height:1.2}.km-existing-session-warning-cta:hover{background:#e8a87c29;border-color:#e8a87c52}.km-existing-session-warning-cta:focus-visible{outline-offset:2px;outline:2px solid #e8a87c73}.km-session-code-box{border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);text-align:center;margin-bottom:var(--space-4);background:#b4a0e814;border:1px solid #b4a0e833}.km-session-code-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:#f0ebe359;margin-bottom:14px}.km-session-code-value{font-family:var(--font-serif);font-size:48px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);color:#b4a0e8;margin-bottom:var(--space-5)}.km-copy-btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:10px var(--space-6);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal)}.km-invite-actions{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.km-invite-actions--lobby{margin-bottom:var(--space-5)}.km-lobby-session-code{margin:0 auto var(--space-4);max-width:min(100%,20rem);padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);text-align:center;background:#00000038;border:1px solid #b4a0e847;box-shadow:inset 0 1px #ffffff0d}.km-lobby-session-code-text{font-family:var(--font-serif);font-size:clamp(1.625rem,5.5vw,2.125rem);font-weight:var(--weight-regular);letter-spacing:.12em;font-variant-numeric:tabular-nums lining-nums;color:var(--color-cream);word-break:keep-all;line-height:1.15;display:block}.km-apart-join-field{margin-top:var(--space-6);width:100%;max-width:min(100%,22rem);margin-left:auto;margin-right:auto}.km-mode-join-row{gap:var(--space-2);flex-flow:wrap;justify-content:center;align-items:center;display:flex}.km-apart-join-field .km-mode-join-row{justify-content:center;align-items:stretch}.km-mode-join-input{min-width:0;min-height:2.25rem;font-family:ui-monospace,monospace;font-size:var(--text-xs);color:var(--color-cream);border-radius:var(--radius-md);background:#0003;border:1px solid #f0ebe31f;outline:none;flex:auto;padding:8px 12px}.km-mode-join-input::placeholder{color:var(--color-cream-45);font-family:var(--font-sans)}.km-mode-join-input:focus{border-color:#85cdca73}.km-apart-join-field .km-mode-join-input{text-align:left;min-width:min(100%,12rem);max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9375rem;font-weight:var(--weight-medium);letter-spacing:.05em;font-variant-numeric:tabular-nums;border-radius:var(--radius-md);color:#f8f6f2f2;background:#00000052;border:1px solid #f0ebe324;flex:12rem;min-height:2.5rem;padding:10px 14px;line-height:1.45;box-shadow:inset 0 1px #ffffff0b}.km-apart-join-field .km-mode-join-input::placeholder{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-cream-45)}.km-apart-join-field .km-mode-join-input:focus{border-color:#85cdca80;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #85cdca40}.km-wrapper--wyr .km-apart-join-field .km-mode-join-input:focus{border-color:#e8a87c8c;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #e8a87c47}.km-mode-join-btn{min-height:2.25rem;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-cream);border-radius:var(--radius-full);cursor:pointer;background:#85cdca33;border:1px solid #85cdca59;flex-shrink:0;padding:0 16px}.km-mode-join-btn:hover{background:#85cdca47}.km-apart-join-field .km-mode-join-btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:10px var(--space-6);min-height:unset;transition:all var(--transition-normal);align-self:center;display:inline-flex}.km-share-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:10px var(--space-6);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);color:#85cdcaf2;background:#85cdca1a;border:1px solid #85cdca47;display:inline-flex}.km-share-btn:hover{background:#85cdca29;border-color:#85cdca66}.km-share-btn:focus-visible{outline-offset:2px;outline:2px solid #85cdca73}.km-share-btn--wyr{color:#e8a87cfa;background:#e8a87c1f;border-color:#e8a87c59}.km-share-btn--wyr:hover{background:#e8a87c33;border-color:#e8a87c80}.km-share-btn--wyr:focus-visible{outline-color:#e8a87c80}.km-waiting{color:#f0ebe359;font-family:var(--font-sans);font-size:var(--text-sm);justify-content:center;align-items:center;gap:10px;display:flex}.km-waiting-dot{border-radius:var(--radius-full);background:var(--color-teal);width:6px;height:6px;animation:1.5s ease-in-out infinite float;display:inline-block}.km-discard-btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#f0ebe359;cursor:pointer;margin-top:var(--space-2);text-align:center;background:0 0;border:none;width:100%;text-decoration:underline;display:block}.km-apart-actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.km-invite-pill{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-semibold);color:#b4a0e8;cursor:pointer;background:linear-gradient(135deg,#b4a0e833,#b4a0e818);border:1px solid #b4a0e84d;border-radius:100px;padding:10px 24px;display:inline-flex}.km-invite-pill:disabled{cursor:wait;opacity:.7}.km-invite-pill--loading{opacity:.85}.km-join-pill{font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-medium);color:#f0ebe38c;cursor:pointer;background:0 0;border:1px solid #f0ebe31f;border-radius:100px;justify-content:center;align-items:center;padding:10px 24px;display:inline-flex}.km-join-pill:disabled{opacity:.5;cursor:default}.km-primary-btn{width:100%;font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-semibold);padding:var(--space-4) 0;border-radius:var(--radius-md);color:var(--color-cream);cursor:pointer}.km-primary-btn:disabled{cursor:wait;opacity:.88}.km-primary-btn--loading{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.km-session-sk-option,.km-session-sk-bar,.km-session-sk-line,.km-session-sk-tag,.km-session-sk-name,.km-session-sk-avatar,.km-session-sk-back{background:linear-gradient(90deg, var(--color-cream-07) 0%, var(--color-cream-10) 45%, var(--color-cream-07) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.35s ease-in-out infinite km-session-sk-shimmer}.km-session-route-skeleton{z-index:var(--z-base);width:100%;max-width:var(--max-width-content);padding-top:var(--space-2);position:relative}.km-session-sk-footer{z-index:var(--z-base);width:100%;max-width:var(--max-width-content);padding:var(--space-6) var(--space-4) 0;text-align:center;margin:0 auto;position:relative}.km-session-sk-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;min-height:36px;display:flex}.km-session-sk-back{border-radius:var(--radius-sm);width:88px;height:14px}.km-session-sk-partner{align-items:center;gap:var(--space-2);display:flex}.km-session-sk-avatar{border-radius:var(--radius-full);flex-shrink:0;width:32px;height:32px}.km-session-sk-name{width:72px;height:12px}.km-session-sk-tag{width:min(100%,220px);height:14px;margin-bottom:var(--space-4)}.km-session-sk-progress{margin-bottom:var(--space-8)}.km-session-sk-progress-row{margin-bottom:var(--space-2);justify-content:space-between;display:flex}.km-session-sk-line{border-radius:var(--radius-sm);width:100%;height:10px}.km-session-sk-line--short{flex-shrink:0;width:96px}.km-session-sk-line--medium{width:72%;margin-bottom:var(--space-6)}.km-session-sk-line--title{width:85%;height:14px;margin-bottom:var(--space-4)}.km-session-sk-bar{border-radius:2px;width:100%;height:3px}.km-session-sk-card{padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);background:var(--color-cream-03);border:1px solid #f0ebe314}.km-session-sk-options{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.km-session-sk-option{border-radius:var(--radius-md);width:100%;height:52px}.km-session-missing{z-index:var(--z-base);text-align:center;padding:var(--space-10) 0;max-width:340px;margin:0 auto;position:relative}.km-session-missing-emoji{margin-bottom:var(--space-4);filter:drop-shadow(0 0 20px #e8a87c40);font-size:44px}.km-session-missing-title{font-family:var(--font-serif);font-size:26px;font-weight:var(--weight-light);color:var(--color-cream);margin:0 0 var(--space-3)}.km-session-missing-desc{font-family:var(--font-sans);font-size:14px;line-height:var(--leading-normal);color:var(--color-cream-55);margin:0 0 var(--space-8)}.km-session-missing-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.km-session-missing-btn{font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;border:1px solid #0000;border-radius:100px;padding:10px 22px;transition:opacity .15s,border-color .15s,background .15s}.km-session-missing-btn--primary{color:#e8a87c;background:linear-gradient(135deg,#e8a87c38,#e8a87c14);border-color:#e8a87c59}.km-session-missing-btn--primary-know-me{color:#b4a0e8;background:linear-gradient(135deg,#b4a0e838,#b4a0e814);border-color:#b4a0e859}.km-session-missing-btn--ghost{color:#f0ebe38c;background:0 0;border-color:#f0ebe31f}.km-lobby{z-index:var(--z-base);width:100%;max-width:var(--max-width-card);text-align:center;position:relative}.km-lobby-emoji{margin-bottom:var(--space-4);font-size:44px}.km-lobby-heading{font-family:var(--font-serif);font-size:28px;font-weight:var(--weight-light);color:var(--color-cream);margin-bottom:var(--space-2)}.km-lobby-code-hint{font-family:var(--font-sans);color:var(--color-cream-45);margin-bottom:var(--space-3);font-size:14px}.km-lobby-dots{gap:var(--space-1);display:inline-flex}.km-lobby-dots--busy{margin-top:var(--space-4);justify-content:center;width:100%}.km-lobby-dot{border-radius:var(--radius-full);opacity:.6;background:#b4a0e8;width:8px;height:8px;display:inline-block}.km-category-picker-heading{margin-bottom:var(--space-6)}.km-category-picker-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--weight-light);letter-spacing:-.02em;margin:0 0 var(--space-2);background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.km-category-picker-desc{font-family:var(--font-sans);color:#f0ebe380;font-size:14px;line-height:var(--leading-normal)}@keyframes km-category-card-shimmer{0%{background-position:-60% 0}to{background-position:160% 0}}@keyframes km-deck-preparing-spin{to{transform:rotate(360deg)}}.km-deck-preparing-spinner{z-index:1;flex-shrink:0;animation:.85s linear infinite km-deck-preparing-spin;position:relative}.km-category-list{gap:var(--space-3);flex-direction:column;display:flex}.km-category-card{align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-4);border-radius:var(--radius-xl);cursor:pointer;color:var(--color-cream);width:100%;transition:all .22s;display:flex}.km-category-card--preparing{cursor:wait;opacity:.94;position:relative;overflow:hidden}.km-category-card--preparing:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#f0ebe317 42%,#85cdca1f 50%,#f0ebe317 58%,#0000 100%) 0 0/45% 100% no-repeat;animation:1.4s ease-in-out infinite km-category-card-shimmer;position:absolute;inset:0}.km-category-card--preparing .km-category-emoji,.km-category-card--preparing .km-category-body{z-index:1;position:relative}.km-category-card--preparing .km-deck-preparing-spinner{z-index:2}.km-category-emoji{flex-shrink:0;font-size:1.75rem;transition:transform .22s}.km-category-body{flex:1}.km-category-name-row{align-items:baseline;gap:var(--space-2);margin-bottom:2px;display:flex}.km-category-label{font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-regular);color:var(--color-cream)}.km-category-count{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.km-category-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#f0ebe380}.km-category-arrow{font-size:var(--text-base);transition:transform var(--transition-fast)}.km-game-header{z-index:var(--z-base);width:100%;max-width:var(--max-width-content);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex;position:relative}.km-game-header-left{align-items:center;gap:var(--space-3);display:flex}.km-end-session-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.01em;color:#e8a87c99;border-radius:var(--radius-full);padding:5px var(--space-3);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #e8a87c33;line-height:1.25}.km-end-session-btn:hover:not(:disabled){color:#e8a87cd9;border-color:#e8a87c59}.km-end-session-btn:disabled{opacity:.5;cursor:not-allowed}.km-end-session-btn--in-play{align-self:center}.km-restart-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;color:#f0ebe373;border-radius:var(--radius-full);padding:4px var(--space-3);cursor:pointer;background:0 0;border:1px solid #f0ebe31f}.km-restart-btn:hover{color:#f0ebe3a6;border-color:#f0ebe338}.km-partner-avatar{align-items:center;gap:var(--space-2);display:flex}.km-partner-photo{border-radius:var(--radius-full);width:24px;height:24px}.km-partner-name{font-family:var(--font-sans);color:var(--color-cream-45);font-size:12px}.km-progress-section{z-index:var(--z-base);width:100%;max-width:var(--max-width-content);margin-bottom:var(--space-7);position:relative}.km-progress-label{font-family:var(--font-sans);color:#f0ebe366;font-size:12px}.km-progress-meta{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.km-category-tag{--km-cat-accent:var(--color-teal);z-index:var(--z-base);align-items:center;gap:var(--space-2) var(--space-3);width:fit-content;max-width:min(100%, var(--max-width-content));margin:0 0 var(--space-4);box-shadow:none;background:0 0;border:none;flex-wrap:wrap;padding:0;display:inline-flex;position:relative}.km-category-tag__emoji{flex-shrink:0;font-size:1.15rem;line-height:1}.km-category-tag__body{min-width:0;font-family:var(--font-sans);line-height:var(--leading-snug);flex-wrap:wrap;align-items:baseline;gap:.3em .45em;display:inline-flex}.km-category-tag__label{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.02em;color:var(--km-cat-accent)}.km-category-tag__sep{color:#f0ebe338;font-size:var(--text-sm);font-weight:var(--weight-regular);-webkit-user-select:none;user-select:none}.km-category-tag__desc{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em;color:var(--color-cream-55)}.km-progress-bar{background:var(--color-cream-07);border-radius:2px;height:3px;overflow:hidden}.km-progress-fill{border-radius:2px;height:100%;transition:width .4s}.km-play-area{z-index:var(--z-base);width:100%;max-width:var(--max-width-content);flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.km-play-area--preparing>:not(.km-play-preparing-veil){filter:saturate(.88)brightness(.92);transition:filter .25s}.km-play-preparing-veil{z-index:3;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.km-play-preparing-inner{padding:var(--space-5);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ec7;border:1px solid #f0ebe31f;justify-content:center;align-items:center;display:flex;box-shadow:0 16px 40px #00000047}.km-question-card{flex-direction:column;gap:14px;width:100%;display:flex}.km-question-card-front,.km-question-card-back{border-radius:var(--radius-2xl);width:100%;min-height:220px;padding:var(--space-8) 28px;transition:all var(--transition-slow);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.km-question-card-front{background:var(--color-cream-05);cursor:pointer;border:1px solid #f0ebe31a}.km-question-card-back{cursor:default}.km-card-front-emoji{margin-bottom:var(--space-4);font-size:40px}.km-card-front-hint{font-family:var(--font-sans);color:var(--color-cream-45);font-size:14px;font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase}.km-card-question{font-family:var(--font-serif);color:var(--color-cream);font-size:clamp(22px,5vw,28px);line-height:1.5;font-weight:var(--weight-light);margin:0}.km-card-hint-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#f0ebe34d;text-align:center}.km-card-buttons{justify-content:center;gap:8px;display:flex}.km-skip-btn{font-family:var(--font-sans);font-size:12px;font-weight:var(--weight-medium);border-radius:var(--radius-full);background:var(--color-cream-05);color:var(--color-cream-35);cursor:pointer;transition:color var(--transition-fast);border:1px solid #f0ebe31a;padding:8px 18px}.km-skip-btn:hover{color:var(--color-cream-55)}.km-next-btn{font-family:var(--font-sans);font-size:12px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);color:var(--color-cream);cursor:pointer;transition:opacity var(--transition-fast);padding:8px 22px}.km-next-btn:hover{opacity:.85}.km-draw-surface{border-radius:var(--radius-2xl);width:100%;max-width:340px;padding:var(--space-7) var(--space-5);text-align:center}.km-draw-surface-icon{margin-bottom:var(--space-2);font-size:36px;display:block}.km-draw-turn-label{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:var(--weight-semibold);margin-bottom:4px}.km-draw-turn-text{font-family:var(--font-serif);font-size:var(--text-lg);color:#f0ebe399;font-weight:var(--weight-light);margin:0}.km-waiting-label{font-family:var(--font-sans);font-size:var(--text-sm);color:#f0ebe366;margin-bottom:4px}.km-waiting-partner-text{font-family:var(--font-serif);font-size:var(--text-lg);color:#f0ebe3a6;font-weight:var(--weight-light);margin:0}.km-waiting-dots{gap:5px;margin-top:14px;display:inline-flex}.km-waiting-dot-small{border-radius:var(--radius-full);opacity:.5;width:6px;height:6px;display:inline-block}.km-draw-btn{width:auto;max-width:100%;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);color:var(--color-cream);cursor:pointer;letter-spacing:.03em;transition:opacity var(--transition-fast), transform var(--transition-fast);align-self:center;padding:10px 26px}.km-draw-btn:hover{opacity:.92}.km-draw-btn:active{transform:scale(.98)}.km-answer-question-card{border-radius:var(--radius-2xl);width:100%;padding:var(--space-6);text-align:center}.km-answer-question-emoji{margin-bottom:10px;font-size:28px;display:block}.km-answer-question-text{font-family:var(--font-serif);color:var(--color-cream);font-size:clamp(17px,4vw,21px);line-height:1.55;font-weight:var(--weight-light);margin:0}.km-answer-textarea{width:100%;font-family:var(--font-sans);padding:14px var(--space-4);background:var(--color-cream-05);border-radius:var(--radius-md);color:var(--color-cream);resize:none;font-size:15px;line-height:var(--leading-normal);box-sizing:border-box;border:1px solid #f0ebe31f;outline:none}.km-submit-btn{width:auto;max-width:100%;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-semibold);letter-spacing:.03em;border-radius:var(--radius-full);transition:opacity var(--transition-fast), transform var(--transition-fast);cursor:pointer;align-self:center;padding:10px 22px}.km-submit-btn:hover:not(:disabled){opacity:.92}.km-submit-btn:active:not(:disabled){transform:scale(.98)}.km-saved-answer{background:var(--color-cream-05);border-radius:var(--radius-md);border:1px solid #f0ebe314;padding:14px 18px}.km-saved-answer-label{font-family:var(--font-sans);font-size:var(--text-xs);color:#f0ebe359;text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:5px}.km-saved-answer-text{font-family:var(--font-serif);color:var(--color-cream);margin:0;font-size:17px;line-height:1.5}.km-partner-status{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:#f0ebe366;justify-content:center;display:flex}.km-partner-answered-dot{border-radius:var(--radius-full);opacity:.6;width:6px;height:6px;animation:1.5s ease-in-out infinite float;display:inline-block}.km-reveal-phase .km-reveal-question,.km-reveal-phase .km-reveal-answers{width:100%}.km-reveal-question{border-radius:var(--radius-xl);padding:18px var(--space-5);text-align:center}.km-reveal-question-text{font-family:var(--font-serif);color:var(--color-cream);font-size:clamp(16px,3.5vw,19px);line-height:1.5;font-weight:var(--weight-light);margin:0}.km-reveal-answers{gap:var(--space-2);flex-direction:column;display:flex}.km-answer-box{background:var(--color-cream-05);border-radius:var(--radius-md);padding:14px 18px}.km-answer-label{font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:var(--weight-semibold);margin-bottom:5px}.km-answer-label-row{align-items:center;gap:7px;margin-bottom:5px;display:flex}.km-answer-partner-photo{border-radius:var(--radius-full);width:16px;height:16px}.km-answer-text{font-family:var(--font-serif);color:var(--color-cream);margin:0;font-size:17px;line-height:1.5}.km-next-draw-btn{width:auto;max-width:100%;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);color:var(--color-cream);cursor:pointer;letter-spacing:.03em;transition:opacity var(--transition-fast), transform var(--transition-fast);align-self:center;padding:10px 26px}.km-next-draw-btn:hover{opacity:.92}.km-next-draw-btn:active{transform:scale(.98)}.km-waiting-next{align-items:center;gap:var(--space-2);width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#f0ebe366;justify-content:center;padding:10px 0;display:flex}.km-draw-phase{gap:var(--space-4);flex-direction:column;align-items:center;width:100%;display:flex}.km-answer-phase{flex-direction:column;gap:14px;width:100%;display:flex}.km-answer-input-group{flex-direction:column;gap:10px;display:flex}.km-reveal-phase{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.km-done-desc{font-family:var(--font-sans);color:var(--color-cream-55);font-size:15px;line-height:var(--leading-normal);margin-bottom:var(--space-5)}.km-done-stat{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);max-width:var(--width-done-stack);flex-direction:column;margin-left:auto;margin-right:auto;display:flex;position:relative}.km-done-stat-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.km-done-stat-badge{--km-done-stat-accent:var(--color-rose);min-width:min(100%,12.5rem);padding:var(--space-5) var(--space-6) var(--space-4);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--km-done-stat-accent) 34%, var(--border-2));background:radial-gradient(ellipse 110% 70% at 50% 28%, color-mix(in srgb, var(--km-done-stat-accent) 22%, transparent) 0%, transparent 58%), linear-gradient(172deg, #f0ebe314 0%, #f0ebe306 45%, #00000024 100%);box-shadow:0 0 0 1px #ffffff0f inset, 0 1px 0 #ffffff0a inset, 0 22px 50px #00000038, 0 0 80px color-mix(in srgb, var(--km-done-stat-accent) 14%, transparent);isolation:isolate;transition:transform var(--transition-slow) var(--ease-smooth), box-shadow var(--transition-slow) var(--ease-smooth);animation:km-done-stat-badge-in .9s var(--ease-smooth) both;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;display:inline-flex;position:relative;overflow:hidden}.km-done-stat:hover .km-done-stat-badge{box-shadow:0 0 0 1px #ffffff12 inset, 0 1px 0 #ffffff0d inset, 0 28px 56px #00000042, 0 0 100px color-mix(in srgb, var(--km-done-stat-accent) 18%, transparent);transform:translateY(-3px)}.km-done-stat-badge:after{content:"";z-index:0;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--km-done-stat-accent) 28%, transparent) 0%, transparent 68%);pointer-events:none;border-radius:50%;width:118%;height:72%;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.km-done-stat-badge:before{content:"";z-index:1;border-radius:calc(var(--radius-2xl) - 6px);opacity:.55;pointer-events:none;background:linear-gradient(90deg, var(--km-done-stat-accent), transparent) 0 0/32px 1px no-repeat, linear-gradient(180deg, var(--km-done-stat-accent), transparent) 0 0/1px 32px no-repeat, linear-gradient(270deg, var(--km-done-stat-accent), transparent) 100% 0/32px 1px no-repeat, linear-gradient(180deg, var(--km-done-stat-accent), transparent) 100% 0/1px 32px no-repeat, linear-gradient(90deg, transparent, var(--km-done-stat-accent)) 0 100%/32px 1px no-repeat, linear-gradient(0deg, var(--km-done-stat-accent), transparent) 0 100%/1px 32px no-repeat, linear-gradient(90deg, transparent, var(--km-done-stat-accent)) 100% 100%/32px 1px no-repeat, linear-gradient(0deg, var(--km-done-stat-accent), transparent) 100% 100%/1px 32px no-repeat;position:absolute;inset:11px}.km-done-stat-value{z-index:2;font-family:var(--font-serif);font-size:clamp(2.75rem,12vw,3.5rem);font-weight:var(--weight-light);letter-spacing:-.045em;color:color-mix(in srgb, var(--color-cream) 88%, var(--km-done-stat-accent));font-variant-numeric:tabular-nums;text-shadow:0 0 40px color-mix(in srgb, var(--km-done-stat-accent) 48%, transparent), 0 2px 22px #00000061;animation:km-done-stat-value-in .75s var(--ease-smooth) .1s both;flex-wrap:wrap;justify-content:center;line-height:.95;display:inline-flex;position:relative}.km-done-stat-char{--km-char-delay:0s;transform-origin:50% 75%;will-change:transform;display:inline-block}.km-done-stat-char--num{animation:2.85s ease-in-out infinite km-done-stat-num-alive;animation-delay:var(--km-char-delay)}.km-done-stat-char--word{animation:3.1s ease-in-out infinite km-done-stat-word-alive;animation-delay:var(--km-char-delay)}.km-done-stat-unit{z-index:2;padding-top:var(--space-2);border-top:1px solid color-mix(in srgb, var(--km-done-stat-accent) 38%, transparent);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:0;color:color-mix(in srgb, var(--color-cream-45) 85%, var(--km-done-stat-accent));text-transform:lowercase;animation:km-done-stat-unit-in .65s var(--ease-smooth) .22s both;flex-wrap:wrap;justify-content:center;gap:0;margin-top:2px;display:inline-flex;position:relative}.km-done-stat-unit .km-done-stat-char--word:not(:last-child){margin-right:.14em}.km-done-stat:hover .km-done-stat-char--num{animation-duration:2.2s}.km-done-stat:hover .km-done-stat-char--word{animation-duration:2.45s}@keyframes km-done-stat-num-alive{0%,to{transform:translateY(0)rotate(0)scale(1)}20%{transform:translateY(-3px)rotate(-2deg)scale(1.02)}40%{transform:translateY(1px)rotate(1.5deg)scale(.99)}60%{transform:translateY(-2px)rotate(-1deg)scale(1.01)}80%{transform:translateY(2px)rotate(.8deg)scale(1)}}@keyframes km-done-stat-word-alive{0%,to{transform:translateY(0)rotate(0)}15%{transform:translateY(-2.5px)rotate(1.8deg)}30%{transform:translateY(1px)rotate(-1.4deg)}45%{transform:translateY(-1.5px)rotate(.9deg)}60%{transform:translateY(2px)rotate(-1.1deg)}75%{transform:translateY(-1px)rotate(.4deg)}}@keyframes km-done-stat-badge-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes km-done-stat-value-in{0%{opacity:0;letter-spacing:-.02em;transform:translateY(8px)}to{opacity:1;letter-spacing:-.045em;transform:translateY(0)}}@keyframes km-done-stat-unit-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.km-done-stat-badge,.km-done-stat-value,.km-done-stat-unit,.km-done-stat-char--num,.km-done-stat-char--word{animation:none}.km-done-stat:hover .km-done-stat-badge{transform:none}}.km-done-stat-tagline{font-family:var(--font-serif);font-size:clamp(15px,3.8vw,17px);font-weight:var(--weight-light);font-style:italic;line-height:var(--leading-relaxed);color:var(--color-cream-55);margin:0}.km-orbs{pointer-events:none}.km-orb{border-radius:var(--radius-full);pointer-events:none;position:fixed}.km-orb-top{width:450px;height:450px;top:-15%;right:-10%}.km-orb-bottom{background:radial-gradient(circle,#85cdca14 0%,#0000 70%);width:500px;height:500px;bottom:-15%;left:-10%}.wyr-done-screen{text-align:center}.wyr-done-screen.wyr-results-screen.wyr-done-stack{width:100%;max-width:var(--max-width-content);padding:0 var(--page-gutter) var(--space-8);box-sizing:border-box;align-items:stretch;gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.wyr-done-hero-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.wyr-done-emoji-wrap{--wyr-done-glow:var(--color-teal);border:2px solid var(--border-2);background:var(--surface-2);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:flex}.wyr-done-emoji{font-size:1.75rem;line-height:1;display:block}.wyr-done-heading{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-light);max-width:18ch;line-height:var(--leading-tight);letter-spacing:-.02em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.wyr-done-results-note{padding:var(--space-2) var(--space-3);box-sizing:border-box;max-width:100%;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--color-cream-45);border-radius:var(--radius-lg);border:1px solid var(--border-1);background:var(--color-cream-03);margin:0}.wyr-done-section{gap:var(--space-2);width:100%;max-width:var(--width-done-stack);text-align:left;flex-direction:column;margin:0 auto;display:flex}.wyr-done-section-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);padding:0 var(--space-1);margin:0}.wyr-done-panel-card,.wyr-done-next-card{padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-sizing:border-box;margin:0}.wyr-done-panel-card:has(.km-done-stat){text-align:center}.wyr-done-next-card{text-align:center}.wyr-done-next-card .game-summary-insight{margin-top:0}.wyr-sync-panel-group{border-radius:var(--radius-lg);border:1px solid var(--border-1);background:var(--color-cream-03);overflow:hidden}.wyr-sync-panel-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);box-sizing:border-box;flex-direction:row;min-height:2.75rem;display:flex}.wyr-sync-panel-row:first-of-type{background:color-mix(in srgb, var(--color-teal) 4%, transparent)}.wyr-sync-panel-row:last-of-type{background:color-mix(in srgb, var(--color-rose) 3%, transparent)}.wyr-sync-panel-row-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-55);line-height:var(--leading-snug)}.wyr-sync-panel-row-value{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex-shrink:0;line-height:1}.wyr-sync-panel-row-value--teal{color:var(--color-teal)}.wyr-sync-panel-row-value--rose{color:var(--color-rose)}.wyr-sync-panel-sep{background:var(--border-1);height:1px;margin:0}.wyr-done-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;display:flex}.wyr-done-screen.wyr-results-screen:has(.wyr-done-section) .wyr-done-actions{margin-top:var(--space-1)}.wyr-done-actions--row{flex-direction:row;align-self:center;align-items:center;width:fit-content;max-width:100%}.wyr-done-actions--stack{width:100%;max-width:var(--width-done-stack);flex-direction:column;align-items:center}.wyr-done-pill{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;line-height:1;transition:opacity .15s,border-color .15s,background .15s,color .15s;display:inline-flex}.wyr-done-actions--row .wyr-done-pill{flex:none}.wyr-done-actions--stack .wyr-done-pill{flex:none;align-self:center;max-width:100%}.wyr-done-pill--ghost{color:#f0ebe380;background:0 0;border-color:#f0ebe31f}.wyr-done-pill--ghost:hover:not(:disabled){color:#f0ebe3b8;border-color:#f0ebe333}.wyr-done-pill--end{color:#f0b4b4e6;background:#c850501f;border-color:#c8505047}.wyr-done-pill--end:hover:not(:disabled){background:#c850502e}.wyr-done-pill--end:disabled{opacity:.5;cursor:default}.wyr-done-pill--primary{background:var(--surface-2);border-color:var(--border-2);color:var(--color-cream-55)}.wyr-done-pill--primary:hover:not(:disabled){color:var(--color-cream);border-color:var(--border-3,#f0ebe338)}.game-done-next-actions{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.game-done-next-actions-row+.game-done-inline-btn--play-again{margin-top:var(--space-5)}.game-done-next-actions-row{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;width:100%;display:flex}.game-done-next-actions-row .game-summary-insight{flex-direction:column;align-items:center;margin-top:0;display:inline-flex}.game-done-next-actions-row .game-summary-insight-btn{width:auto}.game-done-inline-btn--picks{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-snug);padding:var(--space-2) var(--space-3);box-sizing:border-box;border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-2);color:var(--color-cream-45);background:#f0ebe30d;justify-content:center;align-items:center;margin:0;display:inline-flex}.game-done-inline-btn--picks:hover{border-color:var(--border-3);background:var(--surface-2);color:var(--color-cream-70)}.game-done-inline-btn--picks:focus-visible{outline-offset:2px;outline:2px solid #85cdca73}.game-done-inline-btn--play-again{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:.02em;text-transform:none;width:max-content;max-width:100%;padding:var(--space-1) var(--space-3);box-sizing:border-box;border-radius:var(--radius-full);cursor:pointer;min-height:0;color:var(--color-teal);transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#85cdca14;border:1px solid #85cdca38;margin:0}.game-done-inline-btn--play-again:hover{color:var(--color-teal-dark);background:#85cdca24;border-color:#85cdca61}.game-done-inline-btn--play-again:focus-visible{outline-offset:2px;outline:2px solid #85cdca73}.wyr-choice-card{text-align:center}.wyr-choice-prompt{margin-bottom:var(--space-5)}.wyr-choice-label{font-family:var(--font-sans);font-size:16px;font-weight:var(--weight-semibold)}.wyr-choice-options{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.wyr-option{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;text-align:left;text-transform:none;background:#f0ebe308;border:1px solid #f0ebe31a;transition:transform .12s,border-color .15s,background .15s;display:flex}.wyr-option:hover:not(:disabled){border-color:#f0ebe333;transform:scale(1.01)}.wyr-option:disabled{cursor:default}.wyr-option--picked{transform:scale(1.02)}.wyr-option--dimmed{opacity:.4}.wyr-option-letter{font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-bold);background:#f0ebe30f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.wyr-option-text{font-family:var(--font-sans);color:var(--color-cream);font-size:14px;line-height:var(--leading-normal);padding-top:2px}.wyr-or-divider{font-family:var(--font-sans);color:#f0ebe340;text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:12px}.wyr-choice-actions{gap:var(--space-3);justify-content:center;display:flex}.wyr-skip-btn{font-family:var(--font-sans);color:#f0ebe366;cursor:pointer;background:0 0;border:none;font-size:13px}.wyr-next-btn{font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-medium);cursor:pointer;border:1px solid;border-radius:100px;padding:10px 20px}.wyr-choice-hint{font-family:var(--font-sans);color:#f0ebe340;text-align:center;margin-top:var(--space-4);font-size:12px}.wyr-mp-card{text-align:center}.wyr-mp-draw-surface{padding:var(--space-10) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:#f0ebe308;border:1px dashed #f0ebe31a}.wyr-mp-draw-icon{margin-bottom:var(--space-3);font-size:40px;display:block}.wyr-mp-draw-label{font-family:var(--font-sans);color:var(--color-cream-55);margin-bottom:var(--space-3);font-size:14px}.wyr-mp-draw-btn{font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;border:1px solid;border-radius:100px;padding:10px 24px}.wyr-mp-question{margin-bottom:var(--space-4)}.wyr-mp-q-label{font-family:var(--font-sans);font-size:16px;font-weight:var(--weight-semibold)}.wyr-mp-options{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex;position:relative}.wyr-mp-submitting{border-radius:var(--radius-lg);background:#1a1a2e80;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wyr-mp-picked-status{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:#f0ebe308;border:1px solid #f0ebe314}.wyr-mp-picked-label{font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-medium)}.wyr-mp-partner-status{font-family:var(--font-sans);color:var(--color-cream-55);margin-bottom:var(--space-4);font-size:13px}.wyr-mp-partner-done{color:#85cdca}.wyr-mp-dots span{animation:1.4s infinite blink}.wyr-mp-dots span:nth-child(2){animation-delay:.2s}.wyr-mp-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.wyr-mp-end-btn{font-family:var(--font-sans);color:#f0ebe34d;cursor:pointer;margin-top:var(--space-2);background:0 0;border:none;font-size:12px;text-decoration:underline}.wyr-mp-end-btn:disabled{opacity:.5;cursor:default}.wyr-mp-reveal{margin-top:var(--space-2)}.wyr-mp-reveal-header{margin-bottom:var(--space-4)}.wyr-mp-match-badge{font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-semibold);border-radius:100px;padding:6px 16px;display:inline-block}.wyr-mp-match-badge--match{color:#85cdca;background:#85cdca26;border:1px solid #85cdca4d}.wyr-mp-match-badge--mismatch{color:#e8a87c;background:#e8a87c26;border:1px solid #e8a87c4d}.wyr-mp-reveal-options{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.wyr-mp-reveal-option{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:#f0ebe308;border:1px solid #f0ebe314;flex-wrap:wrap;display:flex}.wyr-mp-reveal-option--picked{border-width:2px}.wyr-mp-reveal-who{gap:var(--space-2);width:100%;margin-top:var(--space-1);display:flex}.wyr-mp-reveal-tag{font-family:var(--font-sans);color:var(--color-cream-55);background:#f0ebe30f;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.wyr-mp-reveal-tag--partner{color:#b4a0e8;background:#b4a0e81a}.wyr-mp-reveal-photo{object-fit:cover;border-radius:50%;width:14px;height:14px}.wyr-mp-next-btn{font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;border:1px solid;border-radius:100px;padding:10px 24px}.wyr-mp-waiting-next{font-family:var(--font-sans);color:var(--color-cream-55);font-size:13px}.wyr-spinner{color:#f0ebe366;animation:1s linear infinite spin}.km-wrapper--wyr .km-mode-btn{padding:var(--space-4) var(--space-4)}.km-wrapper--wyr .km-mode-btn .km-mode-btn-title{font-size:var(--text-lg)}.km-wrapper--wyr .km-mode-btn .km-mode-btn-desc{font-size:var(--text-xs)}.legal-page{background:var(--color-bg-gradient);width:100%;min-height:100dvh;padding:var(--space-8) var(--page-gutter) var(--space-12);z-index:var(--z-base);flex-direction:column;align-items:center;display:flex;position:relative}.legal-page-container{width:100%;max-width:var(--max-width-content);gap:var(--space-5);flex-direction:column;display:flex}.legal-page-back{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-55);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start;padding:8px 16px}.legal-page-back:hover{background:var(--surface-2);color:var(--color-cream)}.legal-page-title{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--weight-light);letter-spacing:-.03em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.legal-page-updated{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35)}.legal-page-body{gap:var(--space-5);flex-direction:column;display:flex}.legal-page-section{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);overflow:hidden}.legal-page-section[open]{border-color:var(--border-2)}.legal-page-section-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-regular);color:var(--color-cream);letter-spacing:-.01em;padding:var(--space-4) var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin:0;list-style:none;display:flex}.legal-page-section-title::-webkit-details-marker{display:none}.legal-page-section-title:after{content:"+";font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--color-cream-35);transition:transform var(--transition-fast), color var(--transition-fast)}details[open]>.legal-page-section-title:after{color:var(--color-cream-55);transform:rotate(45deg)}.legal-page-section-text{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-cream-55);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-1);margin:0}.support-page-lead{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-cream-55);margin:calc(var(--space-2) * -1) 0 0}.settings-page{width:100%;min-height:100dvh;padding:var(--space-8) var(--page-gutter) var(--space-10);flex-direction:column;align-items:center;display:flex}.settings-header{width:100%;max-width:var(--max-width-content);align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.settings-back{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-55);background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:7px 16px}.settings-back:hover{background:var(--surface-2);color:var(--color-cream-70)}.settings-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--color-cream);margin:0}.settings-content{width:100%;max-width:var(--max-width-content);gap:var(--space-6);flex-direction:column;display:flex}.settings-section{gap:var(--space-2);flex-direction:column;display:flex}.settings-section-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);margin:0 0 var(--space-1);padding:0 var(--space-1)}.settings-profile{align-items:center;gap:var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex}.settings-avatar{background:var(--surface-2);border:1px solid var(--border-2);width:44px;height:44px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-55);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.settings-avatar img{object-fit:cover;width:100%;height:100%}.settings-profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-profile-name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-profile-email{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-45);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-gender{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.settings-gender-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);margin:0}.settings-gender-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.settings-gender-pill{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-55);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);padding:6px 14px}.settings-gender-pill:hover:not(:disabled){background:var(--surface-2);color:var(--color-cream-70);border-color:var(--border-3)}.settings-gender-pill--selected{background:var(--color-rose-faint);border-color:var(--color-rose-glow);color:var(--color-rose);font-weight:var(--weight-semibold)}.settings-gender-pill:disabled{opacity:.5;cursor:not-allowed}.settings-list-item .settings-list-row-text{flex:1;min-width:0}.settings-list{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden}.settings-list-row{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-1);display:flex}.settings-list-row--last{border-bottom:none}.settings-list-row-text{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}.settings-list-row-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-70)}.settings-list-row-hint{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-cream-35)}.settings-list-item{width:100%;padding:var(--space-4) var(--space-5);border:none;border-bottom:1px solid var(--border-1);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-70);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;display:flex}.settings-list-item:last-child{border-bottom:none}.settings-list-item:hover{background:var(--surface-2);color:var(--color-cream)}.settings-list-item--danger{color:#e07070}.settings-list-item--danger:hover{color:#f08080;background:#e0707014}.settings-list-chevron{color:var(--color-cream-35);font-size:1.1rem;line-height:1}.settings-relationship-hint{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-cream-35);margin:var(--space-2) 0 0;padding:0 var(--space-1)}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.2s both fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.settings-dialog{border:1px solid var(--border-2);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:360px;animation:dialog-in .2s var(--ease-spring) both;background:#1e1e2e}@keyframes dialog-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.settings-dialog-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-regular);color:var(--color-cream);margin:0 0 var(--space-3)}.settings-dialog-body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-cream-55);margin:0 0 var(--space-6)}.settings-dialog-error{font-family:var(--font-sans);font-size:var(--text-xs);color:#e07070;margin:calc(var(--space-3) * -1) 0 var(--space-4)}.settings-dialog-actions{gap:var(--space-3);justify-content:flex-end;display:flex}.settings-dialog-cancel{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);min-height:2rem;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-55);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.settings-dialog-cancel:hover{background:var(--surface-2);color:var(--color-cream)}.settings-dialog-confirm{border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);min-height:2rem;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:#e07070;cursor:pointer;transition:all var(--transition-fast);background:#e0707026;border:1px solid #e070704d;justify-content:center;align-items:center;display:inline-flex}.settings-dialog-confirm:hover{color:#f08080;background:#e0707040;border-color:#e0707080}.history-dashboard{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.history-chart{padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);margin:0}.history-chart-caption{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.history-chart-title{font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-light);letter-spacing:-.01em;color:var(--color-cream-70)}.history-chart-sub{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-cream-35)}.history-chart-svg{width:100%;height:auto;display:block}.history-chart-axis{stroke:var(--border-2);stroke-width:1px}.history-chart-grid{stroke:var(--border-1);stroke-width:1px}.history-chart-tick{fill:var(--color-cream-35);font-family:var(--font-sans);font-size:9px}.history-chart-month{fill:var(--color-cream-35);font-family:var(--font-sans);font-size:8px}.history-chart-attempt{fill:var(--color-cream-35);font-family:var(--font-sans);font-size:9px}.history-chart-bar{fill:#85cdca8c;stroke:#85cdca59;stroke-width:1px}.history-chart-line--wyr{stroke:var(--color-rose);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.history-chart-dot--wyr{fill:var(--color-bg-primary);stroke:var(--color-rose);stroke-width:2px}.history-chart-line-ll{opacity:.95}.history-chart-dot-ll{stroke:#1a1a2ed9;stroke-width:1px}.history-chart-legend-row{gap:var(--space-3) var(--space-4);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-1);flex-wrap:wrap;display:flex}.history-chart-legend-item{align-items:center;gap:var(--space-2);font-family:var(--font-sans);color:var(--color-cream-45);font-size:10px;display:inline-flex}.history-chart-legend-swatch{border-radius:var(--radius-full);flex-shrink:0;width:14px;height:3px}.history-page{width:100%;min-height:100dvh;max-width:var(--max-width-content);padding:var(--space-8) var(--page-gutter) var(--space-10);z-index:1;margin:0 auto;position:relative}.history-header{margin-bottom:var(--space-4)}.history-header-main{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.history-header-list-cta{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-teal);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#85cdca14;border:1px solid #85cdca38;flex-shrink:0}.history-header-list-cta:hover{color:var(--color-teal-dark);background:#85cdca24;border-color:#85cdca61}.history-back{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-45);cursor:pointer;padding:var(--space-1) 0;margin-bottom:var(--space-4);background:0 0;border:none;display:block}.history-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:-.02em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:0;margin:0}.history-data-error{align-items:flex-start;gap:var(--space-3);width:100%;margin-bottom:var(--space-6);padding:var(--space-4);border-radius:var(--radius-xl);background:#c38d9e14;border:1px solid #c38d9e59;flex-direction:column;display:flex}.history-data-error-text{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-cream-55);margin:0}.history-data-error-retry{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-teal);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:#85cdca1f;border:1px solid #85cdca59;display:inline-flex}.history-data-error-retry:hover{background:#85cdca2e;border-color:#85cdca8c}.history-main{width:100%;margin-bottom:var(--space-6)}.history-section{width:100%}.history-list{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.history-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1);display:flex}.history-item:last-child{border-bottom:none}.history-emoji{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.history-text{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-55);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.history-item-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.history-time{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);flex-shrink:0}.history-btn{font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;padding:3px 10px;transition:opacity .15s}.history-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.history-btn:active:not(:disabled){opacity:.7}.history-btn--view{border:1px solid var(--border-1);color:var(--color-cream-45);background:#f0ebe30d}.history-btn--view:hover:not(:disabled){color:var(--color-cream-70);border-color:var(--border-2)}.history-btn--remove{border:1px solid var(--border-1);color:var(--color-cream-35);background:0 0;padding:3px 8px}.history-btn--remove:hover:not(:disabled){color:var(--color-cream-55);border-color:var(--border-2)}.history-empty{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);text-align:center;flex-direction:column;display:flex}.history-empty-emoji{font-size:1.5rem}.history-empty-text{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);max-width:260px;line-height:var(--leading-normal);margin:0}.history-empty-cta{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-teal);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);cursor:pointer;margin-top:var(--space-1);background:#85cdca1a;border:1px solid #85cdca40}.history-empty-cta:hover{background:#85cdca26;border-color:#85cdca59}@keyframes history-shimmer{0%{background-position:-200%}to{background-position:200%}}.history-skeleton-line,.history-skeleton-dot{background:linear-gradient(90deg, var(--color-cream-07) 0%, var(--color-cream-10) 50%, var(--color-cream-07) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite history-shimmer}.history-skeleton-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1);display:flex}.history-skeleton-row:last-child{border-bottom:none}.history-skeleton-dot{border-radius:var(--radius-full);flex-shrink:0;width:20px;height:20px}.history-skeleton-line{flex:1;height:10px}.history-skeleton-line--short{flex:0 0 52px}@keyframes music-pulse-dot{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.45;transform:scale(1.35)}}.music-page{--music-dock-estimate:10.25rem;width:100%;min-height:100dvh;max-width:var(--max-width-content);padding:var(--space-8) var(--page-gutter) var(--space-10);z-index:1;margin:0 auto;position:relative;overflow-x:hidden}.music-page--dock-open{padding-bottom:calc(var(--music-dock-estimate) + env(safe-area-inset-bottom,0px))}.music-page-glow{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.music-page-glow--rose{background:radial-gradient(circle,#c38d9e24 0%,#0000 68%);width:min(420px,90vw);height:min(420px,90vw);top:-18%;right:-25%}.music-page-glow--teal{background:radial-gradient(circle,#85cdca17 0%,#0000 70%);width:min(480px,95vw);height:min(480px,95vw);bottom:-22%;left:-20%}.music-page-header{z-index:1;margin-bottom:var(--space-4);position:relative}.music-page-back{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-45);cursor:pointer;padding:var(--space-1) 0;margin-bottom:var(--space-4);transition:color var(--transition-fast);background:0 0;border:none;display:block}.music-page-back:hover{color:var(--color-cream-70)}.music-page-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:-.02em;background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.music-page-subtitle{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-cream-55);line-height:var(--leading-loose);margin:var(--space-3) 0 0;max-width:34rem}.music-library-section{z-index:1;width:100%;position:relative}.music-library-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.music-library-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);padding:0 var(--space-1);margin:0}.music-library-modes{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.music-library-modes-sep{background:var(--border-1);flex-shrink:0;width:1px;height:1.125rem}.music-library-mode-icon-btn{border:1px solid var(--border-1);background:var(--surface-1);width:30px;height:30px;color:var(--color-cream-45);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.music-library-mode-icon-btn:hover{border-color:var(--border-2);color:var(--color-cream-70)}.music-library-mode-icon-btn[aria-pressed=true]{border-color:var(--border-2);background:var(--surface-2);color:var(--color-cream)}.music-track-list{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.music-track-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--border-1);box-sizing:border-box;width:100%;font:inherit;color:var(--color-cream-55);-webkit-text-fill-color:currentColor;text-align:left;text-transform:none;cursor:pointer;appearance:none;background:0 0;border-radius:0;margin:0;display:flex}.music-track-row:last-child{border-bottom:none}.music-track-row:hover,.music-track-row:hover .music-track-text{color:var(--color-cream-70)}.music-track-row:hover .music-track-index{color:var(--color-cream-45)}.music-track-index{font-family:var(--font-sans);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-cream-35);text-align:center;flex-shrink:0;width:20px;line-height:1.2}.music-track-text{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-55);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.music-track-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.music-track-playing{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.music-track-playing-dot{background:var(--color-teal);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite music-pulse-dot}.music-library-pagination{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.music-library-page-icon-btn{border-radius:var(--radius-full);border:1px solid var(--border-1);width:32px;height:32px;color:var(--color-cream-45);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:#f0ebe30d;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.music-library-page-icon-btn:hover:not(:disabled){color:var(--color-cream-70);border-color:var(--border-2)}.music-library-page-icon-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.music-library-page-icon-btn:active:not(:disabled){opacity:.7}.music-library-page-meta{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);text-align:center;line-height:var(--leading-snug);flex:10rem}.music-library-page-sep{color:var(--color-cream-35)}@keyframes music-dock-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.music-dock{z-index:var(--z-overlay);inset-inline:0;box-sizing:border-box;pointer-events:none;animation:music-dock-enter .2s var(--ease-smooth) both;position:fixed;bottom:0}.music-dock-surface{pointer-events:auto;width:100%;padding-bottom:max(var(--space-3), env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--border-1);background:#16213ec7;position:relative;overflow:hidden}.music-dock-inner{z-index:1;width:100%;max-width:var(--max-width-content);padding:var(--space-3) var(--page-gutter) var(--space-2);box-sizing:border-box;gap:var(--space-2);flex-direction:column;margin-inline:auto;display:flex;position:relative}.music-dock-progress{z-index:1;flex:none;align-self:stretch;align-items:center;height:1.5rem;margin:0;display:flex;position:relative}.music-dock-progress-visual{border-radius:var(--radius-full);background:var(--surface-2);pointer-events:none;height:4px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.music-dock-progress-fill{border-radius:inherit;background:var(--color-teal);height:100%;transition:width .12s var(--ease-smooth)}.music-dock-seek{z-index:1;box-sizing:border-box;cursor:pointer;appearance:none;background:0 0;width:100%;min-width:0;height:1.5rem;margin:0;padding:0;position:relative}.music-dock-seek::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:0 0;height:4px}.music-dock-seek::-webkit-slider-thumb{appearance:none;background:var(--color-cream);width:13px;height:13px;transition:transform var(--transition-fast);border:none;border-radius:50%;margin-top:-4.5px;box-shadow:0 0 0 1px #1a1a2ee6}.music-dock-seek:active::-webkit-slider-thumb{transform:scale(1.05)}.music-dock-seek::-moz-range-track{border-radius:var(--radius-full);background:0 0;height:4px}.music-dock-seek::-moz-range-thumb{background:var(--color-cream);border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #1a1a2ee6}.music-dock-main{z-index:1;align-items:stretch;gap:var(--space-2);flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.music-dock-meta-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-direction:row;min-width:0;display:flex}.music-dock-info{flex-direction:column;flex:auto;align-items:flex-start;min-width:0;display:flex}.music-dock-title{font-family:var(--font-serif);font-size:var(--text-sm);font-weight:var(--weight-light);color:var(--color-cream);line-height:var(--leading-snug);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;margin:0 0 1px;overflow:hidden}.music-dock-times{align-items:baseline;gap:var(--space-1);font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--color-cream-35);margin:0;font-size:.625rem;display:flex}.music-dock-times-sep{color:var(--color-cream-20);-webkit-user-select:none;user-select:none}.music-dock-transport{align-items:center;gap:var(--space-1);flex-direction:row;flex-shrink:0;display:flex}.music-dock-ghost,.music-dock-play{cursor:pointer;box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:flex}.music-dock-ghost{border:1px solid var(--border-1);color:var(--color-cream-55);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0}.music-dock-ghost:hover{color:var(--color-cream);background:var(--surface-1);border-color:var(--border-2)}.music-dock-ghost:active{opacity:.85}.music-dock-play{background:var(--gradient-teal);color:#1a1a2eeb;transition:opacity var(--transition-fast);border:none}.music-dock-play:hover{opacity:.92}.music-dock-play:active{opacity:.85}.music-dock-volume{align-items:center;gap:var(--space-2);flex-direction:row;flex:none;width:100%;min-width:0;display:flex}.music-dock-volume-icon{color:var(--color-cream-45);transition:color var(--transition-fast);flex-shrink:0}.music-dock-volume:hover .music-dock-volume-icon{color:var(--color-cream-70)}.music-dock-volume-range{border-radius:var(--radius-full);appearance:none;background:var(--surface-2);cursor:pointer;flex:1;min-width:0;height:4px}.music-dock-volume-range::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:var(--surface-2);height:4px}.music-dock-volume-range::-webkit-slider-thumb{appearance:none;background:var(--color-cream-55);width:12px;height:12px;transition:transform var(--transition-fast);border:none;border-radius:50%;margin-top:-4px;box-shadow:0 0 0 1px #1a1a2ed9}.music-dock-volume-range:active::-webkit-slider-thumb{transform:scale(1.05)}.music-dock-volume-range::-moz-range-track{border-radius:var(--radius-full);background:var(--surface-2);height:4px}.music-dock-volume-range::-moz-range-thumb{background:var(--color-cream-55);border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #1a1a2ed9}@media (width<=640px){.music-page-back{font-size:calc(1.05 * var(--text-sm));padding:calc(var(--space-1) * 1.05) calc(var(--space-1) * 1.05);margin-bottom:calc(var(--space-4) * 1.05)}.music-library-mode-icon-btn{width:31.5px;height:31.5px}.music-library-modes{gap:calc(var(--space-2) * 1.05)}.music-library-page-icon-btn{width:33.6px;height:33.6px}.music-library-pagination{gap:calc(var(--space-2) * 1.05)}.music-library-page-meta{font-size:calc(1.05 * var(--text-xs))}.music-track-row{padding:calc(var(--space-3) * 1.05) calc(var(--space-4) * 1.05);gap:calc(var(--space-3) * 1.05)}.music-track-text{font-size:calc(1.05 * var(--text-xs))}.music-dock-title{font-size:calc(1.05 * var(--text-sm))}.music-dock-times{font-size:.65625rem}}@media (prefers-reduced-motion:reduce){.music-dock{animation:none}.music-dock-progress-fill{transition:none}}.rp-page{width:100%;min-height:100dvh;padding:var(--space-8) var(--page-gutter) var(--space-10);flex-direction:column;align-items:center;display:flex}.rp-header{width:100%;max-width:var(--max-width-content);align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.rp-back{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-55);background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:7px 16px}.rp-back:hover{background:var(--surface-2);color:var(--color-cream-70)}.rp-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--color-cream);margin:0}.rp-content{width:100%;max-width:var(--max-width-content);gap:var(--space-5);flex-direction:column;display:flex}.rp-hero-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.rp-avatars{align-items:center;gap:var(--space-4);display:flex}.rp-avatar-group{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.rp-avatar{background:var(--surface-2);border:2px solid var(--border-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.rp-avatar--loading{animation:1.4s ease-in-out infinite rp-pulse}@keyframes rp-pulse{0%,to{opacity:.4}50%{opacity:.8}}.rp-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.rp-avatar-initials{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-cream-55);letter-spacing:.02em}.rp-avatar-gender{font-family:var(--font-sans);color:var(--color-cream-35);letter-spacing:.03em;font-size:.625rem}.rp-avatar-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-45);min-height:1em}.rp-heart{color:var(--color-rose);opacity:.8;flex-shrink:0;margin-bottom:16px}.rp-relationship-meta{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.rp-relationship-kind{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-rose)}.rp-together-since{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);text-align:center;max-width:100%;line-height:var(--leading-snug)}.rp-together-since-duration{color:var(--color-cream-55);white-space:normal}.rp-section{gap:var(--space-2);flex-direction:column;display:flex}.rp-section-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);margin:0 0 var(--space-1);padding:0 var(--space-1)}.rp-dates-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden}.rp-dates-divider{background:var(--border-1);height:1px;margin:0}.rp-date-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.rp-date-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-70);flex-shrink:0}.rp-date-value-row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.rp-date-value{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-55);text-align:right;white-space:nowrap}.rp-date-empty{color:var(--color-cream-35);font-style:italic}.rp-date-edit{align-items:center;gap:var(--space-2);display:flex}.rp-date-input{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:5px var(--space-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none}.rp-date-input:focus{border-color:var(--border-3)}.rp-date-btn{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rp-date-btn--edit{color:var(--color-cream-35);background:0 0}.rp-date-btn--edit:hover{background:var(--surface-2);color:var(--color-cream-55)}.rp-date-btn--save{color:var(--color-teal);background:#85cdca26}.rp-date-btn--save:hover:not(:disabled){background:#85cdca40}.rp-date-btn--save:disabled{opacity:.5;cursor:not-allowed}.rp-date-btn--cancel{color:var(--color-cream-35);background:0 0}.rp-date-btn--cancel:hover:not(:disabled){background:var(--surface-2);color:var(--color-cream-55)}.rp-date-btn--cancel:disabled{opacity:.5;cursor:not-allowed}.rp-lang-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.rp-lang-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);align-items:center;gap:var(--space-2);text-align:center;transition:border-color var(--transition-fast);flex-direction:column;display:flex}.rp-lang-card:has(.rp-lang-emoji){border-color:color-mix(in srgb, var(--lang-color,var(--border-1)) 30%, var(--border-1))}.rp-lang-name{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-cream-35)}.rp-lang-emoji{font-size:1.5rem;line-height:1;font-family:var(--font-emoji)}.rp-lang-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--lang-color,var(--color-cream-70));line-height:var(--leading-snug)}.rp-lang-placeholder{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);align-items:center;min-height:2.25rem;font-style:italic;display:flex}.rp-lang-placeholder--loading{border-radius:var(--radius-sm);background:var(--surface-2);width:80%;height:.75rem;font-style:normal;animation:1.4s ease-in-out infinite rp-pulse}.rp-stats-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);align-items:stretch;display:flex}.rp-stat{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;display:flex}.rp-stat-value{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--color-cream);line-height:1}.rp-stat-label{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35)}.rp-stat-divider{background:var(--border-1);width:1px;margin:var(--space-2) 0;align-self:stretch}.bl-page{width:100%;min-height:100dvh;padding:var(--space-8) var(--page-gutter) var(--space-10);flex-direction:column;align-items:center;display:flex}.bl-header{width:100%;max-width:var(--max-width-content);align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.bl-back{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-55);background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:7px 16px}.bl-back:hover{background:var(--surface-2);color:var(--color-cream-70)}.bl-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--color-cream);margin:0}.bl-content{width:100%;max-width:var(--max-width-content);gap:var(--space-6);flex-direction:column;display:flex}.bl-add-form{gap:var(--space-2);align-items:center;display:flex}.bl-add-input{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream);background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-full);padding:10px var(--space-5);transition:border-color var(--transition-fast);outline:none;flex:1}.bl-add-input::placeholder{color:var(--color-cream-35)}.bl-add-input:focus{border-color:var(--border-3)}.bl-add-btn{border-radius:var(--radius-full);background:var(--color-rose-faint);border:1px solid var(--color-rose-glow);width:40px;height:40px;color:var(--color-rose);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bl-add-btn:hover:not(:disabled){background:#c38d9e40}.bl-add-btn:disabled{opacity:.35;cursor:not-allowed}.bl-section{gap:var(--space-2);flex-direction:column;display:flex}.bl-section-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);margin:0 0 var(--space-1);padding:0 var(--space-1)}.bl-list{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden}.bl-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1);transition:background var(--transition-fast);display:flex}.bl-item:last-child{border-bottom:none}.bl-item--done .bl-item-text{color:var(--color-cream-35);text-decoration:line-through}.bl-item-check{border-radius:var(--radius-full);border:1.5px solid var(--border-3);cursor:pointer;width:20px;height:20px;color:var(--color-teal);transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bl-item-check:hover{border-color:var(--color-teal);background:var(--color-teal-faint)}.bl-item-bullet{border-radius:var(--radius-full);background:var(--color-cream-35);width:5px;height:5px;margin-left:var(--space-2);flex-shrink:0}.bl-item-text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-70);line-height:var(--leading-snug);word-break:break-word;flex:1;min-width:0}.bl-item-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.bl-item-btn{border-radius:var(--radius-full);cursor:pointer;width:26px;height:26px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.bl-item-btn--share{background:var(--color-teal-faint);color:var(--color-teal)}.bl-item-btn--share:hover{background:#85cdca40}.bl-item-btn--unshare{color:var(--color-cream-35);background:0 0}.bl-item-btn--unshare:hover{background:var(--surface-2);color:var(--color-cream-55)}.bl-item-btn--delete{color:var(--color-cream-35);background:0 0}.bl-item-btn--delete:hover{color:#e07070;background:#e070701a}.bl-empty{text-align:center;padding:var(--space-10) 0}.bl-empty-text{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-cream-35);max-width:280px;margin:0 auto}.bl-loading{gap:var(--space-3);padding:var(--space-4) 0;flex-direction:column;display:flex}.bl-loading-bar{border-radius:var(--radius-sm);background:var(--surface-2);width:100%;height:14px;animation:1.4s ease-in-out infinite bl-pulse}.bl-loading-bar--short{width:60%}@keyframes bl-pulse{0%,to{opacity:.4}50%{opacity:.8}}.ct-page{--ct-color-fertile:var(--color-words);--ct-color-fertile-faint:#e8a87c1f;--ct-color-fertile-glow:#e8a87c47;width:100%;min-height:100dvh;padding:var(--space-6) var(--page-gutter) var(--space-8);flex-direction:column;align-items:center;display:flex}.ct-header{width:100%;max-width:var(--max-width-content);align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.ct-back{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-55);background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:7px 16px}.ct-back:hover{background:var(--surface-2);color:var(--color-cream-70)}.ct-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--color-cream);margin:0}.ct-content{width:100%;max-width:var(--max-width-content);gap:var(--space-6);flex-direction:column;display:flex}.ct-phase-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-1);transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.ct-phase-card--period{background:var(--color-rose-faint);border-color:#c38d9e33}.ct-phase-card--fertile{background:var(--ct-color-fertile-faint);border-color:#e8a87c38}.ct-phase-card--ovulation{background:var(--color-teal-faint);border-color:#85cdca38}.ct-phase-card--safe{background:#6bcb8b0f;border-color:#6bcb8b24}.ct-phase-card--unknown{background:var(--surface-1);border-color:var(--border-1)}.ct-phase-emoji{font-size:1.25rem;line-height:1;font-family:var(--font-emoji);flex-shrink:0;margin-top:1px}.ct-phase-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ct-phase-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.ct-phase-label{font-family:var(--font-serif);font-size:var(--text-sm);font-weight:var(--weight-light);color:var(--color-cream);line-height:var(--leading-snug);min-width:0}.ct-phase-pill{border-radius:var(--radius-full);border:1px solid var(--border-1);background:#f0ebe30a;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.ct-phase-pill-text{font-family:var(--font-sans);font-size:.5625rem;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-cream-45);line-height:1}.ct-phase-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.ct-phase-pill--rest .ct-phase-dot{background:var(--color-rose);box-shadow:0 0 0 2px #c38d9e33}.ct-phase-pill--peak .ct-phase-dot{background:var(--ct-color-fertile);animation:2.2s ease-in-out infinite ct-phase-dot-pulse;box-shadow:0 0 0 2px #e8a87c2e}.ct-phase-pill--calm .ct-phase-dot{background:#6bcb8bf2;box-shadow:0 0 0 2px #6bcb8b1f}.ct-phase-pill--unset .ct-phase-dot{background:var(--color-cream-35);box-shadow:none}.ct-phase-meta{font-family:var(--font-sans);line-height:var(--leading-snug);flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.ct-phase-meta--hint{color:var(--color-cream-35);font-size:.5625rem;line-height:var(--leading-snug);margin:0}.ct-phase-day{color:var(--color-cream-45);font-size:.5625rem}.ct-phase-meta-sep{color:var(--color-cream-35);-webkit-user-select:none;user-select:none;font-size:.5625rem}.ct-phase-countdown{color:var(--color-cream-35);font-size:.5625rem}@keyframes ct-phase-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.ct-phase-pill--peak .ct-phase-dot{animation:none}}.ct-calendar{--ct-calendar-pad:var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--ct-calendar-pad) var(--ct-calendar-pad) 0;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.ct-calendar-month{font-family:var(--font-sans);font-size:.625rem;font-weight:var(--weight-semibold);color:var(--color-cream-55);text-align:center;letter-spacing:.02em;margin:0}.ct-calendar-weekdays{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.ct-calendar-weekday{font-family:var(--font-sans);color:var(--color-cream-35);padding:1px 0;font-size:.5625rem;line-height:1.2}.ct-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.ct-calendar-blank{aspect-ratio:1;min-height:0}.ct-calendar-day{aspect-ratio:1;min-height:0;font-family:var(--font-sans);color:var(--color-cream-35);border-radius:3px;justify-content:center;align-items:center;font-size:.5625rem;display:flex}.ct-calendar-day--period{background:var(--color-rose-faint);color:var(--color-rose)}.ct-calendar-day--fertile{background:var(--ct-color-fertile-faint);color:var(--ct-color-fertile)}.ct-calendar-day--ovulation{background:var(--color-teal-faint);color:var(--color-teal);font-weight:var(--weight-semibold)}.ct-calendar-day--safe{color:var(--color-cream-45)}.ct-calendar-day--today{outline:1px solid var(--border-3);outline-offset:-1px;font-weight:var(--weight-semibold);color:var(--color-cream-70)}.ct-calendar-day--today.ct-calendar-day--period{color:var(--color-rose)}.ct-calendar-day--today.ct-calendar-day--fertile{color:var(--ct-color-fertile)}.ct-calendar-day--today.ct-calendar-day--ovulation{color:var(--color-teal)}.ct-calendar-legend{justify-content:center;gap:var(--space-2) var(--space-3);margin-left:calc(-1 * var(--ct-calendar-pad));margin-right:calc(-1 * var(--ct-calendar-pad));padding:var(--space-4) var(--space-4) calc(var(--space-3) + var(--ct-calendar-pad));border-top:1px solid var(--border-1);flex-wrap:wrap;display:flex}.ct-legend-item{align-items:center;gap:4px;display:flex}.ct-legend-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.ct-legend-dot--period{background:var(--color-rose)}.ct-legend-dot--fertile{background:var(--ct-color-fertile)}.ct-legend-dot--ovulation{background:var(--color-teal)}.ct-legend-dot--safe{background:var(--color-cream-35)}.ct-legend-label{font-family:var(--font-sans);color:var(--color-cream-35);white-space:nowrap;font-size:.5625rem;line-height:1.2}.ct-section{gap:var(--space-2);flex-direction:column;display:flex}.ct-section-label{font-family:var(--font-sans);font-size:.625rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);margin:0;padding:0 2px}.ct-events{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.ct-event-row{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1);grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:start;display:grid}.ct-event-row:last-child{border-bottom:none}.ct-event-row--period .ct-event-label{color:var(--color-rose)}.ct-event-row--ovulation .ct-event-label{color:var(--color-teal)}.ct-event-row--fertile .ct-event-label{color:var(--ct-color-fertile)}.ct-event-label{font-family:var(--font-sans);font-size:.625rem;font-weight:var(--weight-semibold);color:var(--color-cream-55);line-height:var(--leading-snug)}.ct-event-meta{align-items:flex-end;gap:var(--space-1);text-align:right;flex-direction:column;min-width:0;display:flex}.ct-event-date{font-family:var(--font-sans);font-size:.625rem;font-weight:var(--weight-medium);color:var(--color-cream-70);line-height:var(--leading-snug);word-break:break-word}.ct-event-countdown{font-family:var(--font-sans);color:var(--color-cream-35);font-size:.5625rem;line-height:var(--leading-snug)}.ct-edit-btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-cream-45);background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-self:center;padding:7px 16px;display:inline-flex}.ct-edit-btn:hover{background:var(--surface-2);color:var(--color-cream-70)}.ct-owner-note{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);text-align:center;margin:0}.ct-setup-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.ct-setup-heading-row{gap:var(--space-1);flex-direction:column;display:flex}.ct-setup-heading{font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-light);color:var(--color-cream);margin:0}.ct-setup-sub{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);line-height:var(--leading-snug);margin:0}.ct-field{gap:var(--space-2);flex-direction:column;display:flex}.ct-field-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35)}.ct-field-range-value{color:var(--color-cream-55);font-weight:var(--weight-medium);text-transform:none;letter-spacing:0}.ct-field-input{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-full);padding:8px var(--space-4);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none}.ct-field-input:focus{border-color:var(--border-3)}.ct-field-range{width:100%;accent-color:var(--color-rose);cursor:pointer}.ct-range-labels{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);justify-content:space-between;display:flex}.ct-form-error{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-rose);margin:0}.ct-form-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.ct-save-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--color-rose-faint);border:1px solid var(--color-rose-glow);color:var(--color-rose);border-radius:var(--radius-full);padding:8px var(--space-5);cursor:pointer;transition:all var(--transition-fast)}.ct-save-btn:hover:not(:disabled){background:#c38d9e40}.ct-save-btn:disabled{opacity:.4;cursor:not-allowed}.ct-cancel-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cream-45);padding:8px var(--space-3);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.ct-cancel-btn:hover:not(:disabled){color:var(--color-cream-70)}.ct-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.ct-waiting{padding:var(--space-10) 0;justify-content:center;align-items:center;display:flex}.ct-waiting-text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream-35);line-height:var(--leading-normal);text-align:center;max-width:260px;margin:0}.ct-skeleton{gap:var(--space-6);flex-direction:column;display:flex}.ct-skeleton-card{border-radius:var(--radius-md);background:var(--surface-2);height:56px;animation:1.4s ease-in-out infinite ct-pulse}.ct-skeleton-card--sm{height:118px}.ct-skeleton-row{border-radius:var(--radius-md);background:var(--surface-2);height:32px;animation:1.4s ease-in-out infinite ct-pulse}@keyframes ct-pulse{0%,to{opacity:.4}50%{opacity:.8}}.ct-disclaimer{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-cream-35);line-height:var(--leading-normal);text-align:center;padding:var(--space-3) 0 var(--space-2);max-width:320px;margin:0 auto}.sw-update-banner{z-index:calc(var(--z-toast) - 1);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));pointer-events:none;box-sizing:border-box;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.sw-update-banner-inner{pointer-events:auto;width:100%;max-width:var(--max-width-content);gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:sw-update-banner-in .35s var(--ease-smooth) both;background:#1a1a2eeb;flex-direction:column;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a,0 -12px 40px #00000059}@keyframes sw-update-banner-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sw-update-banner-text{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-cream-70);text-align:center;margin:0}.sw-update-banner-actions{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sw-update-banner-btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:8px 18px;display:inline-flex}.sw-update-banner-btn--ghost{border-color:var(--border-1);color:var(--color-cream-45);background:0 0}.sw-update-banner-btn--ghost:hover{color:var(--color-cream-70);border-color:var(--border-2)}.sw-update-banner-btn--primary{color:var(--color-teal);background:#85cdca24;border-color:#85cdca59}.sw-update-banner-btn--primary:hover{background:#85cdca38;border-color:#85cdca80}@media (prefers-reduced-motion:reduce){.sw-update-banner-inner{animation:none}}