@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: var(--font-lexend, "Lexend"), system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", ui-monospace, monospace;--text-caption: .875rem;--text-small: .9375rem;--text-body-sm: 1rem;--text-body: 1.125rem;--text-title: 1.25rem;--text-h3: 1.5rem;--text-h2: 2rem;--text-h1: clamp(2rem, 1.4rem + 2.2vw, 2.875rem);--text-display: clamp(2.5rem, 1.6rem + 3.6vw, 4rem);--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-body: 1.6;--leading-reading: 1.85;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--gutter: clamp(1rem, .4rem + 3vw, 4rem);--content-max: 71.5rem;--radius-sm: .4375rem;--radius: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-2xl: 1.75rem;--radius-pill: 999px;--dur-instant: 90ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .38s;--dur-slower: .6s;--dur-celebrate: 1.1s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .27, 1.55);--ease-rise: cubic-bezier(.16, 1, .3, 1);--brand-blue: #1a3ff7;--brand-cyan: #21caff;--brand-teal: #45c8bd;--brand-green: #3dbf5e;--platform-purple: #6d4ae8;--platform-amber: #ff9d00;--platform-emerald: #00af63;--gold: #ffd366;--coin: #ffc742;--coin-edge: #ffe68c;--coin-ink: #b77816;--reward-bg: #1f6fef;--reward-border: #656eac;--reward-halo-1: rgb(255 255 255 / 7%);--reward-halo-2: rgb(255 255 255 / 10%);--reward-text: #ffffff;--reward-soft: #eef1ff;--reward-chip: #1a5ecc;--reward-pill-bg: #1a1a2e;--reward-pill-text: #cbd3f2;--unlock-bg: #00a35c;--unlock-border: #488b7b;--unlock-eyebrow: #a6f5da;--unlock-text: #ffffff;--unlock-muted: #dff3ee;--unlock-badge: #62e0b1;--unlock-badge-ink: #174d3a;--promo-from: #1a3ff7;--promo-to: #21caff;--promo-border: #4489ff;--guide-bg: #1a5ecc;--guide-border: #403563}:root,:root[data-theme=dark]{color-scheme:dark;--color-canvas: #1a1a2e;--color-surface-login: rgb(19 32 59 / 44%);--color-surface-input: #0d172c;--color-surface-reading: #162145;--color-surface-card: #242640;--color-surface-hover: #2a304d;--color-surface-raised: #182138;--color-surface-sunken: #0b1120;--color-header: #1a1a2e;--color-header-border: rgb(33 202 255 / 12%);--color-border: #34435f;--color-border-subtle: #253044;--color-border-strong: #56647f;--color-action: #1a3ff7;--color-action-hover: #3456ff;--color-action-pressed: #1530c4;--color-action-disabled: #303852;--color-on-action: #ffffff;--color-text: #f0f4ff;--color-text-reading: #e6edf8;--color-text-secondary: #b5bfd5;--color-text-muted: #94a2bb;--color-text-disabled: #69738a;--color-text-on-media: #ffffff;--color-eyebrow: #21caff;--color-eyebrow-alt: #45c8bd;--color-score: #45c8bd;--color-success: #00af63;--color-error: #e23333;--color-warning: #ff9d00;--color-info: #2a7fff;--color-success-surface: #183c32;--color-error-surface: #402735;--color-warning-surface: #574027;--color-info-surface: #263c55;--color-success-text: #64e3aa;--color-error-text: #ff9c9c;--color-warning-text: #ffc46b;--color-info-text: #8cc0ff;--color-track: #3b3f5c;--color-track-strong: #454a67;--color-segment-done: #45c8bd;--color-segment-current: #21caff;--color-segment-todo: #25334c;--collection-forest: #183c32;--collection-lagoon: #244741;--collection-ocean: #254652;--collection-blue: #263c55;--collection-rose: #52374b;--collection-indigo: #343e60;--collection-sand: #574027;--collection-terracotta: #59352c;--collection-text: #ffffff;--collection-subtext: #d3dce6;--collection-panel: #162144;--stage-reading-bg: #3b3040;--stage-reading-accent: #ff9d00;--stage-reading-medal: #4d351c;--stage-warmup-bg: #39305a;--stage-warmup-accent: #9b7aff;--stage-warmup-border: #6d49e8;--stage-warmup-medal: #3f2d7a;--stage-challenge-bg: #24483f;--stage-challenge-accent: #45d794;--stage-challenge-border: #00af63;--stage-challenge-medal: #1b4d3a;--sort-1: #21caff;--sort-1-from: #142b3b;--sort-2: #45d794;--sort-2-from: #152d2c;--sort-3: #b494ff;--sort-3-from: #231e3c;--sort-4: #ffb64c;--sort-4-from: #2d2522;--sort-to: #141e30;--sort-border: #2a3952;--timer-bg: #29231f;--timer-border: #584020;--timer-text: #ffc46b;--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 10px 24px -8px rgb(0 0 0 / 55%);--shadow-lg: 0 20px 35px rgb(0 0 0 / 45%);--shadow-collection: 0 3px 8px -2px rgb(0 0 0 / 24%), 0 12px 24px -10px rgb(0 0 0 / 44%);--shadow-collection-hover: 0 4px 10px -3px rgb(0 0 0 / 28%), 0 16px 26px -12px rgb(0 0 0 / 52%);--shadow-glow: 0 0 0 4px rgb(33 202 255 / 18%);--color-focus: #21caff;--color-scrim: rgb(5 8 20 / 72%);--color-skeleton: #262a45;--color-skeleton-shine: #31365a;--media-fade: 26 26 46}:root[data-theme=light]{color-scheme:light;--color-canvas: #f4f6fd;--color-surface-login: #ffffff;--color-surface-input: #f6f8fd;--color-surface-reading: #fffdf7;--color-surface-card: #ffffff;--color-surface-hover: #eef2ff;--color-surface-raised: #ffffff;--color-surface-sunken: #eef1f8;--color-header: #ffffff;--color-header-border: #e1e7f3;--color-border: #c9d3e6;--color-border-subtle: #e1e7f3;--color-border-strong: #9aa8c3;--color-action: #1a3ff7;--color-action-hover: #3456ff;--color-action-pressed: #1530c4;--color-action-disabled: #c9d1e3;--color-on-action: #ffffff;--color-text: #141838;--color-text-reading: #1f2547;--color-text-secondary: #46506e;--color-text-muted: #5f6984;--color-text-disabled: #8f98ae;--color-text-on-media: #ffffff;--color-eyebrow: #0a6f9c;--color-eyebrow-alt: #0e7168;--color-score: #0e8a7f;--color-success: #00af63;--color-error: #d42a2a;--color-warning: #ff9d00;--color-info: #2a7fff;--color-success-surface: #e2f6ec;--color-error-surface: #fde8e8;--color-warning-surface: #fff1db;--color-info-surface: #e6f0ff;--color-success-text: #0b7243;--color-error-text: #b42020;--color-warning-text: #8a5300;--color-info-text: #1a5ecc;--color-track: #dfe4f0;--color-track-strong: #d3daea;--color-segment-done: #2bb3a8;--color-segment-current: #0a9fd6;--color-segment-todo: #dbe2ef;--collection-forest: #def2e8;--collection-lagoon: #dcf1ed;--collection-ocean: #dbeef3;--collection-blue: #e0eafa;--collection-rose: #f7e3ee;--collection-indigo: #e5e8f8;--collection-sand: #fbecd6;--collection-terracotta: #f9e2da;--collection-text: #141838;--collection-subtext: #46506e;--collection-panel: #e3e9ff;--stage-reading-bg: #fff4e2;--stage-reading-accent: #b86a00;--stage-reading-medal: #ffe2b3;--stage-warmup-bg: #f0ebff;--stage-warmup-accent: #5a34d6;--stage-warmup-border: #8f6cf0;--stage-warmup-medal: #ddd0ff;--stage-challenge-bg: #e3f6ed;--stage-challenge-accent: #0b7a4b;--stage-challenge-border: #00af63;--stage-challenge-medal: #bdeccf;--sort-1: #0aa6dd;--sort-1-from: #e4f6fd;--sort-2: #17a86a;--sort-2-from: #e3f6ed;--sort-3: #7b55e6;--sort-3-from: #efe9ff;--sort-4: #e08a00;--sort-4-from: #fff2de;--sort-to: #ffffff;--sort-border: #d6deee;--timer-bg: #fff3df;--timer-border: #f5cf93;--timer-text: #8a5300;--shadow-sm: 0 1px 2px rgb(20 24 56 / 8%);--shadow-md: 0 12px 24px -12px rgb(20 24 56 / 22%);--shadow-lg: 0 22px 40px -12px rgb(20 24 56 / 30%);--shadow-collection: 0 3px 8px -2px rgb(20 24 56 / 10%), 0 12px 24px -10px rgb(20 24 56 / 24%);--shadow-collection-hover: 0 4px 10px -3px rgb(20 24 56 / 14%), 0 16px 26px -12px rgb(20 24 56 / 30%);--shadow-glow: 0 0 0 4px rgb(26 63 247 / 14%);--color-focus: #1a3ff7;--color-scrim: rgb(20 24 56 / 45%);--color-skeleton: #e4e9f4;--color-skeleton-shine: #f2f5fb;--media-fade: 244 246 253}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);text-wrap:pretty;-webkit-font-smoothing:antialiased;transition:background-color var(--dur-slow) var(--ease-out),color var(--dur-slow) var(--ease-out)}:where(h1,h2,h3,h4,h5,h6,[role=heading]){text-wrap-style:balance}:where(input,textarea,pre,code,kbd,samp){text-wrap-style:auto}img{max-width:100%}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:#21caff59}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ui-shell{width:min(48rem,calc(100% - 2rem));margin:0 auto;padding:var(--space-6) 0 var(--space-6)}.ui-stack{display:grid;gap:var(--space-4)}.ui-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.ui-muted{color:var(--color-text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-icon{display:inline-block;flex:none;width:var(--icon-size);height:var(--icon-size);background:currentColor;-webkit-mask:var(--icon-src) center / contain no-repeat;mask:var(--icon-src) center / contain no-repeat}.ui-flip-y{transform:scaleY(-1)}.ui-alert__title,.ui-sortable__label,.ui-button__label{text-wrap-style:balance}.ui-eyebrow{margin:0;color:var(--color-eyebrow);font-size:var(--text-small);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.ui-eyebrow--alt{color:var(--color-eyebrow-alt)}.ui-button{--btn-bg: var(--color-action);--btn-fg: var(--color-on-action);--btn-border: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:3rem;padding:0 var(--space-5);border:1px solid var(--btn-border);border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.ui-button--sm{min-height:2.625rem;padding:0 var(--space-4)}.ui-button--lg{min-height:3.375rem;padding:0 var(--space-5)}.ui-button--block{width:100%}.ui-button--primary:hover{--btn-bg: var(--color-action-hover);box-shadow:0 8px 20px -8px #1a3ff7b3;transform:translateY(-1px)}.ui-button--primary:active{--btn-bg: var(--color-action-pressed)}.ui-button--secondary{--btn-bg: transparent;--btn-fg: var(--color-text-secondary);--btn-border: var(--color-border)}.ui-button--secondary:hover{--btn-bg: var(--color-surface-hover);--btn-fg: var(--color-text);--btn-border: var(--color-border-strong)}.ui-button--ghost{--btn-bg: transparent;--btn-fg: var(--color-text);min-height:2.25rem}.ui-button--ghost:hover{--btn-bg: var(--color-surface-hover)}.ui-button--sunken{--btn-bg: var(--color-surface-sunken);--btn-fg: var(--color-text-secondary);--btn-border: var(--color-border-subtle)}.ui-button--sunken:hover{--btn-fg: var(--color-text);--btn-border: var(--color-border-strong)}.ui-button--warning{--btn-bg: var(--platform-amber);--btn-fg: #44300f}.ui-button--warning:hover{--btn-bg: #ffb02e;transform:translateY(-1px)}.ui-button:active{transform:translateY(0) scale(.97);transition-duration:var(--dur-instant)}.ui-button:disabled,.ui-button[aria-disabled=true]{--btn-bg: var(--color-action-disabled);--btn-fg: var(--color-text-disabled);--btn-border: transparent;box-shadow:none;transform:none;cursor:not-allowed}.ui-button[data-loading]{cursor:progress}.ui-button[data-loading] .ui-button__label{opacity:.85}.ui-button__icon{transition:transform var(--dur-base) var(--ease-spring)}.ui-button:hover .ui-button__icon--end{transform:translate(3px)}.ui-button:hover .ui-button__icon:not(.ui-button__icon--end){transform:scale(1.12)}.ui-button__spinner{width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .7s linear infinite}.ui-icon-button{display:inline-grid;place-items:center;width:2.625rem;height:2.625rem;padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-canvas);color:var(--brand-cyan);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring),opacity var(--dur-fast) var(--ease-out)}:root[data-theme=light] .ui-icon-button{color:var(--color-action)}.ui-icon-button--sm{width:2.25rem;height:2.25rem}.ui-icon-button--soft{border-color:var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-secondary)}.ui-icon-button:hover:not(:disabled){border-color:var(--brand-cyan);background:var(--color-surface-hover);transform:scale(1.06)}.ui-icon-button:active:not(:disabled){transform:scale(.92)}.ui-icon-button:disabled{opacity:.35;cursor:default}.ui-field{display:grid;gap:var(--space-2)}.ui-field__label{color:var(--color-text);font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.ui-field__control{position:relative;display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-input);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.ui-field__control:hover{border-color:var(--color-border-strong)}.ui-field__control:focus-within{border-color:var(--brand-cyan);box-shadow:var(--shadow-glow)}.ui-field__input{width:100%;min-height:3.5rem;padding:0 var(--space-4);border:0;border-radius:inherit;background:transparent;color:var(--color-text);font:inherit;font-size:var(--text-body-sm)}.ui-field__input::placeholder{color:var(--color-text-muted)}.ui-field__input:focus{outline:none}.ui-field__textarea{display:block;min-height:7rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-input);resize:vertical;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.ui-field__textarea:hover{border-color:var(--color-border-strong)}.ui-field__textarea:focus{border-color:var(--brand-cyan);box-shadow:var(--shadow-glow);outline:none}.ui-field__trailing{display:flex;padding-right:var(--space-2)}.ui-field__reveal{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.ui-field__reveal:hover{background:var(--color-surface-hover);color:var(--color-text)}.ui-field__reveal:active{transform:scale(.88)}.ui-field__hint{margin:0;color:var(--color-text-muted);font-size:var(--text-small)}.ui-field__error{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-error-text);font-size:var(--text-small);animation:ui-fade-up var(--dur-base) var(--ease-out)}.ui-field--invalid .ui-field__control{border-color:var(--color-error);animation:ui-shake .36s var(--ease-out)}.ui-theme-toggle{position:relative;width:4.3125rem;height:2.25rem;padding:0;overflow:hidden;border:1px solid #96cbf3;border-radius:var(--radius-pill);background:#92d2f5;cursor:pointer;isolation:isolate;transition:border-color var(--dur-slow) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.ui-theme-toggle:hover{box-shadow:0 0 0 4px #92d2f54d}.ui-theme-toggle:active{transform:scale(.95)}.ui-theme-toggle[data-theme-state=dark]{border-color:var(--brand-blue)}.ui-theme-toggle[data-theme-state=dark]:hover{box-shadow:0 0 0 4px #1a3ff759}.ui-theme-toggle__sky,.ui-theme-toggle__clouds{position:absolute;inset:0;background-position:center;background-size:cover;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slower) var(--ease-out)}.ui-theme-toggle__sky--day{background-image:url(/leomil/tema/cielo-dia.png)}.ui-theme-toggle__clouds{z-index:1;background-image:url(/leomil/tema/nubes.png)}.ui-theme-toggle__sky--night{z-index:2;background:#1e0d37 url(/leomil/tema/cielo-noche.png) center / cover;opacity:0}.ui-theme-toggle[data-theme-state=dark] .ui-theme-toggle__sky--night{opacity:1}.ui-theme-toggle[data-theme-state=dark] .ui-theme-toggle__clouds{opacity:0;transform:translate(-40%)}.ui-theme-toggle__knob{position:absolute;z-index:3;top:2px;left:2px;width:1.875rem;height:1.875rem;border-radius:50%;transform:translate(2.0625rem);transition:transform var(--dur-slow) var(--ease-spring)}.ui-theme-toggle[data-theme-state=dark] .ui-theme-toggle__knob{transform:translate(0) rotate(-360deg)}.ui-theme-toggle__sun,.ui-theme-toggle__moon{position:absolute;inset:0;border-radius:50%;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-slow) var(--ease-spring)}.ui-theme-toggle__sun{background:#ffce33;box-shadow:0 0 10px 2px #ffce338c}.ui-theme-toggle__moon{background:#fff url(/leomil/tema/luna.png) center bottom / cover;opacity:0;transform:scale(.6)}.ui-theme-toggle[data-theme-state=dark] .ui-theme-toggle__sun{opacity:0;transform:scale(.6)}.ui-theme-toggle[data-theme-state=dark] .ui-theme-toggle__moon{opacity:1;transform:scale(1)}.ui-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--color-header-border);background:color-mix(in srgb,var(--color-header) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}.ui-header__inner{display:flex;align-items:center;gap:var(--space-6);max-width:82rem;min-height:5.375rem;margin:0 auto;padding:0 var(--gutter)}.ui-header__logo{flex:none}.ui-header__nav{flex:1;align-self:stretch;min-width:0}.ui-header__nav ul{display:flex;height:100%;margin:0;padding:0;gap:var(--space-2);list-style:none}.ui-header__nav li{display:flex}.ui-nav-item{position:relative;display:flex;align-items:center;padding:0 var(--space-5);color:var(--color-text-secondary);font-size:var(--text-body-sm);text-decoration:none;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out)}.ui-nav-item:after{content:"";position:absolute;right:var(--space-3);bottom:-1px;left:var(--space-3);height:3px;border-radius:2px;background:var(--brand-cyan);transform:scaleX(0);transition:transform var(--dur-base) var(--ease-spring)}a.ui-nav-item:hover{color:var(--color-text)}a.ui-nav-item:hover:after{transform:scaleX(.4)}.ui-nav-item[aria-current=page]{color:var(--color-text);font-weight:var(--weight-semibold)}.ui-nav-item[aria-current=page]:after{transform:scaleX(1)}.ui-nav-item--soon{cursor:default}.ui-header__end{display:flex;flex:none;align-items:center;gap:var(--space-5)}.ui-avatar{display:inline-grid;flex:none;place-items:center;border-radius:50%;background:#293c69;color:#a3dfff;font-size:var(--text-body-sm)}:root[data-theme=light] .ui-avatar{background:#dfe8ff;color:#1a3ff7}.ui-profile{display:flex;align-items:center;gap:var(--space-3)}.ui-profile__text{display:grid;gap:.25rem;line-height:var(--leading-tight)}.ui-profile__name{font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.ui-profile__detail{color:var(--color-text-muted);font-size:var(--text-small)}@media(max-width:64rem){.ui-header__inner{flex-wrap:wrap;gap:var(--space-3) var(--space-4);padding-top:var(--space-3)}.ui-header__end{margin-left:auto}.ui-header__nav{order:3;flex-basis:100%;margin:0 calc(-1 * var(--gutter));overflow-x:auto;scrollbar-width:none}.ui-header__nav ul{padding:0 calc(var(--gutter) - var(--space-4))}.ui-nav-item{min-height:2.75rem;padding:0 var(--space-4)}}@media(max-width:30rem){.ui-profile__text{display:none}}.ui-chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-chip{min-height:2.5rem;padding:0 var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.ui-chip:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.ui-chip:active{transform:scale(.95)}.ui-chip--selected{border-color:var(--color-action);background:var(--color-action);color:var(--color-on-action);animation:ui-pop var(--dur-slow) var(--ease-spring)}.ui-badge{--badge-bg: var(--color-surface-hover);--badge-fg: var(--color-text);display:inline-flex;align-items:center;gap:.3rem;width:fit-content;min-height:1.75rem;padding:0 .5625rem;border-radius:var(--radius-sm);background:var(--badge-bg);color:var(--badge-fg);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}.ui-badge--pill{min-height:2rem;padding:0 var(--space-4);border-radius:var(--radius-pill)}.ui-badge--challenge,.ui-badge--warning{--badge-bg: var(--platform-amber);--badge-fg: #3d2600}.ui-badge--done,.ui-badge--success{--badge-bg: var(--platform-emerald);--badge-fg: #032b18}.ui-badge--todo{--badge-bg: var(--platform-purple);--badge-fg: #ffffff}.ui-badge--info{--badge-bg: var(--brand-cyan);--badge-fg: #0c3442}.ui-badge--teal{--badge-bg: var(--brand-teal);--badge-fg: #082c2b}.ui-badge--lime{--badge-bg: #8cbb00;--badge-fg: #1d2600}.ui-reading-card{position:relative;display:grid;grid-template-rows:auto 1fr;height:100%;min-height:20.875rem;overflow:hidden;border-radius:1.0625rem;color:var(--collection-text);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.ui-reading-card--link{cursor:pointer}.ui-reading-card--link:hover,.ui-reading-card--link:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-md)}.ui-reading-card--link:active{transform:translateY(-1px) scale(.99)}.ui-reading-card__media{position:relative;aspect-ratio:315 / 175.5;overflow:hidden;background:var(--color-skeleton)}.ui-reading-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slower) var(--ease-out)}.ui-reading-card--link:hover .ui-reading-card__media img{transform:scale(1.06)}.ui-reading-card__status{position:absolute;top:var(--space-3);left:var(--space-3);transition:transform var(--dur-base) var(--ease-spring)}.ui-reading-card--link:hover .ui-reading-card__status{transform:rotate(-3deg) scale(1.06)}.ui-reading-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) 1.0625rem 1.375rem}.ui-reading-card__title{margin:0;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.ui-reading-card__link{color:inherit;text-decoration:none}.ui-reading-card__link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.ui-reading-card__link:focus-visible{outline:none}.ui-reading-card:has(.ui-reading-card__link:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.ui-reading-card__collection{margin:0;color:var(--collection-subtext);font-size:var(--text-small);font-weight:var(--weight-bold)}.ui-reading-card__footer{display:flex;align-items:center;justify-content:space-between;min-height:1.5rem;margin-top:auto;color:var(--collection-subtext);font-size:var(--text-caption)}.ui-reading-card__check{color:var(--brand-green);animation:ui-pop var(--dur-slow) var(--ease-spring) both}.ui-reading-card__bar{height:4px;overflow:hidden;border-radius:var(--radius-pill);background:#ffffff1f}:root[data-theme=light] .ui-reading-card__bar{background:#1418381a}.ui-reading-card__bar span{display:block;height:100%;border-radius:inherit;background:var(--brand-green);transform-origin:left;transition:transform var(--dur-slower) var(--ease-out)}.ui-reading-card--skeleton{background:var(--color-surface-card)}.ui-collection-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:263 / 332;padding:1rem;color:#fff;transition:transform var(--dur-base) var(--ease-spring)}.ui-collection-card__stack span{position:absolute;inset:-.3rem .4rem auto;height:95%;border-radius:1.25rem;background:#ffffff1a;transition:transform var(--dur-slow) var(--ease-spring)}.ui-collection-card__stack span+span{inset:-.6rem .8rem auto;background:#ffffff0f}.ui-collection-card--link:is(:hover,:focus-within){transform:translateY(-5px)}.ui-collection-card--link:is(:hover,:focus-within) .ui-collection-card__stack span{transform:translateY(-2px) rotate(-1deg)}.ui-collection-card--link:is(:hover,:focus-within) .ui-collection-card__stack span+span{transform:translateY(-4px) rotate(1deg)}.ui-collection-card--link:active{transform:translateY(-1px) scale(.985)}.ui-collection-card__media{position:absolute;inset:0;overflow:hidden;border-radius:1.3125rem;box-shadow:var(--shadow-collection);transition:box-shadow var(--dur-base) var(--ease-out)}.ui-collection-card--link:is(:hover,:focus-within) .ui-collection-card__media{box-shadow:var(--shadow-collection-hover)}.ui-collection-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slower) var(--ease-out)}.ui-collection-card--link:is(:hover,:focus-within) .ui-collection-card__media img{transform:scale(1.025)}.ui-collection-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgb(12 22 52 / 88%) 55%,#17255a 100%)}.ui-collection-card__body{display:grid;z-index:1;gap:.35rem}.ui-collection-card__title{margin:0;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);overflow-wrap:anywhere}.ui-collection-card__link{color:inherit;text-decoration:none}.ui-collection-card__link:after{content:"";position:absolute;inset:0;z-index:1}.ui-collection-card__link:focus-visible{outline:none}.ui-collection-card:has(.ui-collection-card__link:focus-visible) .ui-collection-card__media{outline:3px solid var(--color-focus);outline-offset:3px}.ui-collection-card__count,.ui-collection-card__done{margin:0;color:#d3deeb;font-size:var(--text-small)}.ui-collection-card__count{font-weight:800}.ui-collection-card__count:empty{display:none}.ui-collection-card__done{margin-top:.6rem}.ui-carousel{display:grid;gap:var(--space-5)}.ui-carousel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.ui-carousel__title{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);margin:0;font-size:var(--text-title);font-weight:var(--weight-semibold)}.ui-carousel__meta{color:var(--color-text-muted);font-size:var(--text-small);font-weight:var(--weight-regular)}.ui-carousel__controls{display:flex;flex:none;gap:var(--space-2)}.ui-carousel__controls .ui-icon-button svg{transition:transform var(--dur-base) var(--ease-spring)}.ui-carousel__controls .ui-icon-button:first-child:hover:not(:disabled) svg{transform:translate(-2px)}.ui-carousel__controls .ui-icon-button:last-child:hover:not(:disabled) svg{transform:translate(2px)}.ui-carousel__track{display:grid;grid-auto-columns:minmax(15rem,calc((100% - 3.375rem)/4));grid-auto-flow:column;gap:1.125rem;margin:-3rem -2.25rem;padding:3rem 2.25rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-padding-inline:2.25rem;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.ui-carousel__track::-webkit-scrollbar{display:none}.ui-carousel__item{scroll-snap-align:start}.ui-dots{display:flex;align-items:center;gap:.625rem}.ui-dots__dot{width:7px;height:7px;padding:0;border:0;border-radius:4px;background:#687c8e;cursor:pointer;transition:width var(--dur-slow) var(--ease-spring),background-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.ui-dots__dot--active{width:24px;background:var(--brand-cyan)}button.ui-dots__dot{position:relative}button.ui-dots__dot:hover{background:var(--brand-cyan);transform:scale(1.15)}button.ui-dots__dot:active{transform:scale(.9)}button.ui-dots__dot:before{content:"";position:absolute;inset:-10px -4px}@media(prefers-reduced-motion:reduce){.ui-collection-card--link:is(:hover,:focus-within,:active),.ui-collection-card--link:is(:hover,:focus-within) .ui-collection-card__stack span,.ui-collection-card--link:is(:hover,:focus-within) .ui-collection-card__stack span+span,.ui-collection-card--link:is(:hover,:focus-within) .ui-collection-card__media img,.ui-carousel__controls .ui-icon-button:hover:not(:disabled) svg,button.ui-dots__dot:is(:hover,:active){transform:none}}.ui-progress{height:7px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-track)}.ui-progress--sm{height:5px}.ui-progress--lg{height:10px;background:var(--color-track-strong)}.ui-progress__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-teal),#67e3d5);transform-origin:left;transition:transform 1.1s var(--ease-out) .15s}.ui-progress--success .ui-progress__fill{background:var(--brand-green)}.ui-segments{display:grid;gap:var(--space-3);min-width:0}.ui-segments__bar{display:flex;gap:var(--space-2)}.ui-segments__segment{flex:1;height:5px;border-radius:3px;background:var(--color-segment-todo);transition:background-color var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-spring)}.ui-segments[data-visible] .ui-segments__segment--done{background:var(--color-segment-done)}.ui-segments[data-visible] .ui-segments__segment--current{background:var(--color-segment-current);animation:ui-glow 2.4s var(--ease-in-out) .6s infinite}.ui-segments__caption{margin:0;color:var(--color-text-muted);font-size:var(--text-small);text-align:center}.ui-stage{--stage-bg: var(--stage-reading-bg);--stage-accent: var(--stage-reading-accent);--stage-border: var(--platform-amber);--stage-medal: var(--stage-reading-medal);position:relative;display:flex;flex-direction:column;align-items:center;padding:1.3rem 1.375rem 1.2rem;border:1px solid var(--stage-border);border-radius:var(--radius-lg);background:var(--stage-bg);color:var(--color-text);text-align:center;text-decoration:none;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.ui-stage--warmup{--stage-bg: var(--stage-warmup-bg);--stage-accent: var(--stage-warmup-accent);--stage-border: var(--stage-warmup-border);--stage-medal: var(--stage-warmup-medal)}.ui-stage--challenge{--stage-bg: var(--stage-challenge-bg);--stage-accent: var(--stage-challenge-accent);--stage-border: var(--stage-challenge-border);--stage-medal: var(--stage-challenge-medal)}a.ui-stage:hover{transform:translateY(-4px);box-shadow:0 16px 30px -14px var(--stage-border)}a.ui-stage:hover .ui-stage__medal{transform:rotate(18deg) scale(1.06)}.ui-stage--locked:hover .ui-stage__state .ui-icon{animation:ui-wiggle .42s var(--ease-out)}.ui-stage__top{display:flex;align-self:stretch;align-items:center;justify-content:space-between}.ui-stage__eyebrow{color:var(--stage-accent);font-size:var(--text-caption);font-weight:var(--weight-semibold)}.ui-stage__state{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-muted);font-size:var(--text-caption)}.ui-stage--completed .ui-stage__state{color:var(--color-success-text)}.ui-stage__medal{position:relative;display:grid;place-items:center;width:86px;height:86px;margin:1.2rem 0 .9rem;transition:transform var(--dur-slow) var(--ease-spring)}.ui-stage__medal:before,.ui-stage__medal:after{content:"";position:absolute;-webkit-mask:url(/leomil/detalle/medalla-1.svg) center / contain no-repeat;mask:url(/leomil/detalle/medalla-1.svg) center / contain no-repeat}.ui-stage__medal:before{inset:0;background:var(--stage-accent)}.ui-stage__medal:after{inset:1.5px;background:var(--stage-medal)}.ui-stage__medal span{position:relative;z-index:1;color:var(--stage-accent);font-size:2.375rem;font-weight:var(--weight-semibold);line-height:1}.ui-stage__title{margin:0;font-size:var(--text-title);font-weight:var(--weight-semibold)}.ui-stage__description{margin:.6rem 0 0;color:var(--color-text-secondary);font-size:var(--text-small);line-height:1.7}.ui-stage__divider{align-self:stretch;height:1px;margin:auto 0 0;padding-top:var(--space-5);border-bottom:1px solid color-mix(in srgb,var(--stage-border) 25%,transparent)}.ui-stage__points{align-self:flex-start;margin:1rem 0 0;color:var(--stage-accent);font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.ui-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--color-surface-hover);color:var(--color-text);font-size:var(--text-small);animation:ui-fade-up var(--dur-slow) var(--ease-out)}.ui-alert__icon{margin-top:1px;color:var(--brand-cyan)}.ui-alert--info{background:color-mix(in srgb,var(--color-info-surface) 75%,var(--color-surface-hover))}.ui-alert--info .ui-alert__icon{color:var(--color-info-text)}.ui-alert--success{background:var(--color-success-surface)}.ui-alert--success .ui-alert__icon{color:var(--color-success-text)}.ui-alert--warning{background:var(--color-warning-surface)}.ui-alert--warning .ui-alert__icon{color:var(--color-warning-text)}.ui-alert--danger{background:var(--color-error-surface)}.ui-alert--danger .ui-alert__icon{color:var(--color-error-text)}.ui-alert__title{margin:0 0 .2rem;font-weight:var(--weight-semibold)}.ui-note,.ui-icon-line{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-text-muted);font-size:var(--text-small)}.ui-note--warning .ui-icon,.ui-icon-line .ui-icon{color:var(--platform-amber)}.ui-note--info .ui-icon{color:var(--brand-cyan)}.ui-summary{display:grid;align-content:start;gap:var(--space-3);padding:1.6rem var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-card)}.ui-summary__title{margin:0;font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.ui-summary__score{display:flex;align-items:center;gap:var(--space-4);margin:0}.ui-summary__value{color:var(--color-score);font-size:3rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);line-height:1}.ui-summary__of{color:var(--color-text-muted);font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.ui-summary__caption{margin:0;color:var(--color-text-muted);font-size:var(--text-small)}.ui-summary__note{margin-top:var(--space-2)}.ui-summary--compact{gap:var(--space-2)}.ui-summary--compact .ui-summary__value{color:#67e3d5;font-size:2.5rem}:root[data-theme=light] .ui-summary--compact .ui-summary__value{color:var(--color-score)}.ui-summary--compact .ui-summary__of{font-size:var(--text-small);font-weight:var(--weight-regular)}.ui-summary--compact .ui-summary__bar{max-width:16.75rem;margin-bottom:var(--space-4)}.ui-promo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr);min-height:15.3rem;overflow:hidden;border:1px solid var(--promo-border);border-radius:1.375rem;background:linear-gradient(90deg,var(--promo-from),var(--promo-to));color:#fff}.ui-promo__text{position:relative;z-index:1;padding:1.8rem 2.5rem}.ui-promo__eyebrow{margin:0 0 .5rem;color:#c2f1ff;font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.04em}.ui-promo__title{margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,1.875rem);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.ui-promo__title span{color:#9ff9df}.ui-promo__body{max-width:30rem;margin:.9rem 0 1.2rem;color:#e8efff;font-size:var(--text-small)}.ui-promo__ribbon{position:relative;display:inline-block;margin:0;padding:.45rem .65rem;background:#c4fff0;color:#102b51;font-size:var(--text-caption);font-weight:var(--weight-semibold)}.ui-promo__ribbon:before,.ui-promo__ribbon:after{content:"";position:absolute;top:50%;width:17px;height:16px;background:url(/leomil/detalle/cinta-izquierda.svg) center / contain no-repeat;translate:0 -50%}.ui-promo__ribbon:before{right:100%;margin-right:-6px;z-index:-1}.ui-promo__ribbon:after{left:100%;margin-left:-6px;z-index:-1;scale:-1 1}.ui-promo__art{position:relative}.ui-promo__ring{position:absolute;top:-5.4rem;left:0;width:25rem;height:25rem;border:65px solid rgb(69 200 189 / 40%);border-radius:50%}.ui-promo__media{position:absolute;bottom:-1rem;left:-2.5rem;width:17.8rem;animation:ui-float 5s var(--ease-in-out) infinite}.ui-promo__media img{width:100%;height:auto}.ui-guide{position:relative;min-height:17.4rem;overflow:hidden;padding:2.5rem var(--space-5) var(--space-5);border:1px solid var(--guide-border);border-radius:var(--radius-xl);background:var(--guide-bg);color:#fff}.ui-guide__eyebrow{margin:0 0 .4rem;color:#6fe0ff;font-size:var(--text-caption);font-weight:var(--weight-semibold)}.ui-guide__title{position:relative;z-index:1;max-width:15rem;margin:0;font-size:1.5625rem;font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.ui-guide__body{position:relative;z-index:1;max-width:11.8rem;margin:.9rem 0 0;font-size:var(--text-small);line-height:1.85}.ui-guide__media{position:absolute;right:-1.2rem;bottom:-1.5rem;width:13.7rem;transform-origin:bottom center;animation:ui-breathe 4.2s var(--ease-in-out) infinite}.ui-guide__media img{width:100%;height:auto}@media(max-width:48rem){.ui-promo{grid-template-columns:1fr}.ui-promo__text{padding:var(--space-5);padding-bottom:9rem}.ui-promo__art{position:absolute;right:-2rem;bottom:0;width:13rem;height:10rem}.ui-promo__ring{display:none}.ui-promo__media{left:auto;right:0;width:12rem}}.ui-sortable__list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.ui-sortable__item{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:4.875rem;padding:var(--space-3) 1.25rem var(--space-3) var(--space-3);border:1px solid var(--sort-border);border-radius:.9375rem;background:linear-gradient(90deg,var(--from),var(--sort-to));cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform}.ui-sortable__item:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--sort-border))}.ui-sortable__item--shifting{transition:transform var(--dur-base) var(--ease-out)}.ui-sortable__item--dragging{z-index:2;border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);cursor:grabbing;transition:box-shadow var(--dur-base) var(--ease-out)}.ui-sortable__accent{position:absolute;top:1.0625rem;bottom:1.0625rem;left:-1px;width:3px;border-radius:2px;background:var(--accent);transition:transform var(--dur-base) var(--ease-spring)}.ui-sortable__item--dragging .ui-sortable__accent{transform:scaleY(1.25)}.ui-sortable__handle{display:grid;place-items:center;width:2.25rem;height:2.75rem;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:grab;touch-action:none;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ui-sortable__handle:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.ui-sortable__position{display:grid;flex:none;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-small);font-weight:var(--weight-medium);animation:ui-pop var(--dur-slow) var(--ease-spring)}.ui-sortable__position.is-bumped{border-color:var(--accent);color:var(--accent)}.ui-sortable__label{flex:1;min-width:0;color:var(--color-text);font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.ui-sortable__arrows{display:flex;flex:none;gap:5px}.ui-sortable__arrow{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-border-subtle);border-radius:50%;background:var(--color-surface-raised);color:#90a3c4;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring)}:root[data-theme=light] .ui-sortable__arrow{color:var(--color-text-secondary)}.ui-sortable__arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:scale(1.08)}.ui-sortable__arrow:active:not(:disabled){transform:scale(.9)}.ui-sortable__arrow:disabled{opacity:.35;cursor:default}.ui-timer,.ui-duration,.ui-elapsed-timer{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.ui-timer,.ui-elapsed-timer{min-height:2.5rem;padding:0 .85rem;border:1px solid var(--timer-border);border-radius:var(--radius-pill);background:var(--timer-bg);color:var(--timer-text);font-size:var(--text-small);font-variant-numeric:tabular-nums}.ui-timer--low{animation:ui-heartbeat 1.6s var(--ease-in-out) infinite}.ui-duration{min-height:2rem;padding:0 1.2rem;border-radius:var(--radius);background:var(--reward-pill-bg);color:var(--reward-pill-text);font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.ui-reward{position:relative;min-height:34.4rem;overflow:hidden;border:1px solid var(--reward-border);border-radius:var(--radius-2xl);background:var(--reward-bg);color:var(--reward-text)}.ui-reward__halo{position:absolute;top:1.3rem;left:50%;width:31rem;height:31rem;background:url(/leomil/recompensa/halo.svg) center / contain no-repeat;opacity:0;transform:translate(-50%) scale(.6);transition:opacity var(--dur-slower) var(--ease-out),transform .9s var(--ease-spring)}.ui-reward.is-visible .ui-reward__halo{opacity:.55;transform:translate(-50%) scale(1)}.ui-reward__confetti span{position:absolute;width:6px;height:13px;border-radius:2px;opacity:0;transform:translate(var(--from-x),var(--from-y)) rotate(0) scale(.2)}.ui-reward.is-visible .ui-reward__confetti span{animation:ui-confetti-burst .9s var(--ease-out) var(--delay) forwards,ui-confetti-sway var(--sway) var(--ease-in-out) calc(var(--delay) + .9s) infinite}.ui-reward__coin{position:absolute;display:grid;place-items:center;border:3px solid var(--coin-edge);border-radius:50%;background:var(--coin);color:var(--coin-ink);line-height:1;box-shadow:0 6px 14px -4px #00000059;opacity:0;transform:scale(0)}.ui-reward.is-visible .ui-reward__coin{animation:ui-coin-in .7s var(--ease-spring) var(--delay) forwards,ui-float 3.6s var(--ease-in-out) calc(var(--delay) + .7s) infinite}.ui-reward__mascot{position:absolute;right:-1px;bottom:.5rem;width:12.8rem;transform-origin:bottom center;opacity:0}.ui-reward.is-visible .ui-reward__mascot{animation:ui-slide-in-right .7s var(--ease-spring) .5s forwards,ui-breathe 3.8s var(--ease-in-out) 1.4s infinite}.ui-reward__mascot img{width:100%;height:auto}.ui-reward__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:1.8rem var(--space-5) 2.1rem;text-align:center}.ui-reward__status{font-size:var(--text-small)}.ui-reward__trophy{width:10.3rem;margin-top:.8rem;opacity:0;transform:translateY(30px) scale(.5)}.ui-reward.is-visible .ui-reward__trophy{animation:ui-trophy-in .9s var(--ease-spring) .15s forwards}.ui-reward__trophy img{width:100%;height:auto;filter:drop-shadow(0 10px 18px rgb(0 0 0 / 22%))}.ui-reward__headline{margin:.2rem 0 0;font-size:clamp(1.6rem,1rem + 2vw,2.625rem);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.ui-reward__points{margin:.1rem 0 0;color:var(--gold);font-size:var(--text-display);font-weight:var(--weight-bold);line-height:1.25;text-shadow:0 4px 0 rgb(0 0 0 / 10%)}.ui-reward.is-visible .ui-reward__points{animation:ui-pop .6s var(--ease-spring) 1.2s}.ui-reward__detail{max-width:44rem;margin:.2rem 0 var(--space-4);color:var(--reward-soft);font-size:var(--text-body-sm);font-weight:var(--weight-bold)}.ui-reward__facts{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:var(--space-5) 0 0;padding:0;list-style:none}.ui-reward__fact{display:inline-flex;align-items:center;min-height:2.625rem;padding:0 .875rem;border-radius:var(--radius);background:var(--reward-chip);font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.ui-reward__action{min-height:2.625rem}@media(max-width:48rem){.ui-reward__confetti span:nth-child(odd){display:none}.ui-reward__mascot{width:7.5rem;opacity:.9}.ui-reward__content{padding-bottom:7rem}}.ui-results{overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-card)}.ui-results table{width:100%;border-collapse:collapse}.ui-results th{padding:1.45rem 1.4rem 1.8rem;font-size:1.1875rem;font-weight:var(--weight-semibold);text-align:left}.ui-results th:first-child,.ui-results td:first-child{width:3.7rem;padding-right:0}.ui-results td{padding:1rem 1.4rem;border-top:1px solid var(--color-border-subtle);font-size:var(--text-body-sm)}.ui-results tbody tr{opacity:0;transform:translateY(8px);transition:background-color var(--dur-fast) var(--ease-out),opacity var(--dur-slow) var(--ease-out) calc(var(--i) * 90ms),transform var(--dur-slow) var(--ease-spring) calc(var(--i) * 90ms)}.ui-results.is-visible tbody tr{opacity:1;transform:none}.ui-results tbody tr:hover{background:var(--color-surface-hover)}.ui-results__end{text-align:right!important}.ui-results__number{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--platform-purple);color:#fff;font-size:var(--text-small)}.ui-results__badge{justify-content:center;min-width:4.375rem}.ui-results.is-visible .ui-results__badge{animation:ui-pop .5s var(--ease-spring) both;animation-delay:calc(var(--i) * 90ms + .25s)}@media(max-width:40rem){.ui-results thead{display:none}.ui-results tr{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem var(--space-3);align-items:center;padding:var(--space-4);border-top:1px solid var(--color-border-subtle)}.ui-results tbody tr:first-child{border-top:0}.ui-results td{padding:0;border:0}.ui-results td:first-child{width:auto}.ui-results td[data-label]{grid-column:2;grid-row:2;color:var(--color-text-muted);font-size:var(--text-small)}.ui-results td[data-label]:before{content:attr(data-label) ": "}.ui-results__end{grid-column:3;grid-row:1 / span 2}}.ui-unlock{display:flex;align-items:center;gap:1.4rem;min-height:11.75rem;padding:var(--space-5) 2rem var(--space-5) 1.8rem;border:1px solid var(--unlock-border);border-radius:var(--radius-lg);background:var(--unlock-bg);color:var(--unlock-text);animation:ui-fade-up var(--dur-slower) var(--ease-out) both}.ui-unlock__badge{display:grid;flex:none;place-items:center;width:3.375rem;height:3.375rem;border-radius:var(--radius-md);background:var(--unlock-badge);color:var(--unlock-badge-ink);font-size:1.5rem;animation:ui-twinkle 2.8s var(--ease-in-out) infinite}.ui-unlock__text{flex:1;min-width:0}.ui-unlock__eyebrow{margin:0;color:var(--unlock-eyebrow);font-size:var(--text-small);font-weight:var(--weight-semibold)}.ui-unlock__title{margin:.15rem 0;font-size:var(--text-h3);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.ui-unlock__detail{margin:0;color:var(--unlock-muted);font-size:var(--text-small);font-weight:var(--weight-bold)}.ui-unlock__action{flex:none}.ui-unlock .ui-button--secondary{--btn-bg: #ffffff;--btn-fg: #174438;--btn-border: #99f9d7}.ui-unlock__action--disabled{display:inline-flex;align-items:center;min-height:3.375rem;padding:0 2rem;border:1px solid #99f9d7;border-radius:var(--radius);background:#ffffff7f;color:#174438;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);cursor:not-allowed}.ui-unlock--list{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.ui-unlock__list-title{margin:0;font-size:1.4375rem;font-weight:var(--weight-semibold)}.ui-checklist{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.ui-checklist__item{display:flex;align-items:center;gap:.625rem;font-size:var(--text-body-sm);animation:ui-fade-up var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i) * .12s + .2s)}.ui-checklist__item img{animation:ui-pop var(--dur-slow) var(--ease-spring) both;animation-delay:calc(var(--i) * .12s + .3s)}.ui-checklist__item.is-pending>*{opacity:.55}@media(max-width:40rem){.ui-unlock:not(.ui-unlock--list){flex-wrap:wrap}.ui-unlock__action{width:100%;justify-content:center}}.ui-preloader{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);color:var(--color-text-secondary);text-align:center}.ui-preloader--fullscreen{position:fixed;inset:0;z-index:50;align-content:center;background:var(--color-canvas)}.ui-preloader__book{position:relative;width:5.5rem;height:4rem;perspective:400px}.ui-preloader__cover{position:absolute;bottom:0;width:50%;height:100%;border-radius:6px;background:var(--brand-blue);box-shadow:inset 0 0 0 3px #ffffff26}.ui-preloader__cover--left{left:0;border-radius:8px 3px 3px 8px}.ui-preloader__cover--right{right:0;border-radius:3px 8px 8px 3px;background:var(--brand-teal)}.ui-preloader__page{position:absolute;top:6%;left:50%;z-index:1;width:46%;height:88%;border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,#dfe8ff,#fff);transform-origin:left center;animation:ui-page-turn 1.8s var(--ease-in-out) infinite;animation-delay:calc(var(--n) * .25s)}.ui-preloader__label{display:inline-flex;align-items:baseline;gap:.2rem;margin:0;color:var(--color-text);font-weight:var(--weight-semibold)}.ui-preloader__dots{display:inline-flex;gap:3px}.ui-preloader__dots i{width:5px;height:5px;border-radius:50%;background:var(--brand-cyan);animation:ui-dot-jump 1s var(--ease-in-out) infinite}.ui-preloader__dots i:nth-child(2){animation-delay:.15s}.ui-preloader__dots i:nth-child(3){animation-delay:.3s}.ui-preloader__tip{max-width:22rem;margin:0;color:var(--color-text-muted);font-size:var(--text-body-sm);animation:ui-fade-up var(--dur-slow) var(--ease-out)}.ui-skeleton{display:block;background:linear-gradient(100deg,transparent 20%,var(--color-skeleton-shine) 50%,transparent 80%) var(--color-skeleton);background-size:200% 100%;animation:ui-shimmer 1.4s linear infinite}.ui-spinner{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.ui-spinner__icon{color:var(--brand-cyan);animation:ui-spin .9s linear infinite}.ui-empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-card);text-align:center}.ui-empty h2{margin:0;font-size:var(--text-title)}.ui-empty p{margin:0;line-height:var(--leading-body)}.ui-empty>:last-child:not(h2):not(p){margin-top:var(--space-3)}.ui-empty__icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--color-surface-hover);color:var(--brand-cyan);animation:ui-float 4s var(--ease-in-out) infinite}.ui-dialog{width:min(28rem,calc(100% - 2rem));padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-card);color:var(--color-text);box-shadow:var(--shadow-lg)}.ui-dialog[open]{animation:ui-dialog-in var(--dur-slow) var(--ease-spring)}.ui-dialog::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.ui-dialog__head h2{margin:0;font-size:var(--text-title)}.ui-dialog__body{margin:var(--space-4) 0;color:var(--color-text-secondary)}.ui-dialog__footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.ui-enter>*{animation:ui-rise .76s var(--ease-rise) backwards;animation-delay:calc(var(--enter-base, 60ms) + var(--enter-i, 0) * var(--enter-step, 90ms))}.ui-enter>:nth-child(2){--enter-i: 1}.ui-enter>:nth-child(3){--enter-i: 2}.ui-enter>:nth-child(4){--enter-i: 3}.ui-enter>:nth-child(5){--enter-i: 4}.ui-enter>:nth-child(6){--enter-i: 5}.ui-enter>:nth-child(7){--enter-i: 6}.ui-enter>:nth-child(n+8){--enter-i: 7}@keyframes ui-rise{0%{opacity:0;transform:translateY(32px);filter:blur(6px)}60%{filter:blur(0)}to{opacity:1;transform:none;filter:none}}.ui-parallax{--mx: 0;--my: 0}.ui-parallax-layer{translate:calc(var(--mx) * var(--depth, 10) * 1px) calc(var(--my) * var(--depth, 10) * 1px);will-change:translate}.ui-fireflies{position:absolute;inset:0;pointer-events:none}.ui-fireflies i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffe68c;box-shadow:0 0 6px 2px #ffd666cc,0 0 18px 6px #ffd66659;opacity:0;animation:ui-firefly-glow var(--glow, 3.2s) var(--ease-in-out) var(--delay, 0s) infinite,ui-firefly-drift var(--drift, 9s) var(--ease-in-out) var(--delay, 0s) infinite alternate}@keyframes ui-firefly-glow{0%,to{opacity:0}40%,60%{opacity:.95}}@keyframes ui-firefly-drift{0%{transform:translate(0)}to{transform:translate(var(--dx, 24px),var(--dy, -30px))}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.ui-reveal{animation:ui-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.ui-reveal--2{animation-range:entry 10% entry 80%}.ui-reveal--3{animation-range:entry 20% entry 90%}.ui-scroll-parallax{animation:ui-scroll-parallax linear both;animation-timeline:view();animation-range:exit 0% exit 100%}}}@keyframes ui-reveal{0%{opacity:0;translate:0 36px;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes ui-scroll-parallax{to{transform:translateY(var(--scroll-shift, 11%)) scale(var(--scroll-scale, 1.04))}}@media(prefers-reduced-motion:reduce){.ui-parallax-layer{translate:none}.ui-fireflies{display:none}}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ui-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ui-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes ui-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}@keyframes ui-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ui-breathe{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.03) rotate(-1.5deg)}}@keyframes ui-twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(12deg)}}@keyframes ui-glow{0%,to{box-shadow:0 0 #21caff00}50%{box-shadow:0 0 10px 1px #21caff8c}}@keyframes ui-heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.06)}30%{transform:scale(1)}}@keyframes ui-confetti-burst{0%{opacity:0;transform:translate(var(--from-x),var(--from-y)) rotate(0) scale(.2)}20%{opacity:1}to{opacity:1;transform:translate(0) rotate(var(--rotate)) scale(1)}}@keyframes ui-confetti-sway{0%,to{opacity:1;transform:translate(0) rotate(var(--rotate))}50%{opacity:.75;transform:translate(3px,6px) rotate(calc(var(--rotate) + 25deg))}}@keyframes ui-coin-in{0%{opacity:0;transform:scale(0) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ui-trophy-in{0%{opacity:0;transform:translateY(30px) scale(.5) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes ui-slide-in-right{0%{opacity:0;transform:translate(40px) rotate(6deg)}to{opacity:1;transform:none}}@keyframes ui-page-turn{0%,15%{transform:rotateY(0)}60%,to{transform:rotateY(-180deg)}}@keyframes ui-dot-jump{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes ui-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes ui-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ui-reward__halo,.ui-reward__confetti span,.ui-reward__coin,.ui-reward__mascot,.ui-reward__trophy,.ui-results tbody tr{opacity:1!important;transform:none!important;animation:none!important}.ui-reward__halo{opacity:.55!important;transform:translate(-50%)!important}.ui-preloader__page,.ui-promo__media,.ui-guide__media,.ui-unlock__badge{animation:none!important}}.ui-access-panel{display:flex;flex-direction:column;gap:var(--space-5);width:min(100%,26.625rem);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-login);box-shadow:var(--shadow-lg)}.ui-access-panel__heading{display:grid;gap:var(--space-3)}.ui-access-panel h1{margin:0;font-size:var(--text-h3);line-height:var(--leading-tight)}.ui-access-panel h1:focus{outline:none}.ui-access-panel__eyebrow{margin:0;color:var(--color-eyebrow);font-weight:var(--weight-semibold);font-size:var(--text-body-sm)}.ui-access-panel__description{display:grid;gap:var(--space-2);overflow-wrap:anywhere;color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:1.5}.ui-access-panel__description p{margin:0}.ui-action-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:4.625rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-input);color:var(--color-text);text-align:left;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.ui-action-card__copy{display:grid;gap:var(--space-1);min-width:0}.ui-action-card__copy strong{font-size:var(--text-body);font-weight:var(--weight-semibold)}.ui-action-card__copy>span{font-size:var(--text-body-sm);color:var(--color-text-secondary)}.ui-action-card:hover{border-color:var(--color-eyebrow);background:var(--color-surface-hover);transform:translateY(-2px)}.ui-action-card:active{transform:translateY(0)}.ui-action-card>.ui-icon{flex-shrink:0;color:var(--color-eyebrow)}.ui-action-card:disabled{opacity:.5;cursor:default;transform:none}.ui-choice-group{margin:0;padding:0;border:0;min-width:0}.ui-choice-group legend{padding:0;margin-bottom:var(--space-3)}.ui-choice-group__options{display:grid;gap:var(--space-3)}.ui-choice{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-3);min-height:3.625rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-input);color:var(--color-text-secondary);font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:var(--leading-tight);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.ui-choice input{display:grid;flex-shrink:0;width:1.125rem;height:1.125rem;place-content:center;margin:0;appearance:none;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-input);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ui-choice input[type=radio]{border-radius:50%}.ui-choice input:before{width:.5rem;height:.5rem;background:var(--color-on-action);content:"";transform:scale(0);transition:transform var(--dur-fast) var(--ease-spring)}.ui-choice input[type=radio]:before{border-radius:50%}.ui-choice input[type=checkbox]:before{clip-path:polygon(14% 44%,0 59%,40% 100%,100% 18%,84% 4%,38% 69%)}.ui-choice input:checked{border-color:var(--color-action);background:var(--color-action);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-eyebrow) 18%,transparent)}.ui-choice input:checked:before{transform:scale(1)}.ui-choice:before{position:absolute;inset-block:0;left:0;width:3px;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:linear-gradient(var(--color-action),var(--color-eyebrow));content:"";opacity:0;transform:scaleY(.55);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.ui-choice:has(:checked){border-color:var(--color-eyebrow);background:linear-gradient(115deg,color-mix(in srgb,var(--color-action) 14%,var(--color-surface-input)),color-mix(in srgb,var(--color-eyebrow) 10%,var(--color-surface-hover)));color:var(--color-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-eyebrow) 65%,transparent),0 8px 20px -16px var(--color-eyebrow)}.ui-choice:has(:checked):before{opacity:1;transform:scaleY(1)}.ui-choice:has(:focus-visible){outline:2px solid var(--color-eyebrow);outline-offset:3px}.ui-choice:active{transform:scale(.99)}.ui-choice-cards{min-width:0;margin:0;padding:0;border:0}.ui-choice-cards>legend{margin-bottom:var(--space-2);padding:0}.ui-choice-cards__hint{margin-bottom:var(--space-3)}.ui-choice-cards__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.ui-choice-cards__options[data-columns="1"]{grid-template-columns:minmax(0,1fr)}.ui-choice-card{position:relative;overflow:hidden;display:flex;min-width:0;min-height:4.625rem;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-input);color:var(--color-text-secondary);font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:var(--leading-tight);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out)}.ui-choice-card:active:not([data-disabled=true]){transform:translateY(0) scale(.99)}.ui-choice-card[data-selected=true]{border-color:var(--color-eyebrow);background:linear-gradient(115deg,color-mix(in srgb,var(--color-action) 14%,var(--color-surface-input)),color-mix(in srgb,var(--color-eyebrow) 10%,var(--color-surface-hover)));color:var(--color-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-eyebrow) 65%,transparent),0 8px 20px -16px var(--color-eyebrow)}.ui-choice-card:before{position:absolute;inset-block:0;left:0;width:3px;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:linear-gradient(var(--color-action),var(--color-eyebrow));content:"";opacity:0;transform:scaleY(.55);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.ui-choice-card[data-selected=true]:before{opacity:1;transform:scaleY(1)}.ui-choice-card:has(input:focus-visible){outline:2px solid var(--color-eyebrow);outline-offset:3px}.ui-choice-card input{display:grid;width:1.25rem;height:1.25rem;flex:none;place-content:center;margin:0;appearance:none;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-input);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.ui-choice-card input[type=radio]{border-radius:50%}.ui-choice-card__emoji{display:grid;width:2.25rem;height:2.25rem;flex:none;place-items:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-eyebrow) 10%,var(--color-surface-raised));font-size:1.35rem;line-height:1;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.ui-choice-card[data-selected=true] .ui-choice-card__emoji{background:color-mix(in srgb,var(--color-eyebrow) 18%,var(--color-surface-raised));transform:scale(1.04)}.ui-choice-card input:before{width:.5rem;height:.5rem;background:var(--color-on-action);content:"";transform:scale(0);transition:transform var(--dur-fast) var(--ease-spring)}.ui-choice-card input[type=checkbox]:before{clip-path:polygon(14% 44%,0 59%,40% 100%,100% 18%,84% 4%,38% 69%)}.ui-choice-card input[type=radio]:before{border-radius:50%}.ui-choice-card input:checked{border-color:var(--color-action);background:var(--color-action);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-eyebrow) 18%,transparent);transform:scale(1.04)}.ui-choice-card input:checked:before{transform:scale(1)}.ui-choice-card[data-disabled=true]{color:var(--color-text-muted);cursor:not-allowed;opacity:.62}.ui-choice-card[data-disabled=true] input{cursor:not-allowed}.ui-choice-cards--invalid .ui-choice-card{border-color:var(--color-error)}@media(hover:hover){.ui-choice:hover{border-color:var(--color-eyebrow);color:var(--color-text);box-shadow:0 8px 20px -16px var(--color-eyebrow);transform:translateY(-1px)}.ui-choice-card:hover:not([data-disabled=true]){border-color:var(--color-eyebrow);color:var(--color-text);box-shadow:0 10px 22px -17px var(--color-eyebrow);transform:translateY(-2px)}.ui-choice-card:hover:not([data-disabled=true]) .ui-choice-card__emoji{transform:scale(1.06) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.ui-choice,.ui-choice:before,.ui-choice input,.ui-choice input:before,.ui-choice-card,.ui-choice-card:before,.ui-choice-card input,.ui-choice-card input:before{transition:none}.ui-choice-card__emoji{transition:none}.ui-choice:hover,.ui-choice:active,.ui-choice-card:hover,.ui-choice-card:active{transform:none}.ui-choice-card[data-selected=true] .ui-choice-card__emoji,.ui-choice-card:hover:not([data-disabled=true]) .ui-choice-card__emoji{transform:none}}@media(max-width:42rem){.ui-choice-cards__options{grid-template-columns:minmax(0,1fr)}}.ui-pin{position:relative}.ui-pin__cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.ui-pin__cell{display:grid;place-items:center;height:4.625rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-input);font-size:var(--text-h3)}.ui-pin__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:text}.ui-pin:focus-within .ui-pin__cell--current{border-color:var(--color-eyebrow)}.ui-pin:focus-within{outline:2px solid var(--color-eyebrow);outline-offset:4px;border-radius:var(--radius)}.ui-field--invalid .ui-pin__cell{border-color:var(--color-error)}@media(max-width:480px){.ui-access-panel{padding:var(--space-5)}.ui-pin__cells{gap:var(--space-3)}.ui-pin__cell{height:4rem}}@media(prefers-reduced-motion:reduce){.ui-action-card{transition:none}.ui-action-card:hover{transform:none}}@media(max-width:40rem){.ui-sortable__item{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;gap:var(--space-2);padding:var(--space-3)}.ui-sortable__position{grid-column:1;grid-row:1;justify-self:center}.ui-sortable__handle{grid-column:1;grid-row:2;width:2.75rem}.ui-sortable__label{grid-column:2;grid-row:1 / 3;line-height:var(--leading-body)}.ui-sortable__arrows{grid-column:3;grid-row:1 / 3;flex-direction:column;gap:var(--space-2)}.ui-sortable__arrow{width:2.75rem;height:2.75rem}}:root{--font-lexend: "Lexend Variable"}a{color:inherit}h1,h2,p{margin:0}.flujo{min-height:100dvh;overflow-x:clip}.page-width{width:min(100% - 2 * var(--gutter),82rem);margin-inline:auto}.page-width--narrow{width:min(100% - 2 * var(--gutter),var(--content-max))}.page-width--result{width:min(100% - 2 * var(--gutter),66.875rem)}.flujo-logo{display:block}.onboarding{min-height:100dvh}.onboarding__header .ui-header__inner{max-width:75rem;justify-content:space-between}.onboarding__header .ui-header__nav{display:none}.onboarding__header .ui-header__end{margin-left:auto}.onboarding__header-actions{display:flex;align-items:center;gap:var(--space-3)}.onboarding__main{display:grid;width:min(100% - 2 * var(--gutter),64rem);gap:var(--space-5);margin:0 auto;padding-block:clamp(1.5rem,4vw,3.5rem) 5rem}.onboarding__demo-note{width:min(100%,49rem);margin:0 auto;color:var(--color-text-muted);font-size:var(--text-small);text-align:center}.onboarding__panel{display:grid;width:min(100%,49rem);gap:var(--space-5);margin-inline:auto;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-card);box-shadow:var(--shadow-lg);animation:ui-fade-up var(--dur-slow) var(--ease-rise) both}.onboarding__welcome{width:min(100%,58rem);min-height:25rem;grid-template-columns:minmax(12rem,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(1.25rem,4vw,2.5rem);padding:clamp(1.5rem,4vw,3rem)}.onboarding__mascot-stage{position:relative;isolation:isolate;display:grid;width:100%;min-width:0;aspect-ratio:1;place-items:center}.onboarding__mascot-stage:before,.onboarding__mascot-stage:after{position:absolute;z-index:-1;content:"";pointer-events:none}.onboarding__mascot-stage:before{inset:8%;border-radius:var(--radius-pill);background:radial-gradient(circle,rgb(33 202 255 / 26%),rgb(33 202 255 / 8%) 43%,transparent 72%);filter:blur(.7rem)}.onboarding__mascot-stage:after{inset:20% 11%;border:1px solid rgb(33 202 255 / 19%);border-radius:var(--radius-md);background:linear-gradient(90deg,transparent 49.5%,rgb(33 202 255 / 16%) 50%,transparent 50.5%);box-shadow:.45rem .35rem 0 -.2rem var(--color-surface-card),.45rem .35rem 0 -.15rem #21caff21,.9rem .7rem 0 -.55rem var(--color-surface-card),.9rem .7rem 0 -.5rem #21caff1a;transform:rotate(-7deg);opacity:.8}.onboarding__mascot{display:block;width:clamp(7rem,12vw,10rem);height:auto;object-fit:contain}.onboarding__mascot-stage--welcome .onboarding__mascot{position:relative;z-index:1;width:min(100%,18rem);filter:drop-shadow(0 1rem 1.25rem rgb(4 12 28 / 28%));animation:onboarding-mascot-float 5s var(--ease-in-out) infinite alternate}.onboarding__mascot-stage--pin .onboarding__mascot{position:relative;z-index:1;width:min(100%,10rem);filter:drop-shadow(0 .65rem .9rem rgb(4 12 28 / 24%))}.onboarding__mascot-stage--message{width:min(100%,15rem);justify-self:center}.onboarding__mascot-stage--message .onboarding__mascot{position:relative;z-index:1;width:min(100%,14rem);filter:drop-shadow(0 .75rem 1rem rgb(4 12 28 / 25%))}.onboarding__copy{display:grid;justify-items:start;gap:var(--space-4)}.onboarding__copy h1,.onboarding__copy h2,.onboarding__passage h1{margin:0;color:var(--color-text);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-wrap:balance}.onboarding__copy h1,.onboarding__passage h1{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.25rem)}.onboarding__copy h2{font-size:var(--text-h3)}.onboarding__copy p,.onboarding__passage p{max-width:62ch;margin:0;color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body)}.onboarding__copy .onboarding__lead{color:var(--color-text);font-size:var(--text-body)}.onboarding__eyebrow{margin:0;color:var(--color-eyebrow);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.onboarding__steps{display:grid;gap:var(--space-3);margin:0;padding:0;color:var(--color-text);font-size:var(--text-body);line-height:var(--leading-body);list-style:none}.onboarding__steps li{display:flex;align-items:flex-start;gap:var(--space-3)}.onboarding__step-number{display:grid;width:1.75rem;aspect-ratio:1;flex:none;place-items:center;border-radius:var(--radius-pill);background:#21caff21;color:var(--color-eyebrow);font-size:var(--text-body-sm);font-weight:var(--weight-bold)}.onboarding__form-panel{gap:var(--space-5)}.onboarding__pin-panel{width:min(100%,49rem);margin-inline:auto}.onboarding__pin-intro{display:grid;grid-template-columns:minmax(0,1fr) clamp(7rem,14vw,11rem);align-items:center;gap:var(--space-4)}.onboarding__pin-intro .onboarding__mascot-stage{width:100%}.onboarding__form-panel>.onboarding__copy{margin-bottom:var(--space-2)}.onboarding__back{width:fit-content;padding:0;border:0;background:transparent;color:var(--color-text-secondary);font:inherit;cursor:pointer}.onboarding__back:hover{color:var(--color-text)}.onboarding__pin-form{display:grid;gap:var(--space-5)}.onboarding__privacy{margin:calc(-1 * var(--space-3)) 0 0;color:var(--color-text-muted);font-size:var(--text-small)}.onboarding__message-panel{width:min(100%,56rem);margin:0;min-height:20rem;grid-template-columns:minmax(11rem,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(1rem,3vw,2rem)}@keyframes onboarding-mascot-float{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-.45rem) rotate(1deg)}}.onboarding__progress-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.onboarding__question-panel>.ui-choice-cards legend{margin-bottom:var(--space-4);font-size:var(--text-h3);line-height:var(--leading-tight);text-wrap:balance}.onboarding__question-panel>.ui-choice-cards>.ui-choice-cards__hint{margin-top:calc(-1 * var(--space-3))}.onboarding__age-question,.onboarding__multiple-question{display:grid;gap:var(--space-4)}.onboarding__age-manual{width:min(100%,20rem)}.onboarding__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2)}.onboarding__actions--end{justify-content:flex-end}.onboarding__reading-panel{width:min(100%,54rem)}.onboarding__passage{display:grid;gap:var(--space-5);padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-reading)}.onboarding__passage p:not(.onboarding__eyebrow){font-size:var(--text-body);line-height:var(--leading-reading)}.onboarding__provisional{width:fit-content;margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:var(--text-small)}@media(max-width:48rem){.onboarding__header .ui-header__inner{min-height:4.5rem;gap:var(--space-2)}.onboarding__header .ui-header__end{gap:var(--space-2)}.onboarding__header .ui-profile__text{display:none}.onboarding__header-actions{gap:var(--space-2)}.onboarding__welcome,.onboarding__message-panel{grid-template-columns:minmax(0,1fr)}.onboarding__mascot-stage--welcome{width:min(100%,14rem);justify-self:center}.onboarding__mascot-stage--welcome .onboarding__mascot{width:min(100%,13rem)}.onboarding__mascot-stage--message{width:min(100%,11rem);justify-self:center}.onboarding__mascot-stage--message .onboarding__mascot{width:min(100%,10rem)}.onboarding__pin-intro{grid-template-columns:minmax(0,1fr) 7rem;gap:var(--space-2)}.onboarding__mascot-stage--pin .onboarding__mascot{width:min(100%,6.5rem)}.onboarding__message-panel{min-height:0}.onboarding__copy{justify-items:stretch}.onboarding__actions{position:sticky;bottom:var(--space-3);z-index:1;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-card);box-shadow:var(--shadow-md)}}@media(max-width:34rem){.onboarding__header .ui-header__inner{flex-wrap:wrap;justify-content:space-between;padding-block:var(--space-2)}.onboarding__header .ui-header__end{width:100%;justify-content:space-between;margin-left:0}.onboarding__demo-note{text-align:left}.onboarding__panel{padding:var(--space-4)}.onboarding__welcome{gap:var(--space-5);padding:var(--space-4)}.onboarding__pin-intro{grid-template-columns:minmax(0,1fr) 5.5rem}.onboarding__mascot-stage--pin .onboarding__mascot{width:min(100%,5.25rem)}.onboarding__actions>.ui-button{flex:1}}.back-link,.breadcrumb a{color:var(--color-text-secondary);font-size:var(--text-small);text-decoration:none}.back-link{display:inline-flex;gap:var(--space-2);align-items:center;transition:color var(--dur-fast) var(--ease-out),gap var(--dur-base) var(--ease-spring)}.back-link:hover{gap:var(--space-3);color:var(--color-text)}.login{position:relative;display:flex;flex-direction:column;min-height:100dvh;overflow:hidden;padding:0 var(--gutter) var(--space-7)}.login__glow{position:absolute;animation:glow-drift 16s var(--ease-in-out) infinite alternate;bottom:-40rem;left:-32rem;width:108rem;max-width:none;pointer-events:none}:root[data-theme=light] .login__glow{opacity:.35}.login__top{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:77.5rem;margin:0 auto;padding-top:2.8rem}.login__main{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,31rem);gap:var(--space-6);align-content:center;align-items:center;width:100%;max-width:77.5rem;margin:0 auto;padding-block:var(--space-6)}.login__hero{display:grid;justify-items:center;text-align:center}.login__headline{margin:var(--space-2) 0 0;font-size:clamp(2rem,1.2rem + 2.4vw,2.6875rem);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.login__covers{position:relative;width:min(100%,41rem);height:24rem;margin:2.5rem 0 .5rem}.login__cover{position:absolute;top:1.5rem;left:50%;width:16.5rem;height:21.25rem;overflow:hidden;border:1px solid rgb(255 255 255 / 15%);border-radius:var(--radius-lg);background:#14213a;box-shadow:var(--shadow-lg);transition:transform var(--dur-slower) var(--ease-spring)}.login__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#030916eb)}.login__cover--0{transform:translate(-108%) translateY(1.4rem) rotate(-13deg)}.login__cover--1{z-index:1;top:0;transform:translate(-50%)}.login__cover--2{transform:translate(8%) translateY(1.4rem) rotate(13deg)}.login__covers:hover .login__cover--0{transform:translate(-118%) translateY(1rem) rotate(-17deg)}.login__covers:hover .login__cover--1{transform:translate(-50%) translateY(-.6rem) scale(1.03)}.login__covers:hover .login__cover--2{transform:translate(18%) translateY(1rem) rotate(17deg)}.login__cover-img{object-fit:cover}.login__cover-badge{position:absolute;z-index:1;top:.9rem;left:.9rem;min-height:1.9rem;border-radius:var(--radius-sm);font-size:var(--text-small)}.login__cover-title{position:absolute;z-index:1;right:1.3rem;bottom:1.4rem;left:1.3rem;color:#fff;font-size:1.375rem;font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-align:left}.login__claim{margin:0;color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase}.login__card{display:grid;gap:var(--space-3);padding:2.3rem clamp(1.25rem,5vw,4.4rem) 1.9rem;border:1px solid rgb(128 153 194 / 14%);border-radius:var(--radius-xl);background:var(--color-surface-login);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ui-rise .82s var(--ease-rise) .32s backwards}:root[data-theme=light] .login__card{border-color:var(--color-border-subtle)}.login__welcome{margin:0;color:#70d8ff;font-size:var(--text-body-sm);font-weight:var(--weight-medium)}:root[data-theme=light] .login__welcome{color:var(--color-eyebrow)}.login__title{margin:0;font-size:2.125rem;font-weight:var(--weight-bold);line-height:var(--leading-tight)}.login__intro{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-body-sm)}.login__form{display:grid;gap:var(--space-5);margin-bottom:var(--space-2)}.login__form .ui-button{margin-top:var(--space-1)}.login__footer{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--text-caption);text-align:center}@media(max-width:60rem){.login__main{grid-template-columns:1fr}.login__covers{height:19rem;transform:scale(.8);transform-origin:top center;margin-bottom:-3rem}.login__card{width:min(100%,31rem);margin-inline:auto}}@media(max-width:30rem){.login__covers{transform:scale(.62);margin-bottom:-7rem}}.featured{position:relative;overflow:hidden}.featured__scene{position:relative;min-height:29.4rem}.featured__art{position:absolute;inset:0 0 0 24%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / 55%) 16%,#000 38%),linear-gradient(0deg,transparent 0%,#000 34%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / 55%) 16%,#000 38%),linear-gradient(0deg,transparent 0%,#000 34%);mask-composite:intersect}.featured__layer{position:absolute;inset:-2rem}.featured__scroll{--scroll-shift: 7%;--scroll-scale: 1.03;position:absolute;inset:0}.featured__img{object-fit:cover;object-position:50% 45%;animation:featured-zoom 22s var(--ease-in-out) infinite alternate}.featured__front{position:relative;z-index:2}.featured__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--dur-slower) var(--ease-out)}.featured__slide[data-active=true]{opacity:1}.featured--slideshow .featured__content{min-height:32rem}.featured--slideshow .featured__pager{align-self:end;margin-top:var(--space-4)}.featured__content{display:grid;align-content:start;justify-items:start;gap:var(--space-3);padding:3.6rem 0 4rem}.featured__title{max-width:32rem;margin:var(--space-3) 0 0;font-size:var(--text-h1);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-wrap:balance}.featured__meta{margin:0;color:var(--color-text-secondary);font-size:var(--text-small)}.featured__summary{max-width:26rem;margin:var(--space-3) 0;color:var(--color-text-secondary);font-size:var(--text-body-sm)}.featured__pager{display:flex;align-items:center;gap:var(--space-5);justify-self:end;margin-top:-2.6rem;color:var(--color-text-secondary);font-size:var(--text-caption)}@keyframes featured-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@media(max-width:48rem){.featured__art{inset:0;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 45%);mask-image:linear-gradient(0deg,transparent 0%,#000 45%)}.featured__art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--media-fade) / 92%),rgb(var(--media-fade) / 55%))}.featured__pager{justify-self:start;margin-top:var(--space-2)}}.catalog.ui-enter{--enter-base: .38s}.catalog{display:grid;gap:var(--space-6);padding:2.5rem 0 var(--space-9)}.catalog__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-5)}.catalog__head>div:first-child{display:grid;gap:var(--space-3)}.catalog__title{margin:0;font-size:2.125rem;font-weight:var(--weight-bold);line-height:var(--leading-tight)}.catalog__meta{margin:0;color:var(--color-text-muted);font-size:var(--text-body-sm)}.collections{position:relative;margin-inline:-.5rem;overflow:clip;padding:2.25rem 2.85rem 2.4rem;border-radius:var(--radius-xl);background:var(--collection-panel)}.collections__glow{position:absolute;max-width:none;pointer-events:none}.collections__glow--blue{bottom:-54rem;left:-38rem;width:108rem}.collections__glow--green{top:-50rem;right:-60rem;width:100rem;opacity:.5}:root[data-theme=light] .collections__glow{opacity:.18}.collections .ui-carousel{position:relative}.collections__title{display:flex;align-items:center;gap:.625rem;margin:0;font-size:var(--text-h3);font-weight:var(--weight-bold)}.collections__icon{color:var(--brand-cyan)}:root[data-theme=light] .collections__icon{color:var(--color-action)}.collections .ui-carousel__track{grid-auto-columns:calc((100% - 3.375rem)/5);-webkit-mask-image:linear-gradient(90deg,transparent,#000 1rem,#000 calc(100% - 1rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 1rem,#000 calc(100% - 1rem),transparent)}@media(max-width:76rem){.collections .ui-carousel__track{grid-auto-columns:calc((100% - 2.25rem)/4)}}@media(max-width:60rem){.collections .ui-carousel__track{grid-auto-columns:calc((100% - 1.125rem) / 3)}}@media(max-width:44rem){.collections .ui-carousel__track{grid-auto-columns:50%}}.catalog__rows{display:grid;gap:var(--space-8)}.catalog__row{scroll-margin-top:7rem}.catalog__row .ui-carousel__title{display:grid;min-width:0;gap:var(--space-2)}.catalog__row-title{margin:0;font-size:var(--text-title);font-weight:var(--weight-semibold)}.collection-page{display:grid;gap:var(--space-7);padding:var(--space-6) 0 var(--space-9)}.collection-page>.ui-button{justify-self:start}.collection-hero__status{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--color-surface-hover);color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.collection-books,.collection-recommendations{display:grid;gap:var(--space-5)}.collection-section__heading{display:grid;gap:var(--space-2)}.collection-section__heading h2,.collection-section__heading p{margin:0}.collection-section__heading h2{font-size:var(--text-h2);line-height:var(--leading-tight)}.collection-section__heading>p:last-child{color:var(--color-text-muted);font-size:var(--text-body-sm);font-weight:var(--weight-regular)}.collection-recommendations{padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-xl);background:var(--collection-panel)}@media(max-width:40rem){.collections{padding:var(--space-5)}.collections .ui-carousel__track{grid-auto-columns:calc(100% + 1.125rem)}.catalog__row .ui-carousel__track{grid-auto-columns:80%}}.story{position:relative;padding-bottom:var(--space-9)}.story__scene{position:relative}.story__backdrop{position:absolute;inset:0 0 auto;height:36.7rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / 50%) 22%,#000 55%),linear-gradient(0deg,transparent 0%,#000 45%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / 50%) 22%,#000 55%),linear-gradient(0deg,transparent 0%,#000 45%);mask-composite:intersect}.story__layer{position:absolute;inset:-2rem}.story__scroll{--scroll-shift: 9%;position:absolute;inset:0}.story__backdrop-img{object-fit:cover;opacity:.5;animation:featured-zoom 26s var(--ease-in-out) infinite alternate}:root[data-theme=light] .story__backdrop-img{opacity:.4}.story__content{position:relative;display:grid;gap:var(--space-5);padding-top:1.9rem}.story-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(1.5rem,3vw,3rem);align-items:stretch;padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--radius-2xl);background:var(--color-surface-reading);box-shadow:var(--shadow-md)}:root[data-theme=light] .story-card{border:1px solid var(--color-border-subtle);background:var(--color-surface-card)}.book{--tilt-x: 0deg;--tilt-y: 0deg;position:relative;min-width:0;min-height:24rem;border-radius:var(--radius-lg);perspective:900px}.book__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:inherit;box-shadow:var(--shadow-md);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform var(--dur-slow) var(--ease-out)}.story-card__text{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.story-card__heading{display:grid;justify-items:start;gap:var(--space-4)}.story-card__heading .ui-badge{max-width:100%;white-space:normal;line-height:1.5}.story-card__title{margin:0;font-size:clamp(1.875rem,2.4vw,2.625rem);font-weight:var(--weight-bold);line-height:1.2;text-wrap:balance}.story-card__intro{display:grid;gap:var(--space-3);max-width:55ch;line-height:var(--leading-body)}.story-card__tagline{margin:0;color:var(--color-text-reading);font-size:var(--text-body);font-weight:var(--weight-medium)}.story-card__body{color:var(--color-text-secondary);font-size:var(--text-body-sm)}.story-card__body p{margin:0}.story-card__body p+p{margin-top:var(--space-3)}.story-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-body-sm)}.story-card__meta p{margin:0}.story-card__meta>span{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-hover);white-space:nowrap}.story-card__action{display:grid;justify-items:start;gap:var(--space-3);margin-top:auto}.story-card__next{margin:0;color:var(--color-text-muted);font-size:var(--text-body-sm)}.story__grid{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(0,1fr);gap:1.3rem;margin-top:var(--space-5)}.route{display:grid;gap:var(--space-6);margin:var(--space-7) 0 var(--space-4)}.route__head{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:var(--space-4)}.route__title{margin:.6rem 0 .4rem;font-size:1.5625rem;font-weight:var(--weight-semibold)}.route__sub{margin:0;color:var(--color-text-muted);font-size:var(--text-small)}.route__count{padding:.6rem 1rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-card);color:var(--color-text-secondary);font-size:var(--text-caption)}.route__stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.route__stages>*{min-height:18.9rem}@media(max-width:56rem){.story-card,.story__grid,.route__stages{grid-template-columns:1fr}.book{width:min(100%,25rem);min-height:0;aspect-ratio:1;margin:0 auto}}.reader,.challenge{min-height:100dvh}.reader__bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-4);align-items:center;min-height:6rem;padding:var(--space-3) var(--gutter);border-bottom:1px solid var(--color-border-subtle);background:var(--color-canvas)}.reader__bar>:first-child{justify-self:start}.reader__left{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-self:start}.reader__heading{grid-column:2;grid-row:1;width:min(42rem,100%);min-width:0;display:grid;gap:var(--space-2);justify-self:center;text-align:center}.reader__story{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold)}.reader__where{margin:0;color:var(--color-text-muted);font-size:var(--text-small);line-height:1.5}.reader__tools{display:flex;max-width:36rem;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:flex-end;grid-column:3;grid-row:1;justify-self:end}.tool{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-width:2.75rem;height:2.5rem;padding:0 var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text-reading);font:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.tool:hover:not(:disabled){border-color:var(--brand-cyan);transform:translateY(-1px)}.tool:active:not(:disabled){transform:scale(.94)}.tool:disabled{opacity:.5;cursor:not-allowed}.tool--wide{padding:0 1.4rem}.tool__dot{width:9px;height:9px;border-radius:50%;background:currentColor}.reader__main,.challenge__main{width:min(100% - 2 * var(--gutter),73.125rem);margin:0 auto;padding:var(--space-6) 0 var(--space-7)}.reading{display:grid;grid-template-columns:21.875rem minmax(0,1fr);min-height:38rem;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-reading)}.reading__art{position:relative;overflow:hidden;background:#102737}.reading__art img{object-fit:cover}.reading__art:after{content:"";position:absolute;inset:0;background:linear-gradient(195deg,#07162b00 5% 54%,#1a1a2d 93%)}.reading__art-text{position:absolute;right:1.75rem;bottom:2.3rem;left:1.75rem;z-index:1;color:#fff}.reading__art-eyebrow{margin:0 0 .5rem;color:#7ee2d4;font-size:var(--text-caption);font-weight:var(--weight-medium)}.reading__art-title{margin:0;font-size:1.25rem;font-weight:var(--weight-medium);line-height:var(--leading-tight)}.reading__page{display:grid;align-content:start;gap:var(--space-5);padding:2.9rem clamp(1.25rem,4vw,3.4rem) 3rem;color:var(--color-text-reading)}.reading__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.reading__counter{padding:.35rem .9rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-secondary);font-size:var(--text-small)}.reading__title{margin:0;font-size:var(--text-h2);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.reading__text{max-width:44.4rem;margin:0;font-size:var(--reading-size, 20px);line-height:var(--leading-reading);transition:font-size var(--dur-base) var(--ease-out)}.reading__end{margin:1.5rem 0 0;color:var(--color-eyebrow-alt);font-size:var(--text-caption)}.pager{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem;align-items:start;margin-top:var(--space-6)}.pager__progress{padding-top:.5rem}.pager--divided{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.question{display:grid;gap:var(--space-5);width:min(100%,50.25rem);margin:var(--space-4) auto 0}.question__heading,.question__response{display:grid;gap:var(--space-3);min-width:0}.question__title{margin:0;font-size:clamp(1.4rem,1rem + 1.4vw,1.8125rem);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.question__instruction{margin:0;color:var(--color-text-secondary)}.question .ui-note{margin:0;font-size:var(--text-small);line-height:1.5}@media(max-width:56rem){.reader__bar{grid-template-columns:1fr;gap:var(--space-3);justify-items:center}.reader__heading{grid-column:1 / -1;grid-row:1;width:100%}.reader__left,.reader__tools{grid-column:1;justify-self:center}.reader__left{grid-row:2;justify-content:center}.reader__tools{grid-row:3;justify-content:center}.reading{grid-template-columns:1fr}.reading__art{min-height:16rem}.pager{grid-template-columns:1fr 1fr}.pager__progress{grid-column:1 / -1;grid-row:1}.pager>:last-child{justify-self:end}}.result{display:grid;gap:var(--space-6);padding:var(--space-6) 0 var(--space-9)}.result__heading{display:grid;gap:var(--space-3)}.result__heading h1{font-size:clamp(1.75rem,2.4vw,2.5rem);line-height:var(--leading-tight);text-wrap:balance}.result__heading h2{font-size:var(--text-title);line-height:1.5;color:var(--color-eyebrow-alt)}.breadcrumb{color:var(--color-text-secondary);font-size:var(--text-small)}.breadcrumb a{font-size:inherit}.breadcrumb a:hover{color:var(--color-text);text-decoration:underline}.result__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.result__actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}@media(max-width:48rem){.result__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.onboarding__mascot-stage--welcome .onboarding__mascot,.featured__img{animation:none}.book__img{transform:none}}@keyframes glow-drift{0%{transform:translate(0) scale(1)}to{transform:translate(6rem,-3rem) scale(1.12)}}.reading__art img{animation:featured-zoom 24s var(--ease-in-out) infinite alternate}.question .ui-sortable__item{animation:ui-rise .7s var(--ease-rise) backwards;animation-delay:calc(.32s + var(--rise-i, 0) * 80ms)}.question .ui-sortable__item:nth-child(2){--rise-i: 1}.question .ui-sortable__item:nth-child(3){--rise-i: 2}.question .ui-sortable__item:nth-child(n+4){--rise-i: 3}@media(prefers-reduced-motion:reduce){.login__glow,.featured__img,.reading__art img,.story__backdrop-img{animation:none}.featured__slide{transition:none}}.demo-collection-color,.collection-covers,.collection-covers__stack,.collection-covers__slide{position:absolute;inset:0}.collection-covers__stack{isolation:isolate}.ui-collection-card--link:hover .collection-covers__slide img{transform:none}.collection-covers__slide{opacity:0;overflow:hidden;border-radius:1.3125rem;transform-origin:50% 0;animation:collection-cover-shelf var(--cover-duration) linear var(--cover-delay) infinite}.collection-covers__slide:first-child{opacity:1}.collection-covers__timeline{position:absolute;bottom:var(--space-2);right:var(--space-4);left:var(--space-4);z-index:3;height:3px;overflow:hidden;border-radius:var(--radius-pill);background:#ffffff1a;pointer-events:none}.collection-covers__timeline>span{display:block;height:100%;border-radius:inherit;background:#ffffff6b;transform-origin:left;animation:collection-cover-progress var(--cover-beat, 3.2s) linear infinite}.ui-collection-card:is(:hover,:focus-within) .collection-covers__slide,.ui-collection-card:is(:hover,:focus-within) .collection-covers__timeline>span{animation-play-state:paused}@keyframes collection-cover-progress{0%{transform:scaleX(0)}71.5%,to{transform:scaleX(1)}}.ui-collection-card__media:has(.collection-covers){overflow:visible}.ui-collection-card__media:has(.collection-covers):after{border-radius:inherit}.ui-collection-card:has(.collection-covers) .ui-collection-card__stack{visibility:hidden}@keyframes collection-cover-shelf{0%,14.3%{z-index:3;opacity:1;inset:0;transform:translateY(0);animation-timing-function:linear}20%{z-index:3;opacity:1;inset:0;animation-timing-function:linear}20.001%{z-index:0;opacity:0;inset:-.6rem .8rem calc(5% + .6rem);animation-timing-function:linear}54.3%{z-index:0;opacity:0;inset:-.6rem .8rem calc(5% + .6rem);animation-timing-function:var(--ease-out)}60%{z-index:1;opacity:.25;inset:-.6rem .8rem calc(5% + .6rem);animation-timing-function:linear}74.3%{z-index:1;opacity:.25;inset:-.6rem .8rem calc(5% + .6rem);animation-timing-function:var(--ease-out)}80%,94.3%{z-index:2;opacity:.45;inset:-.3rem .4rem calc(5% + .3rem);animation-timing-function:linear}94.301%{z-index:4;opacity:0;inset:-.3rem .4rem calc(5% + .3rem);transform:translateY(0);animation-timing-function:var(--ease-out)}96.875%{z-index:4;opacity:1;inset:0;transform:translateY(-1.5px);animation-timing-function:var(--ease-out)}to{z-index:4;opacity:1;inset:0;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.collection-covers__slide{animation:none;transform:none}.collection-covers__timeline{display:none}.ui-collection-card:has(.collection-covers) .ui-collection-card__stack{visibility:visible}}.reading__credits{display:grid;gap:var(--space-2);margin-top:0;padding-top:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:1.6}.reading__credits .reading__end{margin:0 0 var(--space-2)}.reading__credits ul{margin:0;padding-left:var(--space-5)}.demo-content-note{color:var(--color-text-muted);font-size:var(--text-body-sm)}.demo-dictionary{display:grid;gap:var(--space-5)}.demo-dictionary dt{font-weight:var(--weight-semibold);color:var(--color-eyebrow)}.demo-dictionary dd{margin:var(--space-1) 0 0;line-height:1.6}.demo-written-answer{display:grid;gap:var(--space-3);font-weight:var(--weight-semibold)}.demo-written-answer textarea{width:100%;min-height:12rem;padding:var(--space-4);resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-input);color:var(--color-text);font:inherit;font-weight:var(--weight-regular)}.demo-results{display:grid;gap:var(--space-5);padding:0;margin-block:0;list-style:none}.demo-results>li{padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-card)}.demo-result-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:var(--space-3)}.demo-result-heading h3{flex:1 1 20rem;margin:0;font-size:var(--text-body)}.demo-results ol{padding-left:var(--space-5);line-height:1.6}.demo-results ol li+li{margin-top:var(--space-2)}.demo-solution{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius);background:var(--color-surface-hover)}.demo-answer-text{margin-top:var(--space-4);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere}.question .ui-choice-group{margin:0}.demo-solution p{margin-top:var(--space-2)}#question-title:focus{outline:none}