@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea{font-family:var(--font-display)}body{font-weight:500}h1,h2,h3{letter-spacing:-.01em;font-weight:850}h1{font-weight:900}strong,b{font-weight:800}::selection{background:var(--green-200);color:var(--green-900)}a:focus-visible,button:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.primary-button,.secondary-button,.premium-button,.gold-button{letter-spacing:.05em;text-transform:uppercase;text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 24px;font-size:15px;font-weight:800;line-height:1.2;transition:transform 80ms,box-shadow 80ms,background .15s,border-color .15s,filter .15s;display:inline-flex;position:relative}.primary-button{background:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 0 var(--primary-edge);border:0}.primary-button:hover:not(:disabled){background:var(--primary-hover)}.secondary-button{border:2px solid var(--border);background:var(--card);color:var(--link);box-shadow:0 4px 0 var(--border)}.secondary-button:hover:not(:disabled){background:var(--muted);border-color:var(--border)}.premium-button{background:var(--premium);color:#fff;box-shadow:0 4px 0 var(--premium-edge);border:0}.gold-button{background:var(--gold);color:var(--gold-900);box-shadow:0 4px 0 var(--gold-edge);border:0}:is(.primary-button,.secondary-button,.premium-button,.gold-button):active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #0000}:is(.primary-button,.secondary-button,.premium-button,.gold-button):disabled,:is(.primary-button,.secondary-button)[aria-disabled=true]{background:var(--track);color:var(--subtle-foreground);border-color:var(--track);box-shadow:0 4px 0 var(--border-strong);cursor:not-allowed}:is(.primary-button,.secondary-button,.premium-button,.gold-button) svg{flex-shrink:0}.text-link{color:var(--link);letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:800}p .text-link,li .text-link{text-transform:none;letter-spacing:0}.text-link:hover:not(:disabled){filter:brightness(1.15)}.icon-button{border:2px solid var(--border);background:var(--card);width:44px;height:44px;color:var(--muted-foreground);box-shadow:0 3px 0 var(--border);border-radius:14px;place-items:center;display:inline-grid}.icon-button:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.back-link{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.panel{border:2px solid var(--border);background:var(--card);border-radius:20px}.panel h2{font-weight:900}.panel h3{font-weight:850}.panel p{color:var(--muted-foreground)}.eyebrow{color:var(--primary-text);letter-spacing:.1em;font-size:12px;font-weight:900}.pill{background:var(--secondary);color:var(--secondary-foreground);letter-spacing:.03em;border:2px solid color-mix(in srgb, var(--primary) 30%, transparent);border-radius:999px;font-size:12px;font-weight:800}.soft-icon{background:var(--secondary);color:var(--primary-text);border-radius:16px}.muted,.caption{color:var(--muted-foreground)}.success-text{color:var(--success-text);font-weight:700}.form-error{color:var(--danger-text);font-weight:700}.inline-notice{background:var(--muted);border:2px solid var(--border);border-radius:14px;font-weight:700}.chips button{border:2px solid var(--border);background:var(--card);box-shadow:0 3px 0 var(--border);border-radius:999px;font-weight:800}.chips button.selected,.chips button[aria-pressed=true]{border-color:var(--blue-400);background:var(--blue-100);color:var(--blue-800);box-shadow:0 3px 0 var(--blue-400)}html[data-theme=dark] .chips button.selected,html[data-theme=dark] .chips button[aria-pressed=true]{color:#cfe0ff;background:#13284d}:is(.main-content,[role=dialog],.auth-card) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea,select){border:2px solid var(--border);background:var(--muted);color:var(--foreground);border-radius:14px;font-weight:600}:is(.main-content,[role=dialog],.auth-card) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):focus{border-color:var(--blue-400);background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb, var(--blue-400) 22%, transparent);outline:none}input[type=checkbox],input[type=radio]{accent-color:var(--green-500)}[data-slot=switch][data-state=checked]{background:var(--primary)}[data-slot=progress]{background:var(--track);border-radius:999px;height:14px}[data-slot=progress-indicator]{background:var(--primary);border-radius:999px;position:relative}[data-slot=progress-indicator]:after{content:"";background:#ffffff59;border-radius:999px;height:4px;position:absolute;top:3px;left:8px;right:8px}[data-slot=dialog-overlay]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080c0a99}[data-slot=dialog-content]{border:2px solid var(--border);background:var(--card);border-radius:24px;box-shadow:0 24px 64px #00000038}[data-slot=dialog-title]{letter-spacing:-.01em;font-weight:900}.choice-list>button{border:2px solid var(--border);background:var(--card);box-shadow:0 3px 0 var(--border);border-radius:16px;font-weight:700;transition:transform 80ms,box-shadow 80ms,border-color .15s,background .15s}.choice-list>button:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.choice-list>button.selected,.choice-list>button[aria-checked=true]{border-color:var(--blue-400);background:var(--blue-100);color:var(--blue-800);box-shadow:0 3px 0 var(--blue-400)}html[data-theme=dark] .choice-list>button.selected,html[data-theme=dark] .choice-list>button[aria-checked=true]{color:#cfe0ff;background:#13284d}.answer-letter{border:2px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:10px;font-weight:900}.exercise-feedback{background:var(--danger-bg);color:var(--danger-text);border:0;border-radius:20px;padding:20px 20px 20px 64px;font-weight:600;position:relative}.exercise-feedback:before{content:"";background:var(--red-600) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center / 18px no-repeat;border-radius:50%;width:32px;height:32px;position:absolute;top:18px;left:18px}.exercise-feedback.correct{background:var(--success-bg);color:var(--success-text)}.exercise-feedback.correct:before{background:var(--green-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 18px no-repeat}.exercise-feedback strong{font-size:21px;font-weight:900;display:block}.exercise-feedback p{color:inherit;font-weight:600}.lesson-card{background:0 0;border:0;padding:8px 0 0}.lesson-card>h1{font-weight:900}.lesson-lead,.lesson-prose p{color:var(--accent-foreground);font-weight:500}.lesson-navigation{border-top:2px solid var(--border)}.app-shell{background:var(--background);grid-template-columns:256px minmax(0,1fr);min-height:100dvh;display:grid}.app-shell.with-rail{grid-template-columns:256px minmax(0,1fr) 380px}.app-shell.focus-mode{grid-template-columns:minmax(0,1fr)}.app-body{min-width:0}.main-content{max-width:1080px;margin:0 auto;padding:28px 32px 64px}.with-rail .main-content{max-width:760px}.focus-mode .main-content{max-width:800px;padding-top:0}.brand-mark{background:var(--primary);color:var(--green-900);box-shadow:0 3px 0 var(--primary-edge);border-radius:30%;flex-shrink:0;place-items:center;display:inline-grid}.side-nav{border-right:2px solid var(--border);background:var(--sidebar);scrollbar-width:thin;flex-direction:column;gap:6px;height:100dvh;padding:22px 14px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.side-brand{color:var(--primary-text);align-items:center;gap:10px;padding:4px 10px 22px;display:flex}.side-brand-name{letter-spacing:-.02em;font-size:27px;font-weight:900;line-height:1}.side-brand-name b{color:var(--foreground);margin-left:.18em;font-weight:900}.side-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.side-item{width:100%;min-height:52px;color:var(--muted-foreground);letter-spacing:.07em;text-transform:uppercase;text-align:left;background:0 0;border:2px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:6px 14px 6px 8px;font-size:14px;font-weight:800;display:flex}.side-item:hover{background:var(--muted)}.side-item.is-active{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:var(--secondary);color:var(--primary-text)}.side-lock{color:var(--subtle-foreground);margin-left:auto}.side-divider{background:var(--border);height:2px;margin:8px 10px}.side-foot{margin-top:auto;padding-top:10px}.nav-tile{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:inline-grid}.tone-green.nav-tile{background:var(--green-400);color:var(--green-900);box-shadow:0 3px 0 var(--green-600)}.tone-orange.nav-tile{background:var(--orange-400);box-shadow:0 3px 0 var(--orange-600)}.tone-blue.nav-tile{background:var(--blue-400);box-shadow:0 3px 0 var(--blue-600)}.tone-gold.nav-tile{background:var(--gold-400);color:var(--gold-900);box-shadow:0 3px 0 var(--gold-600)}.tone-purple.nav-tile{box-shadow:0 3px 0 var(--purple-500);background:#8b6dff}.tone-red.nav-tile{background:var(--red-400);box-shadow:0 3px 0 var(--red-600)}.tone-teal.nav-tile{background:#22c3b5;box-shadow:0 3px #149488}.more-menu{border:2px solid var(--border);background:var(--popover);border-radius:18px;min-width:250px;padding:8px;box-shadow:0 18px 48px #0000002e}.more-item{min-height:44px;color:var(--foreground);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:6px 10px;font-size:15px;font-weight:750;display:flex}.more-item .nav-tile{border-radius:9px;width:28px;height:28px}.more-lock{color:var(--subtle-foreground);margin-left:auto}.stat-chips{align-items:center;gap:6px;display:flex}.stat-chip{min-height:44px;color:var(--subtle-foreground);border-radius:14px;align-items:center;gap:6px;padding:0 12px;font-size:17px;font-weight:900;display:inline-flex}.stat-chip:hover{background:var(--muted)}.stat-chip.xp{color:var(--gold-text)}.stat-chip.xp svg{color:var(--gold-400)}.stat-chip.level{color:var(--purple-500)}html[data-theme=dark] .stat-chip.level{color:#a995ff}.status-bar{z-index:30;border-bottom:2px solid var(--border);background:color-mix(in srgb, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:8px;height:64px;padding:0 12px;display:none;position:sticky;top:0}.status-more{width:44px;height:44px;color:var(--muted-foreground);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.status-more:hover{background:var(--muted)}.right-rail{scrollbar-width:thin;flex-direction:column;gap:18px;height:100dvh;padding:22px 28px 28px 8px;display:flex;position:sticky;top:0;overflow-y:auto}.right-rail .stat-chips{justify-content:space-between;padding:0 4px}.rail-card{border:2px solid var(--border);background:var(--card);border-radius:20px;padding:18px 20px;display:block}.rail-card h2{font-size:18px;font-weight:900}.rail-card p{color:var(--muted-foreground);margin-top:6px;font-size:14px}.rail-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.rail-card-head .text-link{font-size:13px}.rail-streak-head{align-items:center;gap:14px;display:flex}.rail-streak-head>svg{color:var(--orange-400);flex-shrink:0}.week-dots{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin:16px 0 0;padding:0;list-style:none;display:grid}.week-dots span{color:var(--subtle-foreground);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.week-dots i{background:var(--track);border-radius:50%;width:28px;height:28px;margin:6px auto 0;display:block}.week-dots .on i{background:var(--orange-400) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px no-repeat;box-shadow:0 3px 0 var(--orange-600)}.rail-missions{gap:16px;margin:0;padding:0;list-style:none;display:grid}.rail-missions li{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.rail-mission-icon{color:var(--gold-400)}.rail-missions strong{font-size:15px;font-weight:800;line-height:1.3;display:block}.rail-mission-bar{align-items:center;gap:8px;margin-top:6px;display:flex}.rail-mission-bar [data-slot=progress-indicator]{background:var(--gold-400)}.rail-mission-bar span{color:var(--subtle-foreground);white-space:nowrap;font-size:12px;font-weight:800}.rail-mission-xp{color:var(--gold-text);white-space:nowrap;font-size:13px;font-weight:900}.rail-level-icon{color:var(--purple-500)}.rail-card [data-slot=progress]+.rail-level-meta{margin-top:10px}.rail-card [data-slot=progress-indicator]{background:var(--purple-500)}.rail-missions [data-slot=progress-indicator]{background:var(--gold-400)}.rail-shop{border-color:color-mix(in srgb, var(--purple-500) 40%, var(--border));background:linear-gradient(135deg, var(--purple-100), var(--card));gap:6px;padding-right:48px;display:grid;position:relative}html[data-theme=dark] .rail-shop{background:linear-gradient(135deg, #221a4d, var(--card))}.rail-shop strong{font-size:18px;font-weight:900}.rail-shop span:not(.rail-shop-badge){color:var(--muted-foreground);font-size:14px}.rail-shop>svg{color:var(--purple-500);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.rail-shop-badge{background:var(--purple-500);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:3px 10px;font-size:11px;font-weight:900}.tab-bar{display:none}.tutor-fab{background:var(--blue-400);color:#fff;box-shadow:0 4px 0 var(--blue-600);border:0}@media (max-width:1279px){.app-shell.with-rail{grid-template-columns:256px minmax(0,1fr)}.right-rail{display:none}.status-bar{display:flex}.status-brand{visibility:hidden}}@media (max-width:1023px){.app-shell,.app-shell.with-rail{grid-template-columns:88px minmax(0,1fr)}.app-shell.focus-mode{grid-template-columns:minmax(0,1fr)}.side-nav{align-items:center;padding:18px 10px}.side-brand{padding:4px 0 18px}.side-brand-name,.side-label,.side-lock{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.side-item{justify-content:center;width:60px;padding:6px}.side-divider{width:40px}}@media (max-width:767px){.app-shell,.app-shell.with-rail{grid-template-columns:minmax(0,1fr)}.side-nav{display:none}.status-brand{visibility:visible}.main-content{padding:18px 16px 112px}.focus-mode .main-content{padding:0 16px 120px}.tab-bar{z-index:40;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:2px solid var(--border);background:var(--background);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-item{min-height:56px;color:var(--subtle-foreground);letter-spacing:.02em;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:800;display:flex}.tab-item.is-active{background:var(--secondary);color:var(--primary-text);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--primary) 40%, transparent)}.tab-item.is-active.tone-orange,.tab-item.is-active.tone-gold{color:var(--gold-text)}.tutor-fab{bottom:calc(84px + env(safe-area-inset-bottom))}.focus-mode .tutor-fab{bottom:calc(96px + env(safe-area-inset-bottom))}}.home-hello{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.home-hello h1{font-size:30px;line-height:1.15}.home-hello p{color:var(--muted-foreground);margin-top:6px;font-weight:600}.home-progress{align-items:center;gap:12px;margin-bottom:26px;display:flex}.home-progress span{color:var(--primary-text);font-weight:900}.journey-done{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:24px;display:flex}.journey-done>svg{color:var(--gold-400)}.journey-done>div{flex:1;min-width:200px}.unit-banner{--unit-edge:color-mix(in srgb, var(--unit) 72%, #000);background:var(--unit);color:color-mix(in srgb, var(--unit) 12%, #0b120e);box-shadow:0 4px 0 var(--unit-edge);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 10px;padding:18px 18px 18px 22px;display:flex}.unit-banner-eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:13px;font-weight:900;display:block}.unit-banner h2{margin-top:4px;font-size:22px;font-weight:900;line-height:1.2}.unit-guide{min-height:48px;color:inherit;letter-spacing:.06em;text-transform:uppercase;background:#ffffff2e;border:2px solid #0000002e;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 3px #0000002e}.unit-banner.is-locked{background:var(--muted);color:var(--muted-foreground);box-shadow:0 4px 0 var(--border);border:2px solid var(--border);margin-top:28px}.unit-banner.is-locked .unit-guide{border-color:var(--border);background:var(--card);box-shadow:0 3px 0 var(--border)}.unit-intro{color:var(--muted-foreground);margin:4px 2px 6px;font-weight:600}.path-map{--unit-edge:color-mix(in srgb, var(--unit) 72%, #000);flex-direction:column;align-items:center;gap:14px;margin:0;padding:26px 0 30px;list-style:none;display:flex}.path-stop{width:210px;transform:translateX(var(--shift,0));flex-direction:column;align-items:center;display:flex;position:relative}.path-node{background:var(--unit);width:76px;height:70px;color:color-mix(in srgb, var(--unit) 15%, #0b120e);box-shadow:0 7px 0 var(--unit-edge), inset 0 -4px 0 #00000014;border:0;border-radius:50%;place-items:center;transition:transform .1s,box-shadow .1s;display:grid;position:relative}.path-node:active{box-shadow:0 1px 0 var(--unit-edge);transform:translateY(6px)}.path-stop.is-done .path-node,.path-stop.is-open .path-node{color:#fff}.path-stop:not(.is-locked) .path-node svg{filter:drop-shadow(0 2px #0003)}.path-stop.is-locked .path-node{background:var(--track);color:var(--subtle-foreground);box-shadow:0 7px 0 var(--border-strong)}.path-stop.is-next .path-node:before{content:"";background:conic-gradient(var(--unit) var(--node-ring,0%), var(--track) 0%);border-radius:50%;position:absolute;inset:-12px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px))}.path-stop.is-elite .path-node{width:84px;height:76px}.path-stop.is-elite.is-open .path-node,.path-stop.is-elite.is-done .path-node{background:var(--gold-400);color:var(--gold-900);box-shadow:0 7px 0 var(--gold-600)}.path-bubble{border:2px solid var(--border);background:var(--card);color:var(--unit-edge);letter-spacing:.06em;text-transform:uppercase;border-radius:14px;margin-bottom:18px;padding:8px 14px;font-size:14px;font-weight:900;animation:1.6s ease-in-out infinite path-bob;position:relative}html[data-theme=dark] .path-bubble{color:var(--unit)}.path-bubble:after{content:"";background:var(--card);border-right:2px solid var(--border);border-bottom:2px solid var(--border);width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes path-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.path-bubble{animation:none}}.path-caption{border:2px solid var(--border);background:var(--card);max-width:200px;box-shadow:0 2px 0 var(--border);text-align:center;border-radius:12px;margin-top:12px;padding:4px 10px 6px;line-height:1.3}.path-caption b{letter-spacing:.08em;text-transform:uppercase;color:var(--subtle-foreground);font-size:12px;font-weight:900;display:block}.path-caption span{-webkit-line-clamp:2;color:var(--muted-foreground);-webkit-box-orient:vertical;margin-top:2px;font-size:14px;font-weight:750;display:-webkit-box;overflow:hidden}.path-stop.is-next .path-caption span{color:var(--foreground)}.path-wrap{--map-top:color-mix(in srgb, var(--unit) 7%, var(--background));--map-bottom:color-mix(in srgb, var(--unit) 15%, var(--background));--map-border:color-mix(in srgb, var(--unit) 22%, var(--background));--map-pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><g fill='%23ffffff' opacity='.55'><circle cx='20' cy='24' r='3'/><circle cx='84' cy='40' r='2.2'/><circle cx='52' cy='92' r='2.6'/><circle cx='108' cy='104' r='2'/></g></svg>");--road:color-mix(in srgb, var(--unit) 24%, #fff);--road-edge:color-mix(in srgb, var(--unit) 46%, #fff);--road-line:#fff;background:var(--map-pattern), linear-gradient(180deg, var(--map-top), var(--map-bottom));box-shadow:inset 0 0 0 2px var(--map-border);border-radius:28px;margin-top:16px;position:relative;overflow:hidden}.path-wrap[data-map=era-1]{--map-top:#fdf3e2;--map-bottom:#f3dcb6;--map-border:#ecd3a8;--map-pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g stroke='%23c9a466' stroke-width='2.4' stroke-linecap='round' fill='none' opacity='.5'><path d='M20 36l-4-9M24 36v-11M28 36l4-9'/><path d='M96 108l-4-9M100 108v-11M104 108l4-9'/><path d='M118 40l-3-7M121 40v-8M124 40l3-7'/></g><g fill='%23d9bb85' opacity='.6'><ellipse cx='70' cy='30' rx='6' ry='4'/><ellipse cx='34' cy='96' rx='4.5' ry='3'/><ellipse cx='122' cy='76' rx='3.5' ry='2.5'/><ellipse cx='60' cy='128' rx='3' ry='2'/></g></svg>");--road:#e2b878;--road-edge:#b98a4e;--road-line:#f4d9a8}.path-wrap[data-map=era-2]{--map-top:#f1f9e6;--map-bottom:#dcefc5;--map-border:#cfe6b2;--map-pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g stroke='%238fc46e' stroke-width='2.4' stroke-linecap='round' fill='none' opacity='.55'><path d='M22 40q-6-8-8-14M22 40q6-8 8-14M22 40v-12'/><path d='M100 104q-5-7-7-12M100 104q5-7 7-12M100 104v-10'/><path d='M66 132q-4-6-6-10M66 132q4-6 6-10M66 132v-8'/></g><circle cx='76' cy='30' r='3.2' fill='%23ffd166' opacity='.8'/><circle cx='40' cy='100' r='2.8' fill='%23ff9fb2' opacity='.8'/><circle cx='124' cy='66' r='2.6' fill='%23ffffff' opacity='.9'/></svg>");--road:#d9ad74;--road-edge:#ad8049;--road-line:#ecd0a2}.path-wrap[data-map=era-3]{--map-top:#f1f3f5;--map-bottom:#dfe4e9;--map-border:#d3d9df;--map-pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g fill='none' stroke='%23c3ccd5' stroke-width='2' opacity='.75'><rect x='14' y='22' width='26' height='12' rx='2'/><rect x='44' y='22' width='26' height='12' rx='2'/><rect x='29' y='38' width='26' height='12' rx='2'/><rect x='88' y='94' width='26' height='12' rx='2'/><rect x='103' y='110' width='26' height='12' rx='2'/></g><g fill='%23c3ccd5' opacity='.75'><circle cx='112' cy='36' r='2.5'/><circle cx='30' cy='118' r='2.5'/></g></svg>");--road:#b8b1a6;--road-edge:#8b8378;--road-line:#d9d3ca}.path-wrap[data-map=era-4]{--map-top:#1c2346;--map-bottom:#0f1530;--map-border:#2a3566;--map-pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g fill='%23ffffff'><circle cx='20' cy='24' r='1.6' opacity='.8'/><circle cx='90' cy='18' r='1.1' opacity='.6'/><circle cx='120' cy='70' r='1.8' opacity='.7'/><circle cx='44' cy='96' r='1.2' opacity='.5'/><circle cx='76' cy='126' r='1.5' opacity='.7'/><circle cx='132' cy='120' r='1' opacity='.5'/></g><g stroke='%235ad1ff' stroke-width='1.6' stroke-linecap='round' opacity='.55'><path d='M60 54h8M64 50v8'/><path d='M108 116h6M111 113v6'/></g></svg>");--road:#26325a;--road-edge:#5ad1ff;--road-line:#9be7ff}.path-wrap[data-map=era-4] .path-road-edge{filter:drop-shadow(0 0 6px #5ad1ff8c)}html[data-theme=dark] .path-wrap{--road:color-mix(in srgb, var(--unit) 30%, #1b2420);--road-edge:color-mix(in srgb, var(--unit) 45%, #0e1311);--road-line:color-mix(in srgb, var(--unit) 40%, #fff);--map-pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g fill='%23ffffff' opacity='.07'><ellipse cx='70' cy='30' rx='6' ry='4'/><ellipse cx='34' cy='96' rx='4.5' ry='3'/><ellipse cx='122' cy='76' rx='3.5' ry='2.5'/></g><g stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' fill='none' opacity='.07'><path d='M20 36l-4-9M24 36v-11M28 36l4-9'/><path d='M96 108l-4-9M100 108v-11M104 108l4-9'/></g></svg>")}html[data-theme=dark] .path-wrap[data-map=era-1]{--map-top:#2a2116;--map-bottom:#1d160e;--map-border:#3a2d1c;--road:#6b5232;--road-edge:#47351f;--road-line:#8f7148}html[data-theme=dark] .path-wrap[data-map=era-2]{--map-top:#1b2a17;--map-bottom:#131e10;--map-border:#2a3d23;--road:#6a5232;--road-edge:#45351f;--road-line:#8c6f47}html[data-theme=dark] .path-wrap[data-map=era-3]{--map-top:#20252b;--map-bottom:#171b20;--map-border:#2e353d;--road:#57534d;--road-edge:#3b3833;--road-line:#77726a}html[data-theme=dark] .path-wrap[data-map=era-4]{--map-pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g fill='%23ffffff'><circle cx='20' cy='24' r='1.6' opacity='.8'/><circle cx='90' cy='18' r='1.1' opacity='.6'/><circle cx='120' cy='70' r='1.8' opacity='.7'/><circle cx='44' cy='96' r='1.2' opacity='.5'/><circle cx='76' cy='126' r='1.5' opacity='.7'/><circle cx='132' cy='120' r='1' opacity='.5'/></g><g stroke='%235ad1ff' stroke-width='1.6' stroke-linecap='round' opacity='.55'><path d='M60 54h8M64 50v8'/><path d='M108 116h6M111 113v6'/></g></svg>");--road:#26325a;--road-edge:#5ad1ff;--road-line:#9be7ff}.path-trail{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.path-trail path{fill:none;stroke-linecap:round;stroke-linejoin:round}.path-road-edge{stroke:var(--road-edge);stroke-width:84px}.path-road{stroke:var(--road);stroke-width:70px}.path-wrap{--rut:var(--road);--rut-gap:0;--road-line-display:inline}.path-wrap[data-map=era-1],.path-wrap[data-map=era-2]{--rut:color-mix(in srgb, var(--road-edge) 70%, var(--road));--rut-gap:30px;--road-line-display:none}.path-road-ruts{stroke:var(--rut);stroke-width:38px}.path-road-line{display:var(--road-line-display);stroke:var(--road-line);stroke-width:6px;stroke-dasharray:12 16}.path-wrap[data-map=era-3] .path-road-line{stroke-width:54px;stroke-dasharray:3 15;stroke-linecap:butt;opacity:.55}.path-trail-done{stroke:color-mix(in srgb, var(--unit) 85%, transparent);stroke-width:9px;stroke-dasharray:.1 18}.path-map{z-index:1;position:relative}.path-prop,.path-chest img{-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000 99%);mask-image:radial-gradient(closest-side,#000 72%,#0000 99%)}.path-prop{pointer-events:none;-webkit-user-select:none;user-select:none;width:132px;height:132px;animation:6s ease-in-out infinite prop-float;position:absolute;top:-22px}.path-prop.on-left{right:calc(100% - 6px)}.path-prop.on-right{left:calc(100% - 6px)}.path-prop.is-big{width:168px;height:168px;animation-duration:7s;top:-52px}.path-stop:nth-child(4n+2) .path-prop{animation-delay:-2s}.path-stop:nth-child(4n+3) .path-prop{animation-delay:-4s}.path-chest{pointer-events:none;justify-items:center;display:grid;position:absolute;top:-12px}.path-chest.on-left{right:calc(100% - 4px)}.path-chest.on-right{left:calc(100% - 4px)}.path-chest img{width:112px;height:112px}.path-chest b{background:var(--gold-400);color:var(--gold-900);box-shadow:0 3px 0 var(--gold-600);letter-spacing:.02em;white-space:nowrap;border-radius:999px;margin-top:-14px;padding:3px 10px;font-size:12px;font-weight:900}@keyframes prop-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.path-prop{animation:none}}@media (max-width:767px){.path-prop{width:86px;height:86px;top:-6px}.path-prop.is-big{width:112px;height:112px;top:-26px}.path-prop.tight{display:none}.path-chest img{width:84px;height:84px}}.unit-dialog{border-color:color-mix(in srgb, var(--unit) 45%, var(--border))}.unit-dialog .eyebrow{color:color-mix(in srgb, var(--unit) 70%, var(--foreground))}.unit-dialog .lesson-meta{flex-wrap:wrap;gap:8px;display:flex}.unit-dialog .lesson-meta span{background:var(--muted);color:var(--muted-foreground);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.unit-dialog .primary-button{width:100%}.map-side{margin-top:8px}.map-side h2{font-size:26px}.map-side [data-slot=progress-indicator]{background:var(--unit,var(--primary))}.home-tracks{margin-top:36px}.track-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.track-card{border:2px solid var(--border);box-shadow:0 4px 0 var(--border);background:var(--card);border-radius:20px;transition:transform 80ms,box-shadow 80ms}.track-card:active{box-shadow:none;transform:translateY(4px)}.track-card h3{font-weight:900}.tool-icon{border-radius:14px;font-weight:900}.promo-card{border:2px solid var(--border);box-shadow:0 4px 0 var(--border);border-radius:20px}.section-heading h2{font-weight:900}.section-heading a{color:var(--link);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}@media (max-width:767px){.home-hello h1{font-size:26px}.unit-banner{padding:16px}.unit-banner h2{font-size:19px}.unit-guide span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.unit-guide{padding:0 12px}.path-stop{transform:translateX(calc(var(--shift,0) * .75))}}.focus-mode .page-footer{display:none}.lesson-header{z-index:25;background:color-mix(in srgb, var(--background) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 -32px 8px;padding:18px 32px 10px;position:sticky;top:0}.lesson-header .lesson-top{align-items:center;gap:16px;display:flex}.lesson-close{width:44px;height:44px;color:var(--subtle-foreground);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.lesson-close:hover{background:var(--muted);color:var(--foreground)}.lesson-bar[data-slot=progress]{flex:1;height:18px}.lesson-header .lesson-xp{color:var(--gold-text);white-space:nowrap;align-items:center;gap:4px;font-size:16px;font-weight:900;display:inline-flex}.lesson-header .lesson-xp svg{color:var(--gold-400)}.lesson-header .lesson-progress{justify-content:space-between;align-items:baseline;gap:12px;margin:10px 0 0 60px;display:flex}.lesson-where{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.08em;min-width:0;color:var(--subtle-foreground);font-size:12px;font-weight:900;overflow:hidden}.lesson-where b{letter-spacing:0;color:var(--muted-foreground);text-transform:none;margin-left:8px;font-size:14px;font-weight:800}.lesson-header .lesson-progress>span:last-child{color:var(--subtle-foreground);flex-shrink:0;font-size:12px;font-weight:800}.focus-mode .main-content{padding-bottom:150px}.focus-mode .lesson-card{max-width:720px;min-height:0;margin-top:18px}.focus-mode .lesson-card>h1{font-size:30px;line-height:1.2}.focus-mode .lesson-navigation{z-index:20;max-width:none;padding:18px max(20px, calc((100vw - 760px) / 2)) calc(18px + env(safe-area-inset-bottom));border-top:2px solid var(--border);background:var(--background);margin:0;position:fixed;bottom:0;left:0;right:0}.focus-mode .lesson-navigation>.primary-button,.focus-mode .lesson-navigation>.secondary-button{min-width:150px}.focus-mode .tutor-fab{bottom:calc(104px + env(safe-area-inset-bottom))}@media (max-width:767px){.lesson-header{margin:0 -16px 4px;padding:12px 16px 8px}.lesson-header .lesson-top{gap:10px}.lesson-header .lesson-progress{margin-left:54px}.lesson-where b{display:none}.focus-mode .lesson-card>h1{font-size:25px}.focus-mode .lesson-navigation{gap:10px}.focus-mode .lesson-navigation>.muted{display:none}.focus-mode .lesson-navigation>:is(.primary-button,.secondary-button):last-child{flex:1}}.shop-grid,.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:18px}.reward-card,.product-card{border:2px solid var(--border);box-shadow:0 4px 0 var(--border);border-radius:20px}:is(.reward-card,.product-card,.promo-card,.track-card,.rail-card,.panel) :is(.primary-button,.secondary-button,.gold-button,.premium-button){letter-spacing:.03em;min-height:46px;padding:0 16px;font-size:14px}.reward-card .primary-button,.product-card :is(.primary-button,.secondary-button){width:100%}.offer-price strong,.product-price strong{color:var(--foreground)}.mascot{flex-shrink:0;overflow:visible}.path-mascot{pointer-events:none;position:absolute;top:70px}.path-mascot.on-left{right:calc(100% - 14px)}.path-mascot.on-right{left:calc(100% - 14px)}.mascot-wave{animation:2.4s ease-in-out infinite mascot-bob}@keyframes mascot-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.mascot-wave{animation:none}}.tour-mascot{margin:0 auto 4px}@media (max-width:767px){.path-mascot{width:76px;height:76px;top:82px}}.completion-screen{gap:16px;margin-top:24px}.completion-mascot{margin-bottom:4px}.completion-screen h1{color:var(--primary-text);font-size:38px;font-weight:900}.completion-screen p{color:var(--muted-foreground);font-weight:600}.completion-stats{flex-wrap:wrap;justify-content:center;gap:12px}.completion-stats .stat-card{border:2px solid var(--tone);background:var(--tone);min-width:132px;color:inherit;border-radius:16px;gap:0;padding:0;display:grid;overflow:hidden}.stat-card small{letter-spacing:.08em;text-transform:uppercase;color:var(--tone-ink);padding:5px 10px 4px;font-size:12px;font-weight:900}.stat-card b{background:var(--card);color:var(--tone-strong);border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:12px 14px;font-size:22px;font-weight:900;display:flex}.stat-card.tone-gold{--tone:var(--gold-400);--tone-ink:var(--gold-900);--tone-strong:var(--gold-text)}.stat-card.tone-purple{--tone:#8b6dff;--tone-ink:#fff;--tone-strong:var(--purple-500)}.stat-card.tone-green{--tone:var(--green-400);--tone-ink:var(--green-900);--tone-strong:var(--primary-text)}html[data-theme=dark] .stat-card.tone-purple{--tone-strong:#a995ff}.completion-actions{gap:12px;width:min(100%,360px);margin-top:8px;display:grid}.completion-actions>*{width:100%}.recap-mascot{justify-self:center}:root .journey-xp-line{color:var(--gold-text);gap:8px;font-weight:900}:root .journey-xp-line svg{color:var(--gold-400)}:root .journey-learned li{border:2px solid var(--border);border-radius:14px;font-weight:600}:root .journey-learned svg{color:var(--primary-text)}:root .journey-next-day li{border-radius:14px;font-weight:650}:root .journey-next-day li>span{background:var(--primary);color:var(--primary-foreground);border-radius:9px;font-weight:900}:root .journey-day-chip{background:var(--gold-100);color:var(--gold-900);font-weight:900}:root .journey-celebration[data-slot=dialog-content]{color:#eef4f0;background:radial-gradient(120% 70% at 50% 0,#3fc45b61,#0000 62%),#0e1311;border:2px solid #2a3a30}:root .journey-celebration [data-slot=dialog-title]{color:#fff;font-size:26px}:root .journey-celebration [data-slot=dialog-description]{color:#b9c9c0}:root .journey-celebration-stat strong{letter-spacing:-.03em;color:var(--green-300);text-shadow:0 6px 24px #3fc45b73;font-size:88px;font-weight:900}:root .journey-celebration-stat span{color:var(--green-300);font-size:18px;font-weight:900}:root .journey-tutor-line{background:#151c18;border:2px solid #26322b}:root .journey-tutor-line figcaption{color:#9db0a6}:root .journey-celebration [data-slot=dialog-close]{color:#b9c9c0}.auth-page{gap:18px}.auth-mascot{margin-bottom:-6px}.auth-brand{font-size:1.5rem;font-weight:900}.auth-brand b{margin-left:.18em}.auth-card{border:2px solid var(--border);box-shadow:none}.auth-card h1{letter-spacing:-.01em;font-weight:900}.auth-submit,.auth-card button[type=submit]{background:var(--primary);height:auto;min-height:52px;color:var(--primary-foreground);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 0 var(--primary-edge);border:0;border-radius:16px;font-weight:800}.auth-submit:hover:not(:disabled),.auth-card button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.auth-submit:active:not(:disabled),.auth-card button[type=submit]:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.auth-card a{color:var(--link);font-weight:700}.greeting{align-items:flex-end;margin-bottom:24px}.greeting h1{font-size:32px;font-weight:900;line-height:1.15}.greeting p{color:var(--muted-foreground);margin-top:8px;font-size:15px;font-weight:600}@media (max-width:767px){.greeting{flex-direction:column;align-items:flex-start;gap:14px}.greeting h1{font-size:27px}}:root .reward-card{grid-template-columns:60px minmax(0,1fr);grid-template-areas:"icon title""icon badge""desc desc""meter meter""action action";align-content:start;gap:6px 14px;padding:18px;display:grid}:root .reward-card>*{grid-column:1/-1}:root .reward-icon{background:var(--track);width:60px;height:60px;color:var(--subtle-foreground);box-shadow:0 4px 0 var(--border-strong);border:0;border-radius:18px;grid-area:icon;margin:0}:root .reward-icon.earned{background:var(--gold-400);color:var(--gold-900);box-shadow:0 4px 0 var(--gold-600)}:root .reward-card.claimed .reward-icon{background:var(--green-400);color:var(--green-900);box-shadow:0 4px 0 var(--green-600)}:root .reward-card>h3{grid-area:title;align-self:end;margin:0;font-size:17px;font-weight:900;line-height:1.25}:root .reward-card>.pill{grid-area:badge;place-self:start;position:static}:root .reward-card>p{grid-area:desc;min-height:0;margin:6px 0 2px;font-size:14px}:root .reward-card .meter-label{color:var(--subtle-foreground);justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}:root .reward-card [data-slot=progress-indicator]{background:var(--gold-400)}:root .reward-card.claimed [data-slot=progress-indicator]{background:var(--green-400)}:root .reward-card :is(.primary-button,.secondary-button){margin-top:10px}:root .profile-header .avatar.large{background:var(--primary);color:var(--primary-foreground);box-shadow:0 5px 0 var(--primary-edge);font-weight:900}:root .profile-header h2{font-size:26px;font-weight:900}:root .profile-stats>div{border:2px solid var(--border);background:var(--card);border-radius:16px}:root .profile-stats dt{letter-spacing:.04em;text-transform:uppercase;color:var(--subtle-foreground);font-size:12px;font-weight:800}:root .profile-stats dd{font-size:26px;font-weight:900}:root .profile-stats>div:first-child dd{color:var(--purple-500)}:root .profile-stats>div:nth-child(2) dd{color:var(--gold-text)}:root .profile-stats>div:nth-child(3) dd{color:var(--orange-600)}:root .profile-stats>div:nth-child(4) dd{color:var(--link)}html[data-theme=dark] .profile-stats>div:first-child dd{color:#a995ff}html[data-theme=dark] .profile-stats>div:nth-child(3) dd{color:var(--orange-400)}:root .profile-tabs [role=tab]{font-weight:800}:root .profile-tabs [role=tab][aria-selected=true]{color:var(--primary-text);border-color:var(--primary)}:root .plan-facts>div{border:2px solid var(--border);background:var(--card);border-radius:16px}:root .plan-facts dt{letter-spacing:.04em;text-transform:uppercase;color:var(--subtle-foreground);font-weight:800}:root .plan-facts dd{font-size:17px;font-weight:800}:root .plan-status{border:2px solid var(--border);font-weight:900}:root .plan-status-active{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:var(--secondary);color:var(--primary-text)}:root .plan-status-overdue,:root .plan-status-suspended{border-color:color-mix(in srgb, var(--red-600) 35%, transparent);background:var(--danger-bg);color:var(--danger-text)}.certificate-preview,.cert-preview{border-radius:16px}:root .catalog-feature-icon,:root .catalog-card .tool-icon,:root .track-card .tool-icon,:root .entity-tile,:root .product-art{--tile:var(--entity,var(--era-color,var(--primary)));background:var(--tile);color:#fff;box-shadow:0 5px 0 color-mix(in srgb, var(--tile) 70%, #000)}:root .catalog-feature-icon svg,:root .catalog-card .tool-icon svg,:root .product-art svg,:root .entity-tile svg{filter:drop-shadow(0 2px #0000002e)}:root .catalog-feature-icon{border-radius:32px;font-weight:900}:root .catalog-card .tool-icon,:root .track-card .tool-icon{text-shadow:0 2px #0000002e;font-size:22px;font-weight:900}:root .catalog-card{box-shadow:0 4px 0 var(--border)}:root .catalog-card.selected{border-color:var(--era-color);box-shadow:0 4px 0 var(--era-color);background:var(--card)}:root .catalog-card-progress>span,:root .era-copy .text-link{color:color-mix(in srgb, var(--era-color) 62%, var(--foreground));font-weight:800}:root .product-art{border-radius:18px}:root .page-heading h1{letter-spacing:-.01em;font-size:32px;font-weight:900;line-height:1.15}:root .page-heading p{color:var(--muted-foreground);font-weight:600}@media (max-width:767px){:root .page-heading h1{font-size:27px}}.empty-art{place-items:center;margin-bottom:8px;display:inline-grid;position:relative}:root .empty-art .empty-icon{background:var(--gold-400);width:40px;height:40px;color:var(--gold-900);box-shadow:0 3px 0 var(--gold-600);border-radius:12px;place-items:center;margin:0;display:grid;position:absolute;bottom:6px;right:-8px}:root .empty-art .empty-icon svg{width:20px;height:20px}:root .empty-state h2{font-weight:900}[data-slot=button][data-variant=default]{background:var(--primary);color:var(--primary-foreground);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 0 var(--primary-edge);border-radius:16px;font-weight:800}[data-slot=button][data-variant=default]:hover:not(:disabled){background:var(--primary-hover)}[data-slot=button][data-variant=outline],[data-slot=button][data-variant=secondary]{border:2px solid var(--border);background:var(--card);color:var(--link);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 0 var(--border);border-radius:16px;font-weight:800}[data-slot=button]:is([data-variant=default],[data-variant=outline],[data-variant=secondary]):active:not(:disabled){box-shadow:none;transform:translateY(4px)}[data-slot=button]:is([data-variant=default],[data-variant=outline],[data-variant=secondary]){min-height:46px}.focus-mode .lesson-navigation.fl-nav{border-top:2px solid var(--border);background:0 0;padding:18px 0 0;position:static}:root .catalog-feature-icon,:root .catalog-card .tool-icon,:root .track-card .tool-icon,:root .entity-tile,:root .product-art{color:var(--entity-ink,#fff)}:root :is(.catalog-feature-icon,.tool-icon,.entity-tile,.product-art) svg{color:#fff}:root :is(.catalog-card,.track-card) .tool-icon{text-shadow:none}.unit-banner,.unit-banner .unit-guide{color:var(--unit-ink,#0b120e)}.stat-chip.streak.is-lit{color:var(--orange-text)}.stat-chip.streak.is-lit svg{color:var(--orange-400)}.week-dots .on span,:root .profile-stats>div:nth-child(3) dd{color:var(--orange-text)}.unit-banner.is-locked,.unit-banner.is-locked .unit-guide{color:var(--muted-foreground)}.art-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.card-art{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--entity,var(--primary)) 22%, transparent), transparent 70%), color-mix(in srgb, var(--entity,var(--primary)) 10%, var(--card));border-radius:22px;place-items:center;width:92px;height:92px;margin-bottom:4px;display:grid}.card-art.small{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--era-color,var(--primary)) 22%, transparent), transparent 70%), color-mix(in srgb, var(--era-color,var(--primary)) 10%, var(--card));border-radius:18px;width:72px;height:72px}.catalog-feature-icon.has-art{background:radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--era-color) 30%, transparent), transparent 72%), color-mix(in srgb, var(--era-color) 14%, var(--card));box-shadow:inset 0 -6px 0 color-mix(in srgb, var(--era-color) 18%, transparent);overflow:hidden}.catalog-feature-icon.has-art .art-image{width:88%;height:88%}.product-art .art-image{width:128px;height:128px}.product-art{background:radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--entity) 26%, transparent), transparent 70%), color-mix(in srgb, var(--entity) 10%, var(--card))!important}.product-hero-art .art-image{aspect-ratio:1;width:min(220px,60%);height:auto}.offer-art.has-art{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--gold-400) 28%, transparent), transparent 70%);width:128px;height:128px;box-shadow:none;border:0}.offer-art.has-art .art-image{width:112px;height:112px}.offer-product-art{width:120px;height:120px;margin:-6px auto 2px}.interest-art.has-art{background:radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--interest-color) 28%, transparent), transparent 72%), color-mix(in srgb, var(--interest-color) 10%, var(--card))!important}.interest-art.has-art .art-image{width:88%;height:88%}.unit-banner.has-art{padding-left:96px;position:relative;overflow:visible}.unit-banner-art{filter:drop-shadow(0 4px #00000014);width:76px;height:76px;position:absolute;bottom:2px;left:12px}.unit-banner.is-locked .unit-banner-art{filter:grayscale(.85)opacity(.7)}@media (max-width:767px){.unit-banner.has-art{padding-left:78px}.unit-banner-art{width:60px;height:60px;left:8px}.card-art{width:76px;height:76px}}.promo-card .card-art{flex-shrink:0;margin-bottom:0}.promo-card .card-art .art-image,.card-art .art-image{width:86%;height:86%}