@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";.progress-ring[data-v-01af10a8]{transform:rotate(-90deg);display:block}.progress-ring__groove-shadow[data-v-01af10a8],.progress-ring__groove-highlight[data-v-01af10a8]{stroke:transparent}.progress-ring__bg[data-v-01af10a8]{stroke:var(--color-progress-bg)}.progress-ring__fill[data-v-01af10a8]{stroke:var(--color-brand-primary);transition:stroke-dashoffset .4s ease}.progress-ring__endcap[data-v-01af10a8]{fill:var(--color-brand-primary)}.progress-ring__label[data-v-01af10a8]{font-size:12px;font-weight:700;fill:var(--color-brand-primary);font-family:Raleway,serif}.round-illustration[data-v-6c41faea]{display:none}[data-theme=cardboard] .round-illustration[data-v-6c41faea]{display:block;position:absolute;bottom:0;right:0%;width:45%;height:70%;object-fit:contain;object-position:bottom right;mix-blend-mode:multiply;opacity:.6;pointer-events:none;z-index:3}.lock-icon-card[data-v-6c41faea]{width:1.3em;height:1.3em;vertical-align:-.2em;display:inline-block}.round-card-top[data-v-6c41faea]{display:none}.round-card-info[data-v-6c41faea]{flex:1;min-width:0}.card-accent[data-v-6c41faea]{display:none}[data-theme=cardboard] .card-accent[data-v-6c41faea]{display:block}.the-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;font-weight:600;cursor:pointer;border:none;transition:background-color .2s ease,color .2s ease,transform .15s ease,border-color .2s ease}.the-btn:disabled{opacity:.5;cursor:not-allowed}.the-btn--full{display:flex;width:100%}.the-btn--sm{padding:.5rem 1rem;font-size:.85rem}.the-btn--md{padding:.75rem 1.25rem;font-size:.95rem}.the-btn--lg{padding:.875rem 1.5rem;font-size:1rem}.the-btn--primary{background-color:var(--color-brand-primary);color:var(--color-surface-primary);border-radius:var(--radius-button)}.the-btn--primary:hover:not(:disabled){background-color:var(--color-brand-accent-hover);transform:translateY(-1px)}.the-btn--secondary{background-color:transparent;color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);border-radius:var(--radius-button)}.the-btn--secondary:hover:not(:disabled){background-color:var(--color-brand-primary);color:var(--color-surface-primary)}.the-btn--ghost{background:none;color:var(--color-brand-primary);border-radius:var(--radius-button)}.the-btn--ghost:hover:not(:disabled){background-color:var(--shadow-brand-light)}.the-btn--danger{background:none;color:var(--color-state-danger);border:1px solid var(--color-state-danger);border-radius:var(--radius-button)}.the-btn--danger:hover:not(:disabled){background-color:var(--color-state-danger);color:var(--color-text-on-brand)}.the-btn--pill{background-color:transparent;color:var(--color-text-tertiary);border:none;border-radius:var(--radius-pill)}.the-btn--pill:hover:not(:disabled){color:var(--color-brand-primary)}.the-btn--pill.the-btn--active{background-color:var(--color-brand-primary);color:var(--color-surface-primary);font-weight:700;outline-color:var(--color-brand-primary)}.daily-bonus-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem 0}.daily-bonus-modal{background:var(--color-surface-primary);border-radius:var(--radius-modal);padding:2rem;text-align:center;max-width:320px;width:100%;box-shadow:0 8px 32px var(--shadow-color-medium);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.daily-bonus-title{font-size:1.3rem;font-weight:700;color:var(--color-brand-primary);margin-bottom:.75rem}.daily-bonus-icon{font-size:3rem;margin:.5rem 0}.daily-bonus-text{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.unlock-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.unlock-modal{background:var(--color-surface-primary);border-radius:var(--radius-modal);padding:2rem;text-align:center;max-width:350px;width:100%;box-shadow:0 8px 32px var(--shadow-color-medium);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.unlock-icon{margin-bottom:.5rem}.unlock-icon svg,.unlock-icon img{width:2.5rem;height:2.5rem}.unlock-title{font-size:1.2rem;font-weight:700;color:var(--color-brand-primary);margin-bottom:.5rem}.unlock-text{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1.25rem}.unlock-cost{color:var(--color-brand-primary)}.unlock-cost .brain-icon-inline{vertical-align:-.15em}.unlock-modal .the-btn{margin-bottom:.5rem}.unlock-modal .the-btn:last-child{margin-bottom:0}.unlock-hint{font-size:.85rem;color:var(--color-text-faint);margin-bottom:.75rem}.retry-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.retry-modal{background:var(--color-surface-primary);border-radius:var(--radius-modal);padding:2rem;text-align:center;max-width:320px;width:100%;box-shadow:0 8px 32px var(--shadow-color-medium);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.retry-icon{margin-bottom:.5rem}.retry-icon-img{width:2.5rem;height:2.5rem}.retry-title{font-size:1.2rem;font-weight:700;color:var(--color-brand-primary);margin-bottom:.5rem}.retry-text{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.4}.retry-stars{margin-bottom:1.25rem}.retry-modal .the-btn{margin-bottom:.5rem}.retry-modal .the-btn:last-child{margin-bottom:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.tooltip-anchor{display:inline-flex}.tooltip{position:fixed;z-index:9999;pointer-events:none;padding:.375rem .625rem;font-size:.8rem;line-height:1.3;font-weight:500;white-space:nowrap;color:var(--color-tooltip-text);background-color:var(--color-tooltip-bg);border-radius:var(--radius-sm, 6px);box-shadow:0 2px 8px var(--shadow-color-medium)}.tooltip:after{content:"";position:absolute;border:5px solid transparent}.tooltip--top:after{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--color-tooltip-bg)}.tooltip--bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--color-tooltip-bg)}.tooltip--left:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--color-tooltip-bg)}.tooltip--right:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--color-tooltip-bg)}.tooltip-fade-enter-active{transition:opacity .15s ease,transform .15s ease}.tooltip-fade-leave-active{transition:opacity .1s ease}.tooltip-fade-enter-from,.tooltip-fade-leave-to{opacity:0}.settings-btn[data-v-cbf05124]{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-text-primary);text-decoration:none;transition:background-color .2s ease;z-index:10}.settings-btn[data-v-cbf05124]:hover{background-color:var(--color-surface-hover)}.header-top-right[data-v-cbf05124]{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;z-index:10;color:var(--color-text-primary)}.profile-btn[data-v-cbf05124]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-text-primary);text-decoration:none;transition:background-color .2s ease}.profile-btn[data-v-cbf05124]:hover{background-color:var(--color-surface-hover)}.profile-btn-avatar[data-v-cbf05124]{width:28px;height:28px;border-radius:50%;object-fit:cover}.toggle-btn[data-v-cbf05124]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:none;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.toggle-btn[data-v-cbf05124]:hover{background-color:var(--color-surface-hover)}.toggle-btn--off[data-v-cbf05124]{opacity:.4}.achievement-toast[data-v-15a976c1]{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;background:var(--color-brand-primary);color:var(--color-surface-primary);padding:.75rem 1.25rem;border-radius:.75rem;box-shadow:0 4px 16px var(--shadow-color-medium);z-index:2000;max-width:90vw}.achievement-toast-icon[data-v-15a976c1]{font-size:1.5rem}.achievement-toast-content[data-v-15a976c1]{display:flex;flex-direction:column}.achievement-toast-label[data-v-15a976c1]{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin:0}.achievement-toast-name[data-v-15a976c1]{font-weight:700;font-size:1rem;margin:0}.toast-slide-enter-active[data-v-15a976c1]{animation:toastSlideIn-15a976c1 .4s cubic-bezier(.175,.885,.32,1.275)}.toast-slide-leave-active[data-v-15a976c1]{animation:toastSlideOut-15a976c1 .3s ease-in}@keyframes toastSlideIn-15a976c1{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastSlideOut-15a976c1{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(100%)}}[data-theme=cardboard] .achievement-toast[data-v-15a976c1]{border-radius:2px}.svg-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}@property --bg-hue{syntax: "<number>"; initial-value: 303; inherits: false;}:root{--color-surface-page: #f4f6f5;--color-surface-primary: oklab(.94 .002 .018);--color-surface-hover: oklab(.94 .001 .012);--color-surface-elevated: oklab(.98 .002 .014);--color-surface-answer: oklab(.22 .005 .01);--color-surface-progress: oklab(.89 -.008 .065);--color-surface-completed: oklab(.92 -.06 .04);--color-text-primary: oklab(.36 .004 .008);--color-text-secondary: oklab(.44 .003 .006);--color-text-tertiary: oklab(.5 .002 .005);--color-text-muted: oklab(.56 .001 .004);--color-text-faint: oklab(.62 .001 .003);--color-text-disabled: oklab(.66 0 0);--color-text-extra-info: oklab(.4 .003 .007);--color-brand-primary: oklab(.36 .035 -.035);--color-brand-accent: oklab(.73 .09 .085);--color-brand-accent-hover: oklab(.71 .1 .085);--color-brand-gold: oklab(.77 .025 .11);--color-state-correct: oklab(.7 -.14 .08);--color-state-correct-bg: oklab(.92 -.06 .04);--color-state-correct-text: oklab(.3 -.06 .03);--color-state-wrong-bg: oklab(.88 .04 .01);--color-state-wrong-border: oklab(.55 .14 .05);--color-state-wrong-text: oklab(.3 .08 .02);--color-state-danger: oklab(.5 .1 .03);--color-state-streak-start: oklab(.63 .11 .09);--color-state-streak-end: oklab(.73 .07 .08);--color-tw-out-bg: oklab(.84 .02 .06);--color-tw-in-bg: oklab(.78 .03 -.02);--color-tw-out-label: oklab(.4 .04 .06);--color-tw-in-label: oklab(.32 .06 -.04);--color-progress-bg: oklab(.86 0 0);--color-progress-mid: oklab(.45 .04 -.04);--color-border-light: oklab(.88 .001 .008);--color-border-divider: oklab(.84 .001 .008);--color-accent-1: #cb7133;--color-accent-2: #894d29;--color-accent-3: #eaa54a;--color-accent-4: #c7cdbc;--color-accent-5: #7397A4;--color-accent-6: #704D3B;--color-accent-7: #D3A345;--color-accent-8: #91222C;--color-accent-9: #646a57;--color-accent-10: #b6af76;--color-accent-11: #324f4f;--color-accent-12: #d5b388;--color-accent-13: #ac735d;--color-accent-14: #B6BEB1;--color-button-default: oklab(.28 0 0);--color-button-gray: oklab(.22 .005 .005);--shadow-color: rgba(0, 0, 0, .1);--shadow-color-medium: rgba(0, 0, 0, .2);--shadow-brand: rgba(80, 54, 74, .3);--shadow-brand-light: rgba(80, 54, 74, .1);--shadow-brand-bg: rgba(80, 54, 74, .08);--color-speech-bg: #FBF6ED;--color-speech-border: rgba(0, 0, 0, .12);--color-tooltip-bg: rgba(30, 30, 30, .92);--color-tooltip-text: #ffffff;--color-overlay: rgba(0, 0, 0, .5);--color-text-on-brand: #ffffff;--color-login-apple-text: #ffffff;--color-glow-primary: rgb(238, 169, 65);--color-glow-transparent: rgba(238, 169, 65, 0);--color-login-google-bg: oklab(1 0 0);--color-login-google-hover: oklab(.97 0 0);--color-login-apple-bg: oklab(0 0 0);--color-login-apple-hover: oklab(.28 0 0);--color-rank-gold: #eaa54a;--color-rank-silver: #aaa;--color-rank-bronze: #cb7133;--color-stack-card-1: #e8e8e8;--color-stack-card-2: #e0e0e0;--color-stack-card-3: #d8d8d8;--color-header-title: oklab(.94 .01 .02);--color-option-letter-bg: rgba(80, 54, 74, .1);--color-option-selected-bg: rgba(80, 54, 74, .08);--page-texture: url(./beige-paper-Bw0rUmJw.png);--radius-card: .75rem;--radius-container: 16px;--radius-button: .5rem;--radius-pill: 2rem;--radius-modal: 1rem;--radius-answer: 8px;--radius-progress: 4px;--radius-speech: 1.25rem}.dark-mode{--color-surface-page: oklab(.21 .003 .008);--color-surface-primary: oklab(.27 .003 .01);--color-surface-hover: oklab(.31 .003 .01);--color-surface-elevated: oklab(.3 .003 .01);--color-surface-answer: oklab(.16 .002 .006);--color-surface-progress: oklab(.29 .003 .02);--color-surface-completed: oklab(.28 -.03 .015);--color-text-primary: oklab(.95 .001 .008);--color-text-secondary: oklab(.85 .001 .006);--color-text-tertiary: oklab(.74 .001 .005);--color-text-muted: oklab(.64 .001 .004);--color-text-faint: oklab(.56 .001 .003);--color-text-disabled: oklab(.5 .001 .002);--color-text-extra-info: oklab(.82 .001 .006);--color-brand-primary: oklab(.62 .07 -.07);--color-brand-accent: oklab(.76 .1 .1);--color-brand-accent-hover: oklab(.74 .11 .1);--color-brand-gold: oklab(.8 .03 .13);--color-state-correct: oklab(.72 -.15 .09);--color-state-correct-bg: oklab(.26 -.04 .02);--color-state-correct-text: oklab(.85 -.06 .04);--color-state-wrong-bg: oklab(.26 .05 .02);--color-state-wrong-border: oklab(.62 .16 .06);--color-state-wrong-text: oklab(.85 .06 .02);--color-state-danger: oklab(.62 .12 .04);--color-state-streak-start: oklab(.65 .12 .1);--color-state-streak-end: oklab(.75 .08 .09);--color-tw-out-bg: oklab(.35 .02 .04);--color-tw-in-bg: oklab(.32 .03 -.02);--color-tw-out-label: oklab(.8 .03 .05);--color-tw-in-label: oklab(.78 .05 -.03);--color-progress-bg: oklab(.3 .002 .006);--color-progress-mid: oklab(.55 .06 -.06);--color-border-light: oklab(.36 .002 .006);--color-border-divider: oklab(.38 .002 .006);--color-accent-1: #d98a52;--color-accent-2: #a86a42;--color-accent-3: #f0b860;--color-accent-4: #d0d8cc;--color-accent-5: #8aacb8;--color-accent-6: #8f6a55;--color-accent-7: #e0b858;--color-accent-8: #b83a44;--color-accent-9: #828970;--color-accent-10: #c8c290;--color-accent-11: #4a6b6b;--color-accent-12: #e0c498;--color-accent-13: #c08a72;--color-accent-14: #c8d0c2;--color-button-default: oklab(.9 .001 .008);--color-button-gray: oklab(.28 .003 .008);--shadow-color: rgba(0, 0, 0, .4);--shadow-color-medium: rgba(0, 0, 0, .5);--shadow-brand: rgba(150, 100, 140, .35);--shadow-brand-light: rgba(150, 100, 140, .15);--shadow-brand-bg: rgba(150, 100, 140, .1);--color-speech-bg: oklab(.24 .003 .008);--color-speech-border: rgba(255, 255, 255, .1);--color-tooltip-bg: rgba(240, 240, 240, .95);--color-tooltip-text: #1a1a1a;--color-overlay: rgba(0, 0, 0, .65);--color-text-on-brand: #ffffff;--color-login-apple-text: oklab(.21 .003 .008);--color-glow-primary: rgb(210, 150, 60);--color-glow-transparent: rgba(210, 150, 60, 0);--color-login-google-bg: oklab(.24 .002 .006);--color-login-google-hover: oklab(.28 .002 .006);--color-login-apple-bg: oklab(.92 0 0);--color-login-apple-hover: oklab(.87 0 0);--color-stack-card-1: oklab(.25 .002 .008);--color-stack-card-2: oklab(.23 .002 .006);--color-stack-card-3: oklab(.21 .002 .005);--color-header-title: oklab(.94 .006 .016);--color-option-letter-bg: rgba(190, 150, 180, .18);--color-option-selected-bg: rgba(190, 150, 180, .12);--page-texture: none;--color-rank-gold: #f0b050;--color-rank-silver: #a8a8a8;--color-rank-bronze: #d08040}[data-theme=cardboard]{--color-surface-page: oklab(.88 .008 .045);--color-surface-primary: oklab(.86 .01 .05);--color-surface-hover: oklab(.83 .01 .05);--color-surface-elevated: oklab(.88 .01 .05);--color-surface-answer: oklab(.25 .01 .01);--color-surface-progress: oklab(.85 .01 .05);--color-surface-completed: oklab(.75 -.04 .03);--color-text-primary: oklab(.28 .01 .02);--color-text-secondary: oklab(.4 .01 .02);--color-text-tertiary: oklab(.5 .01 .02);--color-text-muted: oklab(.55 .01 .02);--color-brand-primary: oklab(.42 .03 .04);--color-brand-accent: oklab(.68 .06 .08);--color-brand-accent-hover: oklab(.68 .06 .08);--color-brand-gold: oklab(.68 .05 .12);--color-progress-bg: rgba(0, 0, 0, .12);--color-state-correct: var(--color-brand-primary);--color-state-correct-bg: rgba(112, 77, 59, .22);--color-state-correct-text: oklab(.28 .01 .02);--color-state-wrong-bg: rgba(145, 34, 44, .18);--color-state-wrong-border: #91222C;--color-state-wrong-text: oklab(.3 .04 .01);--color-state-danger: #91222C;--color-state-streak-start: #cb7133;--color-state-streak-end: #eaa54a;--color-speech-bg: oklab(.93 .005 .035);--color-speech-border: rgba(139, 90, 43, .2);--color-glow-primary: rgba(203, 113, 51, .7);--color-glow-transparent: rgba(234, 165, 74, 0);--shadow-brand: rgba(112, 77, 59, .3);--shadow-brand-light: rgba(112, 77, 59, .15);--shadow-brand-bg: rgba(112, 77, 59, .08);--color-option-letter-bg: rgba(112, 77, 59, .15);--color-option-selected-bg: rgba(112, 77, 59, .05);--color-stack-card-1: rgb(235, 210, 172);--color-stack-card-2: rgb(225, 195, 152);--color-stack-card-3: rgb(215, 185, 142);--radius-card: 3px;--radius-container: 3px;--radius-button: 2px;--radius-pill: 2px;--radius-modal: 3px;--radius-answer: 2px;--radius-speech: 1.25rem;--shadow-card: 3px 5px 12px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08), inset 1px 1px 0 rgba(255,255,255,.4), inset -1px -1px 0 rgba(0,0,0,.1);--shadow-modal: 4px 6px 18px rgba(0,0,0,.16), inset 1px 1px 0 rgba(255,255,255,.4), inset -1px -1px 0 rgba(0,0,0,.1);--cb-texture-blend: multiply;--cb-texture-opacity: 1;--cb-text-blend: multiply;--cb-body-blend: soft-light;--cb-qc-texture-opacity: 1;--cb-star-empty: rgba(0, 0, 0, .2);--cb-option-bg: rgba(255, 255, 255, .25);--cb-option-border: rgba(0, 0, 0, .1);--cb-option-hover-bg: rgba(255, 255, 255, .4);--cb-info-image-bg: #f5f0e8;--cb-info-image-border: rgba(180, 160, 130, .3);--cb-info-image-filter: saturate(.85);--cb-stamp-bg: linear-gradient(180deg, var(--color-text-primary) 0%, var(--color-text-secondary) 100%);--cb-stamp-clip: text;--cb-stamp-fill: transparent;--page-texture: url(./cardboard-s_AxIJJT.jpg)}.dark-mode [data-theme=cardboard],.dark-mode[data-theme=cardboard]{--color-surface-page: oklab(.18 .008 .022);--color-surface-primary: oklab(.24 .012 .03);--color-surface-hover: oklab(.28 .012 .03);--color-surface-elevated: oklab(.27 .016 .038);--color-surface-answer: oklab(.14 .008 .016);--color-surface-progress: oklab(.24 .012 .03);--color-surface-completed: oklab(.24 -.008 .022);--color-text-primary: oklab(.94 .003 .014);--color-text-secondary: oklab(.82 .003 .012);--color-text-tertiary: oklab(.7 .003 .01);--color-text-muted: oklab(.58 .003 .008);--color-brand-primary: oklab(.64 .04 .06);--color-brand-accent: oklab(.74 .08 .1);--color-brand-accent-hover: oklab(.72 .08 .1);--color-brand-gold: oklab(.8 .03 .13);--color-speech-bg: oklab(.23 .006 .018);--color-speech-border: rgba(255, 220, 180, .12);--color-glow-primary: rgba(210, 140, 55, .8);--color-glow-transparent: rgba(210, 140, 55, 0);--color-stack-card-1: oklab(.23 .007 .02);--color-stack-card-2: oklab(.21 .006 .018);--color-stack-card-3: oklab(.19 .005 .016);--color-state-correct: var(--color-brand-primary);--color-state-correct-bg: rgba(180, 140, 100, .22);--color-state-correct-text: oklab(.9 .003 .012);--color-state-wrong-bg: rgba(145, 34, 44, .22);--color-state-wrong-border: #c0383e;--color-state-wrong-text: oklab(.88 .04 .01);--color-option-letter-bg: rgba(180, 140, 100, .18);--color-option-selected-bg: rgba(180, 140, 100, .1);--color-border-light: rgba(255, 220, 180, .12);--color-border-divider: rgba(255, 220, 180, .16);--color-login-google-bg: oklab(.22 .006 .016);--color-login-google-hover: oklab(.26 .006 .016);--color-login-apple-bg: oklab(.92 .002 .01);--color-login-apple-hover: oklab(.87 .002 .01);--color-login-apple-text: oklab(.18 .006 .016);--cb-texture-blend: overlay;--cb-texture-opacity: .4;--cb-text-blend: normal;--cb-body-blend: normal;--cb-qc-texture-opacity: .45;--cb-star-empty: rgba(255, 255, 255, .2);--cb-option-bg: rgba(255, 255, 255, .07);--cb-option-border: rgba(255, 255, 255, .1);--cb-option-hover-bg: rgba(255, 255, 255, .14);--cb-info-image-bg: oklab(.2 .006 .014);--cb-info-image-border: rgba(255, 255, 255, .08);--cb-info-image-filter: none;--cb-stamp-bg: none;--cb-stamp-clip: border-box;--cb-stamp-fill: unset;--page-texture: none}[data-theme=seventies]{--color-surface-page: #DDD0C6;--color-surface-primary: #E8DDC8;--color-surface-hover: #DDD0B8;--color-surface-elevated: #F0E8D8;--color-surface-answer: #3A1520;--color-surface-progress: #E8DDC8;--color-surface-completed: #C5CCA0;--color-text-primary: #3A1520;--color-text-secondary: #5A3040;--color-text-tertiary: #7A5A5A;--color-text-muted: #755858;--color-text-faint: #876C6C;--color-text-disabled: #9A8484;--color-text-extra-info: #5A3040;--color-brand-primary: #5C1A2A;--color-brand-accent: #E8AA2D;--color-brand-accent-hover: #D49A20;--color-brand-gold: #E8A259;--color-state-correct: #6B7A30;--color-state-correct-bg: rgba(107, 122, 48, .28);--color-state-correct-text: #3A4A18;--color-state-wrong-bg: rgba(200, 68, 40, .22);--color-state-wrong-border: #C84428;--color-state-wrong-text: #7A2010;--color-state-danger: #C84428;--color-state-streak-start: #E8A259;--color-state-streak-end: #E8AA2D;--color-tw-out-bg: rgba(232, 170, 45, .3);--color-tw-in-bg: rgba(133, 139, 59, .25);--color-tw-out-label: #8A6010;--color-tw-in-label: #4A5518;--color-progress-bg: rgba(92, 26, 42, .15);--color-progress-mid: #858B3B;--color-border-light: rgba(92, 26, 42, .18);--color-border-divider: rgba(92, 26, 42, .22);--color-accent-1: #E8A259;--color-accent-2: #858B3B;--color-accent-3: #C84428;--color-accent-4: #E8AA2D;--color-accent-5: #5C1A2A;--color-accent-6: #A07840;--color-accent-7: #6B7A30;--color-accent-8: #D06030;--color-accent-9: #7A5A3A;--color-accent-10: #B8A040;--color-accent-11: #4A3020;--color-accent-12: #D4A060;--color-accent-13: #8A3020;--color-accent-14: #A0A870;--color-button-default: #3A1520;--color-button-gray: #4A2530;--shadow-color: rgba(92, 26, 42, .1);--shadow-color-medium: rgba(92, 26, 42, .2);--shadow-brand: rgba(92, 26, 42, .25);--shadow-brand-light: rgba(92, 26, 42, .1);--shadow-brand-bg: rgba(92, 26, 42, .06);--color-speech-bg: #F0E8D8;--color-speech-border: rgba(92, 26, 42, .12);--color-glow-primary: rgba(232, 170, 45, .7);--color-glow-transparent: rgba(232, 170, 45, 0);--color-login-google-bg: #F0E8D8;--color-login-google-hover: #E8DDC8;--color-login-apple-bg: #3A1520;--color-login-apple-hover: #5C1A2A;--color-rank-gold: #E8AA2D;--color-rank-silver: #8A8070;--color-rank-bronze: #C84428;--color-stack-card-1: #E0D4BC;--color-stack-card-2: #D8CCB0;--color-stack-card-3: #D0C4A8;--color-header-title: #F0E8D8;--color-option-letter-bg: rgba(92, 26, 42, .16);--color-option-selected-bg: rgba(92, 26, 42, .12);--page-texture: url(./natural-paper-BluYc7ib.png);--radius-card: .75rem;--radius-container: 1rem;--radius-button: .5rem;--radius-pill: 2rem;--radius-modal: 1rem;--radius-answer: .5rem;--radius-progress: 4px;--radius-speech: 1.25rem}.dark-mode [data-theme=seventies],.dark-mode[data-theme=seventies]{--color-surface-page: #151010;--color-surface-primary: #241C16;--color-surface-hover: #302620;--color-surface-elevated: #2C2420;--color-surface-answer: #100A06;--color-surface-progress: #241C16;--color-surface-completed: #222A1A;--color-text-primary: #F0E8D4;--color-text-secondary: #D0C0A8;--color-text-tertiary: #B0A088;--color-text-muted: #988878;--color-text-faint: #887868;--color-text-disabled: #786860;--color-text-extra-info: #D0C0A8;--color-brand-primary: #D0587A;--color-brand-accent: #F0C040;--color-brand-accent-hover: #E0B030;--color-brand-gold: #F0B860;--color-state-correct: #98B050;--color-state-correct-bg: rgba(152, 176, 80, .25);--color-state-correct-text: #C8D888;--color-state-wrong-bg: rgba(224, 88, 56, .25);--color-state-wrong-border: #E05838;--color-state-wrong-text: #F0B0A0;--color-state-danger: #E05838;--color-state-streak-start: #F0B060;--color-state-streak-end: #F0C040;--color-tw-out-bg: rgba(232, 170, 45, .25);--color-tw-in-bg: rgba(152, 176, 80, .22);--color-tw-out-label: #F0D070;--color-tw-in-label: #B0C060;--color-progress-bg: rgba(240, 232, 212, .12);--color-progress-mid: #98B050;--color-border-light: rgba(240, 232, 212, .14);--color-border-divider: rgba(240, 232, 212, .18);--color-accent-1: #F0B870;--color-accent-2: #A0A850;--color-accent-3: #E06040;--color-accent-4: #F0C848;--color-accent-5: #D0587A;--color-accent-6: #C09858;--color-accent-7: #88A048;--color-accent-8: #E07848;--color-accent-9: #A08058;--color-accent-10: #D0C058;--color-accent-11: #7A6048;--color-accent-12: #E0B870;--color-accent-13: #C05038;--color-accent-14: #B0B880;--color-button-default: #F0E8D4;--color-button-gray: #241C16;--shadow-color: rgba(0, 0, 0, .4);--shadow-color-medium: rgba(0, 0, 0, .5);--shadow-brand: rgba(208, 88, 122, .3);--shadow-brand-light: rgba(208, 88, 122, .12);--shadow-brand-bg: rgba(208, 88, 122, .08);--color-speech-bg: #221A14;--color-speech-border: rgba(240, 232, 212, .1);--color-glow-primary: rgba(240, 192, 64, .7);--color-glow-transparent: rgba(240, 192, 64, 0);--color-login-google-bg: #241C16;--color-login-google-hover: #302620;--color-login-apple-bg: #F0E8D4;--color-login-apple-hover: #D0C4A8;--color-login-apple-text: #151010;--color-stack-card-1: #1E1610;--color-stack-card-2: #1A120E;--color-stack-card-3: #16100C;--color-header-title: #F0E8D4;--color-option-letter-bg: rgba(208, 88, 122, .22);--color-option-selected-bg: rgba(208, 88, 122, .14);--page-texture: none;--color-rank-gold: #F0C040;--color-rank-silver: #A89888;--color-rank-bronze: #E06838}[data-theme=studio]{--color-surface-page: #E6E9F2;--color-surface-primary: #F6F7FC;--color-surface-hover: #EDEEF6;--color-surface-elevated: #F6F7FC;--color-surface-answer: #2E3048;--color-surface-progress: #ECEEF6;--color-surface-completed: #ECFDF5;--color-text-primary: #2E3048;--color-text-secondary: #374151;--color-text-tertiary: #6B7280;--color-text-muted: #9CA3AF;--color-text-faint: #D1D5DB;--color-text-disabled: #D1D5DB;--color-text-extra-info: #4B5563;--color-brand-primary: #5B55A8;--color-brand-accent: #F59E0B;--color-brand-accent-hover: #D97706;--color-brand-gold: #F59E0B;--color-state-correct: #059669;--color-state-correct-bg: #ECFDF5;--color-state-correct-text: #065F46;--color-state-wrong-bg: #FEF2F2;--color-state-wrong-border: #DC2626;--color-state-wrong-text: #991B1B;--color-state-danger: #DC2626;--color-state-streak-start: #F59E0B;--color-state-streak-end: #FBBF24;--color-tw-out-bg: rgba(245, 158, 11, .2);--color-tw-in-bg: rgba(91, 85, 168, .15);--color-tw-out-label: #92400E;--color-tw-in-label: #4A4590;--color-progress-bg: #E5E7EB;--color-progress-mid: #6C6FD6;--color-border-light: #E0E2EA;--color-border-divider: #E0E2EA;--color-accent-1: #5B55A8;--color-accent-2: #7C3AED;--color-accent-3: #D97706;--color-accent-4: #0891B2;--color-accent-5: #059669;--color-accent-6: #DC2626;--color-accent-7: #9333EA;--color-accent-8: #0D9488;--color-accent-9: #2563EB;--color-accent-10: #CA8A04;--color-accent-11: #1D4ED8;--color-accent-12: #BE185D;--color-accent-13: #6D28D9;--color-accent-14: #047857;--color-button-default: #2E3048;--color-button-gray: #2E3048;--shadow-color: rgba(0, 0, 0, .08);--shadow-color-medium: rgba(0, 0, 0, .15);--shadow-brand: rgba(91, 85, 168, .2);--shadow-brand-light: rgba(91, 85, 168, .08);--shadow-brand-bg: rgba(91, 85, 168, .05);--color-speech-bg: #F6F7FC;--color-speech-border: rgba(91, 85, 168, .1);--color-tooltip-bg: rgba(46, 48, 72, .92);--color-glow-primary: rgb(245, 158, 11);--color-glow-transparent: rgba(245, 158, 11, 0);--color-login-google-bg: #F6F7FC;--color-login-google-hover: #EDEEF6;--color-login-apple-bg: #2E3048;--color-login-apple-hover: #3D3B6E;--color-rank-gold: #F59E0B;--color-rank-silver: #9CA3AF;--color-rank-bronze: #D97706;--color-stack-card-1: #DFE2EB;--color-stack-card-2: #D8DBE4;--color-stack-card-3: #D1D4DD;--color-header-title: #EEF2FF;--color-option-letter-bg: rgba(91, 85, 168, .1);--color-option-selected-bg: rgba(91, 85, 168, .06);--page-texture: none;--radius-card: 1rem;--radius-container: 1.25rem;--radius-button: .625rem;--radius-pill: 2rem;--radius-modal: 1.25rem;--radius-answer: .625rem;--radius-progress: 6px;--radius-speech: 1.5rem}.dark-mode [data-theme=studio]{--color-surface-page: #0C1222;--color-surface-primary: #1A2332;--color-surface-hover: #263545;--color-surface-elevated: #1F2D3E;--color-surface-answer: #0A0F1C;--color-surface-progress: #1A2332;--color-surface-completed: #12221E;--color-text-primary: #F1F5F9;--color-text-secondary: #D4DCE8;--color-text-tertiary: #94A3B8;--color-text-muted: #64748B;--color-text-faint: #475569;--color-text-disabled: #475569;--color-text-extra-info: #D4DCE8;--color-brand-primary: #818CF8;--color-brand-accent: #FBBF24;--color-brand-accent-hover: #F59E0B;--color-brand-gold: #FBBF24;--color-state-correct: #34D399;--color-state-correct-bg: rgba(52, 211, 153, .18);--color-state-correct-text: #6EE7B7;--color-state-wrong-bg: rgba(248, 113, 113, .18);--color-state-wrong-border: #F87171;--color-state-wrong-text: #FCA5A5;--color-state-danger: #F87171;--color-state-streak-start: #FBBF24;--color-state-streak-end: #FDE68A;--color-tw-out-bg: rgba(251, 191, 36, .2);--color-tw-in-bg: rgba(129, 140, 248, .2);--color-tw-out-label: #FDE68A;--color-tw-in-label: #C7D2FE;--color-progress-bg: #263545;--color-progress-mid: #818CF8;--color-border-light: rgba(148, 163, 184, .16);--color-border-divider: rgba(148, 163, 184, .22);--color-accent-1: #6366F1;--color-accent-2: #8B5CF6;--color-accent-3: #F59E0B;--color-accent-4: #06B6D4;--color-accent-5: #10B981;--color-accent-6: #EF4444;--color-accent-7: #A855F7;--color-accent-8: #14B8A6;--color-accent-9: #3B82F6;--color-accent-10: #EAB308;--color-accent-11: #2563EB;--color-accent-12: #EC4899;--color-accent-13: #7C3AED;--color-accent-14: #059669;--color-button-default: #F1F5F9;--color-button-gray: #1A2332;--shadow-color: rgba(0, 0, 0, .45);--shadow-color-medium: rgba(0, 0, 0, .55);--shadow-brand: rgba(129, 140, 248, .25);--shadow-brand-light: rgba(129, 140, 248, .1);--shadow-brand-bg: rgba(129, 140, 248, .06);--color-speech-bg: #1A2332;--color-speech-border: rgba(148, 163, 184, .14);--color-tooltip-bg: rgba(241, 245, 249, .95);--color-glow-primary: rgb(251, 191, 36);--color-glow-transparent: rgba(251, 191, 36, 0);--color-login-google-bg: #1A2332;--color-login-google-hover: #263545;--color-login-apple-bg: #F1F5F9;--color-login-apple-hover: #CBD5E1;--color-login-apple-text: #0C1222;--color-rank-gold: #FBBF24;--color-rank-silver: #94A3B8;--color-rank-bronze: #F59E0B;--color-stack-card-1: #152030;--color-stack-card-2: #111A28;--color-stack-card-3: #0E1622;--color-header-title: #EEF2FF;--color-option-letter-bg: rgba(129, 140, 248, .2);--color-option-selected-bg: rgba(129, 140, 248, .12);--page-texture: none}@font-face{font-family:Sohne;src:url(./sohne-400-normal-xI_UaJRj.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Sohne;src:url(./sohne-500-normal-CiDPVbFA.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:Sohne;src:url(./sohne-700-normal-QNJIlsqe.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:"Source Serif Pro";src:url(./source-serif-pro-400-normal-CDS4_Hmi.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif Pro";src:url(./source-serif-pro-400-italic-CkbD4Gfy.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Source Code Pro;src:url(./source-code-pro-400-normal-e0s3fkz2.woff) format("woff");font-weight:400;font-display:swap}:root{--font-sans: "Sohne", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif: "Source Serif Pro", Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: "Source Code Pro", "Space Mono", monospace;--bg-url-elements: url(./rice-paper-3-CjQH4nkS.png);--bg-url-speech-bubble: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgAgMAAADm7QMnAAAADFBMVEWIiIixsbGxsbGxsbF0SLUbAAAABHRSTlP/bytS3QghxwAAAEVJREFUeAFjYA3FAA4Mq17tWrcalVhBtOBK7IL/McFf4rUPZYtGLRq1aNSiUYtGLSJcoYzWR4PBolGLRi0atWjUotH6CAA67a9q5+gpSAAAAABJRU5ErkJggg==);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);min-height:100vh;background-color:var(--color-surface-page);font-family:var(--font-sans);color:var(--color-text-primary);line-height:1.6}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button{font-size:1rem;padding:10px 15px;min-height:44px;border:none;border-radius:var(--radius-button);background-color:var(--color-button-default);color:var(--color-surface-primary);cursor:pointer;transition:background-color .3s ease,transform .15s ease}button:hover{background-color:var(--color-brand-accent-hover)}.brain-icon-inline,.lock-icon-inline,.ad-icon-inline{width:1.15em;height:1.15em;vertical-align:-.15em;display:inline-block}.mode-icon{width:1.1em;height:1.1em;vertical-align:-.15em;display:inline-block}.daily-bonus-icon-svg{width:2.5rem;height:2.5rem}.container{max-width:1100px;margin:0 auto;padding:2rem;padding-left:calc(2rem + var(--safe-area-left));padding-right:calc(2rem + var(--safe-area-right));width:100%;overflow-x:clip}@keyframes tiltingHead{0%{transform:rotate(-5deg) scale(.9)}to{transform:rotate(5deg) scale(1)}}@keyframes drawOn{0%{width:0%}to{width:105%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 6px var(--shadow-brand)}}@keyframes progressGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes completionHeadBounce{0%,to{transform:rotate(-5deg) scale(.95)}50%{transform:rotate(5deg) scale(1.05)}}@keyframes headGlow{0%{filter:blur(50px) brightness(1);opacity:1}to{filter:blur(50px) brightness(1.4);opacity:1}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(100dvh) rotate(720deg) scale(.5)}}@keyframes highlightDraw{0%{transform:skew(-2deg) rotate(-.5deg) scaleX(0);transform-origin:left center}to{transform:skew(-2deg) rotate(-.5deg) scaleX(1);transform-origin:left center}}@keyframes rewardPop{0%{opacity:0;transform:scale(.5) translateY(10px)}60%{transform:scale(1.2) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes brainPulse{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.3);filter:brightness(1.25)}60%{transform:scale(.95)}to{transform:scale(1);filter:brightness(1)}}@keyframes rotateBgHue{0%{--bg-hue: 0}to{--bg-hue: 360}}@keyframes brainRewardFloat{0%{opacity:1;transform:translateY(0) scale(1.1)}70%{opacity:1;transform:translateY(-28px) scale(1)}to{opacity:0;transform:translateY(-38px) scale(.9)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.header-wrapper{position:relative;z-index:100}.header-wrapper:after{content:"";position:absolute;bottom:-24px;left:0;right:0;height:24px;background:linear-gradient(to bottom,var(--color-surface-page),transparent);pointer-events:none}.header{padding:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;max-width:100%}.header-img-wrapper{flex-shrink:0;width:8rem;height:auto;gap:1rem}.header-image{width:100%;height:auto;object-fit:contain;display:block;transform:scale(1);animation:tiltingHead 2s ease-in-out infinite alternate}.header-title{color:var(--color-header-title);font-family:Outfit,sans-serif;font-size:3rem;margin:0;display:inline;position:relative;z-index:1}.header-title:before{content:"";position:absolute;left:-.25em;right:-.25em;top:0;height:1.7em;background-color:var(--color-brand-primary);transform:skew(-5deg) rotate(-1deg);z-index:-1;animation:drawOn 1s ease-in-out}.header-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1rem .75rem}.brain-counter{display:flex;align-items:center;gap:.375rem;background:none;padding:0;font-weight:600;font-size:.95rem}.brain-icon{width:1.1rem;height:1.1rem}.brain-count{min-width:1.25rem;text-align:center}.mode-description{text-align:center;color:var(--color-text-muted);font-size:.9rem;margin:.25rem 0 0}.brain-counter{position:relative}.brain-reward-float{position:absolute;top:-4px;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:700;color:var(--color-brand-primary);pointer-events:none;animation:brainRewardFloat 1.2s ease-out forwards;white-space:nowrap;z-index:20}.brain-icon--pulse{animation:brainPulse .6s ease-out}.quiz-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin-top:1.25rem}.quiz-card{background-color:var(--color-surface-primary);padding:1.25rem;border-radius:var(--radius-card);box-shadow:0 4px 6px var(--shadow-color);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background-color .3s ease;aspect-ratio:5 / 3;display:flex;flex-direction:column;justify-content:center}.quiz-card.completed{background-color:var(--color-surface-completed);border-color:var(--color-state-correct-bg);position:relative}.quiz-card.in-progress{background-color:var(--color-surface-progress)}.quiz-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 16px var(--shadow-color-medium)}.quiz-card h3{margin:0 0 8px;color:var(--color-text-primary)}.quiz-card p{margin:0;color:var(--color-text-tertiary)}.round-checkmark{display:inline-block;margin-left:.5rem;font-size:1.1em;vertical-align:middle;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.mode-selector{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.mode-description{text-align:center;color:var(--color-text-muted);font-size:.9rem;margin:.75rem 0 0}.overview-actions{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.checkpoint-card{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:0;padding:.5rem 0}.checkpoint-line{flex:1;height:2px;background:var(--color-text-muted);opacity:.25}.checkpoint-badge{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-surface-primary);border:2px solid var(--color-text-muted);color:var(--color-text-muted);flex-shrink:0;opacity:.5}.checkpoint-clickable{cursor:pointer}.checkpoint-clickable .checkpoint-badge{opacity:1;border-color:var(--color-brand-primary);color:var(--color-brand-primary);transition:transform .2s ease}.checkpoint-clickable:hover .checkpoint-badge{transform:scale(1.15)}.checkpoint-cleared .checkpoint-badge{background:var(--color-state-correct-bg);border-color:var(--color-brand-primary);color:var(--color-brand-primary);opacity:1}.checkpoint-cleared .checkpoint-line{background:var(--color-brand-primary);opacity:.4}.ad-placeholder{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;border-radius:var(--radius-card);background:var(--color-surface-primary);border:1px solid var(--color-text-muted);opacity:.5}.ad-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:700}.ad-placeholder p{margin:0;font-size:.85rem;color:var(--color-text-muted)}.quiz-card.locked{opacity:.7;filter:grayscale(.2)}.quiz-card.locked:hover{transform:none;box-shadow:0 4px 6px var(--shadow-color)}.round-card-circle-layout{display:flex;flex-direction:column;padding:.5rem .75rem;flex:1;min-height:0}.card-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5rem}.stamp-title{text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:.75rem;color:var(--color-text-secondary);opacity:.8}.color-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:50%}.teaser-question{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.95rem;line-height:1.35;color:var(--color-text-primary);font-weight:600;opacity:.75;flex:1}.card-bottom-row{display:flex;align-items:center;gap:.5rem;margin-top:auto}.card-bottom-row .star-rating{margin-top:0}.journey-label{font-size:.65rem;font-style:italic;opacity:.5;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.container:has(.question-wrapper){padding:0;overflow:hidden}.question-wrapper{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.quiz-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;flex-shrink:0;position:relative;z-index:10}.quiz-toolbar-right{display:flex;align-items:center;gap:.5rem}.card-stack-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:2rem 1rem 2.5rem;overflow:hidden}.question-container{background-color:var(--color-surface-elevated);border-radius:var(--radius-container);padding:2rem 2.5rem;box-shadow:0 2px 8px var(--shadow-color),0 1px 2px var(--shadow-color);transition:box-shadow .4s ease;max-height:100%;min-height:320px;display:flex;justify-content:space-around;flex-direction:column;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;contain:layout style paint}.card-stack-visual{--card-distance: 6px;display:grid;position:relative;isolation:isolate;width:100%;max-width:700px;padding-bottom:calc(var(--card-distance) * var(--stack-count, 0))}.card-stack-visual>*{grid-area:1 / 1}.stack-card-shadow{z-index:calc(-1 * var(--stack-index));pointer-events:none}.stack-card{background-color:var(--color-surface-elevated);border-radius:var(--radius-container);box-shadow:0 1px 3px var(--shadow-color);border:1px solid var(--color-border-light);height:100%;content-visibility:auto;contain-intrinsic-size:auto 320px}.stack-card-shadow:nth-child(1){transform:translateY(var(--card-distance)) rotate(1.2deg) translate(2px)}.stack-card-shadow:nth-child(2){transform:translateY(calc(var(--card-distance) * 2)) rotate(-.8deg) translate(-3px)}.stack-card-shadow:nth-child(3){transform:translateY(calc(var(--card-distance) * 3)) rotate(1.8deg) translate(1px)}.stack-card-shadow:nth-child(4){transform:translateY(calc(var(--card-distance) * 4)) rotate(-1.4deg) translate(-2px)}.stack-card-shadow:nth-child(5){transform:translateY(calc(var(--card-distance) * 5)) rotate(.6deg) translate(3px)}.card-stack-leave-active{position:fixed!important;z-index:100!important;min-width:0!important;max-height:none!important;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease}.card-stack-leave-to{transform:translate(100vw) rotate(4deg)}.question-container h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;line-height:1.7;margin-bottom:1.25rem}.progress-indicator{position:absolute;bottom:.5rem;left:0;right:0;padding:.5rem;pointer-events:none}.answer-container{background-color:var(--color-surface-answer);color:var(--color-brand-accent);font-family:var(--font-serif);font-size:1.25rem;padding:1.75rem 1.5rem 1.25rem;border-radius:var(--radius-answer);margin:1rem 0;transition:background-color .3s,color .3s;animation:fadeInUp .4s ease-out;overflow:visible;position:relative}.write-in-container{position:relative;width:100%;margin:1rem 0}.write-in-input{width:100%;padding:.85rem 1rem;font-size:1.05rem;font-family:inherit;border:2px solid var(--color-border-light);border-radius:var(--radius-button);background:var(--color-surface-primary);color:var(--color-text-primary);transition:border-color .2s ease}.write-in-input:focus{outline:none;border-color:var(--color-brand-primary)}.write-in-input::placeholder{color:var(--color-text-disabled)}.write-in-counter{position:absolute;right:.75rem;bottom:-1.25rem;font-size:.75rem;color:var(--color-text-disabled)}.write-in-reveal{display:flex;flex-direction:column;gap:.75rem;width:100%;margin:1rem 0;animation:fadeInUp .4s ease-out}.write-in-your-answer,.write-in-correct-answer{padding:.75rem 1rem;border-radius:var(--radius-button)}.write-in-your-answer{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light)}.write-in-correct-answer{background-color:var(--color-state-correct-bg);border:2px solid var(--color-state-correct);color:var(--color-state-correct-text)}.write-in-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;color:var(--color-text-muted)}.write-in-correct-answer .write-in-label{color:var(--color-state-correct-text);opacity:.7}.write-in-value{font-size:1.05rem;font-weight:600}.extra-info-container{margin:.75rem 0;padding:0;animation:fadeInUp .5s ease-out .15s both}.extra-info-image{display:block;width:100%;max-width:400px;max-height:280px;object-fit:contain;border-radius:.375rem;margin:0 auto .625rem}.extra-info-text{font-size:.95rem;line-height:1.55;color:var(--color-text-extra-info);margin:0;font-style:italic}.transition-word-highlight,.transition-word-out,.transition-word-in{position:relative;z-index:1;white-space:nowrap}.transition-word-highlight:before,.transition-word-out:before,.transition-word-in:before{content:"";position:absolute;inset:.05em -.15em;transform:skew(-2deg) rotate(-.5deg);z-index:-1;border-radius:.2em;animation:highlightDraw .6s ease-in-out both}.transition-word-highlight:before,.transition-word-out:before{background-color:var(--color-tw-out-bg)}.transition-word-in:before{background-color:var(--color-tw-in-bg)}.transition-word-out[data-label]:after,.transition-word-in[data-label]:after{content:attr(data-label);position:absolute;left:50%;transform:translate(-50%);bottom:100%;font-size:.7rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;pointer-events:none}.transition-word-out[data-label]:after{color:var(--color-tw-out-label)}.transition-word-in[data-label]:after{color:var(--color-tw-in-label)}.answer-container .transition-word-out[data-label]:after,.onboarding-answer .transition-word-out[data-label]:after{color:var(--color-tw-out-bg)}.answer-container .transition-word-in[data-label]:after,.onboarding-answer .transition-word-in[data-label]:after{color:var(--color-tw-in-bg)}.help-word{text-decoration:underline;text-decoration-style:dashed;text-decoration-color:var(--color-text-muted);text-underline-offset:3px;cursor:help}.help-tooltip{background:var(--color-surface-primary);border:1px solid var(--color-text-muted);border-radius:var(--radius-card);padding:.75rem 1rem;margin:.5rem 0;box-shadow:0 2px 8px var(--shadow-color)}.help-tooltip-text{margin:0;font-size:.9rem;font-weight:400;color:var(--color-text-secondary);line-height:1.4}.word-timeline-wrapper{display:flex;align-items:center;gap:.5rem;pointer-events:auto}.word-timeline-counter{font-size:.8rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;padding-left:.5rem}.word-timeline-scroll{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;min-width:0;padding-top:.75rem;padding-bottom:.25rem}.word-timeline-scroll::-webkit-scrollbar{display:none}.word-timeline-rail{position:relative;min-height:3rem;margin:0}.word-timeline-track{position:absolute;top:10px;left:0;right:0;height:3px;background-color:var(--color-progress-bg);border-radius:2px}.word-timeline-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-primary),var(--color-progress-mid),var(--color-brand-accent-hover));background-size:200% 100%;border-radius:2px;transition:width .4s ease;animation:progressGlow 3s ease infinite}.word-timeline-node{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem}.word-timeline-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-progress-bg);border:2px solid var(--color-surface-page);transition:all .3s ease;flex-shrink:0;margin-top:6px}.word-timeline-node.is-past .word-timeline-dot{background-color:var(--color-brand-primary)}.word-timeline-node.is-current .word-timeline-dot{background-color:var(--color-brand-primary);transform:scale(1.3);animation:subtlePulse 2s ease-in-out infinite}.word-timeline-node.is-future .word-timeline-dot{background-color:var(--color-progress-bg);transform:scale(.8)}.word-timeline-label{font-size:.7rem;font-weight:600;color:var(--color-text-faint);white-space:nowrap;animation:fadeInUp .3s ease-out;display:flex;flex-direction:row;align-items:center;gap:.2rem;opacity:.5;line-height:1.3}.tw-arrow{color:var(--color-text-faint);font-size:.65rem}.tw-in{color:var(--color-tw-in-label)}.tw-out{color:var(--color-tw-out-label)}.word-timeline-node.is-current .word-timeline-label{font-size:.8rem;font-weight:700;opacity:1}.word-timeline-node.is-current .tw-in,.word-timeline-node.is-current .tw-out{color:var(--color-text-primary)}.word-timeline-node.is-past .word-timeline-label{font-size:.7rem}.show-answer-state,.next-question-state{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-button);margin-top:.5rem}.show-answer-state{animation:subtlePulse 2s ease-in-out infinite}.round-indicator{font-weight:600;color:var(--color-brand-primary)}.options-container{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.option-btn{text-align:left;padding:.875rem 1.25rem;border-radius:var(--radius-button);font-size:1rem;background-color:var(--color-surface-primary);color:var(--color-text-primary);border:2px solid transparent;transition:border-color .2s ease,background-color .2s ease,transform .1s ease}.option-btn:hover:not(:disabled){background-color:var(--color-surface-hover);transform:translate(4px)}.option-btn.selected{border-color:var(--color-brand-primary);background-color:var(--color-option-selected-bg)}.option-btn.correct{background-color:var(--color-surface-completed);border-color:var(--color-state-correct);color:var(--color-state-correct-text);font-weight:600}.option-btn.wrong{background-color:var(--color-state-wrong-bg);border-color:var(--color-state-wrong-border);color:var(--color-state-wrong-text)}.option-btn.dimmed{opacity:.5}.option-btn:disabled{cursor:default}button.disabled,.show-answer-state:disabled{opacity:.4;cursor:not-allowed;animation:none;filter:grayscale(.3)}.streak-badge{background:linear-gradient(135deg,var(--color-state-streak-start),var(--color-state-streak-end));color:var(--color-text-on-brand);padding:.25rem .625rem;border-radius:var(--radius-pill);font-weight:700;font-size:.85rem;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.brain-badge{background:var(--shadow-brand);color:var(--color-surface-primary);padding:.25rem .625rem;border-radius:var(--radius-pill);font-weight:700;font-size:.85rem}.brain-badge--reward{animation:brainPulse .5s cubic-bezier(.34,1.56,.64,1)}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-brand-primary);padding:.25rem;border-radius:var(--radius-pill);cursor:pointer;opacity:.7;transition:opacity .2s ease}.sound-toggle:hover{opacity:1}.hint-btn{margin-top:.5rem;padding:.5rem 1.25rem;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;background-color:transparent;color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);cursor:pointer;transition:all .2s ease}.hint-btn:hover{background-color:var(--color-brand-primary);color:var(--color-surface-primary)}.option-letter{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--color-option-letter-bg);color:var(--color-brand-primary);font-weight:700;font-size:.75rem;margin-right:.75rem;flex-shrink:0}.option-btn.correct .option-letter{background-color:var(--color-state-correct-bg);color:var(--color-state-correct-text)}.option-btn.wrong .option-letter{background-color:var(--color-state-wrong-bg);color:var(--color-state-wrong-text)}.option-icon{margin-left:auto;font-size:1.1rem;font-weight:700;flex-shrink:0}.option-icon--correct{color:var(--color-state-correct)}.option-icon--wrong{color:var(--color-state-wrong-border)}.option-btn{display:flex;align-items:center}.reward-popup{text-align:center;font-size:1.25rem;font-weight:700;color:var(--color-brand-primary);margin:.5rem 0;animation:rewardPop .5s cubic-bezier(.175,.885,.32,1.275)}.question-card-shadow{position:relative;z-index:1}.next-card-preview{position:absolute;top:0;left:0;right:0;bottom:calc(var(--card-distance) * var(--stack-count, 0));pointer-events:none;z-index:0;overflow:hidden}.next-card-preview .question-card-shadow{z-index:0}.challenge-mode .cw{cursor:pointer;position:relative;z-index:1;border-radius:.2em;padding:.05em .1em;margin:0 -.1em;transition:transform .1s ease;background-color:color-mix(in oklab,var(--color-tw-in-bg) 15%,transparent)}.challenge-mode .cw:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background-color:var(--color-tw-in-bg);opacity:0;will-change:opacity;animation:challengeShimmer 1.2s ease-out calc(var(--i) * 60ms) both}@keyframes challengeShimmer{0%{opacity:0}30%{opacity:.45}to{opacity:0}}.challenge-mode .cw:before{content:"";position:absolute;inset:.05em -.15em;transform:skew(-2deg) rotate(-.5deg);z-index:-1;border-radius:.2em;background-color:var(--color-tw-in-bg);opacity:0;transition:opacity .2s ease}.challenge-mode .cw:hover:before{opacity:1}.challenge-mode .cw:active{transform:scale(.96)}.challenge-shake{animation:challengeShake .4s ease-in-out!important;background-color:var(--color-state-wrong-bg, rgba(229, 57, 53, .15))!important}@keyframes challengeShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.challenge-banner{position:absolute;top:-2.75rem;left:50%;transform:translate(-50%);text-align:center;font-size:.85rem;font-weight:600;padding:.4rem 0;color:var(--color-text-secondary);white-space:nowrap}.challenge-badge{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--color-brand-gold);color:var(--color-text-on-brand);padding:.15rem .5rem;border-radius:1rem;margin-right:.4rem;vertical-align:middle}.challenge-success,.challenge-fail{position:absolute;top:-2.75rem;left:50%;transform:translate(-50%);text-align:center;font-size:.85rem;font-weight:600;padding:.4rem 0;white-space:nowrap}.challenge-success{color:var(--color-state-correct)}.challenge-fail{color:var(--color-text-muted)}.completion-screen{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;flex:1;min-height:0;padding:2rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.completion-screen::-webkit-scrollbar{display:none}.completion-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1200px;position:relative;padding-bottom:2rem;margin-top:auto;margin-bottom:auto}.completion-round-header{font-size:1.5rem;font-weight:700;color:var(--color-brand-primary);text-align:center;animation:fadeIn .6s ease-out}.score-hero{display:flex;flex-direction:column;align-items:center;gap:.15rem;animation:fadeInUp .5s ease-out .15s both}.score-big{font-size:3.5rem;font-weight:800;font-family:var(--font-serif);color:var(--color-brand-primary);line-height:1}.score-divider{font-weight:300;opacity:.4;margin:0 .05em}.score-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600}.brains-earned{font-size:1.1rem;font-weight:700;color:var(--color-brand-primary);margin-top:.5rem;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) .2s both}.brains-earned--replay{color:var(--color-text-muted);font-weight:600;font-size:.85rem}.brains-total{font-size:.8rem;color:var(--color-text-muted);font-weight:600;margin-top:.2rem}.completion-content>.the-btn{margin-top:1rem;animation:fadeIn .6s ease-out .3s both}.completion-head-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px}.completion-head-wrapper{width:clamp(120px,25vw,180px);height:clamp(120px,25vw,180px);position:relative;display:flex;justify-content:center;align-items:center}.completion-head-glow{position:absolute;border-radius:50%;background:radial-gradient(ellipse,var(--color-glow-primary) 0%,var(--color-glow-transparent) 70%);height:150%;width:150%;top:50%;left:50%;transform:translate(-50%,-50%);animation:headGlow 2s ease-in-out infinite alternate;pointer-events:none;z-index:0}.completion-head{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;animation:completionHeadBounce 2s ease-in-out infinite}.speech-bubble-group{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 8px var(--shadow-color)) drop-shadow(0 1px 3px var(--shadow-color))}.speech-bubble{width:clamp(16rem,60vw,36rem);padding:1.5rem 1.75rem;background:var(--color-speech-bg);border-radius:var(--radius-speech);line-height:1.6;font-family:var(--font-serif);color:var(--color-text-primary);animation:fadeIn .5s ease-out .3s both}.completion-text{font-size:1.25rem;line-height:1.5;text-align:center;font-style:italic;margin:0}.speech-bubble-arrow{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:16px solid var(--color-speech-bg);flex-shrink:0}.completion-reward-btn{padding:10px 20px;font-size:.95rem;font-weight:600;background:linear-gradient(135deg,var(--color-brand-gold),var(--color-brand-accent));color:var(--color-text-on-brand);border:none;border-radius:var(--radius-button);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;animation:fadeIn .6s ease-out .4s both}.completion-reward-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-brand)}.completion-reward-btn:disabled{opacity:.6;cursor:not-allowed}.reward-claimed{font-size:1.1rem;font-weight:700;color:var(--color-state-correct);animation:rewardPop .5s cubic-bezier(.175,.885,.32,1.275)}.tw-chain-details{width:100%;max-width:500px;animation:fadeInUp .6s ease-out .4s both}.tw-chain-summary{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600;cursor:pointer;text-align:center;padding:.5rem;list-style:none}.tw-chain-summary::-webkit-details-marker{display:none}.tw-chain-count{background:var(--color-text-disabled);color:var(--color-surface-primary);padding:.1rem .45rem;border-radius:.5rem;font-size:.7rem;margin-left:.25rem;vertical-align:middle}.transition-words-chain{display:flex;flex-direction:column;align-items:center;gap:.4rem}.tw-chain-row{display:flex;align-items:center;gap:.4rem;animation:fadeInUp .4s ease-out both}.tw-chain-row:nth-child(1){animation-delay:.1s}.tw-chain-row:nth-child(2){animation-delay:.2s}.tw-chain-row:nth-child(3){animation-delay:.3s}.tw-chain-row:nth-child(4){animation-delay:.4s}.tw-chain-row:nth-child(5){animation-delay:.5s}.tw-chain-row:nth-child(6){animation-delay:.6s}.tw-chain-row:nth-child(7){animation-delay:.7s}.tw-chain-row:nth-child(8){animation-delay:.8s}.tw-chain-row:nth-child(9){animation-delay:.9s}.tw-chain-index{font-size:.65rem;font-weight:600;color:var(--color-text-disabled);min-width:2rem;text-align:right;flex-shrink:0}.transition-word-chip{position:relative;display:inline-block;padding:.3rem .6rem;font-weight:600;font-size:.85rem;color:var(--color-text-primary);z-index:1}.transition-word-chip:before{content:"";position:absolute;inset:.05em -.1em;transform:skew(-2deg) rotate(-.5deg);z-index:-1;border-radius:.2em;animation:highlightDraw .6s ease-in-out both}.tw-chip-out:before{background-color:var(--color-tw-out-bg)}.tw-chip-in:before{background-color:var(--color-tw-in-bg)}.tw-chain-arrow{color:var(--color-text-faint);font-size:.8rem;font-weight:600}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.confetti-piece{position:absolute;top:-10px;width:10px;height:10px;opacity:0;animation:confettiFall linear forwards}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){border-radius:2px}.write-in-results{width:100%;max-width:500px;animation:fadeInUp .5s ease-out .3s both}.write-in-score-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem}.write-in-score-label{color:var(--color-text-secondary);font-weight:600}.write-in-score-value{display:inline-flex;align-items:baseline;font-weight:700;font-size:1.5rem;color:var(--color-brand-primary)}.score-digit{display:inline-block}.score-digit-enter-active{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.score-digit-leave-active{transition:all .2s ease-in;position:absolute}.score-digit-enter-from{opacity:0;transform:translateY(-.5em)}.score-digit-leave-to{opacity:0;transform:translateY(.5em)}.write-in-score-total{font-size:1rem;font-weight:600;color:var(--color-text-muted)}.write-in-hint{color:var(--color-text-muted);font-size:.85rem;margin:.25rem 0 0}.write-in-answers-list{display:flex;flex-direction:column;gap:.5rem}.write-in-answer-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-card);background-color:var(--color-surface-primary);transition:background-color .2s ease}.write-in-answer-row.is-correct{background-color:var(--color-state-correct-bg)}.write-in-answer-info{display:flex;gap:.5rem;flex:1;min-width:0}.write-in-q-number{font-weight:700;color:var(--color-text-muted);flex-shrink:0;min-width:1.5rem}.write-in-answer-texts{display:flex;flex-direction:column;gap:.15rem;min-width:0}.write-in-user-text{font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.write-in-correct-text{font-size:.85rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.write-in-check-btn{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:50%;border:2px solid var(--color-border-light);background:none;font-size:1.1rem;font-weight:700;color:var(--color-text-disabled);cursor:pointer;transition:all .2s ease;padding:0;display:flex;align-items:center;justify-content:center}.write-in-check-btn.checked{background-color:var(--color-state-correct);border-color:var(--color-state-correct);color:var(--color-text-on-brand)}.settings-view{padding:1rem 0}.settings-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.settings-title{font-size:1.5rem;font-weight:700;color:var(--color-brand-primary);margin:0}.settings-section{margin-bottom:2rem}.settings-section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem;font-weight:600}.settings-card{background-color:var(--color-surface-primary);border-radius:var(--radius-card);padding:1rem 1.25rem;box-shadow:0 2px 4px var(--shadow-color)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.settings-row+.settings-row{border-top:1px solid var(--color-border-light)}.settings-row-label{font-weight:600;color:var(--color-text-primary)}.settings-row-value{color:var(--color-text-muted);font-size:.9rem}.theme-picker{display:flex;gap:.75rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-button);border:2px solid transparent;background:var(--color-surface-primary);cursor:pointer;transition:border-color .2s ease,transform .15s ease;min-width:100px}.theme-option:hover{transform:translateY(-2px);background:var(--color-surface-primary)}.theme-option.active{border-color:var(--color-brand-primary);box-shadow:0 2px 8px var(--shadow-brand)}.theme-preview{width:48px;height:32px;border-radius:4px;border:1px solid var(--color-border-light)}.theme-preview--default,.theme-preview--cardboard{background:linear-gradient(135deg,var(--color-surface-primary) 50%,var(--color-brand-primary) 50%)}.theme-preview--seventies{background:linear-gradient(135deg,#e0d2b4 33%,#e8aa2d 33% 66%,#5c1a2a 66%)}.theme-preview--studio{background:linear-gradient(135deg,#f6f7fc 33%,#f59e0b 33% 66%,#5b55a8 66%)}.theme-option-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.settings-mode-picker{display:flex;gap:.5rem}.settings-mode-btn{padding:.5rem 1.25rem;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600;background-color:var(--color-surface-primary);color:var(--color-text-tertiary);border:2px solid transparent;cursor:pointer;transition:all .2s ease}.settings-mode-btn:hover{color:var(--color-brand-primary)}.settings-mode-btn.active{background-color:var(--color-brand-primary);color:var(--color-surface-primary);border-color:var(--color-brand-primary)}.settings-version{text-align:center;color:var(--color-text-disabled);font-size:.8rem;margin-top:2rem}.settings-placeholder{color:var(--color-text-disabled);font-size:.9rem;padding:.75rem 0;font-style:italic}.profile-view{padding:1rem 0}.profile-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.profile-title{font-size:1.5rem;font-weight:700;color:var(--color-brand-primary);margin:0}.profile-user-card{display:flex;align-items:center;gap:1rem;background-color:var(--color-surface-primary);border-radius:var(--radius-card);padding:1.25rem;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:2rem}.profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background-color:var(--color-progress-bg)}.profile-avatar-placeholder{width:56px;height:56px;border-radius:50%;background-color:var(--color-brand-primary);color:var(--color-surface-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.profile-user-info{flex:1}.profile-user-name{font-weight:700;font-size:1.1rem;color:var(--color-text-primary);margin:0}.profile-user-email{font-size:.85rem;color:var(--color-text-muted);margin:0}.profile-login-section{text-align:center;padding:2rem 0}.profile-login-text{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.95rem}.login-buttons{display:flex;flex-direction:column;gap:.75rem;max-width:300px;margin:0 auto}.login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-button);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-btn--google{background-color:var(--color-login-google-bg);color:var(--color-text-primary);border:1px solid var(--color-border-divider)}.login-btn--google:hover{background-color:var(--color-login-google-hover)}.login-btn--apple{background-color:var(--color-login-apple-bg);color:var(--color-login-apple-text)}.login-btn--apple:hover{background-color:var(--color-text-primary)}.login-btn--anon{background:none;color:var(--color-text-muted);font-weight:500;border:1px solid var(--color-border-divider)}.login-btn--anon:hover{background-color:var(--color-surface-hover)}.login-btn-icon{font-size:1.2rem}.profile-section{margin-bottom:2rem}.profile-section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem;font-weight:600}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.profile-stat-card{background-color:var(--color-surface-primary);border-radius:var(--radius-card);padding:1rem;text-align:center;box-shadow:0 2px 4px var(--shadow-color)}.profile-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-brand-primary)}.profile-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:.25rem}.profile-error{color:var(--color-state-danger);font-size:.85rem;text-align:center;margin-bottom:1rem}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.achievement-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background-color:var(--color-surface-primary);border-radius:var(--radius-card);text-align:center;box-shadow:0 2px 4px var(--shadow-color);transition:transform .15s ease}.achievement-card:hover{transform:translateY(-2px)}.achievement-card--locked{opacity:.35;filter:grayscale(1)}.achievement-card-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center}.achievement-card-name{font-weight:700;font-size:.8rem;color:var(--color-text-primary)}.achievement-card-desc{font-size:.7rem;color:var(--color-text-muted);line-height:1.3}.leaderboard-view{padding:1rem 0}.leaderboard-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.leaderboard-title{font-size:1.5rem;font-weight:700;color:var(--color-brand-primary);margin:0}.leaderboard-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--color-surface-primary);border-radius:var(--radius-card);box-shadow:0 1px 3px var(--shadow-color);transition:transform .15s ease}.leaderboard-row:hover{transform:translate(4px)}.leaderboard-row.is-current-user{border:2px solid var(--color-brand-primary);background-color:var(--shadow-brand-bg)}.leaderboard-rank{width:2rem;text-align:center;font-weight:700;font-size:1rem;color:var(--color-text-muted);flex-shrink:0}.leaderboard-rank--gold{color:var(--color-rank-gold)}.leaderboard-rank--silver{color:var(--color-rank-silver)}.leaderboard-rank--bronze{color:var(--color-rank-bronze)}.leaderboard-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background-color:var(--color-progress-bg);flex-shrink:0}.leaderboard-avatar-placeholder{width:36px;height:36px;border-radius:50%;background-color:var(--color-brand-primary);color:var(--color-surface-primary);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}.leaderboard-name{flex:1;font-weight:600;color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-weight:700;color:var(--color-brand-primary);font-size:1rem;flex-shrink:0}.leaderboard-empty{text-align:center;color:var(--color-text-disabled);padding:3rem 0;font-size:.95rem}.leaderboard-loading{text-align:center;color:var(--color-text-muted);padding:3rem 0}.leaderboard-error{text-align:center;color:var(--color-state-danger);padding:1rem;font-size:.85rem}[data-theme=cardboard] .leaderboard-row{box-shadow:0 1px 3px #0000001a,inset 1px 1px #ffffff4d,inset -1px -1px #00000014}.onboarding-overlay{position:fixed;inset:0;z-index:1100;background:var(--color-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1rem}.onboarding-container{position:relative;max-width:480px;width:100%;max-height:90dvh;overflow-y:auto;overflow-x:hidden;background:var(--color-surface-primary);border-radius:var(--radius-modal);padding:2rem 1.5rem;box-shadow:0 12px 40px var(--shadow-color-medium);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.onboarding-skip-wrapper{display:flex;flex-direction:column;align-items:flex-start;text-align:left;z-index:1;padding-bottom:1rem}.onboarding-skip-hint{font-size:.65rem;color:var(--color-text-muted);white-space:nowrap;padding-inline:1rem}.onboarding-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-divider);transition:background .3s ease,transform .3s ease}.onboarding-dot--active{background:var(--color-brand-primary);transform:scale(1.25)}.onboarding-welcome{text-align:center}.onboarding-avatar{width:auto;height:140px;object-fit:contain;margin-bottom:1rem}.onboarding-head-wrapper{display:inline-block;width:140px;height:auto}.onboarding-avatar--tilting{animation:tiltingHead 2s ease-in-out infinite alternate}.onboarding-avatar--spin{animation:headSpin .8s cubic-bezier(.22,1,.36,1) forwards!important}@keyframes headSpin{0%{transform:rotate(0);opacity:1}70%{transform:rotate(360deg);opacity:1}to{transform:rotate(360deg);opacity:0}}.onboarding-title{font-size:1.4rem;font-weight:700;color:var(--color-brand-primary);margin-bottom:.75rem}.onboarding-text{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:1.5rem}.onboarding-coach{color:var(--color-text-secondary);padding:0 .25rem;font-size:.9rem;line-height:1.4;margin-bottom:1rem;text-align:center}.onboarding-demo{background:var(--color-surface-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-card);padding:1.25rem;margin-bottom:1.25rem}.onboarding-question{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem;line-height:1.4}.onboarding-answer{background:var(--color-surface-answer);color:var(--color-surface-primary);padding:1.5rem 1rem .75rem;border-radius:var(--radius-answer);font-size:.95rem;font-weight:600;text-align:center;position:relative;overflow:visible;margin-top:1.25rem}.onboarding-answer .transition-word-out:before{background-color:var(--color-brand-gold);opacity:.7}.onboarding-reward{text-align:center;font-size:1.1rem;font-weight:700;color:var(--color-brand-primary);padding:.5rem 0;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.onboarding-input{width:100%;padding:.7rem 1rem;font-size:1rem;border:2px solid var(--color-border-divider);border-radius:var(--radius-button);background:var(--color-surface-primary);color:var(--color-text-primary);outline:none;transition:border-color .2s ease;box-sizing:border-box}.onboarding-input:focus{border-color:var(--color-brand-primary)}.onboarding-comparison{display:flex;flex-direction:column;gap:.5rem}.onboarding-comparison-row{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.onboarding-comparison-label{font-size:.8rem;color:var(--color-text-muted);font-weight:600;min-width:3.5rem}.onboarding-comparison-value{font-weight:600;color:var(--color-text-primary)}.onboarding-done{text-align:center}.onboarding-summary{display:inline-flex;flex-direction:column;text-align:left;margin-bottom:1.5rem}.onboarding-summary-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:var(--color-text-secondary);line-height:1.4;padding:.4rem 0}.onboarding-summary-icon{flex-shrink:0;color:var(--color-brand-primary);margin-top:.1rem}.onboarding-step-label{font-size:1.25rem;font-weight:700;color:var(--color-brand-primary);margin-bottom:.75rem;text-align:center}.onboarding-nav{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem}.onboarding-step-forward-enter-active,.onboarding-step-forward-leave-active{transition:opacity .25s ease,transform .25s ease}.onboarding-step-forward-enter-from{opacity:0;transform:translate(30px)}.onboarding-step-forward-leave-to{opacity:0;transform:translate(-30px)}.onboarding-step-back-enter-active,.onboarding-step-back-leave-active{transition:opacity .25s ease,transform .25s ease}.onboarding-step-back-enter-from{opacity:0;transform:translate(-30px)}.onboarding-step-back-leave-to{opacity:0;transform:translate(30px)}.modal-fade-enter-active{transition:opacity .3s ease,backdrop-filter .3s ease}.modal-fade-leave-active{transition:opacity .5s ease,backdrop-filter .5s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}@property --bg-hue{syntax: "<number>"; initial-value: 35; inherits: false;}@keyframes rotateBgColor{0%{--bg-hue: 28}to{--bg-hue: 42}}body[data-theme=cardboard]{background-color:var(--color-surface-page);background-image:var(--page-texture);background-size:200px;background-blend-mode:var(--cb-body-blend)}[data-theme=cardboard] .header-wrapper:after{display:none}[data-theme=cardboard] .quiz-card,[data-theme=cardboard] .settings-card,[data-theme=cardboard] .profile-user-card,[data-theme=cardboard] .profile-stat-card,[data-theme=cardboard] .achievement-card,[data-theme=cardboard] .onboarding-container,[data-theme=cardboard] .onboarding-demo{position:relative;overflow:hidden;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #0000001a}[data-theme=cardboard] .settings-card{clip-path:polygon(1.2% -.4%,100.8% 1.1%,99.3% 100.6%,-.5% 99.2%)}[data-theme=cardboard] .profile-user-card{clip-path:polygon(-.3% .9%,99.8% -.6%,100.5% 99.4%,.7% 100.8%)}[data-theme=cardboard] .profile-stat-card:nth-child(odd){clip-path:polygon(.8% -.5%,100.6% .7%,99.5% 100.9%,-.4% 99.3%)}[data-theme=cardboard] .profile-stat-card:nth-child(2n){clip-path:polygon(-.6% .6%,99.4% -.3%,100.7% 99.8%,.9% 100.5%)}[data-theme=cardboard] .achievement-card{clip-path:polygon(.5% -.7%,100.4% .8%,99.6% 100.4%,-.3% 99.5%)}[data-theme=cardboard] .onboarding-container{clip-path:polygon(-.4% .5%,100.7% -.3%,99.4% 100.7%,.6% 99.2%)}[data-theme=cardboard] .onboarding-demo{clip-path:polygon(.9% -.6%,99.5% .9%,100.6% 99.3%,-.5% 100.4%)}[data-theme=cardboard] .quiz-card:before,[data-theme=cardboard] .settings-card:before,[data-theme=cardboard] .profile-user-card:before,[data-theme=cardboard] .profile-stat-card:before,[data-theme=cardboard] .achievement-card:before,[data-theme=cardboard] .onboarding-container:before,[data-theme=cardboard] .onboarding-demo:before,[data-theme=cardboard] .retry-modal:before,[data-theme=cardboard] .daily-bonus-modal:before,[data-theme=cardboard] .unlock-modal:before{content:"";position:absolute;inset:0;background-image:url(./cardboard-s_AxIJJT.jpg);background-size:200px;mix-blend-mode:var(--cb-texture-blend);opacity:var(--cb-texture-opacity);pointer-events:none;z-index:1}[data-theme=cardboard] .quiz-card:after,[data-theme=cardboard] .settings-card:after,[data-theme=cardboard] .profile-user-card:after,[data-theme=cardboard] .profile-stat-card:after,[data-theme=cardboard] .achievement-card:after,[data-theme=cardboard] .onboarding-container:after,[data-theme=cardboard] .onboarding-demo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.08) 100%);pointer-events:none;z-index:2;border-radius:inherit}[data-theme=cardboard] .quiz-card>*,[data-theme=cardboard] .settings-card>*,[data-theme=cardboard] .profile-user-card>*,[data-theme=cardboard] .profile-stat-card>*,[data-theme=cardboard] .achievement-card>*,[data-theme=cardboard] .onboarding-container>*,[data-theme=cardboard] .onboarding-demo>*{position:relative;z-index:3}[data-theme=cardboard] .retry-modal{position:relative;overflow:hidden;box-shadow:var(--shadow-modal);clip-path:polygon(.8% -.5%,100.5% .9%,99.3% 100.6%,-.4% 99.4%)}[data-theme=cardboard] .daily-bonus-modal{position:relative;overflow:hidden;box-shadow:var(--shadow-modal);clip-path:polygon(-.3% .7%,99.6% -.5%,100.4% 99.8%,.6% 100.5%)}[data-theme=cardboard] .unlock-modal{position:relative;overflow:hidden;box-shadow:var(--shadow-modal);clip-path:polygon(.5% -.6%,100.7% .4%,99.5% 100.7%,-.5% 99.3%)}[data-theme=cardboard] .retry-modal>*,[data-theme=cardboard] .daily-bonus-modal>*,[data-theme=cardboard] .unlock-modal>*{position:relative;z-index:2}[data-theme=cardboard] .quiz-card-shadow{filter:drop-shadow(.5px 1px 1px rgba(0,0,0,.2)) drop-shadow(2px 3px 6px rgba(0,0,0,.15)) drop-shadow(4px 5px 14px rgba(0,0,0,.08));transition:filter .3s ease-out;cursor:pointer}[data-theme=cardboard] .quiz-card-shadow:hover:not(.locked){filter:drop-shadow(1px 1px 2px rgba(0,0,0,.18)) drop-shadow(3px 5px 10px rgba(0,0,0,.14)) drop-shadow(6px 8px 24px rgba(0,0,0,.1))}[data-theme=cardboard] .quiz-card-shadow.locked{filter:drop-shadow(.5px 1px 1px rgba(0,0,0,.22)) drop-shadow(2px 3px 8px rgba(0,0,0,.16)) drop-shadow(5px 6px 18px rgba(0,0,0,.1))}[data-theme=cardboard] .quiz-card{--card-rotate: 0deg;background-color:var(--card-progress-bg, var(--color-surface-primary));border:none;transform:rotate(var(--card-rotate));transition:transform .3s ease-out,box-shadow .3s ease-out;aspect-ratio:5 / 3;display:flex;flex-direction:column;justify-content:center;box-shadow:none}[data-theme=cardboard] .quiz-card-shadow:nth-child(7n+1) .quiz-card{--card-rotate: -.5deg}[data-theme=cardboard] .quiz-card-shadow:nth-child(7n+2) .quiz-card{--card-rotate: .4deg}[data-theme=cardboard] .quiz-card-shadow:nth-child(7n+3) .quiz-card{--card-rotate: -.3deg}[data-theme=cardboard] .quiz-card-shadow:nth-child(7n+4) .quiz-card{--card-rotate: .6deg}[data-theme=cardboard] .quiz-card-shadow:nth-child(7n+5) .quiz-card{--card-rotate: -.2deg}[data-theme=cardboard] .quiz-card-shadow:nth-child(7n+6) .quiz-card{--card-rotate: .3deg}[data-theme=cardboard] .quiz-card-shadow:nth-child(7n+7) .quiz-card{--card-rotate: -.4deg}[data-theme=cardboard] .quiz-card:hover:not(.locked){transform:translateY(-4px) scale(1.02) rotate(var(--card-rotate))}[data-theme=cardboard] .quiz-card h3{color:var(--color-text-primary);font-weight:700}[data-theme=cardboard] .quiz-card p{color:var(--color-text-secondary)}[data-theme=cardboard] .color-circle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;margin:0;position:relative;background-color:transparent!important;box-shadow:none;z-index:5}[data-theme=cardboard] .color-circle:before{display:none}[data-theme=cardboard] .color-circle .progress-ring{width:100%;height:100%;position:relative;z-index:1}[data-theme=cardboard] .color-circle .progress-ring__groove-shadow{stroke:#0000002e;stroke-width:5;transform:translate(.3px,.3px)}[data-theme=cardboard] .color-circle .progress-ring__groove-highlight{stroke:#ffffff40;stroke-width:5;transform:translate(-.3px,-.3px)}[data-theme=cardboard] .color-circle .progress-ring__bg{stroke:#00000012;stroke-width:5}[data-theme=cardboard] .color-circle .progress-ring__fill{stroke-linecap:round;stroke-width:5}[data-theme=cardboard] .color-circle .progress-ring__endcap{display:none}[data-theme=cardboard] .color-circle .progress-ring__label{fill:var(--color-text-secondary);font-family:var(--font-mono);font-size:9px;font-weight:800;opacity:.85;filter:url(#carved-groove)}.color-circle .circle-icon{width:60%;height:60%;position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=cardboard] .round-card-circle-layout{display:flex;flex-direction:column;padding:.5rem .75rem;position:relative;flex:1;min-height:0}[data-theme=cardboard] .card-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.25rem}[data-theme=cardboard] .stamp-title{display:block;mix-blend-mode:var(--cb-text-blend);opacity:.6;text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:.75rem;color:var(--color-text-secondary);text-shadow:-.3px -.3px 0 rgba(0,0,0,.45),-.5px -.5px .6px rgba(0,0,0,.25),.3px .3px 0 rgba(255,255,255,.35);text-align:left}[data-theme=cardboard] .card-accent{display:none}[data-theme=cardboard] .teaser-question{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.85rem;line-height:1.35;text-align:left;opacity:.8;mix-blend-mode:multiply;color:var(--color-text-primary);font-weight:600;flex:1;letter-spacing:.01em;text-shadow:-.3px -.3px 0 rgba(0,0,0,.4),-.5px -.5px .6px rgba(0,0,0,.2),.3px .3px 0 rgba(255,255,255,.3);background:linear-gradient(to bottom,color-mix(in srgb,currentColor 50%,black),color-mix(in srgb,currentColor 80%,black));-webkit-background-clip:text;background-clip:text;color:transparent}.dark-mode [data-theme=cardboard] .teaser-question,[data-theme=cardboard].dark-mode .teaser-question{mix-blend-mode:normal;opacity:.7}[data-theme=cardboard] .journey-label{display:block;font-size:.65rem;font-style:italic;opacity:.5;mix-blend-mode:multiply;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dark-mode [data-theme=cardboard] .journey-label,[data-theme=cardboard].dark-mode .journey-label{mix-blend-mode:normal;opacity:.5}[data-theme=cardboard] .card-bottom-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-top:auto}[data-theme=cardboard] .card-bottom-row .star-rating{margin:0}[data-theme=cardboard] .quiz-card.locked{opacity:1;filter:saturate(.75) brightness(1.08)}[data-theme=cardboard] .quiz-card.locked:hover{transform:rotate(var(--card-rotate))}[data-theme=cardboard] .quiz-card.locked .round-card-circle-layout{align-items:center;justify-content:center}[data-theme=cardboard] .quiz-card.locked .card-top-row{position:absolute;top:.5rem;left:.75rem;right:.75rem}[data-theme=cardboard] .quiz-card.locked .color-circle{width:48px;height:48px;background-color:transparent!important;box-shadow:none;filter:none}[data-theme=cardboard] .quiz-card.locked .circle-icon{width:100%;height:100%;color:var(--color-text-tertiary);opacity:.35;filter:none}[data-theme=cardboard] .quiz-card.locked .stamp-title{opacity:.5}[data-theme=cardboard] .quiz-card.locked .card-bottom-row{display:none}[data-theme=cardboard] .question-card-shadow{position:relative;z-index:1;contain:layout style}[data-theme=cardboard] .next-card-preview{position:absolute}[data-theme=cardboard] .swiping .question-container{filter:none!important}[data-theme=cardboard] .question-container{background-color:var(--color-surface-elevated);position:relative;overflow-x:hidden;overflow-y:auto;filter:url(#organic-2);border-radius:2px;box-shadow:.5px 1px 1px #0000002e,2px 3px 8px #00000024,4px 6px 18px #00000014,inset 1px 1px #fff6,inset -1px -1px #00000026,inset 2px 2px 4px #fff3,inset -2px -2px 4px #0000001a}[data-theme=cardboard] .question-container:before{content:"";position:absolute;inset:0;background-image:url(./cardboard-s_AxIJJT.jpg),url(./cardboard-flat-DUemjVkf.png);background-size:200px,300px;mix-blend-mode:var(--cb-texture-blend);opacity:var(--cb-qc-texture-opacity);pointer-events:none;z-index:0}[data-theme=cardboard] .question-container:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.2) 0%,transparent 25%,transparent 75%,rgba(0,0,0,.06) 100%);pointer-events:none;z-index:0}[data-theme=cardboard] .question-container>*{position:relative;z-index:1}[data-theme=cardboard] .stack-card{background-color:var(--color-surface-primary);background-image:url(./cardboard-s_AxIJJT.jpg);background-size:200px;background-blend-mode:multiply;border-radius:2px;border:1px solid rgba(0,0,0,.1);box-shadow:.5px 1px 2px #0000001f,1px 2px 5px #00000014,inset 1px 1px #fff6,inset -1px -1px #00000026,inset 2px 2px 4px #fff3,inset -2px -2px 4px #0000001a}[data-theme=cardboard] .stack-card-shadow:nth-child(1) .stack-card{filter:brightness(.98)}[data-theme=cardboard] .stack-card-shadow:nth-child(2) .stack-card{filter:brightness(.96)}[data-theme=cardboard] .stack-card-shadow:nth-child(3) .stack-card{filter:brightness(.94)}[data-theme=cardboard] .stack-card-shadow:nth-child(4) .stack-card{filter:brightness(.92)}[data-theme=cardboard] .stack-card-shadow:nth-child(5) .stack-card{filter:brightness(.9)}[data-theme=cardboard] .question-container h2{mix-blend-mode:var(--cb-text-blend);opacity:.9;color:var(--color-text-primary);text-shadow:0 1px 0 rgba(0,0,0,.2),0 -.5px 0 rgba(255,255,255,.15)}[data-theme=cardboard] .option-btn{background-color:var(--cb-option-bg);border:1px solid var(--cb-option-border);color:var(--color-text-primary);box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #00000014}[data-theme=cardboard] .option-btn:hover:not(:disabled){background-color:var(--cb-option-hover-bg)}[data-theme=cardboard] .option-btn.selected{border-color:var(--shadow-brand);background-color:var(--color-option-selected-bg)}[data-theme=cardboard] .option-btn.correct{background-color:var(--color-state-correct-bg);border-color:var(--color-brand-primary);color:var(--color-text-primary);font-weight:600}[data-theme=cardboard] .option-btn.correct .option-letter{background-color:var(--color-option-letter-bg);color:var(--color-text-primary)}[data-theme=cardboard] .option-btn.wrong{background-color:var(--color-state-wrong-bg);border-color:var(--color-state-danger);color:var(--color-state-wrong-text)}[data-theme=cardboard] .option-btn.wrong .option-letter{background-color:var(--color-state-wrong-bg);color:var(--color-state-wrong-text)}[data-theme=cardboard] .answer-container{background-color:var(--color-surface-answer);color:var(--color-brand-gold)}[data-theme=cardboard] .extra-info-container{background:none}[data-theme=cardboard] .extra-info-text{color:var(--color-text-secondary)}[data-theme=cardboard] .extra-info-image{background:var(--cb-info-image-bg);padding:6px 6px 16px;border-radius:1px 2px 3px 1px;transform:rotate(-1.2deg);box-shadow:2px 3px 8px #0000002e,1px 1px 3px #0000001a,inset 0 0 0 1px #0000000a;border:1px solid var(--cb-info-image-border);filter:var(--cb-info-image-filter)}[data-theme=cardboard] .the-btn--primary{background-color:var(--color-brand-primary);color:var(--color-surface-elevated);box-shadow:1px 2px 4px #0000002e,inset 1px 1px #ffffff26,inset -1px -1px #0000001f}[data-theme=cardboard] .the-btn--primary:hover:not(:disabled){background-color:var(--color-brand-accent);box-shadow:2px 3px 8px #00000038,inset 1px 1px #ffffff26,inset -1px -1px #0000001f}[data-theme=cardboard] .the-btn--secondary{border-color:var(--color-brand-primary);color:var(--color-brand-primary);box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #0000000f}[data-theme=cardboard] .the-btn--secondary:hover:not(:disabled){background-color:var(--color-brand-primary);color:var(--color-surface-elevated);box-shadow:1px 2px 4px #00000026,inset 1px 1px #ffffff26,inset -1px -1px #0000001a}[data-theme=cardboard] .the-btn--danger{box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #0000000f}[data-theme=cardboard] .the-btn--ghost{color:var(--color-brand-primary)}[data-theme=cardboard] .the-btn--ghost:hover:not(:disabled){background-color:var(--shadow-brand-light)}[data-theme=cardboard] .the-btn--pill{border:2px solid var(--color-brand-primary);box-shadow:none}[data-theme=cardboard] .the-btn--pill.the-btn--active{background-color:var(--color-brand-primary);color:var(--color-surface-primary);box-shadow:none}[data-theme=cardboard] .show-answer-state,[data-theme=cardboard] .next-question-state{background-color:var(--color-brand-primary);color:var(--color-surface-primary)}[data-theme=cardboard] .show-answer-state:hover,[data-theme=cardboard] .next-question-state:hover{background-color:var(--color-brand-accent)}[data-theme=cardboard] .completion-round-header{color:var(--color-brand-primary);mix-blend-mode:var(--cb-text-blend);text-shadow:0 1px 0 rgba(0,0,0,.15),0 -.5px 0 rgba(255,255,255,.1)}[data-theme=cardboard] .stat-value{color:var(--color-brand-primary)}[data-theme=cardboard] .stat-item{background:var(--shadow-brand-bg);padding:.75rem 1.25rem;border-radius:3px;box-shadow:inset 1px 1px 2px #0000001a,inset -1px -1px 1px #fff3}[data-theme=cardboard] .stat-label{color:var(--color-text-tertiary);mix-blend-mode:var(--cb-text-blend)}[data-theme=cardboard] .speech-bubble-group{filter:url(#organic-5) drop-shadow(.5px 1px 1px rgba(0,0,0,.15)) drop-shadow(2px 3px 6px rgba(0,0,0,.1))}[data-theme=cardboard] .speech-bubble{background:var(--color-speech-bg);background-image:url(./cardboard-s_AxIJJT.jpg);background-size:200px;background-blend-mode:multiply;border-radius:1.25rem;border:none;position:relative;overflow:visible;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #0000000f}[data-theme=cardboard] .speech-bubble:after{content:"";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:28px;height:16px;background:inherit;background-blend-mode:inherit;clip-path:polygon(0 0,100% 0,50% 100%)}[data-theme=cardboard] .speech-bubble-arrow{display:none}[data-theme=cardboard] .speech-bubble-group{margin-bottom:14px}[data-theme=cardboard] .completion-text{mix-blend-mode:var(--cb-text-blend);color:var(--color-text-primary);font-style:italic}[data-theme=cardboard] .completion-head-glow{background:radial-gradient(ellipse,var(--color-glow-primary) 0%,rgba(234,165,74,.4) 35%,var(--color-glow-transparent) 65%)}[data-theme=cardboard] .header-title:before{background-color:var(--color-brand-primary)}[data-theme=cardboard] .settings-btn{color:var(--color-text-primary);opacity:.85}[data-theme=cardboard] .settings-btn:hover{background-color:var(--shadow-brand-light);opacity:1}[data-theme=cardboard] .profile-btn{color:var(--color-text-primary);opacity:.85}[data-theme=cardboard] .profile-btn:hover{background-color:var(--shadow-brand-light);opacity:1}[data-theme=cardboard] .progress-fill{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-accent),var(--color-brand-gold));box-shadow:0 0 6px var(--shadow-brand)}[data-theme=cardboard] .streak-badge{background:linear-gradient(135deg,var(--color-brand-accent),var(--color-brand-gold))}[data-theme=cardboard] .brain-badge{background:var(--color-brand-primary)}[data-theme=cardboard] .hint-btn{color:var(--color-brand-primary);border-color:var(--color-brand-primary)}[data-theme=cardboard] .hint-btn:hover{background-color:var(--color-brand-primary);color:var(--color-surface-primary)}[data-theme=cardboard] .reward-popup{color:var(--color-brand-primary)}.star-rating{display:flex;gap:2px;margin-top:4px}.star-slot{position:relative;display:inline-flex}.star{font-size:.85rem;line-height:1}.star--filled{color:var(--color-brand-gold)}.star--overlay{position:absolute;top:0;left:0}.star--half{clip-path:inset(0 53% 0 0)}.star--empty{color:#00000026}[data-theme=cardboard] .star--filled{filter:drop-shadow(-.5px -.5px .5px rgba(0,0,0,.35)) drop-shadow(.5px .5px 0px rgba(255,255,255,.3))}[data-theme=cardboard] .star--empty{color:var(--cb-star-empty);filter:drop-shadow(-.5px -.5px .5px rgba(0,0,0,.2)) drop-shadow(.5px .5px 0px rgba(255,255,255,.2))}[data-theme=cardboard] .retry-title,[data-theme=cardboard] .daily-bonus-title,[data-theme=cardboard] .unlock-title{mix-blend-mode:var(--cb-text-blend);text-shadow:0 1px 0 rgba(0,0,0,.15),0 -.5px 0 rgba(255,255,255,.1)}[data-theme=cardboard] .settings-title{color:var(--color-brand-primary);mix-blend-mode:var(--cb-text-blend)}[data-theme=cardboard] .theme-option.active{border-color:var(--color-brand-primary);box-shadow:0 2px 8px var(--shadow-brand)}[data-theme=cardboard] .settings-mode-btn.active{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary)}[data-theme=cardboard] .profile-title{color:var(--color-brand-primary);mix-blend-mode:var(--cb-text-blend)}[data-theme=cardboard] .profile-stat-value{color:var(--color-brand-primary)}[data-theme=cardboard] .onboarding-title{mix-blend-mode:var(--cb-text-blend);text-shadow:0 1px 0 rgba(0,0,0,.15),0 -.5px 0 rgba(255,255,255,.1)}[data-theme=cardboard] .onboarding-option{background-color:var(--cb-option-bg);border:1px solid var(--cb-option-border);box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #00000014}[data-theme=cardboard] .onboarding-option:hover{background-color:var(--cb-option-hover-bg);border-color:var(--cb-option-border)}[data-theme=cardboard] .onboarding-step-label{mix-blend-mode:var(--cb-text-blend);text-shadow:0 1px 0 rgba(0,0,0,.15),0 -.5px 0 rgba(255,255,255,.1)}[data-theme=cardboard] .write-in-answer-row{box-shadow:inset 1px 1px #fff3,inset -1px -1px #0000000f}[data-theme=cardboard] .write-in-score-value{color:var(--color-brand-primary)}[data-theme=cardboard] .challenge-banner{color:var(--color-text-secondary);mix-blend-mode:var(--cb-text-blend)}[data-theme=cardboard] .challenge-badge{background:var(--color-brand-accent);border-radius:2px}[data-theme=studio] .quiz-card{background-color:var(--card-progress-bg, var(--color-surface-primary));border:none;aspect-ratio:5 / 3;display:flex;flex-direction:column;justify-content:center;box-shadow:none}[data-theme=studio] .quiz-card-shadow{filter:drop-shadow(0 2px 4px var(--shadow-color)) drop-shadow(0 4px 12px var(--shadow-color))}.dark-mode [data-theme=studio] .teaser-question{opacity:.7}[data-theme=studio] .quiz-card:hover:not(.locked){transform:translateY(-4px) scale(1.02)}[data-theme=studio] .quiz-card.locked{opacity:.55;filter:grayscale(.3)}[data-theme=studio] .quiz-card.locked:hover{transform:none}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:3.5rem 1.5rem 1.5rem}.header-img-wrapper{width:100px}.header-title{font-size:2rem;text-align:center}.completion-screen{padding:1rem}.speech-bubble{padding:1.25rem;width:clamp(20rem,90vw,45rem)}.completion-text{font-size:1.125rem}.speech-bubble-arrow{border-left-width:12px;border-right-width:12px;border-top-width:12px;bottom:-12px}.completion-round-header{font-size:1.2rem}[data-theme=cardboard] .speech-bubble-group{filter:none!important}}@media(max-width:600px){.container{padding:1rem;padding-left:calc(1rem + var(--safe-area-left));padding-right:calc(1rem + var(--safe-area-right))}.header{padding:3.5rem 1rem 1rem}.header-img-wrapper{width:6rem}.header-title{font-size:1.5rem}.quiz-overview{grid-template-columns:1fr}.quiz-card{padding:1rem;margin-bottom:.75rem}.quiz-card h3{font-size:1.1rem;margin-bottom:.5rem}.quiz-card p{font-size:.9rem;margin-bottom:.5rem}.quiz-toolbar{padding:.35rem .75rem}.question-container{padding:1rem .875rem;margin:0;min-height:unset;max-height:calc(100dvh - 5rem);justify-content:flex-start;gap:.15rem}.question-container h2{font-size:1.15rem;line-height:1.6;margin-bottom:.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.transition-word-out[data-label]:after,.transition-word-in[data-label]:after{font-size:.6rem;bottom:calc(100% - .3em)}.options-container{gap:.35rem;margin:.5rem 0}.option-btn{padding:.625rem 1rem;font-size:.9rem}.word-timeline-wrapper,.progress-indicator{display:none!important}.show-answer-state,.next-question-state{padding:.75rem 1.25rem;font-size:.9rem;flex-shrink:0;margin-top:auto}.answer-container{font-size:.95rem;padding:1.25rem 1rem .75rem;margin:.5rem 0}.extra-info-container,.write-in-container{margin:.5rem 0}.write-in-reveal{gap:.5rem;margin:.5rem 0}.extra-info-image{max-height:160px}.extra-info-text{font-size:.85rem}.card-stack-area{padding:.25rem .5rem .5rem}.card-stack-visual{--card-distance: 4px}button{font-size:.9rem}button:hover{background-color:var(--color-button-gray)}.score-big{font-size:2.5rem}.mode-selector .the-btn{padding:.5rem 1rem;font-size:.85rem}.settings-title{font-size:1.25rem}.theme-picker{gap:.5rem;flex-wrap:wrap}.theme-option{min-width:80px;padding:.5rem .75rem}.profile-stats-grid{gap:.5rem}.profile-stat-value{font-size:1.2rem}.leaderboard-row{padding:.625rem .75rem;gap:.5rem}.leaderboard-avatar,.leaderboard-avatar-placeholder{width:30px;height:30px;font-size:.8rem}[data-theme=cardboard] .quiz-card,[data-theme=cardboard] .settings-card,[data-theme=cardboard] .profile-user-card,[data-theme=cardboard] .profile-stat-card,[data-theme=cardboard] .achievement-card,[data-theme=cardboard] .onboarding-container,[data-theme=cardboard] .onboarding-demo,[data-theme=cardboard] .question-container,[data-theme=cardboard] .retry-modal,[data-theme=cardboard] .daily-bonus-modal,[data-theme=cardboard] .unlock-modal,[data-theme=cardboard] .speech-bubble-group{filter:none!important;animation:none!important}[data-theme=cardboard] .quiz-card.locked{filter:none!important}[data-theme=cardboard] .question-container:before{mix-blend-mode:normal!important;opacity:.1!important}[data-theme=cardboard] .question-container h2{filter:none!important;mix-blend-mode:normal!important}[data-theme=cardboard] .speech-bubble{background-blend-mode:normal!important;background-image:none!important;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014,inset 1px 1px #ffffff4d,inset -1px -1px #0000000f!important}[data-theme=cardboard] .completion-text{mix-blend-mode:normal!important}}@media(max-width:480px){.header{padding:3.5rem 1rem 1rem}.header-img-wrapper{width:80px}.header-title{font-size:1.35rem}.onboarding-container{padding:1.5rem 1rem;max-height:85dvh}.onboarding-title{font-size:1.2rem}.onboarding-step-label{font-size:1.1rem}.onboarding-avatar{height:110px}.onboarding-head-wrapper{width:110px}}@media(hover:none)and (pointer:coarse){button:hover,a:hover,[role=button]:hover{background-color:inherit!important;color:inherit!important;transform:none!important;box-shadow:inherit!important;opacity:inherit!important}.quiz-card:hover,.quiz-card.locked:hover{transform:none!important;box-shadow:none!important}.option-btn:hover:not(:disabled){background-color:var(--color-surface-primary)!important;transform:none!important}.hint-btn:hover{background-color:transparent!important;color:var(--color-brand-primary)!important}.sound-toggle:hover{opacity:.7!important}.challenge-mode .cw:hover:before{opacity:0!important}.completion-reward-btn:hover{transform:none!important;box-shadow:none!important}.the-btn--primary:hover:not(:disabled){background-color:var(--color-brand-primary)!important;transform:none!important}.the-btn--secondary:hover:not(:disabled){background-color:transparent!important;color:var(--color-brand-primary)!important}.the-btn--ghost:hover:not(:disabled){background-color:transparent!important}.the-btn--danger:hover:not(:disabled){background-color:transparent!important;color:var(--color-state-danger)!important}.the-btn--pill:hover:not(:disabled){color:var(--color-text-tertiary)!important}.settings-btn:hover,.profile-btn:hover,.toggle-btn:hover{background-color:transparent!important}.theme-option:hover{transform:none!important;background:inherit!important}.settings-mode-btn:hover{color:inherit!important}.achievement-card:hover{transform:none!important}.login-btn--google:hover,.login-btn--apple:hover,.login-btn--anon:hover{background-color:inherit!important}.leaderboard-row:hover{transform:none!important}[data-theme=cardboard] .quiz-card-shadow:hover:not(.locked),[data-theme=cardboard] .quiz-card:hover:not(.locked){transform:none!important;filter:inherit!important}[data-theme=cardboard] .option-btn:hover:not(:disabled){background-color:var(--cb-option-bg)!important}[data-theme=cardboard] .the-btn--primary:hover:not(:disabled){background-color:var(--color-brand-primary)!important}[data-theme=cardboard] .the-btn--secondary:hover:not(:disabled){background-color:transparent!important;color:var(--color-brand-primary)!important}[data-theme=cardboard] .the-btn--ghost:hover:not(:disabled){background-color:transparent!important}[data-theme=cardboard] .show-answer-state:hover,[data-theme=cardboard] .next-question-state:hover{background-color:var(--color-brand-primary)!important}[data-theme=cardboard] .settings-btn:hover,[data-theme=cardboard] .profile-btn:hover{background-color:transparent!important;opacity:.85!important}[data-theme=cardboard] .hint-btn:hover{background-color:transparent!important;color:var(--color-brand-primary)!important}[data-theme=cardboard] .onboarding-option:hover{background-color:var(--cb-option-bg)!important;border-color:var(--cb-option-border)!important}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.progress-bar{height:8px;background-color:var(--color-progress-bg);border-radius:var(--radius-progress);margin-top:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-primary),var(--color-progress-mid),var(--color-brand-accent-hover));background-size:200% 100%;border-radius:var(--radius-progress);transition:width .4s ease;animation:progressGlow 2s ease-in-out infinite;box-shadow:0 0 6px var(--shadow-brand)}