:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Public Sans", system-ui, sans-serif;--font-mono: "Courier Prime", "Courier New", monospace;--radius-card: 14px;--lip: 0 1px 0 var(--line-strong);--gutter: 16px;--container: 1200px}:root,[data-theme=light]{--paper: #f3edde;--card: #fdfaf1;--card-sunken: #ece5d2;--field: #ffffff;--ink: #212c4e;--ink-muted: #6d6a58;--ink-faint: #9b967f;--line: #d9cfb6;--line-strong: #b9ad8e;--red: #c7402f;--red-soft: #f4ded8;--blue: #2e5fa3;--blue-soft: #dde5f0;--green: #2e8b50;--green-soft: #ddebdd;--amber: #b0802b;--amber-soft: #f0e6cd;--nav-active: #40a7ff;--stamp: #b03a2e;--stamp-soft: #f8e2cd;--games: #d57160;--games-soft: #da8975;--games-edge: #1d173d;--box-amber-soft: #e7c477;--box-amber-ink: #664b1f;--box-blue-soft: #b0c9d5;--box-blue-ink: #284c5f;--box-green-soft: #afd0b1;--box-green-ink: #2d5b3a;--box-plum-soft: #e4d9ea;--box-plum-ink: #51435e;--box-rose-soft: #e9bcc6;--box-rose-ink: #6f3848;--box-indigo-soft: #c3c8f0;--box-indigo-ink: #343a7c;--box-stamp-soft: #dca08d;--box-stamp-ink: #6f382e;--box-violet-soft: #c0b3cc;--box-violet-ink: #51435e;--box-cyan-soft: #a9d5cf;--box-cyan-ink: #2f5f5b;--box-blush-soft: #ffa3a3;--box-blush-ink: #6b2f3f;--box-mock-soft: #b9e0dd;--box-mock-ink: #245b58;--box-games-soft: #ffbfaf;--box-games-ink: #5f2a22;--box-honey-soft: #ffde95;--box-honey-ink: #5e4411;--box-butter-soft: #ffefa4;--box-butter-ink: #5c4a12;--box-title: #d5d9e6;--question-tint: #f8e2cd;--question-tint-line: #ebcaa9;--question-tint-ink: #9a3328;--green-ink: #276f41;--amber-ink: #8a6320;--progress-amber: #e6b85a;--hub-hover-border: #b8862a;--red-ink: var(--question-tint-ink);--green-tint: #eaf3ea;--green-tint-line: #cfe2d1;--red-tint: #f8e6e2;--red-tint-line: #ebccc5;--amber-tint: #f8f0d6;--amber-tint-line: #e8dab0;--section-band-honey: #f8edcc;--section-band-honey-line: #e6d6a6;--section-band-blue: #d9e8f1;--section-band-blue-line: #b2cbd9;--section-band-green: #dcecdc;--section-band-green-line: #b3d3b6;--section-band-rose: #f6e0e4;--section-band-rose-line: #e3bcc5;--section-band-mock: #dcefed;--section-band-mock-line: #b1d6d2;--parchment: #f5efe0;--tile-shadow: 0 1px 0 var(--line-strong), 0 4px 12px -6px rgb(33 44 78 / .25);--cover-shadow: color-mix(in srgb, var(--ink) 55%, transparent);--shelf-shade: 11%;--key-face: #3a4766;--key-face-ink: #fdfaf1;--key-hover-ink: #212c4e;--key-icon-tint: 100%;--key-mock-exam-tint: #7fc4be;--key-mock-exam-edge: #4a8f89;--key-reading-tint: #f2c14e;--key-reading-edge: #b8862a;--key-study-books-tint: #ef7f7c;--key-study-books-edge: #b9504d;--key-listening-tint: #87abc0;--key-listening-edge: #557b92;--key-writing-tint: #86b884;--key-writing-edge: #538752;--key-speaking-tint: #dc93a3;--key-speaking-edge: #a8606f;--key-vocabulary-tint: #c4add3;--key-vocabulary-edge: #8f76a2;--key-tips-tint: #f0d65a;--key-tips-edge: #b59c25;--key-games-tint: #f2967a;--key-games-edge: #bc6144;--key-next-mock-tint: #8f97e0;--key-next-mock-edge: #4d5499;--xp-counter-bg: #f5a284;--xp-progress: #333a7c;--xp-tile: #fefaf1;--xp-tile-split: #ecd6ca;--xp-tile-border: #a95a3f;--xp-tile-shadow: #86422c;--xp-digit: #4a2316;--xp-fill: #333a7c;--btn-primary: var(--key-face);--btn-primary-ink: var(--key-face-ink);--btn-primary-hover: #2c3652;--btn-primary-pressed: #232b44;--btn-secondary-bg: #ffffff;--btn-secondary-border: var(--btn-primary);--btn-honey-pressed: #e0ad35;--btn-honey-ink-hover: #4a350a;--btn-danger-bg: var(--red-soft);--btn-danger-border: var(--red);--btn-danger-ink: #b03a2e;--btn-danger-hover: var(--red);--btn-danger-hover-ink: var(--btn-primary-ink);--btn-danger-pressed: #a83424;--silver-hover: #e9eaec;--silver-pressed: #dcdee2;--silver-edge: #8e939c;--btn-key: #ffffff;--btn-key-hover: var(--silver-hover);--btn-saved: #e3f0e4;--btn-saved-ink: #2e7d4a;--float-shadow: 0 8px 20px rgb(33 44 78 / .18);--selection: #c9dbf5;--focus: var(--blue);color-scheme:light;--section-band-plum: #ede4f1;--section-band-plum-line: #d6c8de;--section-band-games: #fbe7df;--section-band-games-line: #efc9bb;--section-band-indigo: #e7e8f6;--section-band-indigo-line: #c9cceb;--band-honey-hi: #fcf5df;--band-honey-lo: #f1e0b2;--band-blue-glow: #f1f7fb;--band-blue-lo: #ccdeea;--band-green-a: #e8f4e5;--band-green-b: #cfe5d3;--band-green-c: #e2efd6;--band-rose-hi: #fbeef0;--band-rose-lo: #efd2d9;--band-mock-top: #e6f5f3;--band-mock-bot: #d1e8e5;--band-mock-aurora: #c3e6e1;--band-plum-hi: #f6f0f8;--band-plum-lo: #e3d6ea;--band-grain-opacity: .07;--band-games-hi: #fdf1ec;--band-games-dot: #eccabc;--accent: var(--stamp)}[data-theme=dark]{--paper: #10162a;--card: #1b2338;--card-sunken: #151c30;--field: #222b45;--ink: #e9e1ce;--ink-muted: #a4a894;--ink-faint: #6f7386;--line: #2d3654;--line-strong: #47517a;--red: #db6a50;--red-soft: #3a2530;--blue: #5b8bd6;--blue-soft: #22314f;--green: #3fa063;--green-soft: #1e3430;--amber: #bc862b;--amber-soft: #372e22;--nav-active: #40a7ff;--stamp: #d96a55;--stamp-soft: #3b2721;--games: #c9695a;--games-soft: #8c4a3f;--games-edge: #06091a;--box-amber-soft: #6b4d18;--box-amber-ink: #ffd166;--box-blue-soft: #1f5482;--box-blue-ink: #a4d7ff;--box-green-soft: #1a5a3c;--box-green-ink: #91efb4;--box-plum-soft: #5a4968;--box-plum-ink: #dac7ea;--box-rose-soft: #613647;--box-rose-ink: #ffbdc8;--box-indigo-soft: #3b4180;--box-indigo-ink: #c9ceff;--box-stamp-soft: #6b3328;--box-stamp-ink: #ffab91;--box-violet-soft: #493477;--box-violet-ink: #d1bcff;--box-cyan-soft: #1d5d5a;--box-cyan-ink: #91f1e7;--box-blush-soft: #611e2d;--box-blush-ink: #ffa3a3;--box-mock-soft: #173d3d;--box-mock-ink: #83e9e0;--box-games-soft: #6b3a2e;--box-games-ink: #ffbfaf;--box-honey-soft: #574000;--box-honey-ink: #ffde95;--box-butter-soft: #685e21;--box-butter-ink: #ffefa4;--box-title: #232c45;--question-tint: #3b2b2a;--question-tint-line: #5c4339;--question-tint-ink: #f0a88f;--green-ink: #86d6a0;--amber-ink: #e9bd6c;--progress-amber: #d9a94a;--hub-hover-border: #b8862a;--red-ink: var(--question-tint-ink);--green-tint: #1d2d33;--green-tint-line: #2f5245;--red-tint: #2e2433;--red-tint-line: #5a3644;--amber-tint: #2c2a2b;--amber-tint-line: #57482c;--section-band-honey: #302d24;--section-band-honey-line: #4d4329;--section-band-blue: #1d3048;--section-band-blue-line: #2d4c6c;--section-band-green: #1b3429;--section-band-green-line: #2c5640;--section-band-rose: #34232c;--section-band-rose-line: #5c3547;--section-band-mock: #183332;--section-band-mock-line: #2a5754;--parchment: #222b42;--tile-shadow: 0 1px 0 var(--line-strong), 0 4px 12px -6px rgb(0 0 0 / .6);--cover-shadow: color-mix(in srgb, #000 70%, transparent);--shelf-shade: 40%;--key-face: #dfe3ee;--key-face-ink: #1b2338;--key-hover-ink: #1b2338;--key-icon-tint: 0%;--key-mock-exam-tint: #6fc2ba;--key-mock-exam-edge: #2f7a73;--key-reading-tint: #e3b445;--key-reading-edge: #9a7414;--key-study-books-tint: #e07a7f;--key-study-books-edge: #9a3f48;--key-listening-tint: #7fa9d6;--key-listening-edge: #3f6b9a;--key-writing-tint: #6fbf86;--key-writing-edge: #2f7d50;--key-speaking-tint: #d98aa6;--key-speaking-edge: #8f4a66;--key-vocabulary-tint: #b19ad0;--key-vocabulary-edge: #6e5a92;--key-tips-tint: #d9c64f;--key-tips-edge: #8f8124;--key-games-tint: #e48a68;--key-games-edge: #9a5338;--key-next-mock-tint: #8f97e0;--key-next-mock-edge: #4a519a;--xp-counter-bg: #9c4f36;--xp-progress: #6f78d0;--xp-tile: #232b42;--xp-tile-split: #343d5c;--xp-tile-border: #5e2a1a;--xp-tile-shadow: #3a170c;--xp-digit: #f3e9d6;--xp-fill: #6f78d0;--btn-primary: var(--key-face);--btn-primary-ink: var(--key-face-ink);--btn-primary-hover: #c8d0e3;--btn-primary-pressed: #b6bfd6;--btn-secondary-bg: var(--card);--btn-secondary-border: #a9b2cc;--btn-honey-pressed: #c9982e;--btn-honey-ink-hover: #2b1f00;--btn-danger-bg: var(--red-soft);--btn-danger-border: var(--red);--btn-danger-ink: #f0907a;--btn-danger-hover: var(--red);--btn-danger-hover-ink: var(--btn-primary-ink);--btn-danger-pressed: #c4553c;--silver-hover: #2a3245;--silver-pressed: #333c51;--silver-edge: #b4b9c4;--btn-key: var(--silver-hover);--btn-key-hover: var(--silver-pressed);--btn-saved: #1b3432;--btn-saved-ink: #7fd39a;--float-shadow: 0 8px 20px rgb(0 0 0 / .45);--selection: #2c4572;--focus: #7fa9e8;color-scheme:dark;--section-band-plum: #2a2334;--section-band-plum-line: #4b3d5a;--section-band-games: #2c2329;--section-band-games-line: #553a35;--section-band-indigo: #1f2442;--section-band-indigo-line: #383f72;--band-honey-hi: #38342a;--band-honey-lo: #29261f;--band-blue-glow: #26405c;--band-blue-lo: #19293e;--band-green-a: #213d30;--band-green-b: #172d23;--band-green-c: #1f3a2b;--band-rose-hi: #3d2833;--band-rose-lo: #2c1d25;--band-mock-top: #1c3a39;--band-mock-bot: #142b2a;--band-mock-aurora: #21443f;--band-plum-hi: #32293e;--band-plum-lo: #231d2c;--band-grain-opacity: .09;--band-games-hi: #33282f;--band-games-dot: #4a3631;--accent: var(--stamp)}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fraunces-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/public-sans-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Public Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/public-sans-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Public Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/public-sans-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Public Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/public-sans-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/courier-prime-latin-700-normal.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,p,figure,ul{margin:0}img,svg,picture{display:block;max-width:100%}img{height:auto}a{color:inherit}button{font:inherit}::selection{background:var(--selection)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:8px;left:8px;z-index:100;padding:10px 14px;border-radius:7px;background:var(--key-face);color:var(--key-face-ink);font-weight:700;transform:translateY(-200%)}.skip-link:focus{transform:none}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}@media(min-width:640px){:root{--gutter: 28px}}@media(min-width:1024px){:root{--gutter: 40px}}[data-theme=dark] .shot-img--light,[data-theme=dark] .only-light,:root:not([data-theme=dark]) .shot-img--dark,:root:not([data-theme=dark]) .only-dark{display:none}@media(prefers-reduced-motion:reduce){:not(.sky *),:not(.sky *):before,:not(.sky *):after{animation-duration:.01ms!important;animation-iteration-count:1!important}*,*:before,*:after{transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}.btn{--b-bg: transparent;--b-line: transparent;--b-ink: var(--ink);--b-line-style: solid;--b-lip: none;--b-lip-press: none;--b-bg-hover: var(--silver-hover);--b-line-hover: var(--b-line);--b-ink-hover: var(--b-ink);--b-bg-press: var(--silver-pressed);--b-line-press: var(--b-line-hover);--b-ink-press: var(--b-ink-hover);display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:4px 16px;border:1px var(--b-line-style) var(--b-line);border-radius:7px;background-color:var(--b-bg);color:var(--b-ink);box-shadow:var(--b-lip);font-family:var(--font-body);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-align:center;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.btn svg{flex-shrink:0}.btn:hover:not(:disabled,[aria-disabled=true],.btn--disabled,:has(:disabled)){border-style:solid;border-color:var(--b-line-hover);background-color:var(--b-bg-hover);color:var(--b-ink-hover)}.btn:active:not(:disabled,[aria-disabled=true],.btn--disabled,:has(:disabled)){border-style:solid;border-color:var(--b-line-press);background-color:var(--b-bg-press);color:var(--b-ink-press);box-shadow:var(--b-lip-press)}.btn:has(:disabled){cursor:default}.btn:is(:disabled,[aria-disabled=true],.btn--disabled){opacity:.4;cursor:not-allowed}.btn:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.btn--sm{min-height:32px;padding-inline:12px;font-size:11.5px}.btn--lg{min-height:48px;padding-inline:22px;font-size:14px}.btn--block{width:100%}.btn--primary{--b-bg: var(--btn-primary);--b-line: var(--btn-primary);--b-ink: var(--btn-primary-ink);--b-bg-hover: var(--btn-primary-hover);--b-line-hover: var(--btn-primary-hover);--b-bg-press: var(--btn-primary-pressed);--b-line-press: var(--btn-primary-pressed)}.btn--secondary{--b-bg: var(--btn-secondary-bg);--b-line: var(--btn-secondary-border)}.btn--ghost{--b-line: transparent}.btn--danger{--b-bg: var(--btn-danger-bg);--b-line: var(--btn-danger-border);--b-ink: var(--btn-danger-ink);--b-bg-hover: var(--btn-danger-hover);--b-line-hover: var(--btn-danger-hover);--b-ink-hover: var(--btn-danger-hover-ink);--b-bg-press: var(--btn-danger-pressed);--b-line-press: var(--btn-danger-pressed)}.btn--icon{--b-bg: var(--card);--b-line: var(--line-strong);--b-lip: 0 1px 0 var(--line-strong);width:44px;height:44px;min-height:44px;padding:0;letter-spacing:0}.btn--key{--b-bg: var(--btn-key);--b-line: var(--silver-edge);--b-bg-hover: var(--btn-key-hover);--b-bg-press: var(--btn-key-hover);--b-lip: 0 2px 0 var(--silver-edge), var(--float-shadow);--b-lip-press: var(--float-shadow);padding:0 16px 0 13px}.btn--key svg{color:var(--focus)}.btn--saved{--b-bg: var(--btn-saved);--b-line: var(--btn-saved-ink);--b-ink: var(--btn-saved-ink);--b-bg-hover: var(--btn-saved);--b-bg-press: var(--btn-saved)}.btn--choice{--b-bg: var(--card);--b-line: var(--line);--b-line-hover: var(--silver-edge);--b-bg-press: var(--silver-hover);min-width:0;min-height:44px;padding-block:6px;font-weight:600;line-height:1.25;text-transform:none;letter-spacing:0;font-size:15px;white-space:normal}.btn--choice:is(.is-selected,[aria-pressed=true]){--b-bg: var(--blue-soft);--b-line: var(--blue);--b-ink: var(--blue);--b-bg-hover: var(--blue-soft);--b-bg-press: var(--blue-soft)}.btn--key3d{--k-tint: var(--key-next-mock-tint);--k-edge: var(--key-next-mock-edge);--b-lip: 0 3px 0 var(--k-tint), 0 4px 0 var(--k-edge);--b-lip-press: 0 0 0 var(--k-tint), 0 1px 0 var(--k-edge);margin-bottom:4px}.btn--key3d.btn--secondary{--k-tint: var(--line);--k-edge: var(--line-strong)}.btn--key3d:active:not(:disabled,[aria-disabled=true]){transform:translateY(3px)}@media(hover:hover){.btn--key3d.btn--primary:hover{--b-bg-hover: var(--k-tint);--b-line-hover: var(--k-edge);--b-ink-hover: var(--key-hover-ink)}}.topbar{position:relative;z-index:50}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px;width:calc(100% - 2 * var(--gutter));max-width:var(--container);margin-top:12px;padding-inline:16px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card) 70%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 6px 20px -12px #00000040}.wordmark{font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1;letter-spacing:-.01em;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:8px;min-height:44px}.wordmark-mark{flex-shrink:0;width:1.2em;height:1.2em;color:var(--stamp)}.wordmark-beta{padding:3px 8px;border-radius:999px;background:var(--box-blue-soft);color:var(--box-blue-ink);font-family:var(--font-body);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:0}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-actions .btn:not(.btn--icon){min-height:44px}.sec{--sec-bg: var(--paper);padding-block:88px;scroll-margin-top:72px}.band--honey{--sec-bg: var(--section-band-honey);background:linear-gradient(135deg,var(--band-honey-hi) 0%,var(--section-band-honey) 50%,var(--band-honey-lo) 100%);box-shadow:inset 0 1px 0 var(--section-band-honey-line),inset 0 -1px 0 var(--section-band-honey-line)}.band--green{--sec-bg: var(--section-band-green);background:radial-gradient(40% 60% at 15% 20%,var(--band-green-a),transparent 70%),radial-gradient(45% 55% at 85% 30%,var(--band-green-c),transparent 70%),radial-gradient(50% 60% at 70% 95%,var(--band-green-b),transparent 70%),radial-gradient(35% 50% at 20% 90%,var(--band-green-c),transparent 70%),var(--section-band-green);box-shadow:inset 0 1px 0 var(--section-band-green-line),inset 0 -1px 0 var(--section-band-green-line)}.band--blue{--sec-bg: var(--section-band-blue);background:radial-gradient(ellipse 70% 90% at 0% 0%,var(--band-blue-glow) 0%,transparent 65%),linear-gradient(var(--section-band-blue),var(--band-blue-lo));box-shadow:inset 0 1px 0 var(--section-band-blue-line),inset 0 -1px 0 var(--section-band-blue-line)}.band--rose{--sec-bg: var(--section-band-rose);background:conic-gradient(from 210deg at 70% 40%,var(--section-band-rose),var(--band-rose-hi) 25%,var(--section-band-rose) 50%,var(--band-rose-lo) 75%,var(--section-band-rose));box-shadow:inset 0 1px 0 var(--section-band-rose-line),inset 0 -1px 0 var(--section-band-rose-line)}.band--plum{--sec-bg: var(--section-band-plum);background:radial-gradient(ellipse 80% 70% at 50% 30%,var(--band-plum-hi),var(--section-band-plum) 60%,var(--band-plum-lo));position:relative;isolation:isolate;box-shadow:inset 0 1px 0 var(--section-band-plum-line),inset 0 -1px 0 var(--section-band-plum-line)}.band--mock{--sec-bg: var(--section-band-mock);background:linear-gradient(175deg,transparent 30%,var(--band-mock-aurora) 48%,transparent 66%),linear-gradient(var(--band-mock-top),var(--section-band-mock) 50%,var(--band-mock-bot));box-shadow:inset 0 1px 0 var(--section-band-mock-line),inset 0 -1px 0 var(--section-band-mock-line)}.band--games{--sec-bg: var(--section-band-games);background:linear-gradient(160deg,var(--band-games-hi),var(--section-band-games));position:relative;isolation:isolate;box-shadow:inset 0 1px 0 var(--section-band-games-line),inset 0 -1px 0 var(--section-band-games-line)}.band--plum:before,.band--games:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.band--plum:before{opacity:var(--band-grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.band--games:before{background-image:radial-gradient(var(--band-games-dot) 1.2px,transparent 1.6px);background-size:22px 22px;mask-image:radial-gradient(ellipse 70% 80% at 85% 15%,#000,transparent 75%)}.sec-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}.sec--flip .sec-main{order:2}.sec-aside:not(:has(.shot)){display:none}.sec-grid:not(:has(.shot)){grid-template-columns:minmax(0,680px);justify-content:center}.sec-aside{position:sticky;top:96px}.tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:5px 13px 5px 11px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.3}.tag:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.tag--honey{background:var(--box-honey-soft);color:var(--box-honey-ink)}.tag--blue{background:var(--box-blue-soft);color:var(--box-blue-ink)}.tag--green{background:var(--box-green-soft);color:var(--box-green-ink)}.tag--rose{background:var(--box-rose-soft);color:var(--box-rose-ink)}.tag--mock{background:var(--box-mock-soft);color:var(--box-mock-ink)}.tag--plum{background:var(--box-plum-soft);color:var(--box-plum-ink)}.tag--games{background:var(--box-games-soft);color:var(--box-games-ink)}.tag--indigo{background:var(--box-indigo-soft);color:var(--box-indigo-ink)}.sec-title{font-family:var(--font-display);font-size:clamp(34px,4vw,50px);font-weight:700;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;color:var(--ink)}.sec-text{max-width:34em;margin-top:18px;font-size:18px;line-height:1.65;text-wrap:pretty;color:var(--ink)}.widget{margin-top:32px}.widget:empty{display:none}.open-line{display:none;align-items:center;gap:10px;width:fit-content;margin-top:24px;padding:10px 16px 10px 12px;border:1px solid var(--green);border-radius:10px;background:var(--green-soft);font-size:16px;font-weight:600;line-height:1.4;color:var(--green-ink);box-shadow:0 1px 0 var(--green)}.open-line svg{flex:none}.xp-open .open-line{display:flex}.shot{margin:0}.shot-frame{padding:8px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--lip),0 24px 48px -32px #212c4e59}[data-theme=dark] .shot-frame{box-shadow:var(--lip),0 24px 48px -28px #0009}.shot-frame img{width:100%;border-radius:8px}.shot-caption{display:flex;align-items:center;gap:8px;margin-top:14px;padding-left:4px;font-size:15px;font-weight:600;color:var(--ink)}.shot-caption:before{content:"";width:18px;height:2px;border-radius:2px;background:var(--line-strong)}.shot--strip{margin-top:32px}.sec-aside .shot.shot--phone{max-width:400px;margin-inline:auto}.sec-head{margin-bottom:44px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.plan-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--lip)}.plan-card .shot-frame{padding:14px 14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--section-band-indigo);box-shadow:none}.plan-card .shot-frame picture,.type-pick{aspect-ratio:16 / 10}.plan-card .shot-frame picture{overflow:hidden;border-radius:8px 8px 0 0;box-shadow:0 0 0 1px var(--line)}.plan-card .shot-frame img{height:100%;border-radius:0;object-fit:cover;object-position:top center}.plan-card .shot{position:relative}.plan-card .shot-caption{position:absolute;right:12px;bottom:12px;margin:0;padding:4px 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--card);box-shadow:var(--lip);font-size:14px}.plan-card .shot-caption:before{display:none}.plan-card-body{padding:22px 24px 26px}.plan-card-title{margin-bottom:8px;font-family:var(--font-display);font-size:23px;font-weight:700;line-height:1.2;color:var(--ink)}.plan-card-body p{font-size:17px;line-height:1.6;color:var(--ink)}.type-pick{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 28px;border-bottom:1px solid var(--line);background:var(--section-band-indigo)}.type-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:var(--lip);font-family:var(--font-display);font-size:21px;font-weight:600;color:var(--ink)}.type-option.is-picked{border-color:var(--blue);background:var(--blue-soft);color:var(--ink);box-shadow:0 1px 0 var(--blue)}.type-dot{flex:none;width:18px;height:18px;border:2px solid currentColor;border-radius:50%}.is-picked .type-dot{color:var(--blue);background:radial-gradient(circle,currentColor 0 4px,transparent 4.5px)}.start{padding-top:120px;padding-bottom:24px}.start-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.start-pablo{width:150px;height:auto;margin-bottom:12px}.start-open-line{margin-top:0;margin-bottom:18px}.start-title{max-width:16ch;font-family:var(--font-display);font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-wrap:balance;color:var(--ink)}.site-footer{position:relative;overflow:hidden;isolation:isolate;padding-top:calc(var(--sky-text-top) + var(--sky-lift));padding-bottom:40px}.footer-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px}.footer-links a{display:inline-flex;align-items:center;min-height:44px;padding-inline:10px;border-radius:7px;font-size:16px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;color:var(--ink)}.footer-links a:hover{text-decoration-thickness:2px}.footer-legal{max-width:46em;font-size:14px;line-height:1.6;color:var(--ink)}@media(max-width:959px){.sec{padding-block:72px}.sec-grid{grid-template-columns:minmax(0,1fr);gap:40px}.sec--flip .sec-main{order:0}.sec-aside{position:static}.sec-aside .shot{max-width:640px}.plan-grid{grid-template-columns:minmax(0,1fr);max-width:560px}}@media(max-width:639px){body{font-size:16px}.topbar-inner{height:56px}.wordmark{font-size:21px;gap:6px}.wordmark-beta{font-size:11px;padding:2px 7px}.topbar-login{display:none}.sec{padding-block:56px}.tag{margin-bottom:14px}.sec-title{font-size:32px}.sec-text{margin-top:14px;font-size:17px}.widget{margin-top:24px}.sec-aside .shot{max-width:380px;margin-inline:auto}.shot-frame{padding:6px}.shot--phone .shot-frame,.shot[data-shot=mock-exam-box] .shot-frame{position:relative;max-height:460px;overflow:hidden;border:0;box-shadow:inset 0 0 0 1px var(--line)}[data-theme=dark] .shot--phone .shot-frame,[data-theme=dark] .shot[data-shot=mock-exam-box] .shot-frame{box-shadow:inset 0 0 0 1px var(--line)}.shot--phone .shot-frame:after,.shot[data-shot=mock-exam-box] .shot-frame:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,var(--sec-bg));pointer-events:none}.sec-head{margin-bottom:28px}.plan-card-body{padding:18px 20px 22px}.type-pick{padding:20px}.type-option{font-size:19px}.start{padding-top:72px}.start-pablo{width:116px}.start-title{font-size:36px}.open-line{font-size:15px}}:root{--topbar-h: 76px}.hero{--hs-zenith: #8fb8e2;--hs-high: #b5d0ec;--hs-low: #dfe8ee;--hs-haze: #f7e6c6;--hs-ridge-far: #b4c4dc;--hs-ridge-mid: #d4d9c9;--hs-sun: #ffd36e;--hs-sun-glow: rgb(255 196 92 / .55);--hs-moon: #eef0ff;--hs-moon-shade: #cfd5f2;--hs-moon-glow: rgb(190 202 255 / .4);--hn-zenith: #040820;--hn-high: #0a1131;--hn-low: #18214d;--hn-haze: #2c3672;position:relative;isolation:isolate;padding-top:44px}[data-theme=dark] .hero{--hs-ridge-far: #1d2752;--hs-ridge-mid: #161e44}.hero-sky{position:absolute;inset:calc(-1 * var(--topbar-h)) 0 0;z-index:-1;overflow:hidden;pointer-events:none}.hero-sky__day,.hero-sky__night,.hero-sky__stars,.hero-sky__glow{position:absolute;inset:0}.hero-sky__day{background:linear-gradient(var(--hs-zenith),var(--hs-high) 26%,var(--hs-low) 50%,var(--hs-haze) 74%,var(--paper) 96%)}.hero-sky__night{background:radial-gradient(120% 60% at 50% 88%,rgb(84 100 190 / .35),transparent 70%),linear-gradient(var(--hn-zenith),var(--hn-high) 30%,var(--hn-low) 58%,var(--hn-haze) 80%,var(--paper) 97%);opacity:0}.hero-sky__stars{bottom:30%;opacity:0;background-image:radial-gradient(1.6px 1.6px at 6% 22%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 12% 58%,#f2f5ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 19% 9%,#f2f5ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 27% 40%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 34% 16%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 41% 72%,#f2f5ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 47% 6%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 55% 30%,#f2f5ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 63% 12%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 68% 52%,#f2f5ff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 76% 24%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 83% 8%,#f2f5ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 89% 44%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 95% 18%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 3% 80%,#f2f5ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 92% 76%,#f2f5ff 50%,transparent 51%)}.hero-sky__cloud{position:absolute;left:0;width:100%;animation:hero-drift linear infinite}.hero-sky__cloud:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--wisp);background:radial-gradient(closest-side,rgb(255 255 255 / .6) 25%,transparent)}.hero-sky__cloud--a{--wisp: 30%;top:58%;height:34px;animation-duration:110s;animation-delay:-40s}.hero-sky__cloud--b{--wisp: 22%;top:67%;height:24px;animation-duration:90s;animation-delay:-75s}@keyframes hero-drift{0%{transform:translate(-35%)}to{transform:translate(100%)}}.hero-sky__glow{opacity:0;background:radial-gradient(70% 45% at 82% 78%,rgb(255 150 90 / .85),transparent 70%),radial-gradient(90% 60% at 50% 70%,rgb(214 110 150 / .45),transparent 75%)}[data-theme=dark] .hero-sky__night,[data-theme=dark] .hero-sky__stars{opacity:1}[data-theme=dark] .hero-sky__cloud{opacity:0}.hero-sky__night,.hero-sky__stars,.hero-sky__cloud{transition:opacity 1.2s ease}.hero-sky__stars{transition-delay:.35s}[data-theme=light] .hero-sky__stars{transition-duration:.5s;transition-delay:0s}.is-theming .hero-sky__glow{animation:hero-glow 1.5s ease-in-out}@keyframes hero-glow{0%,to{opacity:0}45%{opacity:.75}}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;padding:7px 16px 7px 12px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--card) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:15px;font-weight:600;line-height:1.3;color:var(--ink)}.hero-eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.hero-title{max-width:14ch;font-family:var(--font-display);font-size:clamp(44px,6.9vw,100px);font-weight:700;line-height:.98;letter-spacing:-.032em;text-wrap:balance;color:var(--ink)}.hero-title .accent{color:var(--accent)}@media(min-width:640px){.hero-title{max-width:none}.hero-title .accent{display:block}}.hero-sub{max-width:33em;margin-top:26px;font-size:20px;font-weight:500;line-height:1.55;text-wrap:pretty;color:var(--ink)}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.cta-row--center,.hero .cta-row{justify-content:center}.cta-row .btn{min-width:176px}.hero-note{margin-top:14px;font-size:15px;font-weight:600;color:var(--ink)}.hero-visual{margin-top:88px}.hero-stage{--horizon: 40%;--sun: 150px;--moon: 104px;--orbit-x: calc(50cqw + 44px) ;--orbit-y: calc(23.5cqw + 48px) ;position:relative;max-width:1080px;margin-inline:auto;container-type:inline-size}.hero-scene{--turn: 0deg;position:absolute;inset:0;z-index:0;pointer-events:none;clip-path:inset(-100vh -50vw 0)}[data-theme=dark] .hero-scene{--turn: 180deg}.hero-wheel{position:absolute;top:var(--horizon);left:calc(50% + var(--orbit-x));width:0;height:0;transform:rotate(var(--turn));transition:transform 1.6s cubic-bezier(.55,0,.25,1)}.hero-sun,.hero-moon{position:absolute;border-radius:50%;transform:rotate(calc(-1 * var(--turn)));transition:transform 1.6s cubic-bezier(.55,0,.25,1)}.hero-sun{top:calc(-1 * var(--orbit-y) - var(--sun) / 2);left:calc(var(--sun) / -2);width:var(--sun);height:var(--sun);background:radial-gradient(circle at 40% 38%,#fff3c4,var(--hs-sun) 58%);box-shadow:0 0 0 18px #ffd67838,0 0 0 44px #ffd6781a,0 0 90px 30px var(--hs-sun-glow)}.hero-moon{top:calc(var(--orbit-y) - var(--moon) / 2);left:calc(var(--moon) / -2);width:var(--moon);height:var(--moon);background:radial-gradient(circle at 34% 62%,var(--hs-moon-shade) 0 9%,transparent 10%),radial-gradient(circle at 62% 30%,var(--hs-moon-shade) 0 6%,transparent 7%),radial-gradient(circle at 66% 66%,var(--hs-moon-shade) 0 5%,transparent 6%),radial-gradient(circle at 38% 36%,#ffffff,var(--hs-moon) 62%);box-shadow:0 0 0 16px #c8d2ff14,0 0 70px 18px var(--hs-moon-glow)}.hero-land{--rise: 64px;position:absolute;top:calc(var(--horizon) - var(--rise));left:50%;bottom:0;width:100vw;transform:translate(-50%);display:flex;flex-direction:column}.hero-land svg{display:block;flex:none;width:100%;height:240px;max-width:none}.hero-land:after{content:"";flex:1;margin-top:-1px;background:var(--paper);transition:background-color .8s ease}.hero-ridge{transition:fill .8s ease}.hero-ridge--far{fill:var(--hs-ridge-far)}.hero-ridge--mid{fill:var(--hs-ridge-mid)}.hero-ridge--near{fill:var(--paper)}.shot--hero{position:relative;z-index:1;perspective:1600px;-webkit-mask-image:linear-gradient(black 66%,transparent 97%);mask-image:linear-gradient(black 66%,transparent 97%)}.shot--hero .shot-frame{position:relative;display:grid;padding:44px 0 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 80%,transparent);border-radius:18px;background:var(--card);box-shadow:0 50px 90px -40px #212c4e8c,0 22px 40px -24px #212c4e59;transform-origin:50% 0}[data-theme=dark] .shot--hero .shot-frame{box-shadow:0 1px #ffffff0f inset,0 50px 100px -30px #000c,0 0 120px -20px #6f78d059}.shot--hero .shot-frame:before,.shot--hero .shot-frame:after{content:"";position:absolute;top:0;height:44px}.shot--hero .shot-frame:before{inset-inline:0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 22px 22px,#ec6a5e 0 5px,transparent 5.5px),radial-gradient(circle at 40px 22px,#f4bf4f 0 5px,transparent 5.5px),radial-gradient(circle at 58px 22px,#61c554 0 5px,transparent 5.5px),var(--card-sunken)}.shot--hero .shot-frame:after{content:"app.lerno.online";left:50%;display:grid;place-items:center;height:26px;margin-top:9px;padding-inline:18px;border:1px solid var(--line);border-radius:7px;background:var(--card);font-size:13px;font-weight:600;line-height:1;color:var(--ink);transform:translate(-50%)}.shot--hero .shot-frame picture{grid-area:1 / 1;aspect-ratio:16 / 9.4;overflow:hidden;transition:opacity .8s ease}.shot--hero .shot-frame img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:top left}.is-theming .shot--hero .shot-img{display:block}[data-theme=dark] .shot--hero .shot-img--light,:root:not([data-theme=dark]) .shot--hero .shot-img--dark{opacity:0}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.shot--hero .shot-frame{animation:hero-rise linear both;animation-timeline:view();animation-range:entry 10% cover 42%}}}@keyframes hero-rise{0%{transform:rotateX(16deg) scale(.96)}to{transform:none}}[data-theme=dark] .theme-toggle__moon,:root:not([data-theme=dark]) .theme-toggle__sun{display:none}html.is-theming,html.is-theming *:where(:not(.hero-sky,.hero-sky *,.hero-scene,.hero-scene *,.shot--hero picture,.site-footer,.sky,.sky *)),html.is-theming *:where(:not(.hero-sky *,.hero-scene *,.sky *)):before,html.is-theming *:where(:not(.hero-sky *,.hero-scene *,.sky *)):after{transition:background-color .8s ease,color .8s ease,border-color .8s ease,outline-color .8s ease,fill .8s ease,stroke .8s ease,box-shadow .8s ease!important}html.is-swapped .shot:not(.shot--hero) .shot-img{animation:shot-in .7s ease both}@keyframes shot-in{0%{opacity:0}}@media(max-width:1100px){.hero-stage{--orbit-x: calc(50cqw - 90px) ;--orbit-y: calc(23.5cqw + 62px) ;--sun: 120px;--moon: 86px}}@media(max-width:639px){:root{--topbar-h: 64px}.hero{padding-top:18px}.hero-eyebrow{margin-bottom:18px;padding:6px 13px 6px 10px;font-size:14px}.hero-title{font-size:clamp(40px,11.4vw,50px);line-height:1.02}.hero-sub{margin-top:18px;font-size:17px;line-height:1.55}.cta-row{width:100%;gap:12px;margin-top:26px}.cta-row .btn{flex:1 1 0;min-width:0;padding-inline:12px}.hero-visual{margin-top:80px}.hero-stage{--horizon: 30%;--sun: 84px;--moon: 62px;--orbit-x: calc(50cqw - 60px) ;--orbit-y: calc(37.5cqw + 34px) }.hero-land{--rise: 40px}.hero-land svg{height:150px}.shot--hero .shot-frame{padding-top:34px;border-radius:16px}.shot--hero .shot-frame:before,.shot--hero .shot-frame:after{height:34px}.shot--hero .shot-frame:before{background:radial-gradient(circle at 17px 17px,#ec6a5e 0 4px,transparent 4.5px),radial-gradient(circle at 31px 17px,#f4bf4f 0 4px,transparent 4.5px),radial-gradient(circle at 45px 17px,#61c554 0 4px,transparent 4.5px),var(--card-sunken)}.shot--hero .shot-frame:after{height:22px;margin-top:6px;padding-inline:12px;font-size:12px}.shot--hero .shot-frame picture{aspect-ratio:4 / 5}.shot--hero .shot-frame img{object-position:0 -26cqw}}@media(prefers-reduced-motion:reduce){.hero-sky__cloud{animation:none;transform:translate(30%)}.is-theming .hero-sky__glow{animation:none}}.xp-sentinel{display:block;height:1px;margin-top:28px}.xp-dock{position:sticky;top:0;z-index:40;padding-block:5px;transition:background-color .2s ease,box-shadow .2s ease}.xp-dock.is-stuck{background:color-mix(in srgb,var(--paper) 90%,transparent);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.xp-caption{margin-top:12px;margin-bottom:56px;font-size:16px;font-weight:500;text-align:center;color:var(--ink)}.xp-strip{position:relative;display:flex;align-items:stretch;max-width:900px;height:54px;margin-inline:auto;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);box-shadow:0 2px 0 var(--line-strong);user-select:none;-webkit-user-select:none;transition:border-color .4s ease,box-shadow .4s ease}.xp-strip.is-glowing{border-color:color-mix(in srgb,var(--amber) 75%,var(--line));box-shadow:0 2px 0 var(--line-strong),0 0 0 4px color-mix(in srgb,var(--amber) 38%,transparent),0 10px 30px color-mix(in srgb,var(--amber) 25%,transparent)}.xp-tile{position:relative;display:flex;flex:none;align-items:center;gap:7px;padding:0 14px;border-right:1px solid var(--line-strong);border-radius:9px 0 0 9px;background:var(--xp-counter-bg)}.xp-counter{--cell-h: 30px;display:inline-flex;gap:3px}.xp-cell{position:relative;width:23px;height:calc(var(--cell-h) + 2px);overflow:hidden;border:1px solid var(--xp-tile-border);border-radius:4px;background:linear-gradient(var(--xp-tile) 49%,var(--xp-tile-split) 49%,var(--xp-tile-split) 53%,var(--xp-tile) 53%);box-shadow:0 2px 0 var(--xp-tile-shadow)}.xp-col{display:flex;flex-direction:column;transform:translateY(calc(var(--d, 0) * -1 * var(--cell-h)));transition:transform .35s cubic-bezier(.22,1,.36,1)}.xp-cell:nth-child(2) .xp-col{transition-delay:.05s}.xp-cell:nth-child(3) .xp-col{transition-delay:.1s}.xp-col>span{display:grid;height:var(--cell-h);place-items:center;font-family:var(--font-body);font-size:18px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--xp-digit)}.xp-unit{font-family:var(--font-body);font-size:15px;font-weight:700;line-height:1;color:var(--xp-digit)}.xp-chip{position:absolute;top:calc(100% + 8px);left:50%;z-index:3;padding:3px 10px;border:1.5px solid var(--xp-tile-border);border-radius:6px;background:var(--card);box-shadow:0 2px 0 var(--xp-tile-shadow);font-size:14px;font-weight:700;white-space:nowrap;color:var(--ink);opacity:0;pointer-events:none;transform:translate(-50%) rotate(-3deg)}.xp-chip.is-shown{animation:xp-chip 1.2s ease-out both}@keyframes xp-chip{0%{opacity:0;transform:translate(-50%) translateY(-10px) rotate(-3deg) scale(.6)}14%{opacity:1;transform:translate(-50%) translateY(0) rotate(-3deg) scale(1.1)}24%,78%{opacity:1;transform:translate(-50%) translateY(0) rotate(-3deg) scale(1)}to{opacity:0;transform:translate(-50%) translateY(6px) rotate(-3deg) scale(1)}}.xp-body{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:4px 18px 6px}.xp-head{overflow:hidden;font-size:15px;font-weight:600;line-height:18px;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}.xp-track{display:flex;align-items:center;gap:8px;min-width:0}.xp-node{flex:none;width:14px;height:14px;border-radius:50%;background:var(--ink)}.xp-groove{position:relative;flex:1 1 0;min-width:0;height:10px;overflow:hidden;border:1px solid var(--line-strong);border-radius:999px;background:var(--card-sunken)}.xp-fill{position:absolute;inset:0 auto 0 0;width:calc(100% * var(--p, 0));border-radius:999px;background:var(--xp-fill);transition:width .6s cubic-bezier(.22,1,.36,1)}.xp-slot{position:relative;display:grid;flex:none;width:22px;height:22px;place-items:center;border:1.5px dashed var(--ink);border-radius:50%;background:var(--card);color:var(--ink);font-size:12px;font-weight:700;line-height:1;transition:background-color .4s ease,border-color .4s ease,color .4s ease}.xp-slot-badge{position:absolute;top:-7px;right:-8px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:var(--key-face);color:var(--key-face-ink);transition:background-color .3s ease}.xp-tick{display:none}.is-open .xp-slot{border-style:solid;border-color:var(--xp-fill);background:var(--xp-fill);color:var(--card)}.is-open .xp-slot-badge{background:var(--green);color:#fff}.is-open .xp-lock{display:none}.is-open .xp-tick{display:block}.is-glowing .xp-slot{animation:xp-stamp .5s cubic-bezier(.2,.9,.3,1.2) both;box-shadow:0 0 0 5px color-mix(in srgb,var(--amber) 30%,transparent)}@keyframes xp-stamp{0%{transform:rotate(-24deg) scale(1.7)}60%{transform:rotate(-4deg) scale(.92)}to{transform:none}}@media(max-width:639px){.xp-sentinel{margin-top:20px}.xp-dock{padding-block:4px}.xp-strip{height:44px;border-radius:9px}.xp-tile{gap:5px;padding:0 9px;border-radius:8px 0 0 8px}.xp-counter{--cell-h: 24px;gap:2px}.xp-cell{width:18px}.xp-col>span{font-size:15px}.xp-unit{font-size:12px}.xp-chip{top:calc(100% + 6px);font-size:13px}.xp-body{gap:3px;padding:3px 12px 4px 11px}.xp-head{font-size:12px;line-height:14px}.xp-track{gap:6px}.xp-node{width:11px;height:11px}.xp-groove{height:8px}.xp-slot{width:18px;height:18px;font-size:10.5px}.xp-slot-badge{top:-5px;right:-6px;width:13px;height:13px}.xp-slot-badge svg{width:8px;height:8px}.xp-caption{margin-bottom:40px;padding-inline:24px;font-size:15px}}@media(max-width:399px){.xp-head-lead{display:none}}@media(prefers-reduced-motion:reduce){.xp-chip.is-shown{animation:none;opacity:1}.is-glowing .xp-slot{animation:none}}@property --sky-top{syntax: "<color>"; inherits: true; initial-value: #cbb8dc;}@property --sky-mid{syntax: "<color>"; inherits: true; initial-value: #f1c3a9;}@property --sky-horizon{syntax: "<color>"; inherits: true; initial-value: #f7dcb0;}.site-footer{transition:--sky-top .9s ease,--sky-mid .9s ease,--sky-horizon .9s ease;--sky-lift: 76px;--sky-text-top: 184px;--sky-zenith: #9fb6d8;--sky-top: #cbb8dc;--sky-mid: #f1c3a9;--sky-horizon: #f7dcb0;--sky-cloud: rgb(255 246 242 / .95);--sky-cloud-shade: rgb(214 158 156 / .28);--sky-ridge-far: #b9a3c4;--sky-ridge-mid: #d7bfc9;--sky-ridge-near: #eadadc;--sky-pablo: #a48fb5;--sky-disc: #ffcf6f;--sky-disc-glow: rgb(255 186 100 / .75)}[data-theme=dark] .site-footer{--sky-zenith: #03051a;--sky-top: #070c2c;--sky-mid: #1a2757;--sky-horizon: #34427a;--sky-cloud: rgb(140 155 210 / .2);--sky-ridge-far: #1a2348;--sky-ridge-mid: #141b3a;--sky-ridge-near: #10162e;--sky-pablo: #0b1026;--sky-disc: #e9ecff;--sky-disc-glow: rgb(196 206 255 / .4)}@media(max-width:639px){.site-footer{--sky-lift: 56px}}.sky{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.sky__air{position:absolute;inset:0;mask-image:linear-gradient(transparent,#00000073 77px,#000 194px)}.sky__base{position:absolute;inset:0;background:linear-gradient(var(--sky-top) 32px,var(--sky-mid) 142px,var(--sky-horizon) 200px)}.sky__land,.sky__clouds{position:absolute;inset:var(--sky-lift) 0 0}.sky__cloud{position:absolute;left:0;width:100%;animation:sky-drift linear infinite}.sky__cloud:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--wisp);background:radial-gradient(closest-side,var(--sky-cloud) 30%,transparent),radial-gradient(closest-side at 50% 72%,var(--sky-cloud-shade),transparent)}[data-theme=dark] .sky__cloud:before{background:radial-gradient(closest-side,var(--sky-cloud),transparent)}.sky__cloud--a{--wisp: 32%;top:-20px;height:22px;animation-duration:78s;animation-delay:-22s}.sky__cloud--b{--wisp: 20%;top:10px;height:16px;animation-duration:64s;animation-delay:-44s}.sky__cloud--c{--wisp: 24%;top:26px;height:18px;animation-duration:88s;animation-delay:-70s}.sky__cloud--d{--wisp: 16%;top:-6px;height:12px;animation-duration:70s;animation-delay:-8s}@keyframes sky-drift{0%{transform:translate(-30%)}to{transform:translate(100%)}}.sky__night{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}[data-theme=dark] .sky__night{opacity:1}.sky__stars{position:absolute;inset:35px 0 auto;height:168px;animation:sky-twinkle ease-in-out infinite alternate}.sky__stars--a{background-image:radial-gradient(1.4px 1.4px at 4% 62%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 13% 30%,#f2f5ff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 27% 48%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 38% 78%,#f2f5ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 49% 22%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 61% 58%,#f2f5ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 71% 34%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 84% 70%,#f2f5ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 93% 26%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 33% 12%,#f2f5ff 50%,transparent 51%);animation-duration:3.4s}.sky__stars--b{background-image:radial-gradient(1px 1px at 8% 38%,#f2f5ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 18% 74%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 31% 18%,#f2f5ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 43% 52%,#f2f5ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 66% 20%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 77% 62%,#f2f5ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 88% 44%,#f2f5ff 50%,transparent 51%);animation-duration:4.6s;animation-delay:-1.5s}.sky__stars--c{background-image:radial-gradient(1.2px 1.2px at 2% 20%,#f2f5ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 35% 36%,#f2f5ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 58% 40%,#f2f5ff 50%,transparent 51%),radial-gradient(1px 1px at 80% 16%,#f2f5ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 91% 60%,#f2f5ff 50%,transparent 51%);animation-duration:5.8s;animation-delay:-3s}@keyframes sky-twinkle{0%{opacity:1}to{opacity:.3}}.sky__disc{position:absolute;top:74px;left:22%;width:54px;height:54px;border-radius:50%;background:var(--sky-disc);box-shadow:0 0 34px 10px var(--sky-disc-glow);transition:background-color .9s ease,box-shadow .9s ease,top .9s ease,left .9s ease,width .9s ease,height .9s ease}[data-theme=dark] .sky__disc{top:66px;left:18%;width:40px;height:40px;box-shadow:0 0 26px 6px var(--sky-disc-glow)}.sky__ridge{position:absolute;inset-inline:0;bottom:0;animation:sky-breathe ease-in-out infinite}.sky__ridge svg{display:block;width:100%}.sky__ridge{transition:fill .9s ease}.sky__ridge--far{fill:var(--sky-ridge-far);animation-duration:16s}.sky__ridge--mid{fill:var(--sky-ridge-mid);animation-duration:19s;animation-delay:-7s}.sky__ridge--near{fill:var(--sky-ridge-near);animation-duration:22s;animation-delay:-13s}@keyframes sky-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.sky__pablo{position:absolute;aspect-ratio:480 / 537;background:var(--sky-pablo);transition:background-color .9s ease;-webkit-mask:url(/pablo-with-tail.webp) center / contain no-repeat;mask:url(/pablo-with-tail.webp) center / contain no-repeat;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.sky__cloud,.sky__stars,.sky__ridge{animation-play-state:paused}}