:root{--c-page:#f2f6ff;--c-card:#fff;--c-stone:#e8eefb;--c-ink:#14213d;--c-muted:#46537a;--c-hair:#c9d4ee;--c-control:#6f7fa8;--c-brand:#2358c7;--c-brand-deep:#173f94;--c-brand-tint:#dce8ff;--c-sun:#f2b632;--c-eyes:#2e9e63;--c-eyes-edge:#1e7348;--c-sky:#dce8ff;--c-blue-bg:#dce8ff;--c-blue-mid:#4f86f0;--c-blue:#1b4aa8;--c-leaf-bg:#d3f3e0;--c-leaf-mid:#35b071;--c-leaf:#17623a;--c-amber-bg:#ffe7b8;--c-amber-mid:#f0a81e;--c-amber:#7a4a00;--c-violet-bg:#e6e2ff;--c-violet-mid:#7c6ff0;--c-violet:#4535b3;--c-watch-bg:#fff4e0;--c-watch-line:#e9b45c;--c-note-bg:#fce9be;--c-error-bg:#fbe3de;--c-error:#8e2a17;--c-avatar-sun:#f2b632;--c-avatar-sky:#8fb3e0;--c-avatar-violet:#b7aef0;--c-avatar-leaf:#8ccba3;--c-avatar-coral:#f2a48c;--font-display:"Andika", system-ui, sans-serif;--font-body:"Lexend", system-ui, sans-serif;--font-logo:"Andika", system-ui, sans-serif;--font-num:"Andika", system-ui, sans-serif;--type-hero:clamp(2.1rem, 4vw, 3rem);--type-section:clamp(1.75rem, 3vw, 2.5rem);--type-lead:clamp(1.05rem, 1.4vw, 1.2rem);--type-h3:20px;--type-body:16px;--type-small:15px;--type-label:13.5px;--type-caption:12.5px;--r-xs:6px;--r-sm:8px;--r-ctl:10px;--r-card:14px;--r-device:22px;--r-pill:999px;--space-max-width:1200px;--space-wide-width:1440px;--space-gutter:clamp(16px, 4vw, 40px);--space-section:clamp(40px, 4.5vw, 56px);--space-gap:20px;--space-card-pad:18px;--space-panel-pad:20px;--space-card-gap:14px;--space-stack:16px;--space-measure:75ch;--ctl-sm:44px;--ctl-md:48px;--ctl-lg:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--c-page);color:var(--c-ink);font-family:var(--font-body);font-size:var(--type-body);margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{margin:0}b,strong{font-weight:600}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}p{margin:0}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-brand)}a:hover{color:var(--c-brand-deep)}:focus-visible{outline:3px solid var(--c-ink);outline-offset:2px}html{-webkit-tap-highlight-color:transparent}input::placeholder{color:var(--c-muted)}[hidden]{display:none!important}.vh{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:10;border-radius:var(--r-ctl);background:var(--c-ink);color:#fff;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{color:#fff;top:12px}.wrap{max-width:var(--space-max-width);padding:0 var(--space-gutter);margin:0 auto}:root{--page-max:clamp(var(--space-max-width), 100vw, var(--space-wide-width));--card-pad:var(--space-panel-pad);--measure:var(--space-measure)}@media (max-width:560px){:root{--card-pad:16px}}.display{font-family:var(--font-display);font-weight:600}.btn{min-height:var(--ctl-md);border-radius:var(--r-ctl);font-family:var(--font-display);text-align:center;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:17px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn--lg{min-height:var(--ctl-lg);padding:0 22px}.btn--sm{min-height:var(--ctl-sm);padding:0 16px;font-size:15px}.btn--primary{background:var(--c-brand);color:#fff;box-shadow:0 4px 0 var(--c-brand-deep)}.btn--primary:active{box-shadow:0 2px 0 var(--c-brand-deep);transform:translateY(2px)}.btn--primary:hover{background:var(--c-brand-deep);color:#fff}.btn--outline{color:var(--c-brand);border-color:var(--c-brand);background:#fff}.btn--outline:hover{background:var(--c-brand-tint);color:var(--c-brand-deep)}.btn--quiet{color:var(--c-muted);border:1px solid var(--c-hair);background:#fff;font-weight:600}.btn[aria-disabled=true],.btn:disabled:not([data-pending]){box-shadow:none;opacity:1;background:var(--c-stone);color:var(--c-muted);border-color:var(--c-hair);cursor:not-allowed}.tag{border-radius:var(--r-pill);font-size:var(--type-caption);align-items:center;gap:6px;padding:4px 12px;font-weight:700;line-height:1.3;display:inline-flex}.tag--school{background:var(--c-blue-bg);color:var(--c-blue)}.tag--ahead{background:var(--c-leaf-bg);color:var(--c-leaf)}.tag--compete{background:var(--c-amber-bg);color:var(--c-amber)}.tag--explore{background:var(--c-violet-bg);color:var(--c-violet)}.tag--green{background:var(--c-brand-tint);color:var(--c-brand-deep)}.marker{border-radius:var(--r-pill);background:var(--c-note-bg);color:var(--c-amber);letter-spacing:.02em;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.notice{border-radius:var(--r-ctl);background:var(--c-note-bg);color:var(--c-ink);align-items:flex-start;gap:10px;padding:10px 14px;font-size:14.5px;line-height:1.4;display:flex}.notice b{color:var(--c-amber)}.preview-banner{background:var(--c-stone);border-bottom:1px solid var(--c-hair);color:var(--c-muted);text-align:center;margin:0;padding:5px 16px;font-size:13.5px;font-weight:600;line-height:1.4}.avatar{color:var(--c-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar--sun{background:var(--c-avatar-sun)}.avatar--sky{background:var(--c-avatar-sky)}.avatar--violet{background:var(--c-avatar-violet)}.avatar--leaf{background:var(--c-avatar-leaf)}.avatar--coral{background:var(--c-avatar-coral)}.ollie-mark{flex-shrink:0;line-height:0;display:inline-block}.ollie-mark-box{display:block}.ollie-mark-box svg{height:auto;display:block}.so-layer{z-index:100;background:#1f2a2473;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.so-confirm{border-radius:var(--r-card);text-align:left;background:#fff;flex-direction:column;gap:14px;width:100%;max-width:520px;padding:24px;display:flex;box-shadow:0 18px 48px #10151247}.so-h{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.2}.so-text{color:var(--c-ink);font-size:17px;line-height:1.5}.so-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.so-actions .btn{flex:200px}.so-lose{color:#8e2a17;border-color:#e7c2b9}.so-lose:hover{color:#7a2617;background:#fbe3de}.so-cancel{min-height:var(--ctl-sm);color:var(--c-muted);background:0 0;border:0;align-self:center;padding:0 14px;font-weight:600;text-decoration:underline}
.wl-logo{font-family:var(--font-logo);font-weight:700;line-height:1;display:inline-block}.wl-logo__row{align-items:center;gap:.08em;display:flex}.wl-logo__tile{border-bottom:.07em solid;border-radius:.2em;flex-shrink:0;justify-content:center;align-items:center;width:.9em;height:1em;display:flex}.wl-logo__letter{font-size:.7em;line-height:1;position:relative;top:-.04em}.wl-logo__eyes{background:var(--c-eyes);border-bottom:.07em solid var(--c-eyes-edge);border-radius:.2em;flex-shrink:0;width:1.88em;height:1em;display:block;position:relative}.wl-logo__eyes svg{width:1.88em;max-width:none;height:.93em;position:absolute;top:0;left:0;overflow:visible}.ph-home .wl-logo,.su-logo .wl-logo{font-size:26px}.lp-home .wl-logo{font-size:30px}@media (max-width:560px){.ph-home .wl-logo,.su-logo .wl-logo{font-size:22px}.lp-home .wl-logo{font-size:21px}}
.spin{vertical-align:-.15em;border:.16em solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.75s linear infinite wl-spin;display:inline-block}@keyframes wl-spin{to{transform:rotate(360deg)}}.pbtn{grid-template-areas:"face";place-items:center;display:inline-grid}.pbtn.btn{display:inline-grid}.pbtn.kid-btn{display:grid}.kid-btn.pbtn .pbtn-face{gap:10px}.pbtn-face{grid-area:face;justify-content:center;align-items:center;gap:8px;display:inline-flex}.pbtn-busy,.pbtn[data-pending] .pbtn-idle{visibility:hidden}.pbtn[data-pending] .pbtn-busy{visibility:visible}.pbtn[data-pending],.pbtn-switch[data-pending]{cursor:progress}.pbtn-over{position:relative}.pbtn-over-spin{color:var(--c-brand);font-size:20px;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pbtn-over[data-pending]{cursor:progress}.pbtn-switch .switch-knob{justify-content:center;align-items:center;display:flex}.pbtn-switch .switch-knob .spin{color:var(--c-brand);font-size:14px}form[data-pending] .ph-out,form[data-pending] .su-later{cursor:progress}form[data-pending] .ph-out svg{display:none}form[data-pending] .su-later{align-items:center;gap:8px;display:inline-flex}form[data-pending] .ph-out:after,form[data-pending] .su-later:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite wl-spin}.navbar{z-index:1000;background:var(--c-brand);opacity:0;pointer-events:none;width:0;height:3px;position:fixed;top:0;left:0}.navbar--shown{opacity:1;width:85%;transition:width 8s cubic-bezier(.1,.6,.2,1)}.navbar--finishing{opacity:0;width:100%;transition:width .15s ease-out,opacity .2s .1s}.pin-checking{color:var(--c-muted);align-items:center;gap:8px;display:inline-flex}.sk{background:var(--c-page);min-height:100vh}.sk-overlay{z-index:900;background:var(--c-page);position:fixed;inset:0;overflow:hidden}.sk-head{border-bottom:1px solid var(--c-hair);background:#fff}.sk-head-row{max-width:var(--page-max);padding:8px var(--space-gutter);align-items:center;gap:24px;min-height:64px;margin:0 auto;display:flex}.sk-logo{min-height:var(--ctl-sm);align-items:center;display:flex}.sk-logo .wl-logo{font-size:26px}@media (max-width:560px){.sk-logo .wl-logo{font-size:22px}.sk-head-row>.sk-line,.sk-head-row>.sk-pill+.sk-pill{display:none}}.sk-main{max-width:var(--page-max);padding:20px var(--space-gutter) 56px;flex-direction:column;gap:16px;margin:0 auto;display:flex}.sk-main--narrow>.sk-card{width:100%;max-width:1120px}.sk-block{background:linear-gradient(90deg, var(--c-stone) 0%, #f4f7fd 40%, var(--c-stone) 80%);background-size:300% 100%;border-radius:8px;animation:1.4s ease-in-out infinite wl-shimmer;display:block}@keyframes wl-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sk-line{height:14px}.sk-title{width:min(320px,70%);height:30px}.sk-pill{border-radius:var(--r-pill);width:84px;height:32px}.sk-card{border:1px solid var(--c-hair);border-radius:var(--r-card);padding:var(--card-pad);background:#fff;flex-direction:column;gap:12px;min-width:0;display:flex}.sk-grid{align-items:stretch;gap:16px;display:grid}.sk-grid--home{grid-template-columns:minmax(0,1fr) 360px}.sk-grid--two{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.sk-grid--board{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.sk-grid--board .sk-card{min-height:140px;padding:8px}.sk-col{flex-direction:column;gap:16px;min-width:0;display:flex}@media (max-width:960px){.sk-grid--home,.sk-grid--two{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.sk-grid--board{grid-template-columns:minmax(0,1fr)}.sk-grid--board .sk-card{min-height:56px}}@media (prefers-reduced-motion:reduce){.spin,form[data-pending] .ph-out:after,form[data-pending] .su-later:after{animation:none}.navbar--shown,.navbar--finishing{opacity:.85;width:100%;transition:none}.navbar--finishing{opacity:0}.sk-block{background:var(--c-stone);animation:none}}:root[data-motion=off] .spin{animation:none}:root[data-motion=off] .navbar--shown{width:100%;transition:none}