:root{--color-background: #FDFDFC;--color-surface: #F6F4EC;--color-surface-deep: #E8E5DA;--color-foreground: #0C0C0C;--grey-500: #0C0C0C;--grey-400: #585858;--grey-300: #9F9F9F;--grey-200: #DDDDDD;--lime-100: #DCFB42;--lime-200: #C3DF22;--color-danger: #E5484D;--deck-lime: #E6F7A3;--deck-lime-deep: #CBE86F;--deck-purple: #CDC9FD;--deck-purple-deep: #B5B1FC;--deck-pink: #FEBDDA;--deck-pink-deep: #F1ADCA;--deck-blue: #BDDDFE;--deck-blue-deep: #ADCFF1;--deck-green: #CBFEBD;--deck-green-deep: #AEECB6;--deck-yellow: #FFF4AB;--deck-yellow-deep: #EFDC8F;--deck-red: #FEBDBD;--deck-red-deep: #EFA1A1;--deck-beige: #F6F4EC;--deck-beige-deep: #E8E5DA;--deck-mono: var(--color-background);--deck-mono-deep: var(--grey-200);--tag-correct-bg: var(--deck-green);--tag-correct-border: var(--deck-green-deep);--tag-almost-bg: var(--deck-yellow);--tag-almost-border: var(--deck-yellow-deep);--tag-wrong-bg: var(--deck-red);--tag-wrong-border: var(--deck-red-deep);--page-bg: var(--color-surface);--card-bg: var(--color-background);--text-primary: var(--color-foreground);--text-secondary: var(--grey-400);--text-tertiary: var(--grey-300);--text-placeholder: var(--grey-200);--deck-meta-color: var(--grey-400);--deck-count-color: var(--grey-400);--border-subtle: var(--grey-200);--border-selected: var(--grey-400);--size-border-selected: 1.5px;--cta-bg: var(--color-foreground);--cta-fg: var(--color-background);--progress-track: rgb(12 12 12 / .2);--progress-fill: var(--color-foreground);--scrim: rgb(12 12 12 / .32);--press-overlay: rgb(12 12 12 / .05);--start-tile-bg: color-mix(in srgb, var(--color-surface-deep) 45%, var(--color-surface));--start-tile-border: var(--color-surface-deep);--tab-light-track: var(--color-surface);--choice-bg: var(--color-surface);--search-field-bg: var(--color-surface-deep);--inner-button-bg: var(--color-surface);--outer-button-bg: var(--color-surface-deep);--secondary-bg: var(--color-surface);--picture-frame: var(--grey-200);--mark-wrong-bg: var(--deck-red);--mark-fix-bg: var(--deck-green);--font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-display: 64px;--font-size-large-title: 28px;--font-size-small-title: 20px;--font-size-deck-title: 24px;--font-size-button: 17px;--font-size-small: 15px;--font-size-caption: 13px;--font-size-fit-1: 24px;--font-size-fit-2: 21px;--font-size-fit-3: 18px;--font-size-fit-4: 16px;--font-size-fit-5: 14px;--line-height-tight: 120%;--line-height-body: 140%;--letter-spacing-title: -.02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--gutter: var(--space-4);--card-padding: var(--space-6);--radius-button: 25px;--radius-card: 28px;--radius-deck: 24px;--radius-tab: 24px;--radius-tab-item: 20px;--radius-tag: 18.5px;--radius-menu: 24px;--radius-field: 16px;--radius-sheet: 28px;--radius-pill: 999px;--radius-mark: 4px;--radius-confetti: 8px;--size-button: 50px;--size-tab: 58px;--size-tab-inset: 4px;--size-tag: 37px;--tag-padding-x: 19.5px;--size-icon-button: 44px;--size-icon: 20px;--size-progress: 4px;--size-deck-card: 164px;--size-shape-w: 80px;--size-shape-h: 80px;--shape-opacity: .35;--size-field: 50px;--size-header: 56px;--size-card-control: 40px;--size-icon-small: 18px;--screen-max: 520px;--home-max: 960px;--size-logo: 32px;--size-menu-min: 250px;--size-controls: 124px;--size-swatch: 44px;--size-confetti-w: 48px;--size-confetti-h: 64px;--size-search-pill: 98px;--size-popup: 480px;--size-quiz-option: 50px;--size-edge-fade: 28px;--size-reorder-row: 64px;--size-card-picture: 120px;--size-sample-card: 112px;--size-sample-shape: 70px;--size-mini-card-w: 220px;--size-mini-card-h: 140px;--size-prompt-box: 220px;--size-toggle-w: 44px;--size-toggle-h: 26px;--shadow-card: 0 18px 48px rgb(12 12 12 / .1), 0 2px 6px rgb(12 12 12 / .04);--shadow-card-behind: 0 8px 24px rgb(12 12 12 / .05);--shadow-menu: 0 20px 50px rgb(12 12 12 / .16), 0 2px 8px rgb(12 12 12 / .06);--shadow-button-soft: 0 1px 2px rgb(12 12 12 / .06);--stack-scale-step: .03;--stack-offset: 8px;--stack-depth: 3;--card-perspective: 1400px;--card-ratio: 1.25;--card-max-h: 560px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .16s;--duration-base: .26s;--ink: #0C0C0C;--ink-2: #585858;--on-danger: #FDFDFC;color-scheme:light;--z-sticky: 10;--z-menu: 40;--z-sheet: 50}:root[data-theme=dark]{--color-background: #1F1E1B;--color-surface: #141311;--color-surface-deep: #2D2B27;--color-foreground: #F3F1EA;--grey-500: #F3F1EA;--grey-400: #B3AFA5;--grey-300: #7E7B73;--grey-200: #3A3833;--color-danger: #F2555A;--deck-mono: #26241F;--deck-mono-deep: #3A3833;--deck-lime: #3A4210;--deck-lime-deep: #535F18;--deck-purple: #34305E;--deck-purple-deep: #4A4482;--deck-pink: #5A2A40;--deck-pink-deep: #7A3A58;--deck-blue: #22405E;--deck-blue-deep: #305A80;--deck-green: #23492C;--deck-green-deep: #31653D;--deck-yellow: #4D4318;--deck-yellow-deep: #6B5E23;--deck-red: #5A2626;--deck-red-deep: #7A3434;--deck-beige: #2D2B27;--deck-beige-deep: #44413B;--ink: #F3F1EA;--ink-2: #C4C0B5;--progress-track: rgb(243 241 234 / .2);--scrim: rgb(0 0 0 / .55);--press-overlay: rgb(255 255 255 / .06);--shadow-card: 0 18px 48px rgb(0 0 0 / .45), 0 2px 6px rgb(0 0 0 / .3);--shadow-card-behind: 0 8px 24px rgb(0 0 0 / .3);--shadow-menu: 0 20px 50px rgb(0 0 0 / .55), 0 2px 8px rgb(0 0 0 / .35);--shadow-button-soft: 0 1px 2px rgb(0 0 0 / .5);--cta-bg: #38352F;--cta-fg: #F3F1EA;--inner-button-bg: #38352F;--outer-button-bg: #2A2824;--secondary-bg: #2A2824;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--page-bg)}body{margin:0;min-height:100dvh;background:var(--page-bg);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-small);line-height:var(--line-height-tight);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html.is-locked,html.is-locked body{overflow:hidden;overscroll-behavior:none}#root{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}h1,h2,p,ol{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon{width:var(--size-icon);height:var(--size-icon);flex:none;display:block}.logo{height:var(--size-logo);width:auto;color:var(--text-primary);display:block}.boot{min-height:100dvh;background:var(--page-bg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}}.btn{width:100%;height:var(--size-button);border-radius:var(--radius-button);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-button);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4}.btn--primary{background:var(--cta-bg);color:var(--cta-fg)}.btn--secondary{background:var(--secondary-bg);color:var(--text-primary);border:0}.btn--danger{background:var(--color-danger);color:var(--color-background)}.btn__icon{color:currentColor}.icon-btn{width:var(--size-icon-button);height:var(--size-icon-button);border-radius:var(--radius-pill);background:var(--outer-button-bg);border:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);flex:none;transition:transform var(--duration-fast) var(--ease-out)}.icon-btn:active{transform:scale(.94)}.icon-btn--inner{background:var(--inner-button-bg)}.text-btn{min-height:var(--size-icon-button);padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--font-size-button);font-weight:var(--font-weight-regular);text-align:center;transition:background var(--duration-fast)}.text-btn:hover,.text-btn:active{background:var(--press-overlay)}.pill__content{display:flex;align-items:center;justify-content:flex-end;height:100%;padding:0 var(--space-1)}.pill__btn{width:var(--size-icon-button);height:100%;display:inline-flex;align-items:center;justify-content:center}.tabs{position:relative;--count: 3;display:grid;grid-template-columns:repeat(var(--count),1fr);height:var(--size-tab);padding:var(--size-tab-inset);border-radius:var(--radius-tab);background:var(--color-surface-deep)}.tabs__thumb{position:absolute;top:var(--size-tab-inset);bottom:var(--size-tab-inset);left:var(--size-tab-inset);width:calc((100% - 2 * var(--size-tab-inset)) / var(--count));border-radius:var(--radius-tab-item);background:var(--color-surface);transform:translate(calc(100% * var(--i)));transition:transform var(--duration-base) var(--ease-out)}.tabs__item{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-tab-item);font-size:var(--font-size-small);line-height:var(--line-height-tight);color:var(--text-secondary);font-weight:var(--font-weight-regular);transition:color var(--duration-fast)}.tabs__item.is-active{color:var(--text-primary);font-weight:var(--font-weight-bold)}.tabs--light{background:var(--tab-light-track)}.tabs--light .tabs__thumb{background:var(--card-bg);box-shadow:var(--shadow-button-soft)}.tabs--light .tabs__item{font-size:var(--font-size-small)}.tag{display:inline-flex;align-items:center;min-height:var(--size-tag);padding:var(--space-1) var(--tag-padding-x);line-height:var(--line-height-tight);border-radius:var(--radius-tag);border:1px solid;font-size:var(--font-size-small);color:var(--text-primary);white-space:nowrap}.tag--correct{background:var(--tag-correct-bg);border-color:var(--tag-correct-border)}.tag--almost{background:var(--tag-almost-bg);border-color:var(--tag-almost-border)}.tag--wrong{background:var(--tag-wrong-bg);border-color:var(--tag-wrong-border)}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-menu)}.menu{--menu-tint: var(--card-bg);position:absolute;z-index:calc(var(--z-menu) + 1);min-width:var(--size-menu-min);padding:var(--space-2) 0;border-radius:var(--radius-menu);background:color-mix(in srgb,var(--menu-tint) 24%,var(--card-bg));box-shadow:var(--shadow-menu);border:1px solid var(--border-subtle);transform-origin:top right}.menu__item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--font-size-button)}.menu__item:active{background:var(--press-overlay)}.menu__item--danger{color:var(--color-danger)}.menu__check{width:var(--size-icon);display:inline-flex}.menu__icon{width:var(--size-icon);display:inline-flex;color:var(--text-secondary)}.menu__item--danger .menu__icon{color:var(--color-danger)}.menu__divider{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-2) var(--space-5)}.menu--home{top:calc(100% + var(--space-2));right:0}.menu--deck{top:0;right:0}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);background:var(--scrim)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-sheet) + 1);max-width:var(--screen-max);margin:0 auto;display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-menu);will-change:transform}.sheet--page{top:calc(env(safe-area-inset-top) + var(--space-3))}.sheet--dialog{max-height:calc(100dvh - env(safe-area-inset-top) - var(--space-10))}.sheet__header{position:absolute;top:0;left:0;right:0;z-index:4;border-top-left-radius:inherit;border-top-right-radius:inherit;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--gutter) var(--space-3)}.sheet__header:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:calc(var(--size-edge-fade) * -1);border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(to bottom,var(--card-bg) 45%,color-mix(in srgb,var(--card-bg) 0%,transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent);pointer-events:none}.sheet__title{font-size:var(--font-size-small-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title)}.sheet__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--sheet-head-h, 72px) + var(--space-2)) var(--gutter) var(--kb, 0px)}.sheet__body{display:flex;flex-direction:column;gap:var(--space-5)}.sheet--page .sheet__body{min-height:100%}.sheet__scroll>form,.sheet__scroll>.sheet__body{min-height:100%}.sheet__text{font-size:var(--font-size-button);line-height:var(--line-height-body);color:var(--text-secondary)}.sheet__actions{position:relative;margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) 0 calc(var(--space-4) + var(--vv-bottom-inset, env(safe-area-inset-bottom)));background:var(--card-bg)}.popup-frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sheet) + 1);display:flex;align-items:center;justify-content:center;padding:var(--space-10) var(--gutter);pointer-events:none}.sheet.sheet--popup{position:relative;inset:auto;width:100%;max-width:var(--size-popup);max-height:min(760px,100%);margin:0;border-radius:var(--radius-sheet);overflow:hidden;pointer-events:auto}.sheet--popup .sheet__scroll{padding-bottom:var(--space-6)}.sheet--popup .sheet__body,.sheet--popup .sheet__scroll>form,.sheet--popup .sheet__scroll>.sheet__body{min-height:0}.sheet--popup .sheet__actions{position:sticky;bottom:0;padding-bottom:var(--space-5);margin-top:var(--space-2);margin-bottom:calc(var(--space-6) * -1)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--font-size-small);color:var(--text-secondary);padding:0}.field__hint{font-size:var(--font-size-caption);color:var(--text-tertiary);line-height:var(--line-height-body)}.input{height:var(--size-field);width:100%;padding:0 var(--space-4);border-radius:var(--radius-field);border:1px solid var(--border-subtle);background:var(--color-background);font-size:var(--font-size-button);-webkit-appearance:none;-moz-appearance:none;appearance:none}select.input{background-image:none}.input:focus{outline:none;border-color:var(--color-foreground)}.form-error{color:var(--color-danger);line-height:var(--line-height-body)}.form-notice{color:var(--text-secondary);line-height:var(--line-height-body)}.picker{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.picker legend{margin-bottom:var(--space-2)}.picker input{position:absolute;opacity:0;pointer-events:none}.colors{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--space-2)}.color{position:relative;cursor:pointer}.color__dot{display:block;width:100%;max-width:var(--size-swatch);aspect-ratio:1;border-radius:var(--radius-pill);background:var(--deck-fill);border:1px solid var(--deck-deep);transition:box-shadow var(--duration-fast)}.color--none .color__dot{border-color:var(--grey-300);background:linear-gradient(135deg,transparent calc(50% - 1px),var(--grey-300) calc(50% - 1px),var(--grey-300) calc(50% + 1px),transparent calc(50% + 1px)),var(--deck-fill)}.color input:checked+.color__dot,.shape input:checked+.shape__tile{box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--color-foreground)}.color input:focus-visible+.color__dot,.shape input:focus-visible+.shape__tile{outline:2px solid var(--color-foreground);outline-offset:4px}.shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.shape{position:relative;cursor:pointer}.shape__tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:var(--radius-field);background:var(--deck-fill);border:1px solid var(--deck-deep);color:var(--deck-deep);transition:box-shadow var(--duration-fast),background var(--duration-base)}.shape__tile .deck-shape{position:static;width:55%;height:55%;opacity:1}.deck--preview .deck__surface{cursor:default}.start{display:flex;flex-direction:column;gap:var(--space-5);padding-top:var(--space-6)}.start-tile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--card-padding);border-radius:var(--radius-deck);background:var(--start-tile-bg);border:1px solid var(--start-tile-border)}.start-tile__title{font-size:var(--font-size-small-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title)}.start-tile__text{color:var(--text-secondary);line-height:var(--line-height-body)}.start-tile__samples,.create-choices{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.sheet .create-choices{margin-top:0}.start-tile__more{align-self:center;margin-top:var(--space-1)}.library{margin-top:0}.sample-card.is-added{opacity:1}.sample-card__added{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);color:var(--text-secondary);letter-spacing:0}.sample-card__added .icon{width:var(--size-icon-small);height:var(--size-icon-small)}.btn--on-tile{background:var(--color-surface-deep)}.sample-card{position:relative;width:100%;display:flex;align-items:center;min-height:var(--size-sample-card);padding:var(--space-5) var(--card-padding);padding-right:calc(var(--card-padding) + var(--size-shape-w) + var(--space-3));border-radius:var(--radius-deck);background:var(--deck-fill);border:0;text-align:left;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sample-card:active:not(:disabled){transform:scale(.985)}.sample-card:disabled{opacity:.7}.sample-card__title{display:flex;flex-direction:column;font-size:var(--font-size-fit-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title)}.sample-card .deck-shape{top:50%;bottom:auto;transform:translateY(-50%);width:var(--size-sample-shape);height:var(--size-sample-shape)}.builder{gap:var(--space-5)}.builder__progress{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1);flex:none}.builder__progress span{height:var(--size-progress);border-radius:var(--radius-pill);background:var(--progress-track);transition:background var(--duration-base) var(--ease-out)}.builder__progress span.is-done{background:var(--progress-fill)}.builder__step{flex:1;display:flex;flex-direction:column;gap:var(--space-5)}.builder__head{display:flex;flex-direction:column;gap:var(--space-2)}.builder__title{font-size:var(--font-size-small-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title)}.builder__text{color:var(--text-secondary);line-height:var(--line-height-body)}.builder__sides{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:var(--space-3)}.builder__swap{margin-bottom:calc((var(--size-field) - var(--size-icon-button)) / 2)}.builder__group,.choices{display:flex;flex-direction:column;gap:var(--space-2)}.choice{position:relative;display:flex;align-items:center;min-height:var(--size-field);padding:0 var(--space-4);border-radius:var(--radius-field);background:var(--choice-bg);border:1px solid var(--start-tile-border);font-size:var(--font-size-button);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.choice input{position:absolute;opacity:0;pointer-events:none}.choice.is-checked{border-color:var(--border-selected);box-shadow:inset 0 0 0 calc(var(--size-border-selected) - 1px) var(--border-selected)}.choice:has(input:focus-visible){outline:2px solid var(--color-foreground);outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:var(--size-tag);display:inline-flex;align-items:center;padding:var(--space-2) var(--tag-padding-x);border-radius:var(--radius-tag);background:var(--choice-bg);border:1px solid var(--start-tile-border);font-size:var(--font-size-small);line-height:var(--line-height-tight);color:var(--text-primary);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.chip.is-checked{border-color:var(--border-selected);box-shadow:inset 0 0 0 calc(var(--size-border-selected) - 1px) var(--border-selected)}.mini-card{align-self:center;width:var(--size-mini-card-w);height:var(--size-mini-card-h);perspective:var(--card-perspective);flex:none}.mini-card__flipper{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}.mini-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-field);background:var(--card-bg);box-shadow:var(--shadow-card);text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mini-card__face--back{transform:rotateY(180deg)}.mini-card__side{font-size:var(--font-size-small);color:var(--text-tertiary)}.mini-card__text{font-size:var(--font-size-small-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title);overflow-wrap:anywhere}.prompt-box{position:relative;border-radius:var(--radius-field);background:var(--tab-light-track)}.prompt-box__text{margin:0;max-height:var(--size-prompt-box);overflow:auto;padding:var(--space-4) calc(var(--space-4) + var(--size-icon-button)) var(--space-4) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-small);line-height:var(--line-height-body);color:var(--text-secondary);white-space:pre-wrap;user-select:text;-webkit-user-select:text}.prompt-box__copy{position:absolute;top:var(--space-2);right:var(--space-2);width:var(--size-icon-button);height:var(--size-icon-button);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--text-primary)}.prompt-box__copy:active{background:var(--press-overlay)}.input--area{height:auto;padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--line-height-body);font-size:var(--font-size-small)}.preview-list{display:flex;flex-direction:column;gap:var(--space-2)}.preview-list__head{font-weight:var(--font-weight-bold)}.preview-list__img{height:var(--size-icon-button);width:auto;max-width:100%;object-fit:contain;justify-self:start}.preview-list__img.is-framed{outline:1px solid var(--picture-frame)}.preview-list__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--start-tile-border);font-size:var(--font-size-small);line-height:var(--line-height-body)}.toggle{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle__track{flex:none;position:relative;width:var(--size-toggle-w);height:var(--size-toggle-h);border-radius:var(--radius-pill);background:var(--color-surface-deep);transition:background var(--duration-fast)}.toggle__thumb{position:absolute;top:2px;left:2px;width:calc(var(--size-toggle-h) - 4px);height:calc(var(--size-toggle-h) - 4px);border-radius:var(--radius-pill);background:var(--card-bg);box-shadow:var(--shadow-button-soft);transition:transform var(--duration-base) var(--ease-out)}.toggle input:checked+.toggle__track{background:var(--cta-bg)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(calc(var(--size-toggle-w) - var(--size-toggle-h)))}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--color-foreground);outline-offset:2px}.toggle__text{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-button);line-height:var(--line-height-tight)}.deck{position:relative}.deck.is-raised{z-index:var(--z-menu)}.deck__surface{position:relative;width:100%;min-height:var(--size-deck-card);display:flex;flex-direction:column;align-items:flex-start;padding:var(--card-padding);padding-right:calc(var(--card-padding) + var(--size-shape-w) + var(--space-3));border-radius:var(--radius-deck);text-align:left;overflow:hidden;background:linear-gradient(130deg,var(--deck-fill),color-mix(in srgb,var(--deck-fill) 82%,#fff) 50%,var(--deck-fill));background-size:200% 200%;border:0;animation:deckDrift 9s ease-in-out infinite;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--deck-deep) 55%,transparent);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.deck__surface .deck-shape{transition:transform .4s var(--ease-out),opacity .4s}@keyframes deckDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (hover: hover){.deck__surface:hover{transform:translateY(-4px);box-shadow:0 22px 40px -16px color-mix(in srgb,var(--deck-deep) 70%,transparent);animation-duration:4s}.deck__surface:hover .deck-shape{transform:translate(-6px,-10px) scale(1.12) rotate(-4deg);opacity:.5}}.deck__surface:active{transform:translateY(-1px) scale(.985);transition-duration:.12s}@media (prefers-reduced-motion: reduce){.deck__surface{animation:none;background:var(--deck-fill)}}.reorder-row{animation:none}.deck__meta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-caption);color:var(--deck-meta-color);margin-bottom:var(--space-4);max-width:100%}.deck__arrow{width:var(--size-icon-small);height:var(--size-icon-small)}.deck__title{font-size:var(--font-size-deck-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3)}.deck__count{font-size:var(--font-size-caption);color:var(--deck-count-color);margin-top:auto}.deck__due{color:var(--text-primary)}.deck-shape{position:absolute;right:var(--card-padding);bottom:var(--card-padding);width:var(--size-shape-w);height:var(--size-shape-h);color:var(--deck-deep);opacity:var(--shape-opacity);pointer-events:none}.deck__more{position:absolute;top:var(--space-3);right:var(--space-3);width:var(--size-icon-button);height:var(--size-icon-button);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--text-primary)}.deck--skeleton{height:var(--size-deck-card);border-radius:var(--radius-deck);background:var(--color-surface-deep);opacity:.6}.toast{position:fixed;left:var(--gutter);right:var(--gutter);top:calc(env(safe-area-inset-top) + var(--space-3));z-index:var(--z-sheet);padding:var(--space-3) var(--space-4);border-radius:var(--radius-field);background:var(--color-foreground);color:var(--color-background);line-height:var(--line-height-body)}.deck,.sample-card,.deck--preview{--text-primary: var(--deck-ink, var(--ink));--deck-meta-color: var(--deck-ink-2, var(--ink-2));--deck-count-color: var(--deck-ink-2, var(--ink-2));color:var(--deck-ink, var(--ink))}.deck__more{color:var(--deck-ink, var(--ink))}.tag,.mark,.quiz-option.is-right,.quiz-option.is-wrong{color:var(--ink)}.btn--danger{color:var(--on-danger)}.menu{--text-primary: var(--color-foreground);color:var(--color-foreground)}.shuffle-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.shuffle-head .sheet__text{white-space:nowrap}.shuffle-head__all{white-space:nowrap;padding:0 var(--space-2)}.check-list{display:flex;flex-direction:column;gap:var(--space-2)}.shuffle-body{display:flex;flex-direction:column;gap:var(--space-4)}.shuffle-scroll{padding-bottom:var(--space-2)}.shuffle-body .sheet__actions{position:sticky;bottom:0;padding-bottom:var(--space-5)}.check-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-field);padding:0 var(--space-3) 0 var(--space-4);border-radius:var(--radius-field);background:var(--choice-bg);border:0;cursor:pointer}.check-row.is-on{background:color-mix(in srgb,var(--cta-bg) 8%,var(--choice-bg))}.check-row input{position:absolute;opacity:0;pointer-events:none}.check-row__dot{width:24px;height:24px;border-radius:var(--radius-pill);background:var(--deck-fill);flex:none}.check-row__title{flex:1;min-width:0;font-size:var(--font-size-button);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-row__box{width:24px;height:24px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent}.check-row.is-on .check-row__box{color:var(--text-primary)}.library-done{display:flex;flex-direction:column;gap:var(--space-4)}.account{gap:var(--space-6)}.account__group{display:flex;flex-direction:column;gap:var(--space-3)}.account__label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.account__email{font-size:var(--font-size-button)}.account__delete{color:var(--color-danger)}.account__confirm{display:flex;flex-direction:column;gap:var(--space-3)}.sortable-deck{touch-action:manipulation;cursor:grab}.sortable-deck.is-dragging{position:relative;z-index:5;cursor:grabbing}.sortable-deck.is-dragging .deck__surface{transform:scale(1.03);box-shadow:var(--shadow-menu)}.sheet--popup .sheet__actions,.shuffle-body .sheet__actions{isolation:isolate;background:transparent}.sheet--popup .sheet__actions:before,.shuffle-body .sheet__actions:before{content:"";position:absolute;z-index:-1;left:calc(var(--gutter) * -1);right:calc(var(--gutter) * -1);top:calc(var(--size-edge-fade) * -1.5);bottom:calc(var(--kb, 0px) * -1 - 40px);background:linear-gradient(to bottom,color-mix(in srgb,var(--card-bg) 0%,transparent),var(--card-bg) 45%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 40%);mask-image:linear-gradient(to bottom,transparent,#000 40%);pointer-events:none}.update-banner{position:fixed;z-index:calc(var(--z-sheet) + 10);top:calc(env(safe-area-inset-top) + var(--space-3));left:50%;translate:-50% 0;width:max-content;max-width:calc(100vw - var(--gutter) * 2);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--cta-bg);color:var(--cta-fg);box-shadow:var(--shadow-menu);font-size:var(--font-size-small)}.update-banner__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-banner__refresh{height:32px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--cta-fg);color:var(--cta-bg);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.update-banner__close{width:32px;height:32px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--cta-fg);opacity:.7}.update-banner__close .icon{width:var(--size-icon-small);height:var(--size-icon-small)}.home,.auth,.done{width:100%;max-width:var(--screen-max);margin:0 auto}.home{padding-top:calc(env(safe-area-inset-top) + var(--space-4));padding-bottom:calc(var(--size-button) + var(--space-10) + env(safe-area-inset-bottom))}.home__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--size-header);padding:0 var(--gutter)}.home__actions{position:relative;display:flex;align-items:center;gap:var(--space-2)}.home__title-row{display:flex;align-items:center;justify-content:space-between;padding-right:var(--space-2)}.home__title-row .home__title{flex:1}.home__done{font-weight:var(--font-weight-semibold)}.home__title{padding:var(--space-6) var(--gutter) var(--space-4);font-size:var(--font-size-small-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title)}.deck-list{position:relative;display:flex;flex-direction:column;gap:var(--space-5);padding:0 var(--gutter)}.home__cta{position:fixed;z-index:var(--z-sticky);left:0;right:0;bottom:0;max-width:var(--screen-max);margin:0 auto;padding:var(--space-4) var(--gutter) calc(var(--space-4) + env(safe-area-inset-bottom));pointer-events:none}.home__cta .btn{pointer-events:auto;transition:transform var(--duration-base) var(--ease-out),padding var(--duration-base) var(--ease-out)}.home__cta{transition:transform var(--duration-base) var(--ease-out)}.home__cta.is-compact{transform:scale(.9)}.home__header{position:relative}.home__logo{display:flex}.pill-slot{width:var(--size-search-pill);height:var(--size-icon-button);flex:none}.search-shell{position:absolute;right:var(--gutter);top:50%;height:var(--size-icon-button);margin-top:calc(var(--size-icon-button) / -2);width:var(--size-search-pill);border-radius:var(--radius-pill);border:0;background:var(--outer-button-bg);overflow:hidden;z-index:1;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.search-shell.is-open{background:var(--search-field-bg)}.search-shell>*{position:absolute;top:0;right:0;bottom:0;left:0}.search__content{display:flex;align-items:center;gap:var(--space-2);min-width:0;height:100%;padding:0 var(--space-1) 0 var(--space-4)}.search__icon{color:var(--text-secondary)}.search__input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:var(--font-size-button);-webkit-appearance:none;-moz-appearance:none;appearance:none}.search__input::placeholder{color:var(--text-tertiary)}.search__input::-webkit-search-cancel-button{-webkit-appearance:none}.search__cancel{padding:0 var(--space-3);color:var(--text-secondary);font-size:var(--font-size-small);white-space:nowrap}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-8) var(--space-6);border-radius:var(--radius-deck);border:1px dashed var(--grey-300)}.empty__title{font-size:var(--font-size-small-title);font-weight:var(--font-weight-bold)}.empty__body{color:var(--text-secondary);line-height:var(--line-height-body)}.empty .btn{width:auto;padding:0 var(--space-6);margin-top:var(--space-2)}.study{position:fixed;left:0;right:0;top:var(--vvtop, 0px);height:var(--vvh, 100dvh);display:flex;flex-direction:column;gap:var(--space-4);--study-side: max(var(--gutter), calc((100% - var(--screen-max)) / 2 + var(--gutter)));padding:calc(env(safe-area-inset-top) + var(--space-3)) var(--study-side) calc(var(--space-4) + var(--vv-bottom-inset, env(safe-area-inset-bottom)));overflow:hidden;touch-action:manipulation;background:var(--page-bg)}.study__nav{display:flex;align-items:center;gap:var(--space-4);flex:none}.progress{flex:1;height:var(--size-progress);border-radius:var(--radius-pill);background:var(--progress-track);overflow:hidden}.progress__fill{display:block;height:100%;background:var(--progress-fill);border-radius:inherit;transform-origin:left center;transform:scaleX(var(--progress));transition:transform var(--duration-base) var(--ease-out)}.study__count{min-width:3ch;text-align:right;font-size:var(--font-size-small);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.study__stage{position:relative;flex:1;min-height:0;display:flex;justify-content:center;align-items:flex-start;overflow:visible}.study__deck{position:relative}.study-card{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom center;--card-shadow: var(--shadow-card-behind)}.study-card.is-front{--card-shadow: var(--shadow-card)}.study-card.is-behind{pointer-events:none}.study__deck{perspective:var(--card-perspective)}.study-card__flipper{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.study-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:var(--card-padding);border-radius:var(--radius-card);background:var(--card-bg);box-shadow:var(--card-shadow);transition:box-shadow var(--duration-base) var(--ease-out);-webkit-backface-visibility:hidden;backface-visibility:hidden}.study-card__face--back{transform:rotateY(180deg)}.study-card__face>*{transition:opacity .12s linear}.study-card__face.is-hidden>*{opacity:0}.study-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--size-card-control);margin-bottom:var(--space-4);flex:none}.study-card__label{font-size:var(--font-size-caption);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skip{height:var(--size-card-control);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--inner-button-bg);font-size:var(--font-size-small);border:0}.icon-btn--card{width:var(--size-card-control);height:var(--size-card-control)}.study-card__body{--fs: var(--font-size-large-title);flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.study-card__prompt{flex:none;display:flex;flex-direction:column;max-height:55%;overflow:hidden}.study-card__prompt.has-picture{flex:1;align-items:center;justify-content:center;max-height:none}.study-card__prompt[data-fit="1"]{--fs: var(--font-size-fit-1)}.study-card__prompt[data-fit="2"]{--fs: var(--font-size-fit-2)}.study-card__prompt[data-fit="3"]{--fs: var(--font-size-fit-3)}.study-card__prompt[data-fit="4"]{--fs: var(--font-size-fit-4)}.study-card__prompt[data-fit="5"]{--fs: var(--font-size-fit-5)}.study-card__text{font-size:var(--fs)}.study-card__body[data-fit="1"]{--fs: var(--font-size-fit-1)}.study-card__body[data-fit="2"]{--fs: var(--font-size-fit-2)}.study-card__body[data-fit="3"]{--fs: var(--font-size-fit-3)}.study-card__body[data-fit="4"]{--fs: var(--font-size-fit-4)}.study-card__body[data-fit="5"]{--fs: var(--font-size-fit-5)}.study-card__text{font-size:var(--fs);font-weight:var(--font-weight-bold);line-height:1.22;letter-spacing:var(--letter-spacing-title);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;flex:none}.study-card__text+.study-card__text{margin-top:var(--space-3)}.study-card__text .line{display:block}.study-card__text--typed{color:var(--text-tertiary)}.study-card__text--typed.is-struck{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--deck-red-deep)}.mark{color:var(--ink);border-radius:var(--radius-mark);padding:0 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.mark--wrong{background:var(--mark-wrong-bg)}.mark--fix{background:var(--mark-fix-bg)}.study-card__input{flex:1;min-height:calc(var(--fs) * 1.2);overflow-y:auto;width:100%;margin:var(--space-4) 0 0;padding:0;border:0;outline:none;resize:none;background:transparent;font-size:var(--fs);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title);color:var(--text-tertiary);caret-color:var(--text-primary)}.study-card__input::placeholder,.study-card__input--static{color:var(--text-placeholder);opacity:1}.study-card__input:focus-visible{outline:none}.study-card__body.has-picture{align-items:center}.study-card__picture-wrap{flex:1;min-height:0;width:100%;max-height:var(--size-card-picture);display:flex;align-items:center;justify-content:center}.study-card__picture{display:block;max-width:70%;max-height:100%;width:auto;height:auto;user-select:none;-webkit-user-select:none}.study-card__picture.is-framed{outline:1px solid var(--picture-frame);outline-offset:0}.clock{height:100%;max-height:var(--size-card-picture);width:auto;aspect-ratio:1}.clock__face{fill:var(--card-bg);stroke:var(--text-primary);stroke-width:2}.clock__tick{stroke:var(--text-tertiary);stroke-width:1.5;stroke-linecap:round}.clock__tick.is-major{stroke:var(--text-primary);stroke-width:2.5}.clock__hand{stroke:var(--text-primary);stroke-linecap:round}.clock__hand--hour{stroke-width:4}.clock__hand--minute{stroke-width:2.5}.clock__pin{fill:var(--text-primary)}.study-card__body.has-picture .study-card__input{align-self:stretch}.study-card__picture-missing{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-tertiary);line-height:var(--line-height-body)}.choices-quiz{gap:var(--space-2)}.quiz-option{min-height:var(--size-quiz-option);padding:var(--space-3) var(--space-5);border-radius:var(--radius-field);background:var(--card-bg);border:1px solid var(--border-subtle);font-size:var(--font-size-button);line-height:var(--line-height-tight);text-align:left;color:var(--text-primary);transition:background var(--duration-fast),border-color var(--duration-fast),opacity var(--duration-base),transform var(--duration-fast) var(--ease-out)}.quiz-option:active:not(:disabled){transform:scale(.98)}.quiz-option:disabled{cursor:default}.quiz-option.is-right{background:var(--tag-correct-bg);border-color:var(--tag-correct-border)}.quiz-option.is-wrong{background:var(--tag-wrong-bg);border-color:var(--tag-wrong-border)}.quiz-option.is-dim{opacity:.45}.study-card__helper{margin-top:var(--space-2);font-size:var(--font-size-caption);line-height:var(--line-height-body);color:var(--text-tertiary)}.study-card__verdict{margin-top:var(--space-5);flex:none}.study__controls{flex:none;position:relative;min-height:var(--size-button);display:flex;flex-direction:column;justify-content:flex-end}.study__controls-set{display:flex;flex-direction:column;gap:var(--space-4)}.auth{position:fixed;left:0;right:0;top:var(--vvtop, 0px);height:var(--vvh, 100dvh);margin:0 auto;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + var(--space-4)) var(--gutter) calc(var(--vv-bottom-inset, env(safe-area-inset-bottom)) + var(--space-6))}.auth.is-typing .auth__form{margin-top:var(--space-4);padding-top:0}.auth__brand{min-height:var(--size-header);display:flex;align-items:center}.auth__form{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-10)}.auth__title{font-size:var(--font-size-large-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title)}.auth__lead{color:var(--text-secondary);font-size:var(--font-size-button);line-height:var(--line-height-body);margin-bottom:var(--space-2)}.auth__hint{color:var(--text-secondary);line-height:var(--line-height-body)}.auth>.auth__lead{margin-top:var(--space-10)}.done{min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + var(--space-4)) var(--gutter) calc(env(safe-area-inset-bottom) + var(--space-4))}.done__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center}.done__score{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title);font-variant-numeric:tabular-nums}.done__total{color:var(--text-tertiary)}.done__message{max-width:28ch;font-size:var(--font-size-button);line-height:var(--line-height-body);color:var(--text-secondary)}.done__center{position:relative}.done__score,.done__message{position:relative;z-index:1}.celebrate{position:fixed;left:50%;top:45%;width:0;height:0;pointer-events:none;z-index:0}.celebrate__card{position:absolute;left:calc(var(--size-confetti-w) / -2);top:calc(var(--size-confetti-h) / -2);width:var(--size-confetti-w);height:var(--size-confetti-h);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-confetti);background:var(--deck-fill);border:1px solid var(--deck-deep)}.celebrate__card .deck-shape{position:static;width:70%;height:70%;opacity:1}.done{overflow:visible}.crash{min-height:60dvh;max-width:var(--screen-max);margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--gutter)}.crash__title{font-size:var(--font-size-small-title);font-weight:var(--font-weight-bold)}.crash__text{color:var(--text-secondary);line-height:var(--line-height-body);margin-bottom:var(--space-3)}.reorder-list{display:flex;flex-direction:column;gap:var(--space-2)}.reorder-row{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-reorder-row);padding:0 var(--space-2) 0 var(--space-4);border-radius:var(--radius-field);background:var(--deck-fill);border:1px solid var(--deck-deep);color:var(--deck-ink);user-select:none;-webkit-user-select:none}.reorder-row.is-dragging{z-index:2;box-shadow:var(--shadow-menu)}.reorder-row__shape{width:var(--size-icon-button);height:var(--size-icon-button);color:var(--deck-deep);flex:none}.reorder-row__shape .deck-shape{position:static;width:100%;height:100%;opacity:1}.reorder-row__title{flex:1;min-width:0;font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reorder-row__handle{width:var(--size-icon-button);height:var(--size-icon-button);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--deck-ink);cursor:grab;touch-action:none}.reorder-row.is-dragging .reorder-row__handle{cursor:grabbing}@media (min-width: 720px){.home{max-width:var(--home-max)}.deck-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.deck-list>.empty,.deck-list>.deck--skeleton,.deck-list>.start,.deck-list .reorder-list{grid-column:1 / -1}.start{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}.home__cta{max-width:var(--home-max);display:flex;justify-content:center}.home__cta .btn{width:auto;min-width:240px;padding:0 var(--space-8)}.deck__surface{min-height:184px}.study__stage{flex:none;padding-bottom:calc(var(--stack-offset) * var(--stack-depth))}.study__controls{margin-top:var(--space-4)}.study-card__body{justify-content:center;align-items:center;text-align:center;gap:var(--space-8)}.study-card__body .study-card__text{max-width:100%}.study-card__body .study-card__text+.study-card__text{margin-top:calc(var(--space-3) - var(--space-8))}.study-card__input{margin-top:0;text-align:center}.study-card__picture-wrap{flex:none;height:var(--size-card-picture)}.study-card__helper{margin-top:calc(var(--space-2) - var(--space-8))}.study-card__verdict{margin-top:0}}@media (min-width: 720px) and (max-height: 820px) and (min-aspect-ratio: 11/10){.study{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:calc(var(--gutter) * 3);align-items:stretch}.study__nav{grid-column:1 / -1}.study__stage{grid-column:1;align-self:center;padding-bottom:0}.study__controls{grid-column:2;align-self:center;margin-top:0;max-width:92%}.study__controls .choices-quiz{gap:var(--space-3)}.study__deck{margin:0 auto}}.fixup__deck{position:relative;flex:none;width:100%;aspect-ratio:var(--card-ratio);max-height:var(--card-max-h);isolation:isolate}.fixup__deck:before,.fixup__deck:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--radius-card);background:var(--card-bg);box-shadow:var(--shadow-card-behind);transform-origin:bottom center}.fixup__deck:before{transform:translateY(calc(var(--stack-offset) * 2)) scale(calc(1 - var(--stack-scale-step) * 2))}.fixup__deck:after{transform:translateY(var(--stack-offset)) scale(calc(1 - var(--stack-scale-step)))}.fixup__card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:var(--card-padding);border-radius:var(--radius-card);background:var(--card-bg);box-shadow:var(--shadow-card)}.fixup__body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);text-align:center}.fixup__prompt{font-size:var(--font-size-large-title);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-title);line-height:1.22}.fixup__prompt.is-long{font-size:var(--font-size-fit-2)}.fixup__picture{display:flex;align-items:center;justify-content:center;height:var(--size-card-picture)}.fixup__picture .study-card__picture-wrap{height:100%}.fixup__answer{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);min-height:var(--size-tag)}.fixup__attempt{font-size:var(--font-size-fit-2);font-weight:var(--font-weight-bold);color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:var(--deck-red-deep);text-decoration-thickness:2px}.fixup__solution{font-size:var(--font-size-large-title);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-title);line-height:1.22}.fixup__bank{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) 0}.chip--bank{background:var(--card-bg);border-color:transparent}.chip--ghost{background:var(--color-surface-deep);border-color:transparent;color:transparent}.fixup__controls{flex:none}.chip--letter{min-width:var(--size-tag);justify-content:center;padding-left:var(--space-3);padding-right:var(--space-3)}.fixup__answer:has(.chip--letter){gap:var(--space-1)}.auth__waiting{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-small)}.auth__dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:authPulse 1.4s ease-in-out infinite}@keyframes authPulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.auth__dot{animation:none}}.auth .btn--secondary{background:var(--color-surface-deep)}.ds{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + var(--space-8)) var(--gutter) var(--space-10)}.ds-head{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.ds-head__title{font-size:var(--font-size-large-title);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-title)}.ds-head__text{color:var(--text-secondary);line-height:var(--line-height-body)}.ds-head code{font-size:var(--font-size-caption);background:var(--color-surface-deep);padding:1px var(--space-1);border-radius:var(--radius-mark)}.ds-section{padding:var(--space-6) 0;border-top:1px solid var(--color-surface-deep);display:flex;flex-direction:column;gap:var(--space-5)}.ds-section__title{font-size:var(--font-size-small-title);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-title)}.ds-group{display:flex;flex-direction:column;gap:var(--space-3)}.ds-group__title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.ds-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);grid-column:span 2}.ds-swatch{display:flex;flex-direction:column;gap:var(--space-1)}.ds-swatch__chip{height:var(--size-field);border-radius:var(--radius-field);border:1px solid var(--border-subtle)}.ds-swatch__name{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.ds-swatch__value,.ds-token{font-size:var(--font-size-caption);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.ds-type{display:flex;flex-direction:column;gap:var(--space-1)}.ds-type__meta{display:flex;gap:var(--space-3);align-items:baseline;font-size:var(--font-size-caption);color:var(--text-secondary)}.ds-space{display:flex;align-items:center;gap:var(--space-3)}.ds-space__bar{height:var(--space-3);background:var(--lime-100);border-radius:2px}.ds-radii{display:flex;flex-wrap:wrap;gap:var(--space-5)}.ds-radius{display:flex;flex-direction:column;gap:var(--space-2)}.ds-radius__box{width:72px;height:72px;background:var(--card-bg);border:1px solid var(--grey-200)}.ds-stack{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--screen-max)}.ds-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.ds-study{position:relative;height:240px;max-width:var(--screen-max)}.ds-shapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--space-3)}.ds-shape{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:var(--radius-field);background:var(--deck-fill);border:1px solid var(--deck-deep);color:var(--deck-deep)}.ds-shape .deck-shape{position:static;width:60%;height:60%;opacity:1}.ds-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--space-3)}.ds-icon{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;border-radius:var(--radius-field);background:var(--card-bg);font-size:var(--font-size-caption);color:var(--text-secondary)}.ds-phone-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);width:100%}.ds-phone-wrap .tabs{width:100%;max-width:420px}.ds-reload{width:auto;padding:0 var(--space-5)}.ds-device-slot{position:relative}.ds-device{position:absolute;left:0;top:0;box-sizing:content-box;transform-origin:top left;border:12px solid #0C0C0C;outline:1px solid var(--grey-200);background:var(--page-bg);overflow:hidden;box-shadow:0 30px 80px #00000040}.ds-device--phone{border-radius:56px}.ds-device--duo{border-radius:40px}.ds-device--tablet{border-radius:36px}.ds-device--desktop{border-radius:12px;border-color:var(--grey-200)}.ds-device__status{position:absolute;left:0;right:0;top:0;height:var(--top);display:flex;align-items:center;padding:0 var(--space-8);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ds-device__island{position:absolute;left:50%;top:11px;transform:translate(-50%);width:124px;height:36px;border-radius:20px;background:#000}.ds-device__bar{position:absolute;left:0;right:0;top:0;height:var(--top);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:var(--color-surface-deep);color:var(--text-secondary);font-size:var(--font-size-caption)}.ds-device__bar i{width:12px;height:12px;border-radius:50%;background:var(--grey-300)}.ds-device__bar span{margin:0 auto;padding:var(--space-1) var(--space-6);border-radius:var(--radius-pill);background:var(--color-background)}.ds-device__screen{position:absolute;left:0;right:0;top:var(--top);bottom:var(--bottom);width:100%;height:calc(100% - var(--top) - var(--bottom));border:0;background:var(--page-bg)}.ds-device__crease{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-1px);background:linear-gradient(to right,#0000000f,#ffffff14,#0000000f);pointer-events:none}.dash{max-width:820px;margin:0 auto;padding:calc(env(safe-area-inset-top) + var(--space-8)) var(--gutter) var(--space-10);display:flex;flex-direction:column;gap:var(--space-5)}.dash__title{font-size:var(--font-size-large-title);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-title)}.dash__muted{color:var(--text-secondary);line-height:var(--line-height-body)}.dash__muted code{background:var(--color-surface-deep);padding:1px 4px;border-radius:var(--radius-mark)}.dash__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.dash__stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-field);background:var(--card-bg);border:1px solid var(--border-subtle)}.dash__stat-value{font-size:var(--font-size-large-title);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.dash__stat-label{font-size:var(--font-size-caption);color:var(--text-secondary)}.dash__two{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 600px){.dash__two{grid-template-columns:1fr}}.dash__panel{padding:var(--space-5);border-radius:var(--radius-field);background:var(--card-bg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-3)}.dash__panel-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.dash__row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-button)}.dash__row-n{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.dash__funnel{display:flex;flex-direction:column;gap:var(--space-2)}.dash__funnel-head{display:flex;justify-content:space-between;font-size:var(--font-size-small)}.dash__track{height:8px;border-radius:var(--radius-pill);background:var(--color-surface-deep);overflow:hidden}.dash__fill{display:block;height:100%;background:var(--progress-fill);border-radius:inherit}.dash__spark{display:flex;align-items:flex-end;gap:4px;height:90px}.dash__bar{flex:1;background:var(--progress-fill);border-radius:2px 2px 0 0;min-height:4px}