@layer reset,tokens,components,accessibility;@layer tokens{:root{--ofw-bg:#091521;--ofw-surface:#152536;--ofw-text:#edf3f8;--ofw-muted:#bdcbd8;--ofw-border:#52677b;--ofw-accent:#e8bd69;--ofw-shadow:0 12px 36px #0003;--ofw-radius:18px;color-scheme:dark}:root[data-theme=light]{--ofw-bg:#f3f6fa;--ofw-surface:#fff;--ofw-text:#152536;--ofw-muted:#42576b;--ofw-border:#9aafc0;--ofw-accent:#855710;--ofw-shadow:0 12px 32px #19395714;color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme]){--ofw-bg:#f3f6fa;--ofw-surface:#fff;--ofw-text:#152536;--ofw-muted:#42576b;--ofw-border:#9aafc0;--ofw-accent:#855710;color-scheme:light}}}@layer components{.theme-control{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.875rem;margin-inline-start:auto}.theme-control select{font:inherit;max-width:100%;min-height:44px;border:1px solid var(--ofw-border);border-radius:12px;background:var(--ofw-surface);color:var(--ofw-text);padding:.5rem}.skip-link{position:fixed;inset:8px auto auto 8px;z-index:10000;padding:12px 18px;background:var(--ofw-surface);color:var(--ofw-text);transform:translateY(-160%);border:2px solid var(--ofw-accent);border-radius:12px}.skip-link:focus{transform:none}.modern-panel{padding:clamp(16px,3vw,24px);border:1px solid var(--ofw-border);border-radius:var(--ofw-radius);background:var(--ofw-surface);box-shadow:var(--ofw-shadow)}.match-engagement{margin-block:20px;display:grid;gap:14px;container-type:inline-size}.match-engagement h2{font-size:clamp(20px,3vw,28px)}.engagement-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.achievement-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.achievement-list li{padding:8px 12px;border:1px solid var(--ofw-border);border-radius:12px}.feedback-settings{display:flex;flex-wrap:wrap;gap:16px}.feedback-settings label{display:flex;align-items:center;gap:8px}.feedback-settings input{width:20px;height:20px}.onboarding{border-inline-start:4px solid var(--ofw-accent)}.onboarding ol{padding-inline-start:24px;line-height:1.7}.hero-skeleton{height:72px;border-radius:12px;background:linear-gradient(100deg,#52748a33 30%,#aac4d655,#52748a33 60%);background-size:220% 100%;animation:skeleton 1.3s ease-in-out infinite}.fx-layer{pointer-events:none;position:fixed;inset:0;z-index:9999;overflow:hidden}.fx-particle{position:absolute;width:9px;height:9px;border-radius:3px;background:var(--particle-color);animation:confetti .8s ease-out forwards}@keyframes confetti{to{transform:translate(var(--dx),var(--dy)) rotate(240deg);opacity:0}}@keyframes skeleton{to{background-position:-220% 0}}@container (max-width:360px){.engagement-row{align-items:stretch;flex-direction:column}}}@layer accessibility{:where(button,input,select,textarea){font:inherit}:where(button,select,summary,input:not([type=checkbox]):not([type=radio])){min-height:44px}:where(button){min-width:44px;touch-action:manipulation}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #16a5ce;outline-offset:3px}:where(main,section,article,aside,header,footer){min-width:0}:where(img,video,canvas){max-width:100%}:where(p,h1,h2,h3,a,button){overflow-wrap:anywhere}:where(dialog){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}.image-reserved{aspect-ratio:16/9;object-fit:contain}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}html[data-theme] body{background:var(--ofw-bg);color:var(--ofw-text)}html[data-theme=light] :is(.visual-chapter,.nutrition-panel,.nutrition-calendar,.month-day,.model,.card,.match-club,.hero-studio,.coach-card,.lobby-scene,.shop-row,.route-card,.app-card,.program-choice,.program-detail,.level-result,.lesson-card,dialog,.modern-panel){background:var(--ofw-surface)!important;color:var(--ofw-text)!important;border-color:var(--ofw-border)!important}html[data-theme=light] :is(.note,.hint,.meta,.section-description,.app-card p,.card p,.calendar-legend,.caption,.eyebrow,.shop-row small,.route-card small){color:var(--ofw-muted)!important}html[data-theme=light] :is(button,input,select,textarea){background:var(--ofw-surface)!important;color:var(--ofw-text)!important;border-color:var(--ofw-border)!important}html[data-theme=light] :is(button[aria-pressed=true],button.active){background:#e8bd69!important;color:#172535!important}html[data-theme=light] :is(.brand,.nutrition-chapter-intro,.atlas-chapter-intro,.match-metrics,.match-help){color:var(--ofw-text)!important}html[data-theme=light] .match-metrics>div{background:#eff4f8!important;color:#152536!important}html[data-theme] header{flex-wrap:wrap;height:auto;min-height:85px;padding-block:16px}html[data-theme] .match-tile{min-width:0;min-height:0;touch-action:none}html[data-theme] .match-board{touch-action:none}html[data-theme] .match-tile:active{transform:scale(.94)}@media(max-width:360px){main{padding-inline:12px!important}.match-play{padding-inline:8px!important}.match-board{gap:3px!important}.theme-control{margin-inline-start:0;width:100%}}html[data-theme] :is(button,select,summary,input:not([type=checkbox]):not([type=radio])){min-height:44px}html[data-theme] .match-tile{min-height:24px;min-width:24px}