:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-caption:.75rem;--text-small:.875rem;--text-body:1rem;--text-title:1.375rem;--text-display:1.75rem;--leading-body:1.5;--leading-heading:1.22;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--color-bg:#f6f6f2;--color-surface:#fff;--color-surface-secondary:#efefea;--color-surface-strong:#e4e5df;--color-text:#20231f;--color-text-secondary:#41483f;--color-text-muted:#60665c;--color-border:#d9ddd4;--color-primary:#ffd21d;--color-primary-soft:#fff4c7;--color-primary-hover:#ffe36f;--color-on-primary:#20231f;--color-success:#167246;--color-danger:#ba2c35;--color-warning:#8a570a;--color-info:#235eb5;--color-focus:#235eb5;--shadow-soft:0 2px 8px #1820150a;--shadow-raised:0 8px 24px #18201514;--radius-sm:10px;--radius-control:14px;--radius-card:20px;--radius-large:24px;--radius-pill:999px;--control-height:48px;--touch-target:44px;--icon-size:22px;--page-x:20px;--app-max-width:480px;--nav-height:72px;--z-sticky:15;--z-navigation:20;--z-banner:30;--z-toast:40;--z-modal:60;--motion-fast:.12s;--motion-normal:.18s;--motion-ease:cubic-bezier(.2, .7, .3, 1);--yellow-500:var(--color-primary);--yellow-300:var(--color-primary-hover);--yellow-100:var(--color-primary-soft);--ink:var(--color-text);--ink-soft:var(--color-text-secondary);--muted:var(--color-text-muted);--background:var(--color-bg);--surface:var(--color-surface);--surface-secondary:var(--color-surface-secondary);--surface-strong:var(--color-surface-strong);--border:var(--color-border);--success:var(--color-success);--error:var(--color-danger);--warning:var(--color-warning);--info:var(--color-info)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#131612;--color-surface:#1e231c;--color-surface-secondary:#292f26;--color-surface-strong:#363d32;--color-text:#f5f6f0;--color-text-secondary:#d3d9ca;--color-text-muted:#b3bfaa;--color-border:#3d4737;--color-primary-soft:#38321b;--color-success:#82d5a3;--color-danger:#ffa3a8;--color-warning:#e8c17d;--color-info:#9bc5ff;--color-focus:#9bc5ff;--shadow-soft:0 2px 8px #0000001f;--shadow-raised:0 8px 24px #00000038}:root[data-theme=light][data-high-contrast=true]{--color-bg:#fff;--color-surface:#fff;--color-surface-secondary:#f2f2f2;--color-surface-strong:#e3e3e3;--color-text:#000;--color-text-secondary:#111;--color-text-muted:#333;--color-border:#606060;--color-info:#0047b3;--color-focus:#0047b3}:root[data-theme=dark][data-high-contrast=true]{--color-bg:#000;--color-surface:#080808;--color-surface-secondary:#171717;--color-surface-strong:#252525;--color-text:#fff;--color-text-secondary:#fff;--color-text-muted:#e0e0e0;--color-border:#b8b8b8;--color-info:#aacbff;--color-focus:#aacbff}@media (max-width:359px){:root{--page-x:16px}}:root{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :before,:root[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 50% 0%, #ffd21d14, transparent 34rem), var(--background);margin:0;overflow-x:hidden}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-block-start:0;margin-block-end:0}:focus-visible{outline:3px solid var(--info);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-viewport{background:var(--background);width:min(100%,480px);min-height:100dvh;margin-inline-start:auto;margin-inline-end:auto;position:relative;overflow-x:hidden;box-shadow:0 0 70px #11111114}.skip-link{z-index:100;top:calc(8px + env(safe-area-inset-top));color:#111;background:var(--yellow-500);min-height:44px;box-shadow:var(--shadow-raised);border-radius:12px;padding:11px 16px;font-size:13px;font-weight:850;position:fixed;left:50%;transform:translate(-50%,-180%)}.skip-link:focus{transform:translate(-50%)}@supports (zoom:1.1){:root[data-text-scale=large] .app-viewport{zoom:1.1;width:min(90.9091%,436.364px)}}.app-frame{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) var(--page-x) calc(28px + env(safe-area-inset-bottom))}.offline-banner{z-index:30;min-height:44px;padding:calc(8px + env(safe-area-inset-top)) var(--page-x) 8px;color:#111;background:var(--yellow-500);text-align:center;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}.brand{flex-direction:column;align-items:flex-start;gap:2px;line-height:1;display:inline-flex}.brand__word{color:var(--ink);letter-spacing:-2.8px;font-size:37px;font-weight:800;position:relative}.brand__word:before{background:var(--yellow-500);content:"";border-radius:999px;width:20px;height:5px;position:absolute;top:-2px;left:47px}.brand__tagline{color:var(--muted);letter-spacing:-.15px;font-size:12px;line-height:1.3}.brand--compact .brand__word{letter-spacing:-1.8px;font-size:25px}.brand--compact .brand__word:before{width:14px;height:3px;top:-1px;left:32px}.button{border-radius:var(--radius-control);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.button:active{transform:scale(.98)}.button--secondary{color:var(--ink);border-color:var(--border);background:var(--surface)}.button--tertiary{color:var(--ink);box-shadow:none;background:0 0}.button--danger{color:var(--error);background:0 0;border-color:#ef444466}.button--full{width:100%}.button:disabled{color:var(--muted);background:var(--surface-strong);box-shadow:none;opacity:.62}.progress-bar{align-items:center;gap:10px;width:100%;display:flex}.progress-bar__track{background:#ffffffad;border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:var(--yellow-500);height:100%;display:block}.progress-bar__label{flex:none;font-size:13px;font-weight:700}.progress-bar--compact .progress-bar__track{background:var(--surface-secondary);height:5px}.progress-bar--compact .progress-bar__label{display:none}.screen-header{grid-template-columns:48px 1fr 48px;align-items:center;min-height:48px;margin-bottom:16px;display:grid}.screen-header__side{justify-content:flex-start;display:flex}.screen-header__side--end{justify-content:flex-end}.screen-header__center{justify-content:center;display:flex}.screen-header__title{letter-spacing:-.55px;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:22px;font-weight:750;overflow:hidden}.icon-button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-button--badge>span{border:2px solid var(--surface);color:#111;background:var(--yellow-500);border-radius:999px;place-items:center;min-width:19px;height:19px;padding-inline-start:5px;padding-inline-end:5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-4px;right:-2px}.bottom-nav{z-index:20;right:50%;bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#ffffffeb;border:1px solid #dededacc;border-radius:26px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:min(460px,100% - 20px);min-height:74px;padding:8px;display:grid;position:fixed;transform:translate(50%);box-shadow:0 18px 45px #11111124,inset 0 1px #fffc}:root[data-theme=dark] .bottom-nav{background:#1a1a1aeb;border-color:#ffffff1a;box-shadow:0 18px 45px #00000073}.bottom-nav__item{min-width:0;min-height:56px;color:var(--muted);text-align:center;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 2px;font-size:10px;font-weight:650;line-height:1.1;transition:color .16s,background-color .16s,transform .16s;display:flex}.bottom-nav__item:active{transform:scale(.97)}.bottom-nav__item>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav__icon{border-radius:12px;place-items:center;width:36px;height:32px;transition:color .16s,background-color .16s,transform .16s;display:grid}.bottom-nav__item.is-active{color:var(--ink);font-weight:800}.bottom-nav__item.is-active .bottom-nav__icon{color:#111;background:var(--yellow-500);transform:translateY(-1px)}.content-section{margin-top:25px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.section-heading h2,.section-title{letter-spacing:-.35px;align-items:center;gap:7px;font-size:18px;font-weight:750;display:flex}.section-heading button{min-height:44px;color:var(--muted);background:0 0;align-items:center;gap:3px;padding:8px 0 8px 12px;font-size:12px;display:inline-flex}.empty-state{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;padding:28px 22px;display:flex}.empty-state svg{color:var(--yellow-500)}.empty-state h1,.empty-state h3{letter-spacing:-.35px;font-size:20px}.empty-state p{max-width:34ch;color:var(--muted);font-size:14px;line-height:1.5}.empty-state--compact{min-height:170px}.empty-state--page{min-height:calc(100dvh - 48px)}.onboarding{width:min(100%,480px);min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) var(--page-x) calc(24px + env(safe-area-inset-bottom));background:var(--background);margin-inline-start:auto;margin-inline-end:auto;overflow-x:hidden}.onboarding__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.streak-chip{min-height:44px;color:var(--ink);background:var(--surface);white-space:nowrap;border:1px solid #ffd21d42;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.streak-chip svg{color:var(--warning)}.onboarding__hero{grid-template-columns:minmax(0,1.08fr) minmax(135px,.92fr);align-items:center;gap:4px;min-height:292px;margin-top:16px;display:grid;position:relative}.onboarding__hero-copy{z-index:2;position:relative}.step-indicator{align-items:center;gap:8px;margin-bottom:16px;display:flex}.step-indicator>span{color:#111;background:var(--yellow-100);border-radius:999px;align-items:center;min-height:34px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.step-indicator i{background:var(--border);border-radius:99px;width:16px;height:4px;display:block}.step-indicator i.is-active{background:var(--yellow-500)}.onboarding__hero h1{letter-spacing:-1.4px;max-width:8.2ch;font-size:clamp(30px,8.2vw,39px);font-weight:800;line-height:1.03}.onboarding__hero p{max-width:24ch;color:var(--muted);margin-top:13px;font-size:14px;line-height:1.5}.onboarding__mascot-wrap{align-self:stretch;min-width:0;position:relative}.onboarding__glow{filter:blur(3px);background:#ffd21d33;border-radius:50%;width:175px;height:175px;position:absolute;top:29%;right:-5%}.onboarding__mascot{z-index:1;filter:drop-shadow(0 18px 20px #846a0529);width:230px;max-width:none;position:absolute;top:7px;right:-29px}.choice-panel{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);margin-top:13px;padding:15px}.choice-panel h2{letter-spacing:-.2px;flex-wrap:wrap;align-items:baseline;gap:4px;margin-bottom:11px;font-size:15px;font-weight:750;display:flex}.choice-panel h2 small{color:var(--muted);font-size:11px;font-weight:400}.segmented-choice,.age-choice,.interest-choice{gap:9px;display:grid}.segmented-choice{grid-template-columns:repeat(2,1fr)}.segmented-choice button,.age-choice button,.interest-choice button{border:1px solid var(--border);border-radius:var(--radius-control);min-width:0;min-height:50px;color:var(--ink);background:var(--surface);transition:transform .15s,border-color .15s,background-color .15s}.segmented-choice button{justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.segmented-choice button.is-selected,.age-choice button.is-selected,.interest-choice button.is-selected{border-color:var(--yellow-500);background:linear-gradient(135deg, var(--yellow-100), var(--surface) 86%)}.segmented-choice button:active,.age-choice button:active,.interest-choice button:active{transform:scale(.98)}.age-choice{grid-template-columns:repeat(2,1fr)}.age-choice button{text-align:left;grid-template-rows:auto auto;grid-template-columns:38px 1fr;align-items:center;gap:1px 9px;padding:10px;display:grid}.age-choice__avatar{color:#111;background:var(--yellow-300);border-radius:50%;grid-row:1/span 2;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.age-choice strong{align-self:end;font-size:13px}.age-choice small{color:var(--muted);align-self:start;font-size:11px}.interest-choice{grid-template-columns:repeat(6,1fr)}.interest-choice button{grid-column:span 2;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:7px 9px;font-size:11px;display:flex}.interest-choice button:nth-child(4),.interest-choice button:nth-child(5){grid-column:span 3}.onboarding>.button{min-height:58px;margin-top:13px;font-size:17px}.onboarding>.button svg{color:var(--yellow-500)}.trust-row{justify-content:space-around;align-items:center;gap:14px;margin-top:13px;display:flex}.trust-row span{color:var(--muted);align-items:center;gap:6px;font-size:10px;line-height:1.25;display:inline-flex}.trust-row svg{color:var(--yellow-500)}.quest-list{gap:10px;display:grid}.quest-card{border:1px solid var(--border);border-radius:var(--radius-card);width:100%;min-height:88px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);text-align:left;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.quest-card__icon{color:#111;background:var(--yellow-300);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.quest-card__content{gap:5px;min-width:0;display:grid}.quest-card__content strong{text-overflow:ellipsis;font-size:13px;line-height:1.25;overflow:hidden}.quest-card__content small{color:var(--muted);font-size:10px}.quest-card__reward{color:var(--muted);grid-template-columns:auto auto;place-items:center end;gap:2px;font-size:11px;display:grid}.quest-card__reward svg:first-child{color:var(--yellow-500)}.quest-card__reward svg:last-child{color:var(--ink);grid-area:1/2/span 2}.screen-subtitle{color:var(--muted);text-align:center;margin:-9px 0 17px;font-size:12px}.search-field{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);min-height:48px;box-shadow:var(--shadow-soft);align-items:center;gap:9px;padding-inline-start:14px;padding-inline-end:14px;display:flex}.search-field svg{color:var(--muted);flex:none}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-field input::placeholder{color:var(--muted);opacity:1}.filter-strip{margin:11px calc(var(--page-x) * -1) 0;padding-inline:var(--page-x);scrollbar-width:none;scroll-snap-type:x proximity;gap:7px;display:flex;overflow-x:auto}.filter-strip::-webkit-scrollbar{display:none}.filter-strip button{border:1px solid var(--border);min-height:44px;color:var(--ink);background:var(--surface);scroll-snap-align:start;border-radius:999px;flex:none;align-items:center;gap:4px;padding:7px 12px;font-size:10px;font-weight:650;display:inline-flex}.filter-strip button.is-active{color:#fff;background:#111;border-color:#111}.map-hero{border-radius:var(--radius-large);background:radial-gradient(circle at 80% 34%, #ffffffb8, transparent 34%), linear-gradient(135deg, var(--yellow-300), var(--yellow-100));grid-template-columns:minmax(0,1.05fr) minmax(120px,.95fr);align-items:center;min-height:236px;margin-top:15px;display:grid;position:relative;overflow:hidden}.map-hero__copy{z-index:2;flex-direction:column;align-items:flex-start;padding:18px 0 18px 18px;display:flex;position:relative}.map-hero h1{color:#111;letter-spacing:-.65px;font-size:23px;font-weight:800}.map-hero p{color:#4d4838;max-width:26ch;margin-top:6px;font-size:11px;line-height:1.45}.map-hero strong{color:#111;margin-top:13px;font-size:10px}.map-hero .progress-bar{margin-top:7px}.map-hero .button{min-height:42px;margin-top:13px;padding-inline-start:13px;padding-inline-end:13px;font-size:12px}.map-hero>img{filter:drop-shadow(0 14px 17px #644b0424);width:235px;max-width:none;position:absolute;right:-31px}.catalog-spotlight{border:1px solid var(--border);border-radius:var(--radius-card);width:100%;min-height:118px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);text-align:left;grid-template-columns:minmax(0,1fr) 112px 24px;align-items:center;gap:6px;margin-top:11px;padding:14px 12px 14px 16px;display:grid;position:relative;overflow:hidden}.catalog-spotlight__copy{z-index:2;gap:5px;display:grid;position:relative}.catalog-spotlight__copy small{color:#a27d00;text-transform:uppercase;letter-spacing:.55px;font-size:8px;font-weight:800}.catalog-spotlight__copy strong{max-width:22ch;font-size:14px;line-height:1.25}.catalog-spotlight__copy span{max-width:30ch;color:var(--muted);font-size:9px;line-height:1.4}.catalog-spotlight img{z-index:1;filter:drop-shadow(0 10px 13px #1111111f);width:145px;max-width:none;position:absolute;right:22px}.catalog-spotlight>svg{z-index:2;justify-self:end;position:relative}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.category-card{border:1px solid var(--border);border-radius:var(--radius-control);min-height:95px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);text-align:left;grid-template-rows:1fr;grid-template-columns:36px 1fr;align-items:start;gap:8px;padding:12px;display:grid}.category-card__icon{color:#111;background:var(--yellow-100);border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.category-card__main{gap:5px;min-width:0;display:grid}.category-card__main strong{font-size:12px}.category-card__main small{color:var(--muted);font-size:9px}.category-card__percent{color:var(--muted);text-align:center;grid-column:1;align-self:end;font-size:10px;font-weight:700}.rights-map-visual{border-radius:var(--radius-large);background:radial-gradient(circle at 50% 18%, #ffffffc2, transparent 38%), var(--yellow-100);min-height:260px;position:relative;overflow:hidden}.rights-map-visual img{filter:drop-shadow(0 16px 18px #644b0426);width:420px;max-width:none;position:absolute;top:52px;left:50%;transform:translate(-50%)}.rights-map-visual__score{z-index:2;color:#111;background:#ffffffc7;border-radius:999px;align-items:baseline;gap:7px;padding:8px 11px;display:flex;position:absolute;top:15px;left:15px}.rights-map-visual__score strong{font-size:17px}.rights-map-visual__score span{font-size:10px}.rights-list,.progress-category-list{gap:8px;display:grid}.rights-list>button,.progress-category-list>button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:62px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:42px 1fr auto 18px;align-items:center;gap:9px;padding:10px 12px;display:grid}.rights-list__icon{width:40px;height:40px;color:var(--ink);background:var(--yellow-100);border-radius:13px;place-items:center;display:grid}.rights-list__body,.progress-category-list button>span{gap:7px;display:grid}.rights-list__body strong,.progress-category-list strong{font-size:12px}.rights-list>button>span:last-of-type,.progress-category-list b{color:var(--muted);font-size:11px}.recommendation-panel{border-radius:var(--radius-card);color:var(--ink);background:var(--yellow-100);grid-template-columns:38px 1fr 44px;align-items:center;gap:10px;margin-top:18px;padding:15px;display:grid}.recommendation-panel>svg{color:#d8a700}.recommendation-panel strong{font-size:13px}.recommendation-panel p{color:var(--ink-soft);margin-top:4px;font-size:10px;line-height:1.4}.recommendation-panel button{color:#fff;background:#111;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.helper-situation{border-radius:var(--radius-large);color:#111;background:radial-gradient(circle at 82% 48%, #ffffffbf, transparent 35%), linear-gradient(135deg, var(--yellow-300), var(--yellow-100));grid-template-columns:1fr 135px;align-items:center;min-height:178px;padding:18px;display:grid;position:relative;overflow:hidden}.helper-situation__copy{z-index:1;position:relative}.helper-situation__copy>span{background:#ffffffb3;border-radius:999px;align-items:center;min-height:29px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.helper-situation h1{letter-spacing:-.55px;max-width:13ch;margin-top:11px;font-size:20px;line-height:1.1}.helper-situation p{color:#544d36;margin-top:8px;font-size:10px}.helper-situation img{filter:drop-shadow(0 14px 17px #11111121);width:185px;max-width:none;position:absolute;right:-22px}.warning-banner,.legal-notice{border-radius:var(--radius-sm);background:#ff9f1c14;border:1px solid #ff9f1c5c;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;display:flex}.warning-banner svg,.legal-notice svg{color:var(--warning);flex:none}.warning-banner p,.legal-notice p{color:var(--ink-soft);font-size:10px;line-height:1.4}.helper-options{gap:8px;display:grid}.helper-options>button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:66px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);text-align:left;grid-template-columns:26px 42px 1fr 19px;align-items:center;gap:9px;padding:9px 12px;display:grid}.helper-options__number{color:#111;background:var(--yellow-500);border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.helper-options__icon{border:1px solid var(--border);background:var(--surface-secondary);border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.helper-options>button>span:nth-child(3){gap:4px;display:grid}.helper-options strong{font-size:12px}.helper-options small{color:var(--muted);font-size:9px}.helper-result-hero{border-radius:var(--radius-large);color:#11361d;background:#22c55e21;align-items:flex-start;gap:12px;padding:18px;display:flex}.helper-result-hero>svg{color:var(--success);flex:none}.helper-result-hero strong{font-size:16px}.helper-result-hero p{color:var(--ink-soft);margin-top:7px;font-size:12px;line-height:1.45}:root[data-theme=dark] .helper-result-hero{color:#dff9e7}.action-list{margin-top:20px}.action-list h2{letter-spacing:-.35px;margin-bottom:11px;font-size:18px}.action-step{grid-template-columns:28px 40px 1fr;align-items:center;gap:9px;padding:10px 0;display:grid}.action-step+.action-step{border-top:1px solid var(--border)}.action-step__number{color:#111;background:var(--yellow-500);border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.action-step__icon{background:var(--surface-secondary);border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.action-step p{font-size:12px;line-height:1.4}.stacked-actions{gap:9px;margin-top:17px;display:grid}.progress-overview{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:132px 1fr;align-items:center;gap:18px;padding:18px;display:grid}.progress-ring{background:conic-gradient(var(--yellow-500) var(--progress), var(--surface-secondary) 0);border-radius:50%;place-items:center;width:124px;height:124px;display:grid}.progress-ring:before{background:var(--surface);content:"";border-radius:50%;width:92px;height:92px;position:absolute}.progress-ring>span{z-index:1;place-items:center;display:grid;position:relative}.progress-ring strong{letter-spacing:-.7px;font-size:26px}.progress-ring small{color:var(--muted);font-size:9px}.progress-overview__summary{gap:8px;display:grid}.progress-overview__summary>strong{font-size:16px}.progress-overview__summary p{color:var(--muted);font-size:11px;line-height:1.4}.progress-overview__summary span{color:var(--ink-soft);align-items:center;gap:5px;font-size:10px;display:flex}.progress-overview__summary svg{color:var(--yellow-500)}.streak-card{border-radius:var(--radius-card);color:#111;background:linear-gradient(135deg, var(--yellow-100), var(--yellow-300));margin-top:12px;padding:15px}.streak-card>div:first-child{align-items:center;gap:10px;display:flex}.streak-card__icon{background:#ffffffb3;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.streak-card__icon svg{color:var(--warning)}.streak-card>div:first-child>div{display:grid}.streak-card strong{font-size:25px;line-height:1}.streak-card small{color:#5a5034;font-size:9px}.week-row{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:14px;display:grid}.week-row>span{background:#ffffff8a;border-radius:10px;place-items:center;min-width:0;height:34px;font-size:10px;font-weight:800;display:grid}.week-row>span.is-complete{color:#fff;background:#111}.week-row>span.is-today{border:2px solid #111}.week-row small{font-size:7px}.progress-category-list>button{grid-template-columns:32px 1fr auto 18px}.progress-category-list>button>svg:first-child{color:var(--yellow-500)}.achievement-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.achievement-grid>div{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:10px 5px;display:flex}.achievement-grid>div>span{color:#111;background:var(--yellow-300);border-radius:15px;place-items:center;width:45px;height:45px;display:grid}.achievement-grid strong{min-height:28px;font-size:8px;line-height:1.2}.achievement-grid small{color:var(--muted);font-size:7px}.achievement-grid .is-locked{color:var(--muted);opacity:1}.achievement-grid .is-locked>span{background:var(--surface-secondary)}.auth-screen{padding-bottom:calc(34px + env(safe-area-inset-bottom))}.auth-screen .screen-header{grid-template-columns:48px minmax(0,1fr) 0}.auth-hero{border-radius:var(--radius-large);background:radial-gradient(circle at 86% 35%, #ffffffd1, transparent 35%), var(--yellow-100);border:1px solid #ffd21d73;grid-template-columns:minmax(0,1.15fr) minmax(116px,.85fr);align-items:center;min-height:224px;padding:20px 0 20px 20px;display:grid;position:relative;overflow:hidden}.auth-hero__copy{z-index:2;position:relative}.auth-hero__copy>span{color:#111;background:#ffffffc7;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:5px 9px;font-size:12px;font-weight:750;display:inline-flex}.auth-hero__copy>span svg{color:#d4a900}.auth-hero h2{color:#111;letter-spacing:-.8px;max-width:14ch;margin-top:12px;font-size:clamp(22px,6.3vw,29px);line-height:1.06}.auth-hero p{color:#504a36;max-width:27ch;margin-top:9px;font-size:14px;line-height:1.45}.auth-hero>img{z-index:1;filter:drop-shadow(0 16px 18px #58440529);width:215px;max-width:none;position:absolute;right:-35px}.auth-method-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.auth-method-switcher button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:46px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow-soft);justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:700;display:inline-flex}.auth-method-switcher button.is-active{color:#111;border-color:var(--yellow-500);background:var(--yellow-100)}.auth-method-switcher button.is-active svg{color:#111}.auth-form{gap:13px;margin-top:18px;display:grid}.auth-field{gap:7px;display:grid}.auth-field>span{color:var(--ink-soft);padding-left:3px;font-size:14px;font-weight:700}.auth-field>div{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);min-height:52px;box-shadow:var(--shadow-soft);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px 0 14px;transition:border-color .16s,box-shadow .16s;display:grid}.auth-field>div:focus-within{border-color:var(--yellow-500);box-shadow:0 0 0 3px #ffd21d2e}.auth-field>.auth-phone-field{grid-template-columns:24px auto minmax(0,1fr);padding-right:14px}.auth-phone-prefix{color:var(--ink);white-space:nowrap;font-size:16px;font-weight:750}.auth-field svg{color:var(--muted)}.auth-field input{min-width:0;height:50px;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.auth-field input::placeholder{color:var(--muted);opacity:.78}.auth-field button{background:0 0;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.auth-code-input{letter-spacing:.24em;font-variant-numeric:tabular-nums}.auth-step-copy{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-secondary);align-items:flex-start;gap:12px;padding:14px;display:flex}.auth-step-copy>svg{color:var(--success);flex:none}.auth-step-copy h2{font-size:16px}.auth-step-copy p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.45}.auth-inline-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-inline-actions button{min-height:44px;color:var(--ink-soft);background:0 0;align-items:center;gap:5px;padding:6px 4px;font-size:12px;font-weight:650;display:inline-flex}.auth-inline-actions button:last-child{color:var(--ink);justify-content:flex-end}.auth-inline-actions button:disabled{color:var(--muted);opacity:.72}.auth-error{border-radius:var(--radius-sm);color:var(--error);background:#ef444412;border:1px solid #ef444452;padding:11px 12px;font-size:13px;line-height:1.4}.auth-submit{min-height:56px;margin-top:2px;font-size:15px}.auth-submit svg{color:var(--yellow-500)}.auth-disclaimer{max-width:40ch;color:var(--muted);text-align:center;margin:15px auto 0;font-size:12px;line-height:1.5}@media (max-width:350px){.auth-hero{grid-template-columns:minmax(0,1fr) 106px;min-height:214px;padding-left:16px}.auth-hero>img{width:165px;right:-70px}.auth-inline-actions{flex-direction:column;align-items:stretch}.auth-inline-actions button,.auth-inline-actions button:last-child{justify-content:flex-start}}.auth-panel{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-raised);margin-top:8px;padding:18px}.auth-back-to-login{border-radius:var(--radius-sm);min-height:44px;color:var(--ink-soft);background:0 0;align-items:center;gap:6px;margin:-8px 0 10px -8px;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.auth-back-to-login svg{color:var(--muted)}.auth-intro{align-items:flex-start;gap:12px;display:flex}.auth-intro__icon{color:#111;background:var(--yellow-500);border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid}.auth-intro h1{letter-spacing:-.35px;font-size:22px;line-height:1.2}.auth-intro p{color:var(--muted);margin-top:5px;font-size:14px;line-height:1.45}.auth-panel .auth-method-switcher button{box-shadow:none}.auth-panel .auth-method-switcher button.is-active{color:var(--ink);border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-100) 72%, var(--surface))}.auth-field>span{gap:2px;display:grid}.auth-field>span small{color:var(--muted);font-size:12px;font-weight:450;line-height:1.35}.auth-field>div.is-success{border-color:var(--success)}.auth-field>div.is-error{border-color:var(--error)}.auth-username-prefix{color:var(--ink-soft);font-size:16px;font-weight:750}.auth-field>.auth-username-field{grid-template-columns:24px auto minmax(0,1fr);padding-right:14px}.auth-field__status{color:var(--muted);align-items:center;gap:4px;padding:0 3px;font-size:12px;line-height:1.35;display:inline-flex}.auth-field__status.is-success{color:var(--success)}.auth-field__status.is-error{color:var(--error)}.auth-password-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:-2px 0 1px;padding:0;list-style:none;display:grid}.auth-password-rules li{color:var(--muted);align-items:flex-start;gap:5px;font-size:11px;line-height:1.35;display:flex}.auth-password-rules li svg{color:var(--border);flex:none;margin-top:1px}.auth-password-rules li.is-ready{color:var(--ink-soft)}.auth-password-rules li.is-ready svg{color:var(--success)}.auth-error{gap:8px;display:grid}.auth-error button{min-height:36px;color:var(--ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:750;display:inline-flex}.auth-mode-cta{border-top:1px solid var(--border);justify-items:center;gap:8px;margin-top:18px;padding-top:16px;display:grid}.auth-mode-cta>span{color:var(--muted);font-size:13px}.auth-mode-cta__action{border-radius:var(--radius-control);min-height:44px;color:var(--ink);background:0 0;padding:0 14px;font-size:14px;font-weight:750}.auth-mode-cta__action.is-prominent{border:1px solid var(--yellow-500);background:color-mix(in srgb, var(--yellow-100) 58%, var(--surface));width:100%;min-height:52px}.auth-disclaimer{justify-content:center;align-items:flex-start;gap:7px;display:flex}.auth-disclaimer svg{color:var(--success);flex:none;margin-top:1px}.profile-edit-screen{padding-bottom:calc(30px + env(safe-area-inset-bottom))}.profile-edit-intro{border:1px solid color-mix(in srgb, var(--yellow-500) 48%, var(--border));border-radius:var(--radius-control);color:var(--ink-soft);background:var(--yellow-100);margin:4px 0 14px;padding:12px 14px;font-size:13px;line-height:1.45}.profile-edit-form{gap:16px;margin-top:10px;display:grid}.profile-edit-loading{min-height:240px;color:var(--muted);place-items:center;font-size:14px;font-weight:700;display:grid}.profile-edit-photo{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid}.profile-edit-photo__preview{border:2px solid var(--yellow-500);width:84px;height:84px;color:var(--muted);background:var(--surface-secondary);border-radius:50%;place-items:center;display:grid;overflow:hidden}.profile-edit-photo__preview>img,.profile-edit-photo__preview .social-avatar{object-fit:cover;width:100%;height:100%}.profile-edit-photo h2{font-size:16px}.profile-edit-photo p{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35}.profile-edit-photo__actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.profile-edit-photo__actions label,.profile-edit-photo__actions button{border-radius:12px;align-items:center;gap:6px;min-height:40px;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.profile-edit-photo__actions label{width:auto}.profile-edit-photo__actions label input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.profile-edit-photo__actions button{color:var(--error);background:0 0}.profile-edit-field{gap:7px;display:grid}.profile-edit-field>span{color:var(--ink-soft);gap:2px;padding-left:3px;font-size:14px;font-weight:700;display:grid}.profile-edit-field>span small{color:var(--muted);font-size:12px;font-weight:450}.profile-edit-field>div{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);min-height:52px;box-shadow:var(--shadow-soft);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:0 14px;display:grid}.profile-edit-field>div:focus-within{border-color:var(--yellow-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--yellow-500) 18%, transparent)}.profile-edit-field>div>svg,.profile-edit-field>div>strong{color:var(--muted)}.profile-edit-field input,.profile-edit-field select{width:100%;min-width:0;height:50px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.profile-edit-field__status{color:var(--muted);align-items:center;gap:4px;padding:0 3px;font-size:12px;line-height:1.4;display:inline-flex}.profile-edit-field__status.is-success{color:var(--success)}.profile-edit-field__status.is-error{color:var(--error)}.profile-edit-save{min-height:54px}.profile-edit-skip{min-height:44px;color:var(--ink-soft);background:0 0;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.social-avatar{overflow:hidden}.social-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar{background:0 0;padding:0}.profile-avatar .social-avatar{border:2px solid var(--yellow-500);width:100%;height:100%}.profile-username{color:var(--muted);margin-top:2px;font-size:13px;display:block}.profile-topbar__action{min-width:auto;min-height:44px;color:var(--ink);background:var(--yellow-500);border-radius:12px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}@media (max-width:350px){.auth-panel{padding:15px}.auth-password-rules{grid-template-columns:1fr}.profile-edit-photo{grid-template-columns:72px minmax(0,1fr);padding:13px}.profile-edit-photo__preview{width:72px;height:72px}}.profile-screen{padding-top:calc(10px + env(safe-area-inset-top))}.profile-topbar{justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-bottom:10px;display:flex}.profile-topbar h1{letter-spacing:-.55px;font-size:22px;font-weight:800}.profile-topbar__action,.profile-topbar__status{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:50%;flex:none;place-items:center;display:grid}.profile-topbar__status{color:var(--success)}.profile-topbar__action:disabled{color:var(--muted);opacity:.58}.profile-identity{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:16px;display:grid}.profile-avatar{color:#111;background:linear-gradient(145deg, var(--yellow-300), var(--yellow-500));width:64px;height:64px;box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;display:grid;position:relative}.profile-avatar strong{color:#111;letter-spacing:-.45px;font-size:19px;font-weight:850}.profile-avatar>span{border:3px solid var(--background);background:var(--success);border-radius:50%;width:16px;height:16px;position:absolute;bottom:2px;right:1px}.profile-identity__copy h2{letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800;line-height:1.25;overflow:hidden}.profile-city-chip{border:1px solid var(--border);max-width:100%;min-height:36px;color:var(--muted);background:var(--surface);text-align:left;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.profile-city-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-city-chip svg:first-child{color:#806800;flex:none}:root[data-theme=dark] .profile-city-chip svg:first-child{color:var(--yellow-300)}.profile-progress-card{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.profile-progress-card__main{width:100%;min-height:142px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid}.profile-literacy-ring>span{z-index:1;justify-content:center;align-items:baseline;gap:2px;display:flex;position:relative}.profile-literacy-ring strong{letter-spacing:-1px;font-size:27px;font-weight:850;line-height:1}.profile-literacy-ring small{color:var(--muted);font-size:11px;font-weight:800}.profile-progress-card__copy>span{color:#806800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:850;line-height:1.2;display:block}:root[data-theme=dark] .profile-progress-card__copy>span{color:var(--yellow-300)}.profile-progress-card__copy h2{letter-spacing:-.35px;font-size:17px;font-weight:800;line-height:1.25}.profile-level-bar span{border-radius:inherit;background:var(--yellow-500);min-width:2px;height:100%;transition:width .5s;display:block}.profile-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-stats>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:76px;padding:10px 5px;display:flex}.profile-stats>div>span{align-items:center;gap:5px;display:inline-flex}.profile-stats svg{color:#806800}:root[data-theme=dark] .profile-stats svg{color:var(--yellow-300)}.profile-stats strong{font-size:16px;font-weight:850;line-height:1}.profile-stats small{max-width:94px;color:var(--muted);font-size:9px;font-weight:650;line-height:1.25}.profile-account-callout{border:1px solid color-mix(in srgb, var(--yellow-500) 38%, var(--border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--yellow-100) 68%, var(--surface));gap:14px;margin-top:12px;padding:17px;display:grid}.profile-account-callout>div>span{color:#806800;text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:850}:root[data-theme=dark] .profile-account-callout>div>span{color:var(--yellow-300)}.profile-account-callout h2{letter-spacing:-.3px;font-size:16px;font-weight:800;line-height:1.25}.profile-account-callout>button{border-radius:var(--radius-control);color:#fff;background:#111;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:12px 16px;font-size:13px;font-weight:800;display:inline-flex}.profile-next-action{border-radius:var(--radius-card);color:#111;background:var(--yellow-500);width:100%;min-height:88px;box-shadow:var(--shadow-raised);text-align:left;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:12px;margin-top:12px;padding:14px;display:grid}.profile-next-action__icon{background:#1111111f;border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.profile-next-action__copy small{color:#111111c7;text-transform:uppercase;letter-spacing:.75px;font-size:9px;font-weight:850;line-height:1.2}.profile-next-action__copy strong{letter-spacing:-.2px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:850;line-height:1.28;display:-webkit-box;overflow:hidden}.profile-next-action__copy>span{color:#111111c7;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.3;overflow:hidden}.profile-content-section{margin-top:26px}.profile-section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:7px;padding-inline-start:3px;padding-inline-end:3px;display:flex}.profile-section-heading h2{color:var(--muted);text-transform:uppercase;letter-spacing:.55px;font-size:12px;font-weight:800;line-height:1.3}.profile-section-heading button{color:#806800;background:0 0;align-items:center;gap:2px;min-height:44px;padding:8px 0 8px 12px;font-size:12px;font-weight:800;display:inline-flex}:root[data-theme=dark] .profile-section-heading button{color:var(--yellow-300)}.profile-category-list,.profile-settings-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.profile-category-list__icon{width:40px;height:40px;color:var(--ink-soft);background:var(--surface-secondary);border-radius:13px;place-items:center;display:grid}.profile-category-list__copy strong{font-size:13px;font-weight:750;line-height:1.3}.profile-category-list__copy b{flex:none;font-size:12px;font-weight:850}.profile-achievement-strip{width:calc(100% + (var(--page-x) * 2));margin-inline:calc(var(--page-x) * -1);padding:1px var(--page-x) 4px;scroll-padding-inline:var(--page-x);scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.profile-achievement-strip>button{border:1px solid var(--border);border-radius:var(--radius-card);width:120px;min-height:128px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);scroll-snap-align:start;text-align:left;flex-direction:column;flex:none;align-items:flex-start;gap:8px;padding:12px;display:flex}.profile-achievement-strip>button>span{width:42px;height:42px;color:var(--muted);background:var(--surface-secondary);border-radius:14px;place-items:center;display:grid}.profile-achievement-strip>button.is-unlocked>span{color:#111;background:var(--yellow-500)}.profile-achievement-strip strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.profile-achievement-strip small{color:var(--muted);margin-top:auto;font-size:10px;font-weight:700}.profile-achievement-strip>button.is-locked{opacity:.62}.profile-saved-card{border:1px solid var(--border);border-radius:var(--radius-card);width:100%;min-height:72px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);text-align:left;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px;display:grid}:root[data-theme=dark] .profile-saved-card>span:first-child{color:var(--yellow-300);background:color-mix(in srgb, var(--yellow-500) 15%, var(--surface-secondary))}.profile-saved-card strong{font-size:13px;font-weight:750;line-height:1.3}.profile-saved-card small{color:var(--muted);font-size:10px;line-height:1.35}.profile-setting-row__icon{width:40px;height:40px;color:var(--ink-soft);background:var(--surface-secondary);border-radius:13px;place-items:center;display:grid}.profile-setting-row__copy strong{font-size:13px;font-weight:750;line-height:1.3}.profile-setting-row__copy small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.profile-account-error{margin-top:12px}.profile-switch.is-on:after{background:#111;transform:translate(18px)}.profile-sheet{z-index:60;width:min(100%,480px);position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.profile-sheet__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000009e;width:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.profile-sheet__panel{border:1px solid var(--border);background:var(--surface);border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;max-height:88dvh;animation:.22s ease-out both profile-sheet-rise;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -18px 54px #11111138}:root[data-theme=dark] .profile-sheet__panel{box-shadow:0 -18px 54px #00000085}.profile-sheet__panel--tall{height:min(86dvh,760px)}.profile-sheet__handle{background:var(--surface-strong);border-radius:999px;flex:none;width:40px;height:5px;margin:10px auto 5px}.profile-sheet__header{padding:6px var(--page-x) 14px;flex:none;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px;display:grid}.profile-sheet__close{width:44px;height:44px;color:var(--muted);background:var(--surface-secondary);border-radius:50%;place-items:center;display:grid}.profile-sheet__content{overscroll-behavior:contain;min-height:0;padding:0 var(--page-x) max(24px, env(safe-area-inset-bottom));scrollbar-width:none;flex:1;overflow-y:auto}.profile-sheet__content::-webkit-scrollbar{display:none}.profile-choice-list,.profile-toggle-list{gap:8px;display:grid}.profile-choice-row{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:60px;color:var(--ink);background:var(--surface-secondary);text-align:left;align-items:center;gap:12px;padding:10px 12px;display:flex}.profile-choice-row__icon{width:40px;height:40px;color:var(--ink-soft);background:var(--surface);border-radius:13px;flex:none;place-items:center;display:grid}.profile-choice-row__copy{flex:1;gap:3px;min-width:0;display:grid}.profile-choice-row__check{border:2px solid var(--border);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.profile-choice-row.is-selected .profile-choice-row__check{color:#111;border-color:var(--yellow-500);background:var(--yellow-500)}.profile-city-search{border:1px solid var(--border);border-radius:var(--radius-control);min-height:50px;color:var(--muted);background:var(--surface-secondary);align-items:center;gap:10px;margin-bottom:18px;padding:0 14px;display:flex}.profile-city-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.profile-sheet-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.55px;margin:18px 3px 9px;font-size:11px;font-weight:800}.profile-city-empty{min-height:220px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.profile-interest-grid button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:76px;color:var(--ink);background:var(--surface-secondary);text-align:left;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:10px;font-size:11px;font-weight:750;line-height:1.3;display:grid}.profile-interest-grid button.is-selected{border-color:color-mix(in srgb, var(--yellow-500) 70%, var(--border));background:color-mix(in srgb, var(--yellow-100) 60%, var(--surface))}.profile-interest-grid button:disabled{opacity:.72}.profile-interest-grid button>svg:last-child{color:#806800}:root[data-theme=dark] .profile-interest-grid button>svg:last-child{color:var(--yellow-300)}.profile-toggle-list>button{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:72px;color:var(--ink);background:var(--surface-secondary);text-align:left;grid-template-columns:42px minmax(0,1fr) 46px;align-items:center;gap:12px;padding:12px;display:grid}.profile-toggle-list>button[aria-pressed=true]{border-color:color-mix(in srgb, var(--yellow-500) 70%, var(--border));background:color-mix(in srgb, var(--yellow-100) 60%, var(--surface))}.profile-toggle-row__icon{width:42px;height:42px;color:var(--ink-soft);background:var(--surface);border-radius:14px;place-items:center;display:grid}@keyframes profile-sheet-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:359px){.auth-screen .screen-header__title{text-overflow:clip;white-space:normal;font-size:18px;line-height:1.2;overflow:visible}.bottom-nav__item{font-size:9px}.profile-progress-card__main{grid-template-columns:88px minmax(0,1fr);gap:12px;min-height:132px;padding:14px}.profile-literacy-ring{width:88px;height:88px}.profile-literacy-ring strong{font-size:24px}.profile-stats small{font-size:8px}.profile-next-action{grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;padding:12px}.profile-next-action__icon{width:42px;height:42px}.profile-interest-grid{grid-template-columns:1fr}}.dossier-screen{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.dossier-shell{gap:18px;width:100%;max-width:440px;margin:0 auto;display:grid}.dossier-overview,.dossier-contents{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft)}.dossier-overview{padding:18px}.dossier-overview__heading,.dossier-overview__progress>div,.dossier-contents__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dossier-overview__heading>div,.dossier-contents__heading>div{gap:3px;min-width:0;display:grid}.dossier-overview__heading>div>span,.dossier-contents__heading span,.dossier-levels__section-heading span,.dossier-featured__file>small,.dossier-final small,.dossier-season-status small{color:var(--muted);letter-spacing:.48px;text-transform:uppercase;font-size:10px;font-weight:800}.dossier-overview h1{letter-spacing:-.4px;font-size:22px;line-height:1.22}.dossier-overview__seal{border-radius:var(--radius-control);color:#111;background:var(--yellow-100);flex:none;place-items:center;width:52px;height:52px;display:grid}.dossier-overview>p{color:var(--ink-soft);margin-top:12px;font-size:14px;line-height:1.5}.dossier-overview__progress{gap:8px;margin-top:17px;display:grid}.dossier-overview__progress>div{color:var(--muted);font-size:11px;font-weight:700}.dossier-overview__progress strong{color:var(--ink);font-size:13px}.dossier-overview__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.dossier-overview__stats>span{border:1px solid var(--border);background:var(--surface-secondary);border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:46px;display:flex}.dossier-overview__stats strong{font-size:13px}.dossier-overview__stats small{color:var(--muted);font-size:11px}.dossier-featured{padding:15px 4px 5px;position:relative}.dossier-featured__back{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface-secondary);position:absolute;top:26px;bottom:0;left:12px;right:12px}.dossier-featured__back--one{transform:rotate(-1.6deg)}.dossier-featured__back--two{transform:rotate(1.4deg)}.dossier-featured__file{z-index:2;border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-raised);padding:25px 20px 20px;position:relative}.dossier-featured__tab{color:#111;background:var(--yellow-500);letter-spacing:.55px;border-radius:11px 11px 0 0;min-height:30px;padding:8px 13px 7px;font-size:10px;font-weight:900;position:absolute;top:-15px;left:18px}.dossier-featured__icon{border-radius:var(--radius-card);color:#111;background:var(--yellow-100);place-items:center;width:58px;height:58px;margin-bottom:15px;display:grid}.dossier-featured h2{letter-spacing:-.6px;text-wrap:pretty;margin-top:5px;font-size:24px;line-height:1.18}.dossier-featured__file>p{color:var(--ink-soft);margin-top:9px;font-size:14px;line-height:1.5}.dossier-featured__meta{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.dossier-featured__meta span{min-height:34px;color:var(--ink-soft);background:var(--surface-secondary);border-radius:10px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:700;display:inline-flex}.dossier-featured__action{border-radius:var(--radius-control);color:#111;background:var(--yellow-500);justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:16px;padding:12px 15px;font-size:14px;font-weight:850;line-height:1.25;display:flex}.dossier-contents{padding:18px 14px}.dossier-contents__heading{align-items:end;padding-inline-start:4px;padding-inline-end:4px}.dossier-contents__heading h2{font-size:18px;line-height:1.25}.dossier-contents__heading>strong{color:var(--muted);font-size:12px}.dossier-levels{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.dossier-levels__section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;margin:18px 4px 9px;padding-bottom:8px;display:flex}.dossier-levels>li:first-child .dossier-levels__section-heading{margin-top:3px}.dossier-levels__section-heading strong{color:var(--ink-soft);text-align:right;font-size:12px;line-height:1.3}.dossier-level{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:74px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:11px;display:grid}.dossier-level__number{border-radius:var(--radius-small);color:#111;background:var(--yellow-100);place-items:center;width:40px;height:40px;font-size:13px;font-weight:900;display:grid}.dossier-level__copy{gap:3px;min-width:0;display:grid}.dossier-level__copy small{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-size:9px;font-weight:800}.dossier-level__copy>strong{text-wrap:pretty;font-size:14px;line-height:1.3}.dossier-level__copy>span{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;display:flex}.dossier-level__copy b{color:color-mix(in srgb, var(--yellow-500) 62%, var(--ink));margin-left:2px;font-weight:800}.dossier-level__action{color:var(--muted)}.dossier-level--current{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-100) 56%, var(--surface));box-shadow:var(--shadow-soft)}.dossier-level--current .dossier-level__number{background:var(--yellow-500)}.dossier-level--current .dossier-level__action{color:#111}.dossier-level--completed{border-color:color-mix(in srgb, var(--success) 42%, var(--border))}.dossier-level--completed .dossier-level__number{color:#fff;background:var(--success)}.dossier-level--locked{color:var(--muted);background:var(--surface-secondary);opacity:.76}.dossier-level--locked .dossier-level__number{color:var(--muted);background:var(--surface-strong)}.dossier-pager{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:14px;display:grid}.dossier-pager button{border:1px solid var(--border);border-radius:var(--radius-small);min-height:44px;color:var(--ink);background:var(--surface);padding:9px 12px;font-size:12px;font-weight:750}.dossier-pager button:disabled{color:var(--muted);background:var(--surface-secondary);opacity:.58}.dossier-pager span{color:var(--muted);font-size:11px;font-weight:750}.dossier-final,.dossier-season-status{border:1px solid var(--border);border-radius:var(--radius-card);width:100%;min-height:82px;color:var(--ink);background:var(--surface-secondary);text-align:left;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;padding:13px;display:grid}.dossier-final__icon,.dossier-season-status>svg{border-radius:var(--radius-control);width:48px;height:48px;color:var(--muted);background:var(--surface-strong);place-items:center;display:grid}.dossier-final>span:last-child,.dossier-season-status>span{gap:3px;min-width:0;display:grid}.dossier-final strong,.dossier-season-status strong{font-size:14px;line-height:1.3}.dossier-final>span:last-child>span{color:var(--muted);font-size:11px;line-height:1.35}.dossier-final--current{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-100) 52%, var(--surface));box-shadow:var(--shadow-soft)}.dossier-final--current .dossier-final__icon{color:#111;background:var(--yellow-500)}.dossier-final--completed,.dossier-season-status--completed{border-color:color-mix(in srgb, var(--success) 42%, var(--border));background:color-mix(in srgb, var(--success) 7%, var(--surface))}.dossier-final--completed .dossier-final__icon,.dossier-season-status--completed>svg{color:#fff;background:var(--success)}.interactive-law-proof{border:1px solid color-mix(in srgb, var(--yellow-500) 58%, var(--border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--yellow-100) 42%, var(--surface));grid-template-columns:42px minmax(0,1fr);gap:12px;margin-top:14px;padding:14px;display:grid}.interactive-law-proof--recovery{border-color:color-mix(in srgb, var(--warning) 50%, var(--border))}.interactive-law-proof__icon{border-radius:var(--radius-small);color:#111;background:var(--yellow-500);place-items:center;width:42px;height:42px;display:grid}.interactive-law-proof>div{gap:4px;min-width:0;display:grid}.interactive-law-proof small{color:var(--muted);letter-spacing:.42px;text-transform:uppercase;font-size:10px;font-weight:800}.interactive-law-proof strong{font-size:14px;line-height:1.35}.interactive-law-proof p{color:var(--ink-soft);font-size:12px;line-height:1.45}.interactive-law-proof button{border:1px solid var(--border);border-radius:var(--radius-small);width:-moz-fit-content;width:fit-content;min-height:44px;color:var(--ink);background:var(--surface);margin-top:3px;padding:8px 11px;font-size:11px;font-weight:800}.interactive-lesson--finalAssessment .lesson-redesign__canvas{background-image:linear-gradient(180deg, color-mix(in srgb, var(--yellow-500) 7%, transparent), transparent 260px)}:root[data-high-contrast=true] .dossier-overview,:root[data-high-contrast=true] .dossier-contents,:root[data-high-contrast=true] .dossier-featured__file,:root[data-high-contrast=true] .dossier-level,:root[data-high-contrast=true] .dossier-final,:root[data-high-contrast=true] .interactive-law-proof{border-width:2px}:root[data-text-scale=large] .dossier-overview__stats{grid-template-columns:1fr}@media (max-width:359px){.dossier-overview,.dossier-contents{padding-inline-start:12px;padding-inline-end:12px}.dossier-featured__file{padding-inline-start:16px;padding-inline-end:16px}.dossier-featured h2{font-size:21px}.dossier-level{grid-template-columns:38px minmax(0,1fr) 18px;gap:8px;padding-inline-start:9px;padding-inline-end:9px}.dossier-level__number{width:38px;height:38px}.dossier-level__copy>strong{font-size:13px}.interactive-law-proof{grid-template-columns:1fr}}.case-cabinet{gap:12px;width:100%;display:grid}.case-cabinet__header{justify-content:space-between;align-items:end;gap:12px;padding:0 6px;display:flex}.case-cabinet__header>div{gap:3px;min-width:0;display:grid}.case-cabinet__header>div>span{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:850}.case-cabinet__header h2{font-size:18px;line-height:1.25}.case-cabinet__archive-count{border:1px solid var(--border);min-width:58px;min-height:40px;color:var(--ink-soft);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:850;display:inline-flex}.case-cabinet__drawer{border:1px solid var(--border);border-radius:var(--radius-large);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 82%, var(--surface)) 0, var(--surface-secondary) 46px, var(--surface-secondary) 100%);box-shadow:var(--shadow-raised);touch-action:pan-y;padding:50px 17px 23px;position:relative;overflow:hidden}.case-cabinet__drawer:before{border:1px solid var(--border);background:var(--surface);width:88px;height:9px;box-shadow:var(--shadow-soft);content:"";border-radius:999px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.case-cabinet__drawer:after{background:color-mix(in srgb, var(--ink) 12%, transparent);content:"";border-radius:999px;height:5px;position:absolute;bottom:11px;left:17px;right:17px}.case-cabinet__rail{background:var(--surface-strong);border-radius:999px;width:5px;position:absolute;top:43px;bottom:20px}.case-cabinet__rail--left{left:8px}.case-cabinet__rail--right{right:8px}.case-cabinet__archive-pocket{z-index:7;border:1px solid var(--border);width:35px;min-height:68px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:0 13px 13px 0;place-items:center;gap:2px;padding:7px 3px;font-size:10px;font-weight:900;display:grid;position:absolute;top:54px;left:7px}.case-cabinet__stage{perspective:900px;align-items:end;min-height:400px;padding:24px 0 9px;display:grid;position:relative}.case-cabinet__folder-layer{right:calc(7px + var(--case-layer-offset,0px));bottom:calc(1px + var(--case-layer-bottom,0px));left:calc(7px + var(--case-layer-offset,0px));border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);height:calc(100% - 26px);box-shadow:var(--shadow-soft);transform:translateY(var(--case-layer-y,0)) scale(var(--case-layer-scale,1));transform-origin:bottom;position:absolute}.case-cabinet__folder-layer i{top:-13px;left:var(--case-tab-left,18px);width:var(--case-tab-width,80px);border:1px solid var(--border);background:inherit;border-bottom:0;border-radius:12px 12px 0 0;height:22px;position:absolute}.case-cabinet__folder-layer--1{--case-layer-bottom:13px;--case-layer-offset:5px;--case-layer-scale:.98;--case-layer-y:-8px;--case-tab-left:108px;--case-tab-width:91px;z-index:3;background:color-mix(in srgb, var(--yellow-100) 52%, var(--surface))}.case-cabinet__folder-layer--2{--case-layer-bottom:25px;--case-layer-offset:10px;--case-layer-scale:.955;--case-layer-y:-13px;--case-tab-left:35px;--case-tab-width:78px;z-index:2;background:color-mix(in srgb, var(--surface-strong) 60%, var(--surface))}.case-cabinet__folder-layer--3{--case-layer-bottom:37px;--case-layer-offset:15px;--case-layer-scale:.93;--case-layer-y:-17px;--case-tab-left:144px;--case-tab-width:70px;z-index:1;background:var(--surface-secondary)}.case-cabinet__file{z-index:4;border:1px solid var(--border);border-radius:var(--radius-large);min-width:0;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-raised);transform:translateX(var(--case-drag-x,0)) rotate(var(--case-drag-rotate,0));transform-origin:50% 110%;-webkit-user-select:none;user-select:none;padding:30px 20px 20px;transition:transform .24s cubic-bezier(.2,.78,.24,1),box-shadow .18s;position:relative}.case-cabinet--dragging .case-cabinet__file{box-shadow:var(--shadow-raised);transition:box-shadow .18s}.case-cabinet__file:before{border-radius:var(--radius-large) var(--radius-large) 0 0;background:var(--yellow-500);content:"";height:5px;position:absolute;top:0;left:0;right:0}.case-cabinet__file:after{background:var(--border);width:42px;height:2px;box-shadow:0 6px 0 var(--border), 0 12px 0 var(--border);content:"";border-radius:999px;position:absolute;top:52px;right:17px}.case-cabinet__file--final:before{background:linear-gradient(90deg, var(--yellow-300), var(--yellow-500));height:7px}.case-cabinet__file--final{border-color:color-mix(in srgb, var(--yellow-500) 62%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--yellow-100) 34%, transparent), transparent 58%), var(--surface)}.case-cabinet__file--archived{border-color:color-mix(in srgb, var(--success) 42%, var(--border))}.case-cabinet__file-tab{border:1px solid color-mix(in srgb, var(--yellow-500) 70%, var(--border));color:#111;background:var(--yellow-500);letter-spacing:.55px;border-bottom:0;border-radius:14px 14px 0 0;min-height:31px;padding:8px 14px;font-size:10px;font-weight:900;position:absolute;top:-14px;left:15px}.case-cabinet__file--archived .case-cabinet__file-tab{border-color:color-mix(in srgb, var(--success) 55%, var(--border));color:#fff;background:var(--success)}.case-cabinet__file-icon{border-radius:var(--radius-card);color:#111;background:var(--yellow-100);place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid}.case-cabinet__file--archived .case-cabinet__file-icon{color:#fff;background:var(--success)}.case-cabinet__file>small,.case-cabinet__empty>small{color:var(--muted);letter-spacing:.48px;text-transform:uppercase;font-size:10px;font-weight:850}.case-cabinet__file h3{letter-spacing:-.6px;text-wrap:pretty;max-width:calc(100% - 28px);margin-top:6px;font-size:24px;line-height:1.18}.case-cabinet__file>p{color:var(--ink-soft);margin-top:10px;font-size:14px;line-height:1.5}.case-cabinet__file-meta{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.case-cabinet__file-meta>span{border:1px solid var(--border);min-height:34px;color:var(--ink-soft);background:var(--surface-secondary);border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:11px;font-weight:750;display:inline-flex}.case-cabinet__result{min-height:38px;color:color-mix(in srgb, var(--yellow-500) 62%, var(--ink));background:var(--surface-secondary);border-radius:999px;align-items:center;gap:3px;margin-top:14px;padding:8px 11px;display:flex}.case-cabinet__result span{color:var(--ink-soft);margin-left:5px;font-size:11px;font-weight:800}.case-cabinet__primary-action,.case-cabinet__archive-action{border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:12px 16px;font-size:14px;font-weight:850;line-height:1.3;display:flex}.case-cabinet__primary-action{color:#111;background:var(--yellow-500);margin-top:17px}.case-cabinet__primary-action:disabled{color:var(--muted);background:var(--surface-strong)}.case-cabinet__archive-action{border:1px solid var(--border);color:var(--ink);background:var(--surface);margin-top:9px}.case-cabinet__closed-stamp{z-index:3;border:2px solid var(--success);border-radius:var(--radius-small);color:var(--success);background:var(--surface);letter-spacing:.5px;opacity:0;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:950;display:flex;position:absolute;top:61px;right:20px;transform:rotate(-8deg)scale(1.55)}.case-cabinet__file--archived .case-cabinet__closed-stamp{opacity:1;transform:rotate(-8deg)scale(1)}.case-cabinet__paper-dust{background:var(--yellow-300);opacity:0;border-radius:2px;width:7px;height:7px;position:absolute;bottom:18px;left:50%}.case-cabinet__paper-dust--two{background:var(--surface-strong);margin-left:22px}.case-cabinet__paper-dust--three{background:var(--yellow-500);margin-left:-28px}.case-cabinet__empty{z-index:4;border:1px dashed color-mix(in srgb, var(--success) 48%, var(--border));border-radius:var(--radius-large);background:color-mix(in srgb, var(--success) 5%, var(--surface));text-align:center;align-content:center;justify-items:center;min-height:360px;padding:30px 22px;display:grid;position:relative}.case-cabinet__empty-seal{color:#fff;background:var(--success);width:72px;height:72px;box-shadow:var(--shadow-raised);border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.case-cabinet__empty h3{letter-spacing:-.4px;max-width:290px;margin-top:7px;font-size:22px;line-height:1.22}.case-cabinet__empty p{max-width:300px;color:var(--ink-soft);margin-top:9px;font-size:13px;line-height:1.5}.case-cabinet__final-stars{color:var(--yellow-500);gap:5px;margin-top:16px;display:flex}.case-cabinet__navigation{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:9px;padding:0 5px;display:grid}.case-cabinet__navigation button{border:1px solid var(--border);width:46px;height:46px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;display:grid}.case-cabinet__navigation button:disabled{color:var(--muted);background:var(--surface-secondary);box-shadow:none;opacity:.46}.case-cabinet__navigation>span{color:var(--muted);text-align:center;font-size:11px;font-weight:750;line-height:1.35}.case-cabinet--stamping .case-cabinet__closed-stamp{animation:.52s cubic-bezier(.17,.89,.32,1.35) both case-stamp-lock}.case-cabinet--stamping .case-cabinet__file{animation:.52s both case-file-impact}.case-cabinet--archiving .case-cabinet__file{pointer-events:none;animation:.52s cubic-bezier(.55,.04,.75,.35) both case-file-archive}.case-cabinet--archiving .case-cabinet__paper-dust{animation:.48s ease-out both case-paper-dust}.case-cabinet--archiving .case-cabinet__paper-dust--two{animation-delay:45ms}.case-cabinet--archiving .case-cabinet__paper-dust--three{animation-delay:80ms}.case-cabinet--revealing .case-cabinet__file,.case-cabinet--revealing .case-cabinet__empty{animation:.4s cubic-bezier(.17,.89,.32,1.18) both case-file-reveal}.case-cabinet--revealing .case-cabinet__folder-layer{animation:.42s both case-stack-settle}.case-cabinet--swipe-exit-right .case-cabinet__file{pointer-events:none;transform:translate(125%)rotate(8deg)}.case-cabinet--swipe-exit-left .case-cabinet__file{pointer-events:none;transform:translate(-125%)rotate(-8deg)}.case-cabinet--swipe-enter .case-cabinet__file,.case-cabinet--swipe-enter .case-cabinet__empty{animation:.32s cubic-bezier(.17,.89,.32,1.18) both case-file-reveal}@keyframes case-stamp-lock{0%{opacity:0;transform:rotate(-18deg)scale(1.8)}58%{opacity:1;transform:rotate(-6deg)scale(.9)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@keyframes case-file-impact{0%,to{transform:translateY(0)scale(1)}58%{transform:translateY(4px)scale(.985)}}@keyframes case-file-archive{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{transform:translate(-12px)rotate(-1deg)scale(1.015)}to{opacity:0;transform:translate(-126%)rotate(-9deg)scale(.92)}}@keyframes case-file-reveal{0%{opacity:0;transform:translateY(30px)scale(.94)rotateX(-4deg)}70%{opacity:1;transform:translateY(-4px)scale(1.008)rotateX(0)}to{opacity:1;transform:translateY(0)scale(1)rotateX(0)}}@keyframes case-stack-settle{0%{filter:brightness(1.08);transform:translateY(calc(var(--case-layer-y,0px) - 9px)) scale(calc(var(--case-layer-scale,1) - .015))}to{filter:brightness();transform:translateY(var(--case-layer-y,0px)) scale(var(--case-layer-scale,1))}}@keyframes case-paper-dust{0%{opacity:0;transform:translate(0)rotate(0)}25%{opacity:.9}to{transform:translate(var(--case-dust-x,-36px), -52px) rotate(150deg);opacity:0}}.case-cabinet__paper-dust--two{--case-dust-x:34px}.case-cabinet__paper-dust--three{--case-dust-x:-8px}:root[data-high-contrast=true] .case-cabinet__drawer,:root[data-high-contrast=true] .case-cabinet__file,:root[data-high-contrast=true] .case-cabinet__empty,:root[data-high-contrast=true] .case-cabinet__navigation button,:root[data-high-contrast=true] .case-cabinet__archive-count{border-width:2px}:root[data-text-scale=large] .case-cabinet__stage{min-height:470px}:root[data-text-scale=large] .case-cabinet__file h3{max-width:100%}:root[data-reduce-motion=true] .case-cabinet *,:root[data-reduce-motion=true] .case-cabinet :before,:root[data-reduce-motion=true] .case-cabinet :after{scroll-behavior:auto;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.case-cabinet *,.case-cabinet :before,.case-cabinet :after{transition:none!important;animation:none!important}}@media (max-width:359px){.case-cabinet__drawer{padding-left:13px;padding-right:13px}.case-cabinet__archive-pocket{display:none}.case-cabinet__stage{min-height:410px}.case-cabinet__file{padding-left:16px;padding-right:16px}.case-cabinet__file h3{max-width:100%;font-size:21px}.case-cabinet__file:after{display:none}.case-cabinet__closed-stamp{top:59px;right:15px}.case-cabinet__navigation{grid-template-columns:44px minmax(0,1fr) 44px}.case-cabinet__navigation button{width:44px;height:44px}}.quest-screen{padding-bottom:24px}.quest-topbar{grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.quest-topbar .screen-header{min-height:44px;margin:0;display:block}.quest-topbar .screen-header__center,.quest-topbar .screen-header__side--end{display:none}.quest-topbar>.brand{justify-self:center}.quest-topbar>span{color:var(--ink);background:var(--yellow-100);border-radius:999px;justify-self:end;padding:8px 12px;font-size:13px;font-weight:800}.quest-title{letter-spacing:-.9px;text-align:center;margin-top:12px;font-size:clamp(24px,7vw,30px);font-weight:800}.quest-stepper{grid-template-columns:repeat(5,1fr);align-items:center;gap:8px;margin:18px 9%;display:grid}.quest-stepper span{background:var(--border);border-radius:999px;height:4px;display:block;position:relative}.quest-stepper span:before{border:3px solid var(--background);background:var(--border);content:"";border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quest-stepper span.is-complete,.quest-stepper span.is-complete:before{background:var(--yellow-500)}.quest-stepper span.is-current:before{border:4px solid var(--yellow-500);background:var(--background);width:20px;height:20px}.story-card{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);padding:17px}.story-card__heading{align-items:center;gap:8px;display:flex}.story-card__heading svg{color:var(--yellow-500)}.story-card h2{font-size:17px}.story-card>p{margin-top:12px;font-size:13px;line-height:1.55}.chat-thread{gap:10px;margin-top:16px;display:grid}.chat-message{align-items:flex-end;gap:8px;display:flex}.chat-message--outgoing{justify-content:flex-end}.chat-avatar{color:#111;background:var(--yellow-300);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.chat-avatar--dark{color:#fff;background:#333}.chat-message p{border:1px solid var(--border);background:var(--surface-secondary);border-radius:17px;gap:3px;max-width:76%;padding:10px 12px;font-size:11px;line-height:1.4;display:grid;position:relative}.chat-message p strong{font-size:11px}.chat-message p small{color:var(--muted);justify-self:end;font-size:8px}.answer-panel{border-radius:var(--radius-large);background:#fff4cc52;border:1px solid #ffd21d80;margin-top:13px;padding:15px}:root[data-theme=dark] .answer-panel{background:#ffd21d0f}.answer-panel__heading{align-items:center;gap:10px;display:flex}.answer-panel__heading>span{color:#111;background:var(--yellow-500);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:19px;font-weight:850;display:grid}.answer-panel__heading h2{font-size:17px}.answer-panel__heading p{color:var(--muted);margin-top:3px;font-size:10px}.answer-options{gap:8px;margin-top:13px;display:grid}.answer-options>button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:74px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:28px 42px 1fr;align-items:center;gap:9px;padding:9px 11px;display:grid}.answer-options>button.is-selected{border:2px solid var(--yellow-500);padding:8px 10px;box-shadow:0 8px 20px #ffd21d1f}.answer-options>button>svg{color:var(--muted)}.answer-options>button.is-selected>svg{color:#111}.answer-options__icon{color:#111;background:var(--yellow-100);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.answer-options>button>span:last-child{gap:4px;display:grid}.answer-options strong{font-size:11px;line-height:1.25}.answer-options small{color:var(--muted);font-size:9px;line-height:1.35}.hint-box{border-radius:var(--radius-sm);background:var(--yellow-100);color:var(--ink);margin-top:9px;padding:10px 12px}.hint-box summary{cursor:pointer;align-items:center;gap:7px;min-height:32px;font-size:11px;font-weight:700;display:flex}.hint-box p{color:var(--ink-soft);padding:7px 0 2px 29px;font-size:9px;line-height:1.4}.answer-feedback{border-radius:var(--radius-control);background:#ef44441a;margin-top:12px;padding:13px}.answer-feedback.is-correct{background:#22c55e21}.answer-feedback strong{font-size:13px}.answer-feedback p{color:var(--ink-soft);margin-top:5px;font-size:10px;line-height:1.45}.quest-footer{margin-top:14px}.quest-timer{grid-template-columns:23px auto 1fr auto;align-items:center;gap:7px;margin-bottom:10px;display:grid}.quest-timer strong{font-size:12px}.quest-timer>span{background:linear-gradient(90deg, var(--yellow-500) 84%, var(--surface-strong) 84%);border-radius:999px;height:6px;overflow:hidden}.quest-timer small{color:var(--muted);font-size:8px}.result-screen{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.result-hero{border-radius:var(--radius-large);color:#111;background:radial-gradient(circle at 80% 28%, #ffffffc7, transparent 36%), linear-gradient(135deg, var(--yellow-300), var(--yellow-500));grid-template-columns:minmax(0,1.2fr) minmax(125px,.8fr);align-items:center;min-height:220px;padding:20px;display:grid;position:relative;overflow:hidden}.result-hero__copy{z-index:2;position:relative}.result-hero__copy>span{background:#ffffffb8;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.result-hero h1{letter-spacing:-.8px;max-width:9ch;margin-top:12px;font-size:27px;line-height:1.05}.result-hero p{color:#4f4936;max-width:27ch;margin-top:10px;font-size:11px;line-height:1.45}.result-hero img{filter:drop-shadow(0 14px 18px #503c0329);width:225px;max-width:none;position:absolute;bottom:-35px;right:-30px}.result-score{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.result-score>div{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:74px;padding:10px 6px;display:flex}.result-score strong{font-size:18px}.result-score span{color:var(--muted);font-size:8px;line-height:1.25}.legal-explanation{margin-top:23px}.legal-explanation article{grid-template-columns:42px 1fr;align-items:start;gap:11px;padding:13px 0;display:grid}.legal-explanation article+article{border-top:1px solid var(--border)}.legal-explanation article>span{color:#111;background:var(--yellow-100);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.legal-explanation h3{font-size:13px}.legal-explanation p{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.45}.official-source{border-radius:var(--radius-control);background:#3b82f612;border:1px solid #3b82f64d;grid-template-columns:42px 1fr 44px;align-items:center;gap:10px;margin-top:12px;padding:13px;display:grid}.official-source>svg{width:42px;height:42px;color:var(--info);background:#3b82f61f;border-radius:13px;padding:9px;display:grid}.official-source strong{font-size:11px}.official-source p{color:var(--muted);margin-top:4px;font-size:9px}.official-source button{width:44px;height:44px;color:var(--ink);background:var(--surface);border-radius:50%;place-items:center;display:grid}@media (max-width:359px){:root{--page-x:16px}.account-callout .button{text-align:center;white-space:normal;min-height:52px;padding-inline-start:12px;padding-inline-end:12px;font-size:11px;line-height:1.2}.bottom-nav{width:calc(100% - 8px);padding-inline-start:4px;padding-inline-end:4px}.bottom-nav__item{letter-spacing:-.18px;font-size:8px}.bottom-nav__item>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.brand__word{font-size:32px}.brand__word:before{left:41px}.streak-chip{padding-inline-start:10px;padding-inline-end:10px;font-size:10px}.onboarding__hero{grid-template-columns:1.13fr .87fr;min-height:274px}.onboarding__hero h1{font-size:29px}.onboarding__mascot{width:205px;right:-36px}.category-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,1fr)}.progress-overview{grid-template-columns:110px 1fr;gap:13px;padding:14px}.progress-ring{width:106px;height:106px}.progress-ring:before{width:78px;height:78px}.result-hero img{right:-48px}.auth-hero{grid-template-columns:1.24fr .76fr;min-height:212px;padding-left:16px}.auth-hero>img{width:165px;right:-70px}.catalog-spotlight{grid-template-columns:minmax(0,1fr) 88px 20px}.catalog-spotlight img{width:128px;right:17px}}@media (min-width:768px){body{padding-block-start:26px;padding-block-end:26px}.app-viewport,.onboarding{border-radius:34px;min-height:calc(100dvh - 52px)}.app-viewport{overflow:hidden}.bottom-nav{bottom:30px}}@media (prefers-reduced-transparency:reduce){.bottom-nav{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:no-preference){.onboarding__mascot,.map-hero>img,.auth-hero>img{animation:.52s cubic-bezier(.16,1,.3,1) both settle-in}.book-spread,.map-hero,.catalog-spotlight,.progress-overview,.lesson-stage,.lesson-result{animation:.42s cubic-bezier(.16,1,.3,1) both rise-in}.bottom-nav__item,.category-card,.quest-card,.helper-options>button{transition:transform .16s,border-color .16s,background-color .16s}.category-card:active,.quest-card:active,.helper-options>button:active{transform:scale(.985)}}@keyframes settle-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}.lesson-list{gap:12px;display:grid}.learning-path-intro{color:var(--muted);margin:-4px 0 12px;font-size:13px;line-height:1.5}.result-count{color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.load-more-button{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);margin-top:12px;padding:12px 16px;font-size:13px;font-weight:850}.load-more-button:active{transform:translateY(1px)}.route-loading{background:var(--background);align-content:center;gap:10px;width:min(100%,480px);min-height:100dvh;margin-inline-start:auto;margin-inline-end:auto;padding:28px;display:grid}.route-loading span{background:var(--surface-secondary);border-radius:999px;height:18px}.route-loading span:nth-child(2){width:82%}.route-loading span:nth-child(3){width:58%}.lesson-card{border:1px solid var(--border);border-radius:var(--radius-card);width:100%;min-height:112px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);text-align:left;grid-template-columns:48px minmax(0,1fr) 32px;align-items:start;gap:12px;padding:15px;display:grid}.lesson-card__icon{color:#111;background:var(--yellow-500);border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.lesson-card__body{gap:6px;min-width:0;display:grid}.lesson-card__meta{color:var(--muted);flex-wrap:wrap;gap:6px 10px;font-size:11px;font-weight:700;display:flex}.lesson-card__meta span{align-items:center;gap:4px;display:inline-flex}.lesson-card__meta span:last-child{color:#816b00}:root[data-theme=dark] .lesson-card__meta span:last-child{color:var(--yellow-300)}.lesson-card__body>strong{font-size:15px;line-height:1.25}.lesson-card__body>small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.lesson-card__features{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.lesson-card__features>span{color:var(--ink-soft);background:var(--surface-secondary);border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:10px;font-weight:750;display:inline-flex}.lesson-card__features svg{color:#806800}:root[data-theme=dark] .lesson-card__features svg{color:var(--yellow-300)}.lesson-card__status{width:32px;min-height:48px;color:var(--muted);place-items:center;display:grid}.lesson-card--completed{border-color:color-mix(in srgb, var(--success) 48%, var(--border))}.lesson-card--completed .lesson-card__status{color:var(--success)}.lesson-card--locked{color:var(--muted);background:var(--surface-secondary);box-shadow:none;opacity:.78}.lesson-card--locked .lesson-card__icon{color:var(--muted);background:var(--surface-strong)}.lesson-card--locked .lesson-card__status{color:var(--muted)}.lesson-game{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.lesson-game__hud{z-index:20;border:1px solid var(--border);border-radius:var(--radius-control);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:grid;position:sticky;top:8px}.lesson-game__progress{gap:7px;min-width:0;display:grid}.lesson-game__progress>span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.lesson-game__lives{min-width:54px;min-height:44px;color:var(--error);background:color-mix(in srgb, var(--error) 9%, var(--surface));border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;display:inline-flex}.lesson-game__lives strong{font-size:16px}.lesson-page{gap:18px;display:grid}.lesson-page__hero{color:#111;background:radial-gradient(circle at 100% 0%, #ffffffbf, transparent 42%), var(--yellow-500);border-radius:26px;gap:10px;padding:22px;display:grid;position:relative;overflow:hidden}.lesson-page__hero:after{content:"";border:22px solid #1111110f;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-48px;right:-38px}.lesson-page__glyph{background:#ffffffd1;border-radius:17px;place-items:center;width:54px;height:54px;display:grid}.lesson-page__meta{z-index:1;flex-wrap:wrap;gap:8px 14px;font-size:11px;font-weight:700;display:flex;position:relative}.lesson-page__meta span{align-items:center;gap:5px;display:inline-flex}.lesson-page__category{z-index:1;text-transform:uppercase;border:1px solid #11111124;border-radius:999px;width:-moz-fit-content;width:fit-content;padding:5px 9px;font-size:11px;font-weight:800;position:relative}.lesson-page__hero h1{z-index:1;letter-spacing:-1.3px;max-width:340px;font-size:clamp(24px,8vw,34px);line-height:1.04;position:relative}.lesson-page__hero>p{z-index:1;max-width:34ch;font-size:14px;line-height:1.5;position:relative}.lesson-stage{gap:16px;display:grid}.lesson-stage__heading{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;display:grid}.lesson-stage__heading>span{color:#111;background:var(--yellow-500);border-radius:15px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:900;display:grid}.lesson-stage__heading>div{gap:2px;display:grid}.lesson-stage__heading small{color:var(--muted);letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:850}.lesson-stage__heading h1{letter-spacing:-.5px;font-size:22px;line-height:1.15}.lesson-game__actions{z-index:15;bottom:calc(8px + env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px;display:grid;position:sticky}.lesson-game__continue{grid-column:2}.lesson-out-of-lives,.lesson-locked,.lesson-result{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);text-align:center;justify-items:center;gap:12px;padding:24px 20px;display:grid}.lesson-out-of-lives>svg{color:var(--error)}.lesson-out-of-lives h2,.lesson-locked h1,.lesson-result h1{letter-spacing:-.5px;font-size:22px;line-height:1.2}.lesson-out-of-lives p,.lesson-locked>p:not(.lesson-locked__eyebrow),.lesson-result>p:not(.lesson-result__eyebrow){max-width:36ch;color:var(--ink-soft);font-size:14px;line-height:1.55}.lesson-locked{align-content:center;min-height:calc(100dvh - 130px);margin-top:14px}.lesson-locked__icon,.lesson-result__trophy{color:#111;background:var(--yellow-500);border-radius:24px;place-items:center;width:76px;height:76px;display:grid}.lesson-locked__eyebrow,.lesson-result__eyebrow{color:#806800;letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:900}:root[data-theme=dark] .lesson-locked__eyebrow,:root[data-theme=dark] .lesson-result__eyebrow{color:var(--yellow-300)}.lesson-locked .button{white-space:normal;margin-top:8px}.lesson-result{padding-top:30px}.lesson-result__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-block-start:6px;margin-block-end:6px;display:grid}.lesson-result__stats>span{border-radius:var(--radius-control);background:var(--surface-secondary);justify-items:center;gap:4px;min-width:0;padding:14px 8px;display:grid}.lesson-result__stats>span:first-child svg{color:#806800}:root[data-theme=dark] .lesson-result__stats>span:first-child svg{color:var(--yellow-300)}.lesson-result__stats>span:last-child svg{color:var(--error)}.lesson-result__stats strong{font-size:16px}.lesson-result__stats small{color:var(--muted);font-size:10px;line-height:1.3}.lesson-result>.lesson-source,.lesson-result>.ai-mentor,.lesson-result>.button{text-align:left;width:100%}.lesson-quiz__actions>.lesson-quiz__out-of-lives{color:var(--error)}.lesson-quiz__lives-empty{border:1px solid color-mix(in srgb, var(--error) 42%, var(--border));border-radius:var(--radius-small);color:var(--error);background:color-mix(in srgb, var(--error) 7%, var(--surface));margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.45}.lesson-visual-story,.lesson-practical>section,.lesson-practical__utility>section{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.lesson-visual-story{margin:0;overflow:hidden}.lesson-visual-story>img{aspect-ratio:1;border-bottom:1px solid var(--border);object-fit:cover;width:100%;height:auto;display:block}.lesson-visual-story figcaption{gap:12px;padding:18px;display:grid}.lesson-visual-story figcaption>span{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:850;display:flex}.lesson-visual-story figcaption>span svg{color:#8b7100;flex:none}:root[data-theme=dark] .lesson-visual-story figcaption>span svg{color:var(--yellow-400)}.lesson-visual-story figcaption>p{color:var(--ink-soft);font-size:13px;line-height:1.55}.lesson-visual-story ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.lesson-visual-story li{color:var(--ink-soft);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;font-size:12px;line-height:1.48;display:grid}.lesson-visual-story li>span{color:#111;background:var(--yellow-500);border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.lesson-practical{gap:14px;display:grid}.lesson-practical>section,.lesson-practical__utility>section{padding:18px}.lesson-practical__rule{gap:10px;display:grid;border-color:color-mix(in srgb, var(--yellow-500) 62%, var(--border))!important;background:color-mix(in srgb, var(--yellow-100) 58%, var(--surface))!important}:root[data-theme=dark] .lesson-practical__rule{background:#28240f!important}.lesson-practical__rule>span{color:#6f5a00;letter-spacing:.7px;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}:root[data-theme=dark] .lesson-practical__rule>span{color:var(--yellow-300)}.lesson-practical__rule>p{color:var(--ink);font-size:16px;font-weight:750;line-height:1.5}.lesson-practical__heading{align-items:center;gap:9px;margin-bottom:12px;display:flex}.lesson-practical__heading svg{color:#866e00;flex:none}:root[data-theme=dark] .lesson-practical__heading svg{color:var(--yellow-400)}.lesson-practical__heading h2{font-size:16px;line-height:1.3}.lesson-practical__basis ul,.lesson-practical__utility ul,.lesson-practical__mistakes ul{color:var(--ink-soft);gap:10px;margin:0;padding-left:20px;font-size:13px;line-height:1.55;display:grid}.lesson-practical__steps>ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.lesson-practical__steps>ol>li{background:var(--surface-secondary);border-radius:14px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px;padding:12px;display:grid}.lesson-practical__steps>ol>li>span{border:1px solid color-mix(in srgb, var(--yellow-500) 68%, var(--border));color:#5c4b00;background:var(--yellow-100);border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}:root[data-theme=dark] .lesson-practical__steps>ol>li>span{color:var(--yellow-200);background:#332d0b}.lesson-practical__steps>ol>li>p{color:var(--ink-soft);padding-top:2px;font-size:13px;line-height:1.55}.lesson-practical__utility{gap:14px;display:grid}.lesson-practical__mistakes{border-color:color-mix(in srgb, var(--error) 30%, var(--border))!important;background:color-mix(in srgb, var(--error) 5%, var(--surface))!important}.lesson-practical__mistakes .lesson-practical__heading svg{color:var(--error)}@media (min-width:560px){.lesson-practical__utility{grid-template-columns:repeat(2,minmax(0,1fr))}}.course-home{padding-top:calc(12px + env(safe-area-inset-top))}.course-home__header{grid-template-columns:48px minmax(0,1fr) 44px;align-items:center;gap:11px;display:grid}.course-home__brand{border:1px solid color-mix(in srgb, var(--yellow-500) 56%, var(--border));background:var(--yellow-100);border-radius:15px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.course-home__brand .brand__word{color:var(--ink);letter-spacing:-1.25px;font-size:18px}.course-home__brand .brand__word:before{width:10px;height:3px;top:-1px;left:23px}.course-home__welcome{gap:2px;min-width:0;display:grid}.course-home__welcome span{color:var(--muted);letter-spacing:.35px;text-transform:uppercase;font-size:11px;font-weight:700}.course-home__welcome strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.2;overflow:hidden}.course-home__notification,.book-screen__topbar>button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:15px;place-items:center;display:grid;position:relative}.course-hud{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;margin-top:14px;padding:8px;display:grid}.course-hud__stat{align-items:center;gap:8px;min-width:0;padding:5px 7px;display:flex}.course-hud__stat>span{color:#111;background:var(--yellow-500);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.course-hud__stat:nth-child(2)>span{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, var(--surface))}.course-hud__stat>div{line-height:1.08;display:grid}.course-hud__stat strong{font-size:14px}.course-hud__stat small{color:var(--muted);font-size:9px;font-weight:700}.course-hud>button{min-width:56px;min-height:48px;color:var(--ink);background:var(--surface-secondary);border-radius:12px;align-content:center;place-items:center;gap:1px;display:grid}.course-hud>button svg{color:var(--yellow-500)}.course-hud>button span{font-size:8px;font-weight:750}.course-route{margin-top:22px}.course-route__heading{justify-content:space-between;align-items:end;gap:16px;padding-inline-start:2px;padding-inline-end:2px;display:flex}.course-route__heading>div{gap:2px;display:grid}.course-route__heading>div>span{color:var(--muted);font-size:11px;font-weight:700}.course-route__heading h1{letter-spacing:-.45px;font-size:22px;line-height:1.2}.course-route__heading>span{color:#111;background:var(--yellow-100);border-radius:999px;place-items:center;min-width:44px;min-height:32px;font-size:11px;font-weight:800;display:grid}.course-chapters{z-index:4;border:1px solid var(--border);border-radius:var(--radius-control) var(--radius-control) 0 0;background:var(--surface);border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:5px;margin-top:16px;padding:5px 5px 0;display:grid;position:relative}.course-chapters button{min-width:0;min-height:58px;color:var(--muted);text-align:center;background:0 0;border-radius:12px 12px 0 0;align-content:center;justify-items:center;gap:2px;padding:7px 3px;display:grid;position:relative}.course-chapters button.is-selected{color:#111;background:var(--yellow-100);min-height:65px}.course-chapters button:disabled{color:var(--muted);cursor:not-allowed;opacity:.52}.course-chapters button.is-selected:after{background:var(--yellow-500);content:"";border-radius:999px;height:3px;position:absolute;bottom:0;left:18%;right:18%}.course-chapters button>span{letter-spacing:.35px;text-transform:uppercase;font-size:8px;font-weight:700}.course-chapters button strong{text-wrap:balance;max-width:100%;font-size:11px;line-height:1.15}.course-chapters button>svg{position:absolute;top:5px;right:5px}.course-map{--map-tint:var(--yellow-100);--map-road:color-mix(in srgb, var(--yellow-500) 42%, var(--surface));isolation:isolate;border:1px solid var(--border);border-radius:0 0 var(--radius-large) var(--radius-large);background:radial-gradient(circle at 88% 17%, color-mix(in srgb, var(--surface) 64%, transparent) 0 7%, transparent 7.5%), radial-gradient(circle at 16% 79%, color-mix(in srgb, var(--surface) 56%, transparent) 0 9%, transparent 9.5%), color-mix(in srgb, var(--map-tint) 68%, var(--surface));min-height:570px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.course-map--daily{--map-tint:color-mix(in srgb, var(--success) 18%, var(--surface));--map-road:color-mix(in srgb, var(--success) 28%, var(--surface))}.course-map--personal{--map-tint:color-mix(in srgb, var(--info) 17%, var(--surface));--map-road:color-mix(in srgb, var(--info) 28%, var(--surface))}:root[data-theme=dark] .course-map--citizen{--map-tint:color-mix(in srgb, var(--yellow-500) 14%, var(--surface));--map-road:color-mix(in srgb, var(--yellow-500) 25%, var(--surface))}.course-map__title{z-index:2;gap:1px;max-width:190px;display:grid;position:absolute;top:18px;left:18px}.course-map__title span{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-size:9px;font-weight:750}.course-map__title strong{font-size:20px}.course-map__title small{color:var(--muted);font-size:10px}.course-map__road{z-index:-1;width:100%;height:520px;position:absolute;top:38px;bottom:0;left:0;right:0;overflow:visible}.course-map__road-base,.course-map__road-line,.course-map__road-progress{fill:none;stroke-linecap:round}.course-map__road-base{stroke:var(--map-road);stroke-width:52px}.course-map__road-line{stroke:color-mix(in srgb, var(--ink) 25%, transparent);stroke-width:2px;stroke-dasharray:9 10}.course-map__road-progress{stroke:var(--yellow-500);stroke-width:5px}.course-map__road-trail circle{fill:var(--yellow-500);stroke:color-mix(in srgb, var(--surface) 72%, transparent);stroke-width:1.5px}.course-map__road-marker circle:first-child{fill:var(--surface);stroke:var(--yellow-500);stroke-width:7px;filter:drop-shadow(0 3px 4px color-mix(in srgb, var(--ink) 16%, transparent))}.course-map__road-marker circle:last-child{fill:#111}.course-map__landmark{z-index:0;border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);width:84px;min-height:70px;color:color-mix(in srgb, var(--ink) 42%, transparent);background:color-mix(in srgb, var(--surface) 48%, transparent);border-radius:18px;align-content:center;place-items:center;gap:2px;padding:8px 6px;display:grid;position:absolute;transform:rotate(-4deg)}.course-map__landmark small{color:var(--muted);text-align:center;font-size:12px;font-weight:750;line-height:1.15}.course-map__landmark--one{top:154px;left:18px}.course-map__landmark--two{top:306px;right:18px;transform:rotate(5deg)}.course-book-node{z-index:3;border-radius:var(--radius-card);width:150px;color:var(--ink);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--shadow-raised);text-align:center;justify-items:center;gap:9px;padding:8px;display:grid;position:absolute}.course-book-node[data-position="0"]{top:114px;right:22px}.course-book-node[data-position="1"]{bottom:63px;left:22px}.course-book-node__book{perspective:800px;width:94px;display:block;position:relative}.course-book-node__book .law-book-cover{width:94px;transform:rotateY(-5deg)rotateX(1deg)}.course-book-node__status{z-index:5;border:4px solid var(--surface);color:#111;background:var(--yellow-500);width:34px;height:34px;box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;font-size:11px;font-weight:850;display:grid;position:absolute;bottom:-2px;right:-4px}.course-book-node__meta{gap:2px;width:100%;min-width:0;display:grid}.course-book-node__meta strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.22;display:-webkit-box;overflow:hidden}.course-book-node__meta>span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:750}.course-book-node__meta small{color:var(--muted);font-size:9px}.course-book-node--current{outline:3px solid color-mix(in srgb, var(--yellow-500) 55%, transparent);outline-offset:3px}.course-book-node--completed .course-book-node__status{color:#fff;background:var(--success)}.course-book-node--locked{opacity:.64;filter:saturate(.35);box-shadow:var(--shadow-soft)}.course-book-node--locked .course-book-node__status{color:var(--muted);background:var(--surface-strong)}.course-map__finish{z-index:1;border:6px solid color-mix(in srgb, var(--surface) 80%, transparent);color:#111;background:var(--yellow-500);width:46px;height:46px;box-shadow:var(--shadow-soft);border-radius:15px;place-items:center;display:grid;position:absolute;bottom:18px;right:55px;transform:rotate(4deg)}.course-next{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:11px;margin-top:16px;padding:14px;display:grid}.course-next__icon,.course-next>button{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.course-next__icon{color:#111;background:var(--yellow-500)}.course-next__copy{gap:4px;min-width:0;display:grid}.course-next__copy>span{color:var(--muted);letter-spacing:.35px;text-transform:uppercase;font-size:9px;font-weight:750}.course-next__copy h2{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.course-next__copy .progress-bar{height:5px}.course-next__copy small{color:var(--muted);font-size:9px}.course-next>button{color:#111;background:var(--yellow-500)}@media (prefers-reduced-motion:no-preference){.course-map{animation:.32s ease-out both course-map-enter}.course-map__road-line{animation:8s linear infinite course-road-flow}.course-book-node--current{animation:2.4s ease-in-out infinite course-current-book}}:root[data-high-contrast=true] .course-map{background:var(--surface)}:root[data-high-contrast=true] .course-map__road-base{stroke:var(--surface-strong)}:root[data-high-contrast=true] .course-map__road-progress,:root[data-high-contrast=true] .course-map__road-marker circle:first-child{stroke:var(--ink)}:root[data-high-contrast=true] .course-book-node{border:2px solid var(--ink);background:var(--surface)}:root[data-high-contrast=true] .course-map__landmark{border:2px solid var(--ink);color:var(--ink);background:var(--surface)}:root[data-text-scale=large] .course-map{min-height:620px}@keyframes course-map-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes course-road-flow{to{stroke-dashoffset:-38px}}@keyframes course-current-book{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.law-book-cover{--book-cover:color-mix(in srgb, var(--info) 42%, #111);isolation:isolate;aspect-ratio:.72;color:#fff;text-align:center;width:100%;transform-style:preserve-3d;display:block;position:relative;overflow:visible}.law-book-cover:before{z-index:-3;filter:blur(10px);content:"";background:#11111157;border-radius:50%;height:15%;position:absolute;bottom:-7%;left:5%;right:7%;transform:rotate(-2deg)}.law-book-cover__back{z-index:0;border:1px solid color-mix(in srgb, var(--yellow-500) 44%, #111);background:color-mix(in srgb, var(--book-cover) 70%, #111);border-radius:4px 12px 12px 5px;position:absolute;top:6%;bottom:0;left:1%;right:0;transform:translateZ(-2px);box-shadow:0 12px 18px #11111138}.law-book-cover__page-block{z-index:1;border:1px solid color-mix(in srgb, var(--yellow-500) 38%, var(--border));background:color-mix(in srgb, var(--yellow-100) 34%, #fff);box-shadow:5px 7px 0 color-mix(in srgb, var(--border) 58%, #fff), 7px 9px 12px #11111129;border-radius:2px 11px 11px 3px;position:absolute;top:3%;bottom:4%;left:7%;right:1%;overflow:hidden}.law-book-cover__page-block:before{background:repeating-linear-gradient(0deg, transparent 0 2px, color-mix(in srgb, var(--border) 74%, transparent) 3px);content:"";height:18px;position:absolute;bottom:5px;left:0;right:0}.law-book-cover__page-block:after{background:repeating-linear-gradient(90deg, transparent 0 2px, color-mix(in srgb, var(--border) 76%, transparent) 3px);content:"";width:13px;position:absolute;top:0;bottom:0;right:4px}.law-book-cover__page-block>span{border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 0 9px;width:18px;height:18px;position:absolute;bottom:4px;right:4px}.law-book-cover__front{z-index:3;border:2px solid color-mix(in srgb, var(--book-cover) 64%, #111);background:radial-gradient(circle at 72% 24%, #ffffff21, transparent 35%), linear-gradient(145deg, color-mix(in srgb, var(--book-cover) 88%, #fff), var(--book-cover) 44%, color-mix(in srgb, var(--book-cover) 78%, #111));border-radius:4px 11px 10px 4px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:18% 15% 16% 18%;display:flex;position:absolute;top:0;bottom:7%;left:0;right:7%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset -8px 0 16px #11111129}.law-book-cover__front:before{z-index:3;top:0;bottom:0;border-inline:1px solid color-mix(in srgb, var(--yellow-300) 46%, transparent);content:"";background:#1111113d;width:8px;position:absolute;left:7px;box-shadow:4px 0 #ffffff17}.law-book-cover__front:after{z-index:1;border:1px solid color-mix(in srgb, var(--yellow-300) 48%, transparent);content:"";pointer-events:none;border-radius:2px 7px 7px 2px;position:absolute;top:12px;bottom:12px;left:21px;right:11px;box-shadow:inset 0 0 18px #11111114}.law-book-cover--blue{--book-cover:color-mix(in srgb, var(--info) 42%, #111)}.law-book-cover--green{--book-cover:color-mix(in srgb, var(--success) 36%, #111)}.law-book-cover--violet{--book-cover:color-mix(in srgb, var(--error) 30%, var(--info))}.law-book-cover--amber{--book-cover:color-mix(in srgb, var(--warning) 62%, var(--yellow-100));color:#111}.law-book-cover--red{--book-cover:color-mix(in srgb, var(--error) 48%, #111)}.law-book-cover--teal{--book-cover:color-mix(in srgb, var(--success) 38%, var(--info))}.law-book-cover__bookmark{z-index:2;background:linear-gradient(90deg, #806800, color-mix(in srgb, var(--yellow-500) 82%, #fff) 38% 68%, #806800);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);width:8%;height:14%;position:absolute;bottom:0;left:22%;transform:translate(-50%);box-shadow:1px 3px 3px #1113}.law-book-cover__medallion{z-index:2;border:1px solid color-mix(in srgb, var(--yellow-300) 80%, transparent);background:#11111129;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative}.law-book-cover__front strong{z-index:2;position:relative}.law-book-cover__medallion svg{color:var(--yellow-300)}.law-book-cover--amber .law-book-cover__medallion svg{color:#111}.law-book-cover__front strong{max-width:12ch;font-size:21px;line-height:1.16}.law-book-cover--compact{width:112px}.law-book-cover--compact .law-book-cover__medallion{width:42px;height:42px}.law-book-cover--compact .law-book-cover__front{gap:0;padding:18% 13% 13% 18%}.law-book-cover--compact .law-book-cover__front strong{max-width:11ch;font-size:13px;line-height:1.15}.book-screen{padding-top:calc(12px + env(safe-area-inset-top));padding-inline-start:12px;padding-inline-end:12px}.book-screen__topbar{grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-bottom:14px;display:grid}.book-screen__topbar>div{gap:1px;min-width:0;display:grid}.book-screen__topbar>div span{color:var(--muted);letter-spacing:.45px;text-transform:uppercase;font-size:9px;font-weight:750}.book-screen__topbar>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.book-screen__stat{min-height:40px;color:var(--error);background:color-mix(in srgb, var(--error) 9%, var(--surface));border-radius:13px;align-items:center;gap:4px;padding:8px 9px;font-size:12px;font-weight:850;display:inline-flex}.book-screen__stat--xp{color:#806800;background:color-mix(in srgb, var(--yellow-100) 72%, var(--surface))}:root[data-theme=dark] .book-screen__stat--xp{color:var(--yellow-300)}.book-spread{--ink:#111;--ink-soft:#333;--muted:#717171;--surface:#fff;--surface-secondary:#efefeb;--surface-strong:#e5e8ee;--border:#dededa;--yellow-100:#fff4cc;isolation:isolate;color:var(--ink);background:0 0;grid-template-columns:minmax(132px,.92fr) minmax(0,1.08fr);margin:12px 2px 40px;display:grid;position:relative}.book-spread:before{z-index:-3;filter:blur(15px);content:"";background:#11111147;border-radius:50%;height:13%;position:absolute;bottom:-6%;left:7%;right:7%}.book-spread:after{z-index:-1;border:1px solid color-mix(in srgb, var(--yellow-500) 48%, #111);background:color-mix(in srgb, var(--info) 34%, #111);content:"";pointer-events:none;border-radius:24px 24px 15px 15px;position:absolute;top:5px;bottom:-10px;left:-4px;right:-4px;box-shadow:0 10px 18px #1111112e}.book-spread__page-stack{z-index:0;border:1px solid color-mix(in srgb, var(--border) 82%, #111);background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--yellow-100) 32%, #fff) 0 2px, color-mix(in srgb, var(--border) 72%, #fff) 3px);border-radius:0 0 15px 15px;height:21px;position:absolute;bottom:-15px;left:4px;right:4px;box-shadow:0 8px 14px #11111129}.book-spread__binding{z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000,#1111111a 20%,#1111113d 47%,#ffffff42 58%,#0000);width:22px;position:absolute;top:3px;bottom:2px;left:46%;transform:translate(-50%)}.book-spread__bookmark{z-index:-2;background:linear-gradient(90deg, #806800, color-mix(in srgb, var(--yellow-500) 82%, #fff) 35% 68%, #806800);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);width:15px;height:38px;position:absolute;bottom:-27px;left:calc(46% + 13px);transform:translate(-50%);box-shadow:1px 5px 6px #1113}.book-spread__page{z-index:2;border:1px solid color-mix(in srgb, var(--border) 86%, #fff);background:repeating-linear-gradient(0deg, transparent 0 10px, color-mix(in srgb, var(--ink) 1.4%, transparent) 11px), linear-gradient(90deg, color-mix(in srgb, var(--yellow-100) 22%, var(--surface)), var(--surface));min-width:0;min-height:430px;padding:15px 12px;position:relative}.book-spread__summary{box-shadow:-5px 8px 12px #1111111a, inset -15px 0 18px color-mix(in srgb, var(--ink) 9%, transparent);text-align:center;border-right:0;border-radius:22px 4px 12px 18px;flex-direction:column;align-items:center;display:flex;overflow:hidden}.book-spread__levels{background:repeating-linear-gradient(0deg, transparent 0 8px, color-mix(in srgb, var(--ink) 1.8%, transparent) 9px), linear-gradient(270deg, color-mix(in srgb, var(--yellow-100) 24%, var(--surface)), var(--surface));box-shadow:5px 8px 12px #1111111a, inset 15px 0 18px color-mix(in srgb, var(--ink) 9%, transparent);border-left:0;border-radius:4px 22px 18px 12px;overflow:hidden}.book-spread__seal{border:1px solid color-mix(in srgb, var(--yellow-500) 46%, var(--border));width:54px;height:54px;color:var(--ink);background:var(--yellow-100);border-radius:50%;flex:none;place-items:center;margin-top:8px;display:grid}.book-spread__summary>p{color:var(--muted);letter-spacing:.45px;text-transform:uppercase;margin-top:13px;font-size:9px;font-weight:800}.book-spread__summary h1{letter-spacing:-.5px;overflow-wrap:anywhere;margin-top:7px;font-size:clamp(15px,4.5vw,20px);line-height:1.15}.book-spread__description{color:var(--ink-soft);margin-top:9px;font-size:11px;line-height:1.48}.book-spread__progress{gap:7px;width:100%;margin-top:16px;display:grid}.book-spread__progress>span{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;font-size:9px;display:flex}.book-spread__progress strong{color:var(--ink)}.book-spread__continue{color:#111;background:var(--yellow-500);border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:48px;margin-top:12px;padding:9px;font-size:11px;font-weight:850;line-height:1.25;display:inline-flex}.book-spread__reward{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:9px;font-weight:750;display:inline-flex}.book-spread__reward svg{color:#806800}.book-levels__heading{justify-content:space-between;align-items:end;gap:8px;margin-bottom:9px;display:flex}.book-levels__heading>div{gap:2px;min-width:0;display:grid}.book-levels__heading span{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;font-size:8px;font-weight:800}.book-levels__heading h2{font-size:15px;line-height:1.2}.book-levels__heading>strong{color:var(--muted);font-size:10px}.book-levels{gap:6px;margin:0;padding:0;list-style:none;display:grid}.book-levels__section-heading{border-bottom:1px solid color-mix(in srgb, var(--yellow-500) 58%, var(--border));justify-content:space-between;align-items:baseline;gap:10px;margin:16px 2px 8px;padding-bottom:7px;display:flex}.book-levels>li:first-child .book-levels__section-heading{margin-top:2px}.book-levels__section-heading span{color:#806800;letter-spacing:.45px;text-transform:uppercase;flex:none;font-size:8px;font-weight:850}.book-levels__section-heading strong{min-width:0;color:var(--ink-soft);text-align:right;font-size:10px;line-height:1.3}.book-level{border:1px solid var(--border);width:100%;min-height:55px;color:var(--ink);background:color-mix(in srgb, var(--surface) 90%, transparent);text-align:left;border-radius:12px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;display:grid}.book-level__number{color:#111;background:var(--yellow-500);border-radius:10px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:900;display:grid}.book-level__copy{gap:2px;min-width:0;display:grid}.book-level__copy small{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-size:7px;font-weight:800}.book-level__copy>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.28;display:-webkit-box;overflow:hidden}.book-level__copy>span{color:var(--muted);flex-wrap:wrap;align-items:center;gap:3px;font-size:8px;display:flex}.book-level__copy b{color:#806800;font-weight:800}.book-level__action{color:#111}.book-level--completed{border-color:color-mix(in srgb, var(--success) 45%, var(--border))}.book-level--completed .book-level__number{color:#fff;background:var(--success)}.book-level--current{border-color:var(--yellow-500);color:#111;background:var(--yellow-100);box-shadow:0 7px 18px color-mix(in srgb, var(--yellow-500) 18%, transparent)}.book-level--current .book-level__copy small,.book-level--current .book-level__copy>span{color:#333}.book-level--locked{color:var(--muted);background:var(--surface-secondary);box-shadow:none;opacity:.78}.book-level--locked .book-level__number{color:var(--muted);background:var(--surface-strong)}.book-levels__pager{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;margin-top:8px;display:grid}.book-levels__pager button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:var(--surface);border-radius:12px;place-items:center;display:grid}.book-levels__pager button:disabled{color:var(--muted);background:var(--surface-secondary);opacity:.58}.book-levels__pager span{color:var(--muted);text-align:center;font-size:9px;font-weight:750}.book-final-test{border:1px solid var(--border);width:100%;min-height:54px;color:var(--ink);background:var(--surface);text-align:left;border-radius:14px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;margin-top:8px;padding:8px;display:grid}.book-final-test:disabled{color:var(--muted);background:var(--surface-secondary)}.book-final-test>span:first-child{color:#111;background:var(--yellow-500);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.book-final-test>span:last-child{gap:2px;display:grid}.book-final-test small{color:var(--muted);text-transform:uppercase;font-size:7px;font-weight:800}.book-final-test strong{font-size:10px}.book-season-status{border:1px dashed var(--border);border-radius:var(--radius-control);min-height:60px;color:var(--muted);background:color-mix(in srgb, var(--surface-secondary) 70%, transparent);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;margin-top:14px;padding:10px;display:grid}.book-season-status>span:first-child{width:38px;height:38px;color:var(--muted);background:var(--surface-strong);border-radius:12px;place-items:center;display:grid}.book-season-status>span:last-child{gap:3px;display:grid}.book-season-status small{letter-spacing:.45px;text-transform:uppercase;font-size:8px;font-weight:800}.book-season-status strong{color:var(--ink-soft);font-size:11px;line-height:1.35}.book-season-status--completed{border-style:solid;border-color:color-mix(in srgb, var(--success) 48%, var(--border));color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface))}.book-season-status--completed>span:first-child{color:#fff;background:var(--success)}@media (max-width:359px){.course-home__header{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.course-home__brand{width:44px;height:44px}.course-home__welcome strong{font-size:15px}.course-hud{gap:3px;padding:6px}.course-hud__stat{gap:5px;padding-inline-start:3px;padding-inline-end:3px}.course-hud__stat>span{width:27px;height:27px}.course-hud>button{min-width:48px}.course-hud>button span{display:none}.course-chapters button strong{font-size:10px}.course-map{min-height:550px}.course-book-node{width:138px}.course-book-node[data-position="0"]{right:14px}.course-book-node[data-position="1"]{left:14px}.book-screen__topbar{grid-template-columns:44px minmax(0,1fr) auto}.book-screen__topbar>div strong{text-overflow:clip;white-space:normal;font-size:14px;line-height:1.15;overflow:visible}.book-screen__stat--xp{display:none}.book-spread,:root[data-text-scale=large] .book-spread{grid-template-columns:1fr}.book-spread__binding{display:none}.book-spread__summary{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--yellow-500) 42%, var(--border));min-height:390px;box-shadow:inset 0 -12px 16px color-mix(in srgb, var(--ink) 7%, transparent);border-radius:18px 18px 5px 5px}.book-spread__levels{box-shadow:inset 0 12px 16px color-mix(in srgb, var(--ink) 7%, transparent);border-radius:5px 5px 15px 15px}.book-spread__bookmark{left:calc(50% + 13px)}.book-spread__summary h1{max-width:16ch;font-size:22px}.book-spread__description{max-width:28ch;font-size:13px}.book-spread__continue{max-width:240px;font-size:13px}.book-level__copy>strong,.book-final-test strong{font-size:12px}.book-level__copy>span{font-size:9px}}@media (max-width:430px){.book-spread,:root[data-text-scale=large] .book-spread{grid-template-columns:1fr}.book-spread__binding{display:none}.book-spread__summary{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--yellow-500) 42%, var(--border));min-height:340px;box-shadow:inset 0 -12px 16px color-mix(in srgb, var(--ink) 7%, transparent);border-radius:18px 18px 5px 5px;padding:20px}.book-spread__levels{min-height:auto;box-shadow:inset 0 12px 16px color-mix(in srgb, var(--ink) 7%, transparent);border-radius:5px 5px 15px 15px;padding:20px}.book-spread__bookmark{left:calc(50% + 13px)}.book-spread__summary h1{max-width:18ch;font-size:23px}.book-spread__description{max-width:32ch;font-size:14px;line-height:1.55}.book-spread__progress>span,.book-spread__reward,.book-levels__pager span{font-size:11px}.book-spread__continue{max-width:260px;min-height:52px;font-size:14px}.book-levels__heading span,.book-level__copy small,.book-final-test small{font-size:9px}.book-levels__heading h2{font-size:18px}.book-level{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;min-height:68px;padding:10px}.book-level__number{width:36px;height:36px}.book-level__copy>strong,.book-final-test strong{font-size:14px}.book-levels__section-heading strong,.book-season-status strong{font-size:12px}.book-level__copy>span{font-size:11px}}:root[data-text-scale=large] .book-spread{grid-template-columns:1fr}:root[data-text-scale=large] .book-spread__binding{display:none}:root[data-text-scale=large] .book-spread__summary{border-right:0;border-bottom:1px solid var(--border);box-shadow:inset 0 -12px 16px color-mix(in srgb, var(--ink) 7%, transparent);border-radius:18px 18px 5px 5px}:root[data-text-scale=large] .book-spread__levels{box-shadow:inset 0 12px 16px color-mix(in srgb, var(--ink) 7%, transparent);border-radius:5px 5px 15px 15px}:root[data-text-scale=large] .book-spread__bookmark{left:calc(50% + 13px)}.lesson-block,.lesson-section,.lesson-scenario,.lesson-source,.lesson-audio,.lesson-quiz,.ai-mentor{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.lesson-block{padding:18px}.lesson-block__heading{color:var(--ink);align-items:center;gap:10px;margin-bottom:13px;display:flex}.lesson-block__heading svg{color:#917600;flex:none}:root[data-theme=dark] .lesson-block__heading svg{color:var(--yellow-500)}.lesson-block h2,.lesson-section h2,.lesson-scenario h2,.ai-mentor h2{font-size:17px;line-height:1.25}.lesson-block ul{color:var(--ink-soft);gap:10px;margin:0;padding-left:20px;font-size:14px;line-height:1.5;display:grid}.lesson-section{grid-template-columns:38px minmax(0,1fr);gap:13px;padding:18px;display:grid}.lesson-section>span{color:#111;background:var(--yellow-500);border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.lesson-section>div{gap:8px;display:grid}.lesson-section p,.lesson-scenario p{color:var(--ink-soft);font-size:14px;line-height:1.58}.lesson-scenario{background:color-mix(in srgb, var(--yellow-100) 64%, var(--surface));border-color:#ffd21d8c;gap:9px;padding:18px;display:grid}:root[data-theme=dark] .lesson-scenario{background:#28240f}.lesson-scenario>span{color:#111;background:var(--yellow-500);text-transform:uppercase;border-radius:999px;width:-moz-fit-content;width:fit-content;padding:5px 9px;font-size:10px;font-weight:800}.lesson-scenario>div{border-left:4px solid var(--yellow-500);background:var(--surface);border-radius:0 12px 12px 0;gap:5px;margin-top:4px;padding:13px;display:grid}.lesson-checklist{list-style:none;padding:0!important}.lesson-checklist li{grid-template-columns:22px minmax(0,1fr);gap:9px;display:grid}.lesson-checklist svg{color:var(--success)}.lesson-source{gap:14px;padding:17px;display:grid}.lesson-source>div{grid-template-columns:28px minmax(0,1fr);gap:10px;display:grid}.lesson-source>div>svg{color:#927500}.lesson-source>div>span{gap:3px;display:grid}.lesson-source small{color:var(--muted);font-size:11px;line-height:1.35}.lesson-source strong{font-size:13px;line-height:1.35}.lesson-source>button{border:1px solid var(--border);min-height:44px;color:var(--ink);background:var(--surface-secondary);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.lesson-audio{border-top:5px solid var(--yellow-500);box-shadow:var(--shadow-soft);gap:14px;padding:18px;display:grid;overflow:hidden}.lesson-audio__header,.lesson-quiz__header{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;display:grid}.lesson-audio__icon,.lesson-quiz__icon{color:#111;background:var(--yellow-500);border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.lesson-audio__header>div,.lesson-quiz__header>div{gap:2px;display:grid}.lesson-audio__header span,.lesson-quiz__header span{color:#806800;letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:900}:root[data-theme=dark] .lesson-audio__header span,:root[data-theme=dark] .lesson-quiz__header span{color:var(--yellow-300)}.lesson-audio h2,.lesson-quiz h2{font-size:17px;line-height:1.25}.lesson-audio__intro{color:var(--ink-soft);font-size:13px;line-height:1.5}.lesson-audio__generate,.lesson-audio__error button,.lesson-quiz__actions button{color:#111;background:var(--yellow-500);border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 15px;font-size:13px;font-weight:850;display:inline-flex}.lesson-audio__generate:active,.lesson-audio__error button:active,.lesson-quiz__actions button:active{transform:translateY(1px)}.lesson-audio__player{background:var(--surface-secondary);border-radius:16px;gap:12px;padding:13px;display:grid}.lesson-audio__player audio{width:100%;min-height:48px}.lesson-audio__loading{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;display:grid}.lesson-audio__loading>span{border:4px solid var(--border);border-top-color:var(--yellow-500);border-radius:50%;width:30px;height:30px}.lesson-audio__loading>div{gap:3px;display:grid}.lesson-audio__loading strong,.lesson-audio__error strong{font-size:13px}.lesson-audio__loading small,.lesson-audio__error span{color:var(--muted);font-size:11px;line-height:1.4}.lesson-audio__speed{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:12px;font-weight:800;display:flex}.lesson-audio__speed select{border:1px solid var(--border);min-width:88px;min-height:44px;color:var(--ink);background:var(--surface);border-radius:12px;padding-inline-start:11px;padding-inline-end:11px}.lesson-audio__error{gap:8px;display:grid}.lesson-audio__error button{background:var(--surface);border:1px solid var(--border);width:-moz-fit-content;width:fit-content;min-height:44px;color:var(--ink)}.lesson-audio__transcript{border:1px solid var(--border);background:var(--surface-secondary);border-radius:15px}.lesson-audio__transcript summary{cursor:pointer;align-items:center;gap:9px;min-height:48px;padding:12px 14px;font-size:13px;font-weight:800;list-style:none;display:flex}.lesson-audio__transcript summary::-webkit-details-marker{display:none}.lesson-audio__transcript p{color:var(--ink-soft);padding:0 14px 14px;font-size:13px;line-height:1.62}.lesson-audio__provider{color:var(--muted);font-size:10px;line-height:1.45}.lesson-quiz{border-color:color-mix(in srgb, var(--yellow-500) 52%, var(--border));box-shadow:var(--shadow-raised);gap:16px;padding:18px;display:grid}.lesson-quiz form,.lesson-quiz fieldset{border:0;gap:13px;min-width:0;margin:0;padding:0;display:grid}.lesson-quiz legend{width:100%;color:var(--ink);margin-bottom:13px;font-size:15px;font-weight:800;line-height:1.45}.lesson-quiz__options{gap:9px;display:grid}.lesson-quiz__option{border:1px solid var(--border);background:var(--surface-secondary);cursor:pointer;border-radius:15px;grid-template-columns:32px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:58px;padding:11px 12px;display:grid}.lesson-quiz__option:has(input:focus-visible){outline:3px solid var(--info);outline-offset:3px}.lesson-quiz__option input{opacity:0;width:1px;height:1px;position:absolute}.lesson-quiz__letter{border:1px solid var(--border);width:32px;height:32px;color:var(--ink);background:var(--surface);border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid}.lesson-quiz__option>span:nth-of-type(2){color:var(--ink-soft);font-size:13px;line-height:1.45}.lesson-quiz__option.is-selected{background:color-mix(in srgb, var(--yellow-100) 60%, var(--surface));border-color:#9b7c00}.lesson-quiz__option.is-selected .lesson-quiz__letter{border-color:var(--yellow-500);color:#111;background:var(--yellow-500)}.lesson-quiz__option.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--surface))}.lesson-quiz__option.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 9%, var(--surface))}.lesson-quiz__result-icon{justify-self:end}.lesson-quiz__option.is-correct .lesson-quiz__result-icon{color:#15803d}.lesson-quiz__option.is-wrong .lesson-quiz__result-icon{color:#c52222}:root[data-theme=dark] .lesson-quiz__option.is-correct .lesson-quiz__result-icon{color:#4ade80}:root[data-theme=dark] .lesson-quiz__option.is-wrong .lesson-quiz__result-icon{color:#f87171}.lesson-quiz__feedback{border-radius:14px;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:13px;display:grid}.lesson-quiz__feedback>div{gap:5px;display:grid}.lesson-quiz__feedback strong{font-size:13px}.lesson-quiz__feedback p{color:var(--ink-soft);font-size:12px;line-height:1.5}.lesson-quiz__feedback--correct{color:var(--ink);background:color-mix(in srgb, var(--success) 13%, var(--surface))}.lesson-quiz__feedback--correct>svg{color:#15803d}.lesson-quiz__feedback--wrong{color:var(--ink);background:color-mix(in srgb, var(--error) 10%, var(--surface))}.lesson-quiz__feedback--wrong>svg{color:#c52222}.ai-mentor{border-top:5px solid var(--yellow-500);box-shadow:var(--shadow-raised);gap:15px;padding:18px;display:grid;overflow:hidden}.ai-mentor__header{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;display:grid}.ai-mentor__mark{color:#111;background:var(--yellow-500);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.ai-mentor__header>div{gap:2px;display:grid}.ai-mentor__eyebrow{color:#806800;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:900}:root[data-theme=dark] .ai-mentor__eyebrow{color:var(--yellow-300)}.ai-mentor__intro{color:var(--ink-soft);font-size:13px;line-height:1.5}.ai-mentor__prompts{flex-wrap:wrap;gap:8px;display:flex}.ai-mentor__prompts button{border:1px solid var(--border);min-height:44px;color:var(--ink);background:var(--surface-secondary);white-space:normal;border-radius:999px;flex:124px;padding:10px 13px;font-size:12px;font-weight:800;line-height:1.3}.ai-mentor__question{gap:8px;display:grid}.ai-mentor__question>span:first-child{font-size:12px;font-weight:800}.ai-mentor__question textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:96px;color:var(--ink);background:var(--background);border-radius:14px;outline:none;padding:13px;font-size:14px;line-height:1.45}.ai-mentor__question textarea:focus{border-color:var(--yellow-500);box-shadow:0 0 0 3px #ffd21d33}.ai-mentor__question-footer{justify-content:space-between;align-items:center;gap:12px;min-height:50px;display:flex}.ai-mentor__question-footer small{color:var(--muted);font-size:11px}.ai-mentor__loading{background:var(--surface-secondary);border-radius:15px;grid-template-columns:1fr;gap:8px;min-height:116px;padding:14px;display:grid}.ai-mentor__loading span{background:linear-gradient(90deg, var(--border) 20%, var(--surface) 50%, var(--border) 80%);background-size:200% 100%;border-radius:999px;height:12px;animation:1.2s linear infinite mentor-loading}.ai-mentor__loading span:nth-child(2){width:88%}.ai-mentor__loading span:nth-child(3){width:64%}.ai-mentor__loading small{color:var(--muted);font-size:11px}.ai-mentor__answer{border:1px solid color-mix(in srgb, var(--yellow-500) 55%, var(--border));background:color-mix(in srgb, var(--yellow-100) 45%, var(--surface));border-radius:15px;gap:10px;padding:15px;display:grid}:root[data-theme=dark] .ai-mentor__answer{background:#27230e}.ai-mentor__answer>div{align-items:center;gap:8px;display:flex}.ai-mentor__answer>div svg{color:#8b7100}.ai-mentor__answer p{color:var(--ink);white-space:pre-wrap;font-size:14px;line-height:1.55}.ai-mentor__answer small{color:var(--muted);font-size:10px;line-height:1.4}.ai-mentor__error{background:#ef444412;border:1px solid #ef444452;border-radius:15px;gap:10px;padding:14px;display:grid}.ai-mentor__error p{color:var(--error);font-size:13px;line-height:1.45}.ai-mentor__error button{min-height:44px;color:var(--ink);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.ai-mentor__notice{border-top:1px solid var(--border);color:var(--muted);grid-template-columns:22px minmax(0,1fr);gap:9px;padding-top:13px;display:grid}.ai-mentor__notice p{font-size:10px;line-height:1.5}@keyframes mentor-loading{to{background-position:-200% 0}}.app-viewport--lesson{width:min(100%,430px)}@supports (zoom:1.1){:root[data-text-scale=large] .app-viewport--lesson{width:min(90.9091%,390.909px)}}.app-frame.lesson-redesign{min-height:100dvh;padding:0 0 calc(126px + env(safe-area-inset-bottom));background:var(--background)}.lesson-topbar{z-index:19;min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--background) 94%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);align-items:center;gap:9px;display:flex;position:sticky;top:0}.lesson-topbar__icon-button,.lesson-topbar__locale{border:1px solid var(--border);min-width:44px;height:44px;color:var(--ink-soft);background:var(--surface);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .16s,color .16s,border-color .16s,background-color .16s;display:inline-flex}.lesson-topbar__icon-button.is-active{color:#111;border-color:color-mix(in srgb, var(--yellow-500) 70%, var(--border));background:var(--yellow-500)}.lesson-topbar__icon-button:active,.lesson-topbar__locale:active{transform:scale(.95)}.lesson-topbar__progress{flex:auto;gap:6px;min-width:0;display:grid}.lesson-topbar__progress>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;line-height:1;overflow:hidden}.lesson-topbar__segments{align-items:center;gap:4px;min-width:72px;display:flex}.lesson-topbar__segments>span{background:var(--surface-strong);border-radius:999px;flex:1 1 0;height:5px;overflow:hidden}.lesson-topbar__segments>span>span{border-radius:inherit;background:var(--yellow-500);transform-origin:0;width:100%;height:100%;transition:transform .42s cubic-bezier(.16,1,.3,1);display:block}.lesson-topbar__streak{border:1px solid var(--border);min-height:30px;color:var(--warning);border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.lesson-topbar__lives{border:1px solid color-mix(in srgb, var(--error) 28%, var(--border));min-width:42px;min-height:32px;color:var(--error);background:color-mix(in srgb, var(--error) 7%, var(--surface));border-radius:999px;flex:none;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:850;display:inline-flex}.lesson-topbar__lives.is-empty{border-color:var(--error);background:color-mix(in srgb, var(--error) 14%, var(--surface))}.lesson-topbar__locale{letter-spacing:.35px;gap:4px;min-width:54px;padding-inline-start:8px;padding-inline-end:8px;font-size:10px;font-weight:850}.lesson-redesign__canvas{padding:24px var(--page-x) 12px}.lesson-phase{overflow-wrap:anywhere;min-width:0}.lesson-phase__badges{flex-wrap:wrap;gap:8px;display:flex}.lesson-chip,.lesson-status-badge{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.lesson-status-badge{color:color-mix(in srgb, var(--success) 78%, var(--ink));border-color:color-mix(in srgb, var(--success) 38%, var(--border));background:color-mix(in srgb, var(--success) 9%, var(--surface))}.lesson-phase__hero{gap:0;margin-top:24px;display:grid;position:relative}.lesson-phase__hero:before{z-index:-1;background:color-mix(in srgb, var(--yellow-500) 8%, transparent);filter:blur(48px);content:"";pointer-events:none;border-radius:50%;width:170px;height:170px;position:absolute;top:-46px;left:30%}.lesson-phase__hero h1{max-width:13ch;color:var(--ink);letter-spacing:-.75px;text-wrap:balance;font-size:28px;font-weight:800;line-height:1.14}.lesson-phase__hero>p{max-width:38ch;color:var(--ink-soft);text-wrap:pretty;margin-top:12px;font-size:16px;line-height:1.5}.lesson-phase__meta{color:var(--muted);flex-wrap:wrap;gap:8px 15px;margin-top:16px;font-size:12px;font-weight:650;display:flex}.lesson-phase__meta span{align-items:center;gap:6px;display:inline-flex}.lesson-phase__meta span:last-child{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink))}.lesson-redesign .lesson-audio{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:none;gap:9px;margin-top:28px;padding:16px;display:grid;overflow:visible}.lesson-audio__main{align-items:center;gap:14px;min-width:0;display:flex}.lesson-audio__play{color:#111;background:var(--yellow-500);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0;transition:transform .15s,background-color .15s;display:grid}.lesson-audio__play:active{transform:scale(.95)}.lesson-audio__play:disabled{opacity:.6}.lesson-audio__spinner{border:2px solid #11111147;border-top-color:#111;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite lesson-spin}.lesson-audio__content{flex:auto;min-width:0}.lesson-audio__title-row{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.lesson-audio__title-row>div{gap:2px;min-width:0;display:grid}.lesson-redesign .lesson-audio h2{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;line-height:1.35;overflow:hidden}.lesson-audio__title-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.lesson-audio__rate{border:1px solid var(--border);min-width:44px;min-height:36px;color:var(--ink-soft);background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding-inline-start:8px;padding-inline-end:8px;font-size:11px;font-weight:800;display:inline-flex}.lesson-audio__rate:disabled{opacity:.45}.lesson-audio__waveform{align-items:center;gap:2px;height:30px;margin-top:5px;display:flex;overflow:hidden}.lesson-audio__waveform span{background:var(--border);border-radius:999px;flex:3px;width:3px;min-height:5px;transition:background-color .15s}.lesson-audio__waveform span.is-played{background:var(--yellow-500)}.lesson-audio__time{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.lesson-audio__range{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:28px;margin:0}.lesson-audio__range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--yellow-500) var(--audio-progress), var(--border) var(--audio-progress));border-radius:999px;height:4px}.lesson-audio__range::-webkit-slider-thumb{border:3px solid var(--surface);background:var(--yellow-500);width:18px;height:18px;box-shadow:0 0 0 1px var(--yellow-500);-webkit-appearance:none;appearance:none;border-radius:50%;margin-top:-7px}.lesson-audio__range::-moz-range-track{background:var(--border);border-radius:999px;height:4px}.lesson-audio__range::-moz-range-progress{background:var(--yellow-500);border-radius:999px;height:4px}.lesson-audio__range::-moz-range-thumb{border:2px solid var(--surface);background:var(--yellow-500);border-radius:50%;width:14px;height:14px}.lesson-audio__range:disabled{cursor:default;opacity:.45}.lesson-redesign .lesson-audio__transcript{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-secondary);overflow:hidden}.lesson-redesign .lesson-audio__transcript summary{min-height:48px;color:var(--ink-soft);padding:12px 14px;font-size:13px;font-weight:750}.lesson-redesign .lesson-audio__transcript p{color:var(--ink-soft);padding:0 14px 14px;font-size:13px;line-height:1.6}.lesson-redesign .lesson-audio__provider{color:var(--muted);font-size:10px;line-height:1.45}.lesson-redesign .lesson-audio__error{border:1px solid color-mix(in srgb, var(--error) 34%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--error) 7%, var(--surface));justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.lesson-redesign .lesson-audio__error span{color:var(--ink-soft);font-size:11px;line-height:1.4}.lesson-redesign .lesson-audio__error button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;color:var(--ink);background:var(--surface);flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:800;display:inline-flex}.lesson-outcomes{margin-top:30px}.lesson-outcomes h2,.lesson-skills h2{color:var(--ink);letter-spacing:-.25px;font-size:18px;font-weight:750;line-height:1.35}.lesson-outcomes ul{gap:13px;margin:15px 0 0;padding:0;list-style:none;display:grid}.lesson-outcomes li{color:var(--ink);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:11px;font-size:14px;line-height:1.5;display:grid}.lesson-outcomes li svg{color:var(--muted);margin-top:1px}.lesson-source-trigger{border-radius:var(--radius-sm);max-width:100%;min-height:44px;color:var(--muted);text-align:center;background:0 0;justify-content:center;align-items:center;gap:7px;margin:22px auto 0;padding:8px 12px;font-size:12px;font-weight:650;display:flex}.lesson-source-trigger strong{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink));font-weight:800}.lesson-source-trigger:active{background:color-mix(in srgb, var(--yellow-500) 10%, transparent)}.lesson-phase__step-meta{color:var(--muted);letter-spacing:.35px;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:16px;font-size:11px;font-weight:700;display:flex}.lesson-phase__numbered-title{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;margin-top:17px;display:grid}.lesson-phase__numbered-title>span{color:var(--surface-strong);letter-spacing:-1px;font-size:40px;font-weight:900;line-height:1}:root[data-theme=light] .lesson-phase__numbered-title>span{color:color-mix(in srgb, var(--ink) 13%, var(--background))}.lesson-phase__numbered-title h1,.lesson-phase--scenario>h1{color:var(--ink);letter-spacing:-.45px;text-wrap:balance;font-size:22px;font-weight:800;line-height:1.28}.lesson-phase__intro{color:var(--ink-soft);text-wrap:pretty;margin-top:13px;font-size:16px;line-height:1.55}.lesson-flow-visual{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);margin:24px 0 0;overflow:hidden}.lesson-flow-visual img{aspect-ratio:1;border-bottom:1px solid var(--border);object-fit:cover;width:100%}.lesson-flow-visual figcaption{padding:16px}.lesson-flow-visual figcaption>strong{color:var(--ink);font-size:14px;line-height:1.45;display:block}.lesson-flow-visual ol{gap:9px;margin:13px 0 0;padding:0;list-style:none;display:grid}.lesson-flow-visual li{color:var(--ink-soft);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;font-size:12px;line-height:1.5;display:grid}.lesson-flow-visual li>span{color:#111;background:var(--yellow-500);border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.lesson-learn-card,.lesson-utility-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);margin-top:20px;padding:17px}.lesson-learn-card--rule{border-color:color-mix(in srgb, var(--yellow-500) 48%, var(--border));background:color-mix(in srgb, var(--yellow-500) 7%, var(--surface))}.lesson-learn-card header,.lesson-utility-card header{color:var(--ink);align-items:center;gap:9px;display:flex}.lesson-learn-card header svg,.lesson-utility-card header svg{color:color-mix(in srgb, var(--yellow-500) 76%, var(--ink));flex:none}.lesson-learn-card h2,.lesson-utility-card h2{font-size:15px;font-weight:750;line-height:1.35}.lesson-learn-card ul,.lesson-utility-card ul{color:var(--ink-soft);gap:9px;margin:13px 0 0;padding-left:20px;font-size:13px;line-height:1.55;display:grid}.lesson-section-list{gap:12px;margin-top:22px;display:grid}.lesson-section-list>section{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:42px minmax(0,1fr);align-items:start;gap:13px;padding:15px;display:grid}.lesson-section-list>section>span{color:#111;background:var(--yellow-500);border-radius:14px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.lesson-section-list h2{font-size:15px;line-height:1.4}.lesson-section-list p{color:var(--ink-soft);margin-top:6px;font-size:13px;line-height:1.55}.lesson-action-list{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.lesson-action-list li{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:13px;display:grid}.lesson-action-list li>span{color:#111;background:var(--yellow-500);border-radius:14px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.lesson-action-list p{color:var(--ink);padding-top:2px;font-size:13px;line-height:1.55}.lesson-utility-grid{gap:12px;display:grid}.lesson-utility-card--warning{border-color:color-mix(in srgb, var(--warning) 35%, var(--border));background:color-mix(in srgb, var(--warning) 6%, var(--surface))}.lesson-utility-card--warning header svg{color:var(--warning)}.lesson-phase__eyebrow{color:var(--muted);letter-spacing:.45px;text-transform:uppercase;font-size:11px;font-weight:750;display:block}.lesson-phase--scenario>h1{margin-top:12px}.lesson-case-card{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);margin-top:20px;padding:18px}.lesson-case-card p{color:var(--ink);font-size:15px;line-height:1.6}.lesson-phase--scenario>h2{color:var(--ink);margin-top:26px;font-size:17px;font-weight:750;line-height:1.4}.lesson-reveal-button{border:1px solid var(--border);width:100%;min-height:56px;color:var(--ink);background:var(--surface);border-radius:18px;justify-content:center;align-items:center;gap:9px;margin-top:13px;padding:12px 16px;font-size:14px;font-weight:750;transition:transform .16s,border-color .16s,background-color .16s;display:flex}.lesson-reveal-button:active{background:var(--surface-secondary);transform:scale(.985)}.lesson-scenario-result{gap:22px;margin-top:14px;display:grid}.lesson-scenario-result__answer{border:1px solid color-mix(in srgb, var(--success) 38%, var(--border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--success) 8%, var(--surface));padding:16px}.lesson-scenario-result__answer header{color:color-mix(in srgb, var(--success) 72%, var(--ink));align-items:center;gap:8px;display:flex}.lesson-scenario-result__answer h3,.lesson-ai-callout h3{color:var(--ink);font-size:15px;font-weight:750;line-height:1.35}.lesson-scenario-result__answer p{color:var(--ink-soft);margin-top:9px;font-size:13px;line-height:1.55}.lesson-scenario-checklist>header{color:var(--ink-soft);align-items:center;gap:9px;display:flex}.lesson-scenario-checklist>header>div{flex:auto;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.lesson-scenario-checklist h2{font-size:16px;line-height:1.4}.lesson-scenario-checklist header p{color:var(--muted);font-size:11px}.lesson-scenario-checklist ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.lesson-scenario-checklist button{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:52px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;font-size:13px;line-height:1.5;display:grid}.lesson-scenario-checklist button>span{border:1px solid var(--border);border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.lesson-scenario-checklist button.is-selected{border-color:color-mix(in srgb, var(--success) 44%, var(--border));background:color-mix(in srgb, var(--success) 7%, var(--surface))}.lesson-scenario-checklist button.is-selected>span{color:#111;border-color:var(--success);background:var(--success)}.lesson-ai-callout{border:1px dashed color-mix(in srgb, var(--border) 86%, var(--ink));border-radius:var(--radius-card);background:var(--surface);grid-template-columns:42px minmax(0,1fr);gap:11px;padding:16px;display:grid}.lesson-ai-callout>span{color:#111;background:var(--yellow-500);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.lesson-ai-callout p{color:var(--ink-soft);margin-top:3px;font-size:12px;line-height:1.5}.lesson-ai-callout button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:44px;color:var(--ink);background:var(--surface-secondary);grid-column:1/-1;justify-content:center;align-items:center;gap:7px;margin-top:2px;font-size:13px;font-weight:750;display:inline-flex}.lesson-phase--quiz .lesson-quiz{box-shadow:none;background:0 0;border:0;border-radius:0;gap:16px;margin-top:18px;padding:0;display:grid}.lesson-phase--quiz .lesson-quiz__header{display:none}.lesson-phase--quiz .lesson-quiz legend{letter-spacing:-.35px;margin-bottom:16px;font-size:20px;font-weight:800;line-height:1.4}.lesson-phase--quiz .lesson-quiz__options{gap:10px}.lesson-phase--quiz .lesson-quiz__option{background:var(--surface);border-radius:18px;min-height:60px;padding:13px}.lesson-phase--quiz .lesson-quiz__option>span:nth-of-type(2){color:var(--ink);font-size:14px;font-weight:650;line-height:1.5}.lesson-phase--quiz .lesson-quiz__feedback{border-radius:var(--radius-card);border:1px solid #0000}.lesson-phase--quiz .lesson-quiz__feedback--correct{border-color:color-mix(in srgb, var(--success) 36%, var(--border))}.lesson-phase--quiz .lesson-quiz__feedback--wrong{border-color:color-mix(in srgb, var(--error) 32%, var(--border))}.lesson-phase--done{text-align:center;padding-top:14px;position:relative}.lesson-confetti{z-index:0;pointer-events:none;height:142px;position:absolute;top:-8px;bottom:auto;left:0;right:0;overflow:hidden}.lesson-confetti span{background:var(--yellow-500);border-radius:3px;width:7px;height:12px;animation:1.25s cubic-bezier(.16,1,.3,1) both lesson-confetti;position:absolute;top:-14px;left:50%}.lesson-confetti span:nth-child(2n){background:var(--success);border-radius:999px;width:10px;height:5px}.lesson-confetti span:nth-child(3n){background:var(--warning)}.lesson-confetti span:first-child{animation-delay:20ms;left:7%}.lesson-confetti span:nth-child(2){animation-delay:.14s;left:15%}.lesson-confetti span:nth-child(3){animation-delay:60ms;left:24%}.lesson-confetti span:nth-child(4){animation-delay:.19s;left:32%}.lesson-confetti span:nth-child(5){animation-delay:.1s;left:41%}.lesson-confetti span:nth-child(6){animation-delay:10ms;left:49%}.lesson-confetti span:nth-child(7){animation-delay:.17s;left:58%}.lesson-confetti span:nth-child(8){animation-delay:70ms;left:66%}.lesson-confetti span:nth-child(9){animation-delay:.22s;left:74%}.lesson-confetti span:nth-child(10){animation-delay:.12s;left:82%}.lesson-confetti span:nth-child(11){animation-delay:30ms;left:89%}.lesson-confetti span:nth-child(12){animation-delay:.18s;left:96%}.lesson-complete-mark{z-index:1;border:1px solid color-mix(in srgb, var(--yellow-500) 28%, var(--border));background:color-mix(in srgb, var(--yellow-500) 8%, transparent);border-radius:50%;place-items:center;width:104px;height:104px;margin-inline-start:auto;margin-inline-end:auto;display:grid;position:relative}.lesson-complete-mark>span{color:#111;background:var(--yellow-500);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.lesson-phase--done>h1{color:var(--ink);letter-spacing:-.65px;margin-top:20px;font-size:28px;font-weight:800;line-height:1.15}.lesson-phase--done>p{max-width:34ch;color:var(--ink-soft);margin:9px auto 0;font-size:14px;line-height:1.55}.lesson-complete-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;display:grid}.lesson-complete-stats>div{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);align-content:center;gap:5px;min-width:0;min-height:76px;padding:10px 6px;display:grid}.lesson-complete-stats strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:4px;font-size:13px;line-height:1.25;display:flex}.lesson-complete-stats strong svg{color:color-mix(in srgb, var(--yellow-500) 76%, var(--ink));flex:none}.lesson-complete-stats span{color:var(--muted);font-size:10px;line-height:1.25}.lesson-skills{text-align:left;margin-top:26px}.lesson-skills>div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lesson-skills span{border:1px solid color-mix(in srgb, var(--success) 30%, var(--border));min-height:36px;color:var(--ink);background:color-mix(in srgb, var(--success) 7%, var(--surface));border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:650;line-height:1.35;display:inline-flex}.lesson-skills span svg{color:var(--success);flex:none}.lesson-next{text-align:left;margin-top:30px}.lesson-next>span{color:var(--muted);letter-spacing:.45px;text-transform:uppercase;padding-inline-start:2px;padding-inline-end:2px;font-size:11px;font-weight:750;display:block}.lesson-next>button{border:1px solid var(--border);border-radius:var(--radius-card);width:100%;min-height:76px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:12px;margin-top:9px;padding:14px;transition:transform .16s,border-color .16s,background-color .16s;display:grid}.lesson-next>button:active{background:var(--surface-secondary);transform:scale(.985)}.lesson-next>button>span:first-child{width:44px;height:44px;color:var(--ink-soft);background:var(--surface-strong);border-radius:14px;place-items:center;display:grid}.lesson-next>button>span:nth-child(2){gap:3px;min-width:0;display:grid}.lesson-next strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;line-height:1.4;overflow:hidden}.lesson-next small{color:var(--muted);font-size:11px;line-height:1.35}.lesson-next>button>svg{color:var(--muted)}.lesson-sticky-action{z-index:19;right:50%;bottom:calc(91px + env(safe-area-inset-bottom));width:min(430px,100%);padding:30px var(--page-x) 12px;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--background) 97%, transparent) 42%);pointer-events:none;position:fixed;transform:translate(50%)}.lesson-sticky-action>div{min-height:18px;color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px;padding-inline-start:2px;padding-inline-end:2px;font-size:11px;font-weight:700;display:flex}.lesson-sticky-action>div span:last-child{color:color-mix(in srgb, var(--success) 76%, var(--ink));align-items:center;gap:4px;display:inline-flex}.lesson-sticky-action>button{color:#111;background:var(--yellow-500);pointer-events:auto;border-radius:18px;width:100%;min-height:56px;padding:12px 18px;font-size:15px;font-weight:800;line-height:1.2;transition:transform .15s,opacity .15s}.lesson-sticky-action>button:active:not(:disabled){transform:scale(.985)}.lesson-sticky-action>button:disabled{color:var(--muted);background:var(--surface-strong);opacity:.7}.lesson-sheet{z-index:60;width:min(430px,100%);height:100dvh;position:fixed;bottom:0;right:50%;transform:translate(50%)}.lesson-sheet__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;width:100%;height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.lesson-sheet__panel{border-top:1px solid var(--border);background:var(--background);max-height:86dvh;box-shadow:var(--shadow-raised);border-radius:28px 28px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.lesson-sheet__handle{background:var(--border);border-radius:999px;flex:none;width:40px;height:4px;margin:10px auto 5px}.lesson-sheet__header{padding:7px var(--page-x) 13px;border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);grid-template-columns:42px minmax(0,1fr) 40px;align-items:center;gap:10px;display:grid}.lesson-sheet__icon{color:#111;background:var(--yellow-500);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.lesson-sheet__header>div{min-width:0}.lesson-sheet__header h2{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:750;line-height:1.35;overflow:hidden}.lesson-sheet__header p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;line-height:1.4;overflow:hidden}.lesson-sheet__close{border:1px solid var(--border);width:40px;height:40px;color:var(--ink-soft);background:var(--surface);border-radius:50%;place-items:center;padding:0;display:grid}.lesson-sheet__body{overscroll-behavior:contain;padding:14px var(--page-x) calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.lesson-exit-dialog{z-index:70;width:min(430px,100%);height:100dvh;position:fixed;bottom:0;right:50%;transform:translate(50%)}.lesson-exit-dialog__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c2;width:100%;height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.lesson-exit-dialog__panel{top:50%;right:var(--page-x);left:var(--page-x);border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-raised);padding:22px;position:absolute;transform:translateY(-50%)}.lesson-exit-dialog__close{border:1px solid var(--border);width:40px;height:40px;color:var(--ink-soft);background:var(--surface-secondary);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.lesson-exit-dialog h2{max-width:calc(100% - 44px);color:var(--ink);letter-spacing:-.35px;font-size:20px;font-weight:800;line-height:1.35}.lesson-exit-dialog p{color:var(--ink-soft);margin-top:9px;font-size:13px;line-height:1.55}.lesson-exit-dialog__actions{gap:8px;margin-top:20px;display:grid}.lesson-exit-dialog__actions button{border-radius:var(--radius-control);min-height:52px;padding:11px 16px;font-size:14px;font-weight:800}.lesson-exit-dialog__actions button:first-child{color:#111;background:var(--yellow-500)}.lesson-exit-dialog__actions button:last-child{color:var(--error);background:0 0}.lesson-exit-dialog__actions button:active{transform:scale(.985)}.lesson-toast{z-index:80;right:50%;bottom:calc(174px + env(safe-area-inset-bottom));border:1px solid var(--border);width:max-content;max-width:min(100% - 40px,420px);min-height:44px;color:var(--ink);background:var(--surface-strong);box-shadow:var(--shadow-raised);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:750;line-height:1.35;animation:2.7s cubic-bezier(.16,1,.3,1) both lesson-toast-in;display:flex;position:fixed;transform:translate(50%)}.lesson-toast svg{color:var(--success);flex:none}.lesson-source-card{text-align:left;margin-top:28px}.lesson-source-card--compact{margin-top:0}.lesson-source-card>header{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;display:grid}.lesson-source-card>header>span{border:1px solid var(--border);border-radius:var(--radius-sm);width:42px;height:42px;color:var(--ink-soft);background:var(--surface);place-items:center;display:grid}.lesson-source-card>header h2{color:var(--ink);font-size:15px;line-height:1.35}.lesson-source-card>header p{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.35}.lesson-source-card__document{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:30px minmax(0,1fr);gap:10px;margin-top:14px;padding:14px;display:grid}.lesson-source-card--compact .lesson-source-card__document{margin-top:0}.lesson-source-card__document>span{color:color-mix(in srgb, var(--yellow-500) 74%, var(--ink))}.lesson-source-card__document>div{gap:3px;display:grid}.lesson-source-card__document strong{color:var(--ink);font-size:13px;line-height:1.45}.lesson-source-card__document small{color:var(--muted);font-size:10px;line-height:1.4}.lesson-source-card__link{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:50px;color:var(--ink);background:var(--surface);text-align:left;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;padding:11px 14px;font-size:13px;font-weight:750;display:flex}.lesson-source-card__link svg{color:color-mix(in srgb, var(--yellow-500) 76%, var(--ink));flex:none}.lesson-source-card__notice{color:var(--muted);grid-template-columns:16px minmax(0,1fr);align-items:start;gap:6px;margin-top:11px;padding-inline-start:2px;padding-inline-end:2px;font-size:10px;line-height:1.45;display:grid}.lesson-source-card__notice svg{margin-top:1px}.lesson-sheet .ai-mentor--embedded{box-shadow:none;background:0 0;border:0;border-radius:0;gap:14px;padding:0;overflow:visible}.lesson-sheet .ai-mentor__intro{font-size:13px}.lesson-sheet .ai-mentor__prompts{margin-inline:calc(var(--page-x) * -1);padding-inline:var(--page-x)}.lesson-sheet .ai-mentor__question textarea{background:var(--surface)}@media (max-width:359px){.lesson-topbar{gap:6px;padding-inline-start:10px;padding-inline-end:10px}.lesson-topbar__streak{display:none}.lesson-topbar__locale{min-width:48px;padding-inline-start:6px;padding-inline-end:6px}.lesson-topbar__locale svg{display:none}.lesson-phase__hero h1{font-size:26px}.lesson-audio__waveform{gap:1px}.lesson-complete-stats strong{flex-direction:column}.lesson-sheet__header,.lesson-sheet__body{padding-inline-start:16px;padding-inline-end:16px}}@media (min-width:768px){.lesson-sticky-action{bottom:calc(111px + env(safe-area-inset-bottom))}}@media (prefers-reduced-transparency:reduce){.lesson-topbar{background:var(--background);-webkit-backdrop-filter:none;backdrop-filter:none}.lesson-sheet__backdrop,.lesson-exit-dialog__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:no-preference){.lesson-phase{animation:.34s cubic-bezier(.16,1,.3,1) both lesson-phase-in}.lesson-sheet__panel{animation:.34s cubic-bezier(.16,1,.3,1) both lesson-sheet-in}.lesson-complete-mark{animation:.44s cubic-bezier(.16,1,.3,1) both lesson-complete-in}}@keyframes lesson-phase-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lesson-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes lesson-complete-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes lesson-confetti{0%{opacity:0;transform:translate(-10px,-10px)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(18px,150px)rotate(380deg)}}@keyframes lesson-toast-in{0%{opacity:0;transform:translate(50%,10px)scale(.96)}12%,86%{opacity:1;transform:translate(50%)scale(1)}to{opacity:0;transform:translate(50%,8px)scale(.98)}}@keyframes lesson-spin{to{transform:rotate(360deg)}}.mock-screen{min-height:100dvh;padding-top:calc(24px + env(safe-area-inset-top))}.mock-screen-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.mock-screen-header h1{color:var(--ink);letter-spacing:-.85px;align-items:center;gap:8px;font-size:28px;font-weight:800;line-height:1.1;display:flex}.mock-screen-header p{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.4}.mock-screen-header__mark{border-radius:var(--radius-control);color:#111;background:var(--yellow-500);flex:none;place-items:center;width:48px;height:48px;display:grid}.rating-week-status{border:1px solid var(--border);border-radius:var(--radius-control);min-width:166px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:9px 11px;display:grid}.rating-week-status>svg{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink))}.rating-week-status>span{gap:2px;display:grid}.rating-week-status strong{font-size:10px;line-height:1.2}.rating-week-status small{color:var(--muted);font-size:9px;font-weight:650;line-height:1.25}.mock-avatar{border:3px solid var(--surface);color:#111;background:radial-gradient(circle at 33% 25%, #fff 0 8%, transparent 9%), linear-gradient(145deg, var(--yellow-100), var(--yellow-500));width:64px;height:64px;box-shadow:0 0 0 1px var(--border);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:850;display:grid}.mock-avatar--small{border-width:2px;width:42px;height:42px;font-size:13px}.mock-avatar--large{width:88px;height:88px;font-size:24px}.rating-summary{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);min-height:144px;box-shadow:var(--shadow-soft);grid-template-columns:78px minmax(76px,.8fr) minmax(0,1.35fr);align-items:center;gap:12px;padding:18px;display:grid}.rating-summary__shield{flex-direction:column;align-items:center;gap:4px;display:flex}.rating-summary__shield>span:last-child{max-width:78px;color:var(--ink-soft);text-align:center;font-size:10px;font-weight:800;line-height:1.15}.rating-summary__place,.rating-summary__points{flex-direction:column;min-width:0;display:flex}.rating-summary__place>span{color:var(--muted);font-size:13px}.rating-summary__place>strong{letter-spacing:-2px;margin-top:2px;font-size:50px;line-height:1}.rating-summary__place>small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:700}.rating-summary__points{border-left:1px solid var(--border);justify-content:center;align-self:stretch;padding-left:18px}.rating-summary__points>strong{white-space:normal;font-size:27px;line-height:1.1}.rating-summary__points>strong small{margin-top:3px;font-size:12px;font-weight:700;line-height:1.25;display:block}.rating-summary__points>span{color:var(--success);align-items:center;gap:4px;margin-top:7px;font-size:11px;font-weight:700;display:flex}.rating-summary__target{border-top:1px solid var(--border);color:var(--ink-soft);text-align:center;grid-column:1/-1;gap:3px;margin:2px 0 0;padding-top:12px;font-size:12px;font-weight:750;display:grid}.rating-summary__target>strong{color:var(--ink);font-size:12px}.rating-summary__target>span{color:var(--muted);font-size:10px;font-weight:650}.rating-auth-gate{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);min-height:168px;box-shadow:var(--shadow-soft);grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px 14px;padding:18px;display:grid}.rating-auth-gate__icon{border-radius:var(--radius-control);color:#111;background:var(--yellow-500);place-items:center;width:52px;height:52px;display:grid}.rating-auth-gate h2{color:var(--ink);font-size:17px;font-weight:800;line-height:1.25}.rating-auth-gate div>p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.45}.rating-auth-gate .button,.rating-auth-gate__loading{grid-column:1/-1}.rating-auth-gate__loading{color:var(--muted);text-align:center;font-size:12px;font-weight:700}.rating-shield{--shield-fill:var(--surface-strong);--shield-emblem:var(--ink);--shield-accent:color-mix(in srgb, var(--shield-fill) 72%, var(--ink));--shield-ornament:var(--shield-accent);--shield-weapon:var(--shield-accent);--shield-wing:var(--shield-ornament);--shield-backplate-size:58%;width:var(--rating-shield-size);height:var(--rating-shield-size);color:var(--shield-fill);flex:none;place-items:center;display:grid;position:relative}.rating-shield__halo{z-index:0;border:3px solid var(--shield-ornament);background:color-mix(in srgb, var(--shield-fill) 18%, transparent);width:94%;height:94%;box-shadow:0 0 0 3px color-mix(in srgb, var(--shield-ornament) 28%, transparent), 0 5px 10px #1113;border-radius:50%;position:absolute}.rating-shield__backplate{z-index:1;width:var(--shield-backplate-size);height:var(--shield-backplate-size);border:2px solid var(--shield-accent);background:color-mix(in srgb, var(--shield-accent) 18%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--shield-accent) 16%, transparent), 0 4px 8px #11111124;border-radius:8px;position:absolute;transform:rotate(45deg)}.rating-shield__base{z-index:3;color:var(--shield-fill);filter:drop-shadow(0 4px 5px #1111112e);position:relative}.rating-shield__base--frame{color:var(--shield-accent)}.rating-shield__inner{z-index:4;color:var(--shield-fill);filter:drop-shadow(0 3px 3px #1111113d);position:absolute}.rating-shield__emblem{z-index:5;color:var(--shield-emblem);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(-2%)}.rating-shield__wings{z-index:2;color:var(--shield-wing);position:absolute;top:0;bottom:0;left:0;right:0}.rating-shield__wing{filter:drop-shadow(0 2px 2px #11111129);position:absolute}.rating-shield__wing--left-upper{top:4%;left:-30%;transform:scaleX(-1)rotate(-14deg)}.rating-shield__wing--left-lower{color:color-mix(in srgb, var(--shield-wing) 70%, var(--shield-ornament));top:30%;left:-25%;transform:scaleX(-1)rotate(-42deg)}.rating-shield__wing--right-upper{top:4%;right:-30%;transform:rotate(-14deg)}.rating-shield__wing--right-lower{color:color-mix(in srgb, var(--shield-wing) 70%, var(--shield-ornament));top:30%;right:-25%;transform:rotate(-42deg)}.rating-shield__tail{z-index:2;color:var(--shield-wing);position:absolute;top:0;bottom:0;left:0;right:0}.rating-shield__tail-feather{filter:drop-shadow(0 2px 2px #11111129);transform-origin:50% 0;position:absolute;bottom:-18%;left:50%}.rating-shield__tail-feather--left{transform:translate(-62%)rotate(18deg)}.rating-shield__tail-feather--center{transform:translate(-50%)rotate(45deg)}.rating-shield__tail-feather--right{transform:translate(-38%)rotate(72deg)}.rating-shield__swords{z-index:2;color:var(--shield-weapon);position:absolute;top:0;bottom:0;left:0;right:0}.rating-shield__sword{filter:drop-shadow(0 3px 3px #11111138);position:absolute;top:-9%;left:50%}.rating-shield__sword--left{transform:translate(-50%)rotate(-6deg)}.rating-shield__sword--right{transform:translate(-50%)rotate(-6deg)scaleX(-1)}.rating-shield__chevrons,.rating-shield__laurel,.rating-shield__silver-gems{z-index:2;color:var(--shield-ornament);position:absolute;top:0;bottom:0;left:0;right:0}.rating-shield__silver-gem{filter:drop-shadow(0 2px 2px #1111112e);position:absolute;left:50%}.rating-shield__silver-gem--top{top:-7%;transform:translate(-50%)}.rating-shield__silver-gem--bottom{bottom:-1%;transform:translate(-50%)}.rating-shield__chevron{filter:drop-shadow(0 3px 3px #1111112e);position:absolute;top:27%}.rating-shield__chevron--left{left:-16%}.rating-shield__chevron--right{right:-16%}.rating-shield__leaf{filter:drop-shadow(0 2px 2px #11111129);width:30%;height:30%;position:absolute}.rating-shield__leaf--left-top{top:18%;left:-11%;transform:scaleX(-1)rotate(-18deg)}.rating-shield__leaf--left-bottom{bottom:10%;left:-3%;transform:scaleX(-1)rotate(-52deg)}.rating-shield__leaf--right-top{top:18%;right:-11%;transform:rotate(-18deg)}.rating-shield__leaf--right-bottom{bottom:10%;right:-3%;transform:rotate(-52deg)}.rating-shield__crown{z-index:6;color:var(--shield-ornament);filter:drop-shadow(0 2px 2px #1111112e);position:absolute;top:-10%}.rating-shield__falcon-crest{z-index:6;color:var(--shield-emblem);filter:drop-shadow(0 2px 2px #11111138);position:absolute;top:-13%}.rating-shield--paper{--shield-fill:#e8e8e4;--shield-emblem:#595956}.rating-shield--wood{--shield-fill:#b98754;--shield-emblem:#3b2818}.rating-shield--copper{--shield-fill:#d17b48;--shield-emblem:#421d0d;--shield-backplate-size:52%}.rating-shield--steel{--shield-fill:#687786;--shield-emblem:#fff;--shield-weapon:#aab5bf;--shield-backplate-size:58%}.rating-shield--silver{--shield-fill:#dce2ea;--shield-emblem:#3f4b57;--shield-accent:#8793a2;--shield-ornament:#aab5bf;--shield-backplate-size:64%}.rating-shield--gold{--shield-fill:var(--yellow-500);--shield-emblem:#111;--shield-accent:var(--warning);--shield-ornament:color-mix(in srgb, var(--yellow-500) 76%, var(--ink));--shield-weapon:var(--muted);--shield-backplate-size:64%}.rating-shield--falcon{--shield-fill:#51437f;--shield-emblem:var(--yellow-500);--shield-accent:var(--yellow-500);--shield-ornament:var(--yellow-500);--shield-wing:color-mix(in srgb, var(--shield-fill) 72%, var(--surface));--shield-backplate-size:62%}.ai-chat-header{z-index:18;margin:calc(-24px - env(safe-area-inset-top)) calc(var(--page-x) * -1) 18px;padding:calc(18px + env(safe-area-inset-top)) var(--page-x) 12px;display:block;position:sticky;top:0}.app-viewport--ai-chat{overflow-x:clip}.ai-chat-header:before{z-index:0;background:linear-gradient(to bottom, var(--background) 0, color-mix(in srgb, var(--background) 94%, transparent) calc(100% - 30px), transparent 100%);-webkit-backdrop-filter:blur(7px);content:"";pointer-events:none;position:absolute;top:0;bottom:-30px;left:0;right:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 30px),#0000);mask-image:linear-gradient(#000 calc(100% - 30px),#0000)}.ai-chat-header>*{z-index:1;position:relative}.ai-chat-header__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-chat-header__actions{flex:none;gap:6px;display:flex}.ai-chat-header__actions button,.ai-chat-temporary>button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;display:grid}.ai-chat-header__actions button:active,.ai-chat-temporary>button:active{transform:scale(.96)}.ai-chat-screen{padding-bottom:calc(258px + env(safe-area-inset-bottom))}.ai-chat-header .ai-chat-header__notice{max-width:440px;color:var(--muted);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;margin-top:9px;font-size:12px;line-height:1.45;display:grid}.ai-chat-header .ai-chat-header__notice svg{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink))}.ai-chat-welcome{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:40px minmax(0,1fr);gap:11px;padding:14px;display:grid}.ai-chat-mark{color:#111;background:var(--yellow-500);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.ai-chat-welcome h2{letter-spacing:-.25px;font-size:16px;line-height:1.35}.ai-chat-welcome p{color:var(--muted);margin-top:4px;font-size:12px}.ai-chat-welcome .ai-chat-mark{width:40px;height:40px}.ai-chat-welcome>.ai-chat-welcome__temporary{border:1px dashed var(--border);border-radius:var(--radius-sm);min-height:44px;color:var(--muted);text-align:left;background:0 0;grid-column:1/-1;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:750;display:grid}.ai-chat-temporary{border:1px solid color-mix(in srgb, var(--yellow-500) 58%, var(--border));border-radius:var(--radius-control);color:var(--ink);background:var(--yellow-100);grid-template-columns:22px minmax(0,1fr) 44px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 10px 10px 13px;display:grid}.ai-chat-temporary>svg{color:#111}.ai-chat-temporary>div{gap:2px;display:grid}.ai-chat-temporary strong{font-size:12px}.ai-chat-temporary span{color:var(--ink-soft);font-size:10px;line-height:1.4}.ai-chat-temporary-status{border:1px solid color-mix(in srgb, var(--yellow-500) 58%, var(--border));width:-moz-fit-content;width:fit-content;min-height:44px;color:var(--ink);background:var(--yellow-100);text-align:left;border-radius:999px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:14px;padding:7px 12px;display:inline-grid}.ai-chat-temporary-status>svg{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink))}.ai-chat-temporary-status>span{align-items:baseline;gap:6px;display:flex}.ai-chat-temporary-status strong{font-size:11px}.ai-chat-temporary-status small{color:var(--muted);font-size:9px;font-weight:700}.ai-chat-temporary-status:active{transform:scale(.98)}.ai-chat-state{border:1px solid var(--border);border-radius:var(--radius-card);min-height:160px;color:var(--muted);background:var(--surface);text-align:center;align-content:center;place-items:center;gap:12px;padding:22px;display:grid}.ai-chat-state--error>svg{color:var(--error)}.ai-chat-state p{font-size:13px;line-height:1.45}.ai-chat-state>button,.ai-chat-history-state>button{color:#111;background:var(--yellow-500);border-radius:999px;min-height:44px;padding:8px 14px;font-size:12px;font-weight:800}.ai-chat-state__loader{align-items:center;gap:5px;display:flex}.ai-chat-state__loader i{background:var(--yellow-500);border-radius:50%;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.ai-chat-state__loader i{animation:.72s ease-in-out infinite alternate ai-chat-state-pulse}.ai-chat-state__loader i:nth-child(2){animation-delay:.12s}.ai-chat-state__loader i:nth-child(3){animation-delay:.24s}}@keyframes ai-chat-state-pulse{to{opacity:.35;transform:translateY(-3px)}}.ai-chat-suggestions{grid-column:1/-1;gap:6px;margin-top:2px;display:grid}.ai-chat-suggestions button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);text-align:left;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:44px;padding:7px 10px;display:grid}.ai-chat-suggestions button>svg:first-child{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink))}.ai-chat-suggestions button:active,.friend-action:active,.feed-achievement button:active,.feed-lesson button:active{transform:scale(.98)}.ai-chat-suggestions button:disabled{opacity:.58;transform:none}.ai-chat-thread{gap:12px;margin-top:18px;display:grid}.ai-chat-thread:empty{margin-top:0}.ai-chat-message{max-width:89%}.ai-chat-message--user{border:1px solid var(--border);border-radius:var(--radius-card) var(--radius-card) 4px var(--radius-card);color:var(--ink);background:var(--surface-strong);box-shadow:var(--shadow-soft);justify-self:end;padding:14px 16px}.ai-chat-message--user p{font-size:14px;line-height:1.45}.ai-chat-message__attachments{flex-wrap:wrap;gap:8px;margin:10px 0 0;display:flex}.ai-chat-message__image{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-secondary);width:96px;height:96px;padding:0;overflow:hidden}.ai-chat-message__image img{object-fit:cover;width:100%;height:100%;transition:transform .16s}.ai-chat-message__image:active img{transform:scale(.97)}.ai-chat-message__file{min-width:0;color:var(--muted);grid-template-columns:17px minmax(0,1fr);align-items:center;gap:6px;font-size:10px;display:grid}.ai-chat-message__file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-chat-overlay{z-index:55;width:min(100%,480px);padding:calc(16px + env(safe-area-inset-top)) 10px calc(16px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--ink) 42%, transparent);-webkit-backdrop-filter:blur(5px);align-items:end;display:grid;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.ai-chat-overlay--dialog{z-index:57;place-items:center}.ai-chat-history-sheet{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);width:100%;max-height:min(78dvh,680px);box-shadow:var(--shadow-raised);grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding:16px;display:grid;overflow:hidden}.ai-chat-history-sheet>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-chat-history-sheet>header>div{align-items:baseline;gap:8px;min-width:0;display:flex}.ai-chat-history-sheet h2,.ai-chat-confirmation h2{color:var(--ink);font-size:18px;font-weight:800;line-height:1.3}.ai-chat-history-sheet>header span{color:var(--muted);font-size:11px;font-weight:750}.ai-chat-history-sheet>header>button{width:44px;height:44px;color:var(--ink);background:var(--surface-secondary);border-radius:50%;flex:none;place-items:center;display:grid}.ai-chat-history-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ai-chat-history-actions button{border:1px solid var(--border);border-radius:var(--radius-small);min-height:48px;color:var(--ink);background:var(--background);text-align:left;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:800;display:grid}.ai-chat-history-actions button:first-child{color:#111;border-color:var(--yellow-500);background:var(--yellow-500)}.ai-chat-history-state{min-height:148px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;padding:20px;font-size:12px;line-height:1.5;display:grid;overflow-y:auto}.ai-chat-history-list{gap:6px;margin:0;padding:0 2px 0 0;list-style:none;display:grid;overflow-y:auto}.ai-chat-history-list li{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--background);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:4px;min-height:58px;padding:4px;display:grid}.ai-chat-history-list li.is-active{border-color:color-mix(in srgb, var(--yellow-500) 75%, var(--border));background:var(--yellow-100)}.ai-chat-history-list li>button:first-child{min-width:0;min-height:48px;color:var(--ink);text-align:left;background:0 0;align-content:center;gap:3px;padding:6px 8px;display:grid}.ai-chat-history-list li>button:first-child span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.ai-chat-history-list li small{color:var(--muted);font-size:9px}.ai-chat-history-list li>button:last-child{width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.ai-chat-history-delete-all{min-height:44px;color:var(--error);background:0 0;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.ai-chat-confirmation{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);width:min(100%,390px);box-shadow:var(--shadow-raised);text-align:center;gap:10px;padding:20px;display:grid}.ai-chat-confirmation__icon{color:#111;background:var(--yellow-500);border-radius:50%;place-self:center;place-items:center;width:52px;height:52px;display:grid}.ai-chat-confirmation>p{color:var(--muted);font-size:12px;line-height:1.5}.ai-chat-confirmation>strong{border-radius:var(--radius-small);color:var(--ink);background:var(--surface-secondary);padding:10px;font-size:12px}.ai-chat-confirmation>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.ai-chat-confirmation>div button{border-radius:var(--radius-control);min-height:48px;color:var(--ink);background:var(--surface-secondary);padding:8px 10px;font-size:11px;font-weight:800}.ai-chat-confirmation>div button:last-child{color:#111;background:var(--yellow-500)}.ai-chat-image-viewer{z-index:60;top:0;bottom:0;width:min(100%,480px);padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--ink) 82%, transparent);-webkit-backdrop-filter:blur(10px);place-items:center;display:grid;position:fixed;left:50%;transform:translate(-50%)}.ai-chat-image-viewer__content{width:min(100%,440px);max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));place-items:center;display:grid;position:relative}.ai-chat-image-viewer__content>img{max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:var(--radius-control);object-fit:contain;box-shadow:var(--shadow-raised)}.ai-chat-image-viewer__content>button{width:44px;height:44px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-raised);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.ai-chat-message--assistant{border:1px solid var(--border);border-radius:var(--radius-card) var(--radius-card) var(--radius-card) 4px;background:var(--surface);max-width:96%;box-shadow:var(--shadow-soft);grid-template-columns:36px minmax(0,1fr);gap:10px;padding:14px;display:grid}.ai-chat-message--assistant .ai-chat-mark{width:36px;height:36px}.ai-chat-message--assistant p{white-space:pre-line;font-size:13px;line-height:1.55}.ai-chat-message--assistant ol{gap:8px;margin:12px 0 0;padding-left:22px;font-size:12px;font-weight:700;line-height:1.4;display:grid}.ai-chat-message--assistant li::marker{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink));font-weight:850}.ai-chat-message--assistant button{border-top:1px solid var(--border);text-align:left;background:0 0;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:14px;padding:10px 0 0;display:grid}.ai-chat-message--assistant button>svg:first-child{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink))}.ai-chat-message--assistant button span{flex-direction:column;min-width:0;display:flex}.ai-chat-message--assistant button strong{font-size:11px}.ai-chat-message--assistant button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.ai-chat-message__sources{border-top:1px solid var(--border);gap:6px;margin-top:12px;padding-top:10px;display:grid}.ai-chat-message--assistant .ai-chat-message__source-warning{border:1px solid color-mix(in srgb, var(--warning) 42%, var(--border));border-radius:var(--radius-small);color:var(--ink-soft);background:color-mix(in srgb, var(--warning) 12%, var(--surface));grid-template-columns:18px minmax(0,1fr);gap:8px;margin-top:12px;padding:10px;font-size:11px;line-height:1.45;display:grid}.ai-chat-message__source-warning svg{color:var(--warning);margin-top:1px}.ai-chat-message__sources>strong{color:var(--muted);font-size:10px}.ai-chat-message__sources button{border-top:0;min-height:44px;margin-top:0;padding:7px 0}.ai-chat-message__sources button>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;display:block;overflow:hidden}.ai-chat-recommendation{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.ai-chat-message--assistant .ai-chat-recommendation__label{color:var(--muted);font-size:10px;font-weight:750;line-height:1.35}.ai-chat-message--assistant .ai-chat-recommendation button{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--background);min-height:48px;margin-top:7px;padding:8px 10px}.ai-chat-message--assistant .ai-chat-recommendation button small{font-size:10px}.ai-chat-message--loading{align-items:center}.ai-chat-message--loading p{color:var(--muted)}.ai-chat-message--error{border-color:color-mix(in srgb, var(--error) 38%, var(--border))}.ai-chat-message--error button{min-height:44px;color:var(--ink);grid-template-columns:20px minmax(0,1fr);margin-top:8px;padding-top:8px}.ai-chat-message--error button>span{font-size:11px;font-weight:750;display:block}.ai-chat-dock{z-index:19;right:50%;bottom:calc(72px + env(safe-area-inset-bottom));gap:8px;width:min(468px,100% - 12px);display:grid;position:fixed;transform:translate(50%)}.ai-chat-dock:before{z-index:0;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--background) 76%, transparent) 30px, var(--background) 58px);-webkit-backdrop-filter:blur(7px);content:"";pointer-events:none;border-radius:30px 30px 0 0;position:absolute;top:-30px;bottom:-6px;left:-6px;right:-6px;-webkit-mask-image:linear-gradient(#0000,#000 30px);mask-image:linear-gradient(#0000,#000 30px)}.ai-chat-dock>*{z-index:1;position:relative}.ai-chat-composer__attachments{scrollbar-width:none;grid-column:1/-1;gap:7px;min-width:0;padding:4px 4px 2px;display:flex;overflow-x:auto}.ai-chat-composer__attachments::-webkit-scrollbar{display:none}.ai-chat-attachment{min-width:0;color:var(--ink);background:var(--surface-secondary);flex:none;position:relative}.ai-chat-attachment--image{border:1px solid var(--border);border-radius:var(--radius-small);width:56px;height:56px;padding:0}.ai-chat-attachment--image img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.ai-chat-attachment__remove{border:2px solid var(--surface);width:22px;height:22px;color:var(--ink);background:var(--surface-strong);box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-5px}.ai-chat-attachment--file{border:1px solid var(--border);border-radius:999px;flex-basis:min(230px,78vw);grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:7px;min-height:44px;padding:8px 10px;font-size:11px;display:grid}.ai-chat-attachment--file>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-chat-composer{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-height:54px;box-shadow:var(--shadow-raised);grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:end;gap:2px;padding:4px;display:grid}.ai-chat-composer:focus-within{border-color:color-mix(in srgb, var(--yellow-500) 72%, var(--border))}.ai-chat-attachment-control{grid-column:1;position:relative}.ai-chat-composer__action{width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.ai-chat-composer__action:active{transform:scale(.95)}.ai-chat-composer__action.is-listening{color:#111;background:var(--yellow-500)}.ai-chat-composer__voice{grid-column:3}.ai-chat-composer__send{color:#111;background:var(--yellow-500);grid-column:4;transition:color .16s,background-color .16s,transform .16s}.ai-chat-composer__send:disabled{color:var(--muted);background:var(--surface-strong)}.ai-chat-attachment-menu{z-index:2;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:222px;box-shadow:var(--shadow-raised);padding:6px;display:grid;position:absolute;bottom:calc(100% + 12px);left:0;overflow:hidden}.ai-chat-attachment-menu button{min-height:48px;color:var(--ink);text-align:left;background:0 0;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:8px 10px;font-size:12px;font-weight:750;display:grid}.ai-chat-attachment-menu button:hover{background:var(--surface-secondary)}.ai-chat-attachment-menu button:focus-visible{background:var(--surface-secondary)}.ai-chat-attachment-menu svg{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink))}.ai-chat-composer label{grid-column:1/-1;align-items:flex-end;min-width:0;min-height:44px;padding-inline-start:8px;padding-inline-end:8px;display:flex}.ai-chat-composer textarea{width:100%;min-height:44px;max-height:122px;color:var(--ink);resize:none;background:0 0;border:0;outline:0;padding:10px 4px 6px;font-size:13px;line-height:20px;overflow-y:hidden}.ai-chat-composer textarea::placeholder{color:var(--muted)}.ai-chat-voice-status{z-index:2;width:max-content;max-width:calc(100% - 16px);color:var(--ink-soft);background:var(--surface);box-shadow:var(--shadow-soft);text-align:center;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;line-height:1.35;display:flex;position:absolute;bottom:calc(100% + 10px);right:50%;transform:translate(50%)}.ai-chat-voice-wave{flex:none;align-items:center;gap:2px;height:14px;display:inline-flex}.ai-chat-voice-wave>span{background:currentColor;border-radius:999px;width:2px;height:6px}.ai-chat-voice-wave>span:nth-child(2),.ai-chat-voice-wave>span:nth-child(4){height:10px}.ai-chat-voice-wave>span:nth-child(3){height:14px}@media (prefers-reduced-motion:no-preference){.ai-chat-voice-wave>span{transform-origin:50%;animation:.62s ease-in-out infinite alternate ai-chat-voice-wave}.ai-chat-voice-wave>span:nth-child(2){animation-delay:-360ms}.ai-chat-voice-wave>span:nth-child(3){animation-delay:-180ms}.ai-chat-voice-wave>span:nth-child(4){animation-delay:-480ms}.ai-chat-voice-wave>span:nth-child(5){animation-delay:-90ms}}@keyframes ai-chat-voice-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@media (prefers-reduced-transparency:reduce){.ai-chat-header:before,.ai-chat-dock:before{-webkit-backdrop-filter:none}}.friend-search{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);min-height:52px;box-shadow:var(--shadow-soft);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:0 15px;display:grid}.friend-search svg{color:var(--muted)}.friend-search input{background:0 0;border:0;outline:0;min-width:0;height:50px;font-size:14px}.friend-search input::placeholder{color:var(--muted)}.friend-strip{margin:18px calc(var(--page-x) * -1) 0;padding:2px var(--page-x) 8px;scrollbar-width:none;grid-auto-columns:66px;grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}.friend-strip::-webkit-scrollbar{display:none}.friend-strip button{background:0 0;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;display:flex}.friend-strip button small{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;font-weight:700;overflow:hidden}.friend-strip__add{border:1px solid var(--border);width:64px;height:64px;color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink));background:var(--surface);border-radius:50%;place-items:center;display:grid}.feed-search-empty{border:1px dashed var(--border);border-radius:var(--radius-card);color:var(--muted);text-align:center;margin-top:18px;padding:20px}.feed-list{gap:12px;margin-top:18px;display:grid}.feed-card,.friend-suggestion{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);padding:14px}.feed-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.feed-card__header>button:first-child,.feed-card__source,.feed-card--compact>button,.friend-suggestion>button:first-child{text-align:left;background:0 0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.feed-card__header>button:last-child{width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.feed-card__header span:not(.mock-avatar),.feed-card--compact>button>span:last-child,.friend-suggestion>button:first-child>span:last-child{flex-direction:column;min-width:0;display:flex}.feed-card__header strong,.feed-card--compact strong,.friend-suggestion strong{font-size:14px}.feed-card__header small,.feed-card--compact small,.friend-suggestion small{color:var(--muted);margin-top:2px;font-size:10px}.feed-achievement{grid-template-columns:64px minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.feed-achievement>span,.feed-lesson__art,.feed-card__source>span:first-child{color:#111;background:var(--yellow-100);place-items:center;display:grid}.feed-achievement>span{border-radius:var(--radius-control);width:64px;height:64px}.feed-achievement h2,.feed-lesson h2{font-size:15px;line-height:1.35}.feed-achievement p,.feed-lesson p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.45}.feed-achievement button,.feed-lesson button,.friend-action{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);justify-content:center;align-items:center;gap:7px;min-height:44px;margin-top:12px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.feed-achievement button.is-selected{border-color:color-mix(in srgb, var(--yellow-500) 70%, var(--border));background:var(--yellow-100)}.feed-card__source>span:first-child{border-radius:50%;width:42px;height:42px}.feed-lesson{grid-template-columns:112px minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.feed-lesson__art{border-radius:var(--radius-control);background:radial-gradient(circle at 70% 25%, #fff 0 7%, transparent 8%), linear-gradient(145deg, var(--yellow-300), var(--yellow-500));min-height:124px}.feed-lesson button{color:#fff;background:#111;border-color:#111}.feed-card--compact>button{width:100%}.feed-card--compact>div{border-radius:var(--radius-control);background:color-mix(in srgb, var(--success) 9%, var(--surface));align-items:center;gap:10px;margin-top:12px;padding:12px;display:flex}.feed-card--compact>div>svg{color:var(--success);flex:none}.feed-card--compact>div>span{flex-direction:column;display:flex}.friend-suggestion{justify-content:space-between;align-items:center;gap:10px;display:flex}.friend-suggestion>button:first-child{flex:1}.friend-suggestion small:last-child{align-items:center;gap:4px;display:flex}.friend-action{border-color:color-mix(in srgb, var(--yellow-500) 75%, var(--border));flex:none;margin-top:0}.friend-profile-sheet{z-index:45;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.friend-profile-sheet__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1111117a;position:absolute;top:0;bottom:0;left:0;right:0}.friend-profile-sheet__panel{z-index:1;width:min(480px,100%);max-height:88dvh;padding:26px var(--page-x) calc(24px + env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:var(--radius-large) var(--radius-large) 0 0;background:var(--surface);flex-direction:column;align-items:center;display:flex;position:relative;overflow-y:auto;box-shadow:0 -18px 48px #1111112e}.friend-profile-sheet__close{background:var(--surface-secondary);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px}.friend-profile-sheet__panel>small{color:var(--muted);margin-top:13px;font-size:11px}.friend-profile-sheet__panel h2{margin-top:3px;font-size:24px}.friend-profile-sheet__panel>p{color:var(--muted);margin-top:4px;font-size:13px}.friend-profile-sheet__stats{border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:20px;padding:15px 0;display:grid}.friend-profile-sheet__stats>span{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.friend-profile-sheet__stats>span+span{border-left:1px solid var(--border)}.friend-profile-sheet__stats strong{font-size:18px}.friend-profile-sheet__stats small{color:var(--muted);margin-top:3px;font-size:9px}.friend-profile-sheet__achievement{border-radius:var(--radius-control);color:#111;background:var(--yellow-100);align-items:center;gap:10px;width:100%;margin:16px 0;padding:13px;display:flex}.friend-profile-sheet__achievement>span{flex-direction:column;display:flex}.friend-profile-sheet__achievement small{font-size:9px}.friend-profile-sheet__achievement strong{margin-top:2px;font-size:13px}:root[data-high-contrast=true] .rating-summary,:root[data-high-contrast=true] .rating-league-card,:root[data-high-contrast=true] .rating-league-panel,:root[data-high-contrast=true] .ai-chat-welcome,:root[data-high-contrast=true] .ai-chat-message--assistant,:root[data-high-contrast=true] .ai-chat-composer,:root[data-high-contrast=true] .ai-chat-attachment-menu,:root[data-high-contrast=true] .ai-chat-attachment,:root[data-high-contrast=true] .ai-chat-temporary,:root[data-high-contrast=true] .ai-chat-temporary-status,:root[data-high-contrast=true] .ai-chat-state,:root[data-high-contrast=true] .ai-chat-history-sheet,:root[data-high-contrast=true] .ai-chat-history-list li,:root[data-high-contrast=true] .ai-chat-confirmation,:root[data-high-contrast=true] .friend-search,:root[data-high-contrast=true] .feed-card,:root[data-high-contrast=true] .friend-suggestion{border-width:2px}@media (max-width:360px){.mock-screen{--page-x:16px}.ai-chat-composer{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:0;padding-inline-start:4px;padding-inline-end:4px}.ai-chat-header__top h1{letter-spacing:-.5px;gap:5px;font-size:22px}.ai-chat-header__top h1 svg{width:22px;height:22px}.ai-chat-header__actions{gap:4px}.ai-chat-history-sheet{padding:14px}.ai-chat-confirmation{padding:18px 14px}.rating-summary{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:15px}.rating-summary__shield>span:last-child{font-size:9px}.rating-summary__place>strong{font-size:42px}.rating-summary__points{border-top:1px solid var(--border);border-left:0;flex-flow:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;padding-left:0}.rating-summary__points>strong{font-size:22px}.rating-summary__points>span{margin-top:0}.rating-league-user__points small{display:none}.rating-league-panel__head{grid-template-columns:48px minmax(0,1fr);gap:10px}.rating-league-panel__head>.rating-shield{transform:scale(.9)}.rating-league-panel__count{grid-column:2;justify-self:start}.rating-league-users li{gap:7px;padding-inline-start:5px;padding-inline-end:5px}.feed-lesson{grid-template-columns:92px minmax(0,1fr);gap:11px}.feed-achievement{grid-template-columns:52px minmax(0,1fr);gap:11px}.feed-achievement>span{width:52px;height:52px}.friend-suggestion{flex-direction:column;align-items:flex-start}.friend-action{width:100%}}@media (prefers-reduced-transparency:reduce){.friend-profile-sheet__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:no-preference){.friend-profile-sheet__panel{animation:.26s cubic-bezier(.16,1,.3,1) both profile-sheet-in}}.social-feed-screen,.social-subscreen{min-height:100dvh;padding-top:calc(24px + env(safe-area-inset-top))}.social-feed-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.social-feed-header h1{color:var(--ink);letter-spacing:-.85px;font-size:28px;font-weight:800;line-height:1.1}.social-feed-header p{max-width:28ch;color:var(--muted);margin-top:6px;font-size:13px;line-height:1.45}.social-leaderboard{border-radius:var(--radius-large);color:#fff;box-shadow:var(--shadow-raised);background:#111;border:1px solid #323232;margin-top:14px;padding:17px}.social-leaderboard__eyebrow{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.social-leaderboard__eyebrow>span{color:#111;background:var(--yellow-500);letter-spacing:.55px;border-radius:9px;padding:6px 10px;font-size:9px;font-weight:900}.social-leaderboard__eyebrow>a{color:#ffffffbd;align-items:center;gap:2px;min-height:44px;font-size:10px;font-weight:750;display:inline-flex}.social-leaderboard__summary{margin-top:5px}.social-leaderboard__summary h2{color:#fff;letter-spacing:-.35px;font-size:19px;font-weight:800;line-height:1.25}.social-leaderboard__summary p{color:#ffffffb8;margin-top:4px;font-size:11px;line-height:1.4}.social-leaderboard__summary p>span{color:var(--yellow-300);margin-left:8px;font-weight:750}.social-leaderboard__race{margin-top:12px}.social-leaderboard__markers{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.social-leaderboard__markers>a,.social-leaderboard__markers>div{color:#fff;align-items:center;gap:7px;min-width:0;display:flex}.social-leaderboard__markers>div{text-align:right;flex-direction:row-reverse}.social-leaderboard__markers span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;overflow:hidden}.social-leaderboard__markers .social-avatar{box-shadow:0 0 0 1px var(--yellow-300);border-color:#111}.social-leaderboard__race progress{width:100%;height:6px;accent-color:var(--yellow-500);background:#3c3c3c;border:0;border-radius:999px;margin-top:8px;overflow:hidden}.social-leaderboard__race progress::-webkit-progress-bar{background:#3c3c3c;border-radius:999px}.social-leaderboard__race progress::-webkit-progress-value{background:var(--yellow-500);border-radius:999px}.social-leaderboard__race progress::-moz-progress-bar{background:var(--yellow-500);border-radius:999px}.social-leaderboard footer{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:11px;display:grid}.social-leaderboard__lesson-action,.social-leaderboard footer>button{border-radius:13px;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:11px;font-weight:800;display:inline-flex}.social-leaderboard__lesson-action{color:#111;background:var(--yellow-500)}.social-leaderboard footer>button{color:#fff;background:0 0;border:1px solid #4a4a4a;min-width:96px;padding:7px 10px}.social-leaderboard footer>button:disabled{color:#ffffff94;background:#242424}.social-challenge-list{gap:8px;margin-top:9px;display:grid}.social-challenge{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px;display:grid}.social-challenge--progress,.social-challenge--actionable{grid-template-columns:minmax(0,1fr)}.social-challenge__lead{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.social-challenge__avatar{color:#111;background:var(--yellow-500);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.social-challenge__lightning{border:2px solid var(--surface);color:#111;background:var(--yellow-500);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-2px;right:-2px}.social-challenge__lead>div{min-width:0}.social-challenge__lead h2{color:var(--ink);overflow-wrap:anywhere;white-space:normal;font-size:13px;font-weight:800;line-height:1.3}.social-challenge__lead p{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.35}.social-challenge__progress{gap:6px;display:grid}.social-challenge__progress>div{grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:8px;min-height:44px;padding:2px 4px;display:grid}.social-challenge__progress>div>span{gap:4px;min-width:0;display:grid}.social-challenge__progress strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;overflow:hidden}.social-challenge__progress progress{width:100%;height:5px;accent-color:var(--yellow-500);background:var(--border);border:0;border-radius:999px;overflow:hidden}.social-challenge__progress progress::-webkit-progress-bar{background:var(--border);border-radius:999px}.social-challenge__progress progress::-webkit-progress-value{background:var(--yellow-500);border-radius:999px}.social-challenge__progress progress::-moz-progress-bar{background:var(--yellow-500);border-radius:999px}.social-challenge__progress b{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right;font-size:10px}.social-challenge__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.social-challenge__actions button{border:1px solid var(--border);min-height:44px;color:var(--ink);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:7px 10px;font-size:10px;font-weight:750;display:inline-flex}.social-challenge__actions button.is-primary{color:#111;border-color:var(--yellow-500);background:var(--yellow-500)}.social-icon-button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .15s,background-color .15s;display:grid;position:relative}.social-icon-button:active{background:var(--surface-secondary);transform:scale(.96)}.social-icon-button--badge>span{border:2px solid var(--background);color:#111;background:var(--yellow-500);border-radius:999px;place-items:center;min-width:20px;height:20px;padding-inline-start:5px;padding-inline-end:5px;font-size:10px;font-weight:850;display:grid;position:absolute;top:-4px;right:-3px}.social-friends-preview{margin-top:14px}.social-section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.social-section-heading h2,.social-profile-section>h2,.social-request-groups section>h2,.social-notification-groups section>h2{color:var(--ink);letter-spacing:-.25px;font-size:18px;font-weight:750;line-height:1.3}.social-section-heading>a{min-height:44px;color:var(--ink-soft);align-items:center;gap:4px;font-size:11px;font-weight:750;display:inline-flex}.social-friends-preview__list{width:calc(100% + var(--page-x));overscroll-behavior-inline:contain;padding:2px var(--page-x) 4px 2px;scrollbar-width:none;gap:7px;margin-top:6px;scroll-padding-inline:2px;display:flex;overflow-x:auto}.social-friends-preview__list::-webkit-scrollbar{display:none}.social-friends-preview__list>a{border-radius:var(--radius-control);text-align:center;flex-direction:column;align-items:center;gap:6px;width:62px;min-width:62px;min-height:78px;padding:2px 1px;transition:transform .15s,background-color .15s;display:flex}.social-friends-preview__list>a:active{background:var(--surface-secondary);transform:scale(.97)}.social-friends-preview__list>a>span:last-child{width:100%;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.25;overflow:hidden}.social-friend-avatar{box-shadow:0 0 0 2px var(--yellow-500);border-radius:50%;padding:2px;display:grid}.social-friend-add>span:first-child{border:1px dashed var(--muted);width:58px;height:58px;color:var(--ink-soft);background:var(--surface);border-radius:50%;place-items:center;display:grid}.social-avatar{border:3px solid var(--surface);color:#111;background:var(--yellow-300);width:58px;height:58px;box-shadow:0 0 0 1px var(--border);border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:850;display:grid}.social-avatar--small{border-width:2px;width:42px;height:42px;font-size:12px}.social-avatar--large{border-width:4px;width:92px;height:92px;font-size:25px}.social-find-friends{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-height:74px;box-shadow:var(--shadow-soft);grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:12px;margin-top:8px;padding:14px;display:grid}.social-find-friends>span:first-child{color:#111;background:var(--yellow-500);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.social-find-friends>div{gap:3px;min-width:0;display:grid}.social-find-friends strong{color:var(--ink);font-size:14px}.social-find-friends small{color:var(--muted);font-size:11px;line-height:1.35}.social-find-friends>svg{color:var(--muted)}.social-feed-filters,.social-segmented-tabs{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:0;padding:4px;display:grid}.social-segmented-tabs{margin-top:20px}.social-feed-stream{margin-top:17px}.social-feed-stream__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.social-feed-stream__heading>h2{color:var(--ink);letter-spacing:-.25px;flex:none;font-size:18px;font-weight:800;line-height:1.25}.social-feed-filters{width:min(228px,67%)}.social-feed-filters button,.social-segmented-tabs button{min-width:0;min-height:44px;color:var(--muted);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:12px;font-weight:750;line-height:1.2;transition:color .15s,background-color .15s,transform .15s;display:inline-flex}.social-feed-filters button:active,.social-segmented-tabs button:active{transform:scale(.97)}.social-feed-filters button.is-selected,.social-segmented-tabs button.is-selected{color:#111;background:var(--yellow-500)}.social-segmented-tabs button>span{color:#fff;background:#111;border-radius:999px;place-items:center;min-width:20px;height:20px;padding-inline-start:5px;padding-inline-end:5px;font-size:9px;display:grid}.social-segmented-tabs--two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.social-feed-list,.social-profile-activity{gap:10px;margin-top:10px;display:grid}.social-event-group{border:1px solid color-mix(in srgb, var(--yellow-500) 32%, var(--border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--yellow-100) 30%, var(--surface));box-shadow:var(--shadow-soft);padding:14px}.social-event-group__lead{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:12px;display:grid}.social-event-group__avatars{align-items:center;min-width:0;padding-left:2px;display:flex}.social-event-group__avatars .social-avatar{box-shadow:0 0 0 2px var(--surface);margin-left:-16px}.social-event-group__avatars .social-avatar:first-child{margin-left:0}.social-event-group__avatars>span{border:2px solid var(--surface);width:36px;height:36px;color:var(--ink-soft);background:var(--surface-secondary);border-radius:50%;place-items:center;margin-left:-12px;font-size:10px;font-weight:800;display:grid}.social-event-group__lead>div:last-child{min-width:0}.social-event-group__lead small,.social-event-group__lead p{align-items:center;gap:5px;display:flex}.social-event-group__lead small{color:var(--ink-soft);letter-spacing:.45px;text-transform:uppercase;font-size:9px;font-weight:850}.social-event-group__lead h2{color:var(--ink);margin-top:4px;font-size:14px;font-weight:780;line-height:1.38}.social-event-group__lead p{color:var(--muted);margin-top:6px;font-size:10px;font-weight:650}.social-event-group__lead p svg{color:var(--success)}.social-event-group__toggle,.social-feed-more{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--ink);background:var(--surface);justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:780;display:flex}.social-event-group__toggle svg{transition:transform .16s}.social-event-group.is-expanded .social-event-group__toggle svg{transform:rotate(180deg)}.social-event-group__items{border-top:1px solid var(--border);gap:9px;margin-top:12px;padding-top:12px;display:grid}.social-event-group__items .social-event{box-shadow:none}.social-feed-more{color:var(--ink-soft);background:0 0;border-style:dashed;margin-top:2px}.social-event{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);padding:13px}.social-event__header,.social-event__header>a{align-items:center;gap:10px;min-width:0;display:flex}.social-event__header>div,.social-event__header>a>span:last-child{gap:2px;min-width:0;display:grid}.social-event__header strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.social-event__header small{color:var(--muted);font-size:10px}.social-event__brand-icon{color:#111;background:var(--yellow-500);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.social-event__story{border-radius:var(--radius-control);background:var(--surface-secondary);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;margin-top:11px;padding:10px;display:grid}.social-event__story>span{border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.social-event__story>span.is-achievement{color:#111;background:var(--yellow-100)}.social-event__story>span.is-complete{color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.social-event__story>div>small{color:var(--muted);letter-spacing:.5px;margin-bottom:2px;font-size:8px;font-weight:850;display:block}.social-event__story h2,.social-event__lesson h2{color:var(--ink);font-size:14px;font-weight:750;line-height:1.35}.social-event__story--new p,.social-event__lesson p{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.4}.social-congratulate{border:1px solid var(--border);border-radius:var(--radius-control);min-height:44px;color:var(--ink);background:var(--surface);align-items:center;gap:7px;margin-top:12px;padding:8px 13px;font-size:12px;font-weight:750;transition:transform .15s,border-color .15s,background-color .15s;display:inline-flex}.social-congratulate:active:not(:disabled){transform:scale(.97)}.social-congratulate.is-selected{border-color:color-mix(in srgb, var(--yellow-500) 68%, var(--border));background:color-mix(in srgb, var(--yellow-100) 62%, var(--surface))}.social-congratulate small{min-width:20px;height:20px;color:var(--ink-soft);background:var(--surface-secondary);border-radius:999px;place-items:center;padding-inline-start:5px;padding-inline-end:5px;font-size:9px;display:grid}.social-event__proof{color:var(--ink-soft);align-items:center;gap:6px;margin-top:4px;font-size:10px;font-weight:650;line-height:1.4;display:flex}.social-event__proof svg{color:var(--success);flex:none}.social-event__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.social-event__actions .social-congratulate{justify-content:center;min-width:0;margin-top:0;padding-inline-start:8px;padding-inline-end:8px}.social-event__lesson-action{color:#111;background:var(--yellow-500);text-align:center;border-radius:13px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:44px;padding:8px;font-size:10px;font-weight:800;line-height:1.25;display:inline-flex}.social-event__actions>:only-child{grid-column:1/-1}.social-event__lesson{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:13px;margin-top:14px;display:grid}.social-event__lesson>span{border-radius:var(--radius-control);color:#111;background:var(--yellow-100);place-items:center;min-height:88px;display:grid}.social-event__lesson small{color:var(--ink-soft);margin-top:7px;font-size:10px;font-weight:700;display:block}.social-event__primary-action{border-radius:var(--radius-control);color:#111;background:var(--yellow-500);justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:14px;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.social-inline-error{margin:12px var(--page-x) 0;border:1px solid color-mix(in srgb, var(--error) 40%, var(--border));border-radius:var(--radius-small);color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface));padding:12px 14px;font-size:14px;line-height:1.4}.social-inline-error--retry{justify-content:space-between;align-items:center;gap:12px;display:flex}.social-inline-error--retry button{border-radius:var(--radius-control);min-height:40px;color:inherit;font:inherit;background:0 0;border:1px solid;flex:none;padding:8px 12px;font-weight:800}.social-loading{gap:12px;margin-top:24px;display:grid}.social-loading>span{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-secondary);height:104px;display:block}.social-loading>span:nth-child(2){height:150px}.social-empty-state{border:1px dashed var(--border);border-radius:var(--radius-large);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;margin-top:24px;padding:28px 20px;display:flex}.social-empty-state>span:first-child{color:#111;background:var(--yellow-500);border-radius:17px;place-items:center;width:56px;height:56px;display:grid}.social-empty-state h2{color:var(--ink);margin-top:15px;font-size:18px;font-weight:750}.social-empty-state p{max-width:34ch;color:var(--muted);margin-top:7px;font-size:12px;line-height:1.5}.social-empty-state .button{margin-top:18px}.social-top-bar{grid-template-columns:44px minmax(0,1fr) minmax(44px,auto);align-items:center;gap:10px;min-height:48px;display:grid}.social-top-bar h1{color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:750;line-height:1.2;overflow:hidden}.social-top-bar__action{justify-content:flex-end;min-width:44px;display:flex}.social-top-bar__text-action{min-height:44px;color:var(--ink-soft);white-space:nowrap;background:0 0;padding:8px 2px 8px 10px;font-size:11px;font-weight:750}.social-search{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);min-height:52px;box-shadow:var(--shadow-soft);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;margin-top:20px;padding:0 15px;display:grid}.social-search svg{color:var(--muted)}.social-search input{background:0 0;border:0;outline:0;min-width:0;height:50px;font-size:14px}.social-search input::placeholder{color:var(--muted)}.social-people-list{gap:9px;margin-top:16px;display:grid}.social-person-row{border:1px solid var(--border);border-radius:var(--radius-control);min-height:72px;color:var(--ink);background:var(--surface);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;display:grid}.social-person-row>a{display:contents}.social-person-row>span:nth-child(2),.social-person-row>a>span:last-child{gap:2px;min-width:0;display:grid}.social-person-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;line-height:1.35;overflow:hidden}.social-person-row small{color:var(--muted);font-size:10px;line-height:1.35}.social-person-row__meta{flex-wrap:wrap;gap:2px 6px;min-width:0;display:flex}.social-person-row>svg{color:color-mix(in srgb, var(--success) 72%, var(--ink))}.social-person-row__actions{gap:6px;display:flex}.social-person-row__actions button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:var(--surface-secondary);border-radius:14px;place-items:center;display:grid}.social-person-row__actions button.is-primary{color:#111;border-color:var(--yellow-500);background:var(--yellow-500)}.social-add-button{border:1px solid color-mix(in srgb, var(--yellow-500) 70%, var(--border));color:#111;background:var(--yellow-500);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex}.social-row-text-action{max-width:110px;min-height:44px;color:var(--ink-soft);background:0 0;padding:6px 8px;font-size:10px;font-weight:750;line-height:1.25}.social-relationship-label{min-height:36px;color:var(--ink-soft);background:var(--surface-secondary);text-align:center;border-radius:12px;align-items:center;gap:4px;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.social-request-groups,.social-notification-groups{gap:24px;margin-top:20px;display:grid}.social-request-groups section>h2,.social-notification-groups section>h2{padding-inline-start:2px;padding-inline-end:2px;font-size:15px}.social-profile-hero{text-align:center;flex-direction:column;align-items:center;margin-top:22px;display:flex}.social-profile-hero h1{overflow-wrap:anywhere;max-width:100%;color:var(--ink);letter-spacing:-.5px;margin-top:14px;font-size:24px;font-weight:800;line-height:1.2}.social-profile-hero>p{min-height:36px;color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.social-profile-hero>.social-profile-hero__username{min-height:auto;color:var(--ink-soft);font-size:14px;font-weight:700}.social-profile-hero>.button,.social-profile-relationship{margin-top:15px}.social-profile-relationship{width:100%}.social-profile-relationship>div{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px;display:grid}.social-profile-relationship>div .button{min-width:0;min-height:46px;padding-inline-start:12px;padding-inline-end:12px;font-size:11px}.social-profile-stats{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:24px;padding:15px 0;display:grid}.social-profile-stats>div{text-align:center;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:3px 5px;display:flex}.social-profile-stats>div+div{border-left:1px solid var(--border)}.social-profile-stats svg{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink))}.social-profile-stats strong{max-width:100%;color:var(--ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:18px;overflow:hidden}.social-profile-stats small{color:var(--muted);font-size:9px;line-height:1.3}.social-profile-section{margin-top:28px}.social-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.social-achievement-grid>div{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:92px;padding:12px;display:grid}.social-achievement-grid span{color:#111;background:var(--yellow-500);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.social-achievement-grid strong{font-size:11px;line-height:1.4}.social-section-note{border-radius:var(--radius-control);color:var(--muted);background:var(--surface-secondary);margin-top:12px;padding:16px;font-size:12px}.social-profile-activity .social-event__header{display:none}.social-profile-activity .social-event__story{margin-top:0}.social-notification-groups section>div{gap:9px;margin-top:10px;display:grid}.social-notification{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:44px minmax(0,1fr);gap:11px;min-height:82px;padding:13px;display:grid}.social-notification.is-unread{border-color:color-mix(in srgb, var(--yellow-500) 58%, var(--border));background:color-mix(in srgb, var(--yellow-100) 34%, var(--surface))}.social-notification__icon{color:#111;background:var(--yellow-500);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.social-notification>div{min-width:0}.social-notification p{color:var(--ink-soft);font-size:12px;line-height:1.48}.social-notification p strong{color:var(--ink)}.social-notification div>small{color:var(--muted);margin-top:5px;font-size:10px;display:inline-block}.social-notification div>span{color:#111;background:var(--yellow-500);border-radius:999px;align-items:center;min-height:24px;margin-left:8px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.social-notification__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.social-notification__actions button{border:1px solid var(--border);min-height:44px;color:var(--ink);background:var(--surface);border-radius:13px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:10px;font-weight:750;display:inline-flex}.social-notification__actions button.is-primary{color:#111;border-color:var(--yellow-500);background:var(--yellow-500)}:root[data-high-contrast=true] .social-event,:root[data-high-contrast=true] .social-leaderboard,:root[data-high-contrast=true] .social-challenge,:root[data-high-contrast=true] .social-search,:root[data-high-contrast=true] .social-feed-filters,:root[data-high-contrast=true] .social-segmented-tabs,:root[data-high-contrast=true] .social-person-row,:root[data-high-contrast=true] .social-profile-stats,:root[data-high-contrast=true] .social-achievement-grid>div,:root[data-high-contrast=true] .social-notification{border-width:2px}:root[data-high-contrast=true] .social-leaderboard{border-color:#fff}@media (max-width:360px){.social-feed-screen,.social-subscreen{--page-x:16px}.social-top-bar{gap:6px}.social-top-bar h1{font-size:19px}.social-top-bar__text-action{white-space:normal;max-width:86px;font-size:10px}.social-friends-preview__list{gap:4px}.social-friends-preview__list>a{width:58px;min-width:58px}.social-friend-add>span:first-child{width:52px;height:52px}.social-leaderboard{padding:13px}.social-leaderboard__summary h2{font-size:18px}.social-leaderboard__summary p>span{margin-top:2px;margin-left:0;display:block}.social-leaderboard footer>button{min-width:90px;padding-inline-start:8px;padding-inline-end:8px}.social-challenge{grid-template-columns:1fr;padding:11px}.social-challenge__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.social-avatar{width:52px;height:52px}.social-avatar--small{width:42px;height:42px}.social-avatar--large{width:86px;height:86px}.social-feed-filters button,.social-segmented-tabs button{padding-inline-start:5px;padding-inline-end:5px;font-size:11px}.social-feed-stream__heading{flex-wrap:wrap;gap:8px}.social-feed-filters{width:100%}.social-person-row{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;padding-inline-start:9px;padding-inline-end:9px}.social-add-button{width:44px;padding:0;font-size:0}.social-profile-stats strong{font-size:16px}.social-profile-stats small{font-size:8px}.social-achievement-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.social-loading>span{animation:1.4s ease-in-out infinite alternate social-loading-pulse}}@keyframes social-loading-pulse{0%{opacity:.55}to{opacity:1}}.interactive-lesson .lesson-redesign__canvas{padding-top:12px}.interactive-lesson__step-meta{color:var(--muted);letter-spacing:.35px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;font-weight:750;display:flex}.interactive-lesson__mentor-button{border:1px solid var(--border);min-height:44px;color:var(--ink-soft);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:8px;margin:0 0 14px;padding:8px 13px;font-size:12px;font-weight:750;display:inline-flex}.interactive-lesson__mentor-button svg{color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink))}.interactive-lesson__mentor-button:active{transform:translateY(1px)}.interactive-step{min-width:0;min-height:0}.interactive-step :where(h1,p,strong,small,span,dt,dd,legend,button,li){overflow-wrap:anywhere;min-width:0}.interactive-step button{white-space:normal}.interactive-step__eyebrow{color:var(--muted);letter-spacing:.45px;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.interactive-step__icon{border:1px solid color-mix(in srgb, var(--yellow-500) 55%, var(--border));border-radius:var(--radius-control);color:#111;background:var(--yellow-100);place-items:center;width:44px;height:44px;margin-bottom:12px;display:grid}.interactive-step h1{max-width:none;color:var(--ink);letter-spacing:-.4px;text-wrap:pretty;margin-top:7px;font-size:clamp(22px,6vw,25px);font-weight:800;line-height:1.24}.interactive-step__prompt,.interactive-step--story>p,.interactive-step--rule>p{max-width:none;color:var(--ink-soft);text-wrap:pretty;margin-top:10px;font-size:15px;line-height:1.5}.interactive-story__hero{border-radius:var(--radius-card);width:64px;height:64px;color:color-mix(in srgb, var(--yellow-500) 68%, var(--ink));background:color-mix(in srgb, var(--yellow-500) 12%, var(--surface));box-shadow:var(--shadow-soft);place-items:center;margin:16px 0 14px;display:grid}.interactive-lesson--caseInvestigation .lesson-redesign__canvas{background-image:linear-gradient(180deg, color-mix(in srgb, var(--info) 5%, transparent), transparent 220px)}.interactive-lesson--negotiationSimulator .lesson-redesign__canvas{background-image:radial-gradient(circle at 88% 36px, color-mix(in srgb, var(--yellow-500) 12%, transparent) 0 54px, transparent 55px), linear-gradient(180deg, color-mix(in srgb, var(--yellow-500) 4%, transparent), transparent 240px)}.interactive-step--offer{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);padding:20px}.interactive-offer__topline{border-bottom:1px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;display:flex}.interactive-offer__status{min-height:30px;color:var(--ink);background:color-mix(in srgb, var(--warning) 14%, var(--surface));text-align:center;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.interactive-step--offer .interactive-step__icon{margin-top:18px}.interactive-offer__identity{gap:3px;margin-top:15px;display:grid}.interactive-offer__identity strong{color:var(--ink);font-size:16px;line-height:1.4}.interactive-offer__identity span{color:var(--muted);font-size:13px}.interactive-offer__terms{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.interactive-offer__terms>div{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-secondary);min-width:0;padding:11px 9px}.interactive-offer__terms dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.3}.interactive-offer__terms dd{color:var(--ink);margin:5px 0 0;font-size:13px;font-weight:750;line-height:1.35}.interactive-myth__heading{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;display:grid}.interactive-myth__heading .interactive-step__icon{margin:0}.interactive-myth__heading h1{max-width:none;margin-top:2px;font-size:22px}.interactive-myth__list{gap:20px;margin-top:16px;display:grid}.interactive-myth__claim{min-width:0}.interactive-myth__claim>p{max-width:none;color:var(--ink);text-wrap:pretty;font-size:16px;font-weight:700;line-height:1.5}.interactive-myth__claim>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.interactive-myth__claim button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:54px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:9px 11px;display:grid}.interactive-myth__claim button>span:first-child{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);background:var(--surface-secondary);border-radius:50%;place-items:center;font-size:17px;font-weight:850;display:grid}.interactive-myth__claim button strong{font-size:14px;line-height:1.35}.interactive-myth__claim button.is-selected{border-color:var(--yellow-500);color:#111;background:var(--yellow-100);box-shadow:0 0 0 2px color-mix(in srgb, var(--yellow-500) 17%, transparent)}.interactive-myth__claim button.is-selected>span:first-child{color:#111;background:var(--yellow-500)}.interactive-myth__claim button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--surface))}.interactive-myth__claim button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-myth__footer{justify-content:flex-end;align-items:center;gap:12px;min-height:44px;margin-top:8px;display:flex}.interactive-myth__footer small{color:var(--muted);font-size:12px;font-weight:700}.interactive-clause-preview{border:1px solid var(--border);border-radius:4px var(--radius-control) var(--radius-control) 4px;background:var(--surface);min-height:0;box-shadow:var(--shadow-soft);margin-top:18px;padding:18px 16px 16px 24px;position:relative;overflow:hidden}.interactive-clause-preview:before{background:var(--yellow-500);content:"";width:7px;position:absolute;top:0;bottom:0;left:0;right:auto}.interactive-clause-preview>span{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-size:12px;font-weight:850}.interactive-clause-preview ol{color:var(--ink);gap:5px;margin:9px 0 0;padding-left:18px;font-size:12px;font-weight:650;line-height:1.4;display:grid}.interactive-clause-preview p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.45}.interactive-clause-options{gap:9px;margin-top:16px;display:grid}.interactive-clause-options button,.interactive-timeline-options button{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:54px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:11px 13px;font-size:14px;font-weight:650;line-height:1.4;display:grid}.interactive-clause-options button>span,.interactive-timeline-options button>span{border:1px solid var(--border);color:#111;background:var(--surface-secondary);border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.interactive-clause-options button.is-selected,.interactive-timeline-options button.is-selected{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-500) 10%, var(--surface))}.interactive-clause-options button.is-selected>span,.interactive-timeline-options button.is-selected>span{border-color:var(--yellow-500);background:var(--yellow-500)}.interactive-clause-options button.is-correct,.interactive-timeline-options button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--surface))}.interactive-clause-options button.is-wrong,.interactive-timeline-options button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:20px 0 0;padding:0;list-style:none;display:grid;position:relative}.interactive-timeline:before{background:var(--surface-strong);content:"";height:2px;position:absolute;top:12px;left:12%;right:12%}.interactive-timeline li{color:var(--ink);text-align:center;justify-items:center;display:grid;position:relative}.interactive-timeline li>span{z-index:1;border:6px solid var(--surface);background:var(--yellow-500);width:25px;height:25px;box-shadow:0 0 0 1px var(--border);border-radius:50%}.interactive-timeline li:nth-child(2)>span{background:var(--warning)}.interactive-timeline strong{margin-top:8px;font-size:12px;line-height:1.35}.interactive-timeline small{max-width:none;color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35}.interactive-step--timeline fieldset{margin-top:18px}.interactive-timeline-options{gap:9px;margin-top:14px;display:grid}.interactive-negotiation__chat{border:1px solid var(--border);border-radius:var(--radius-card) var(--radius-card) 4px var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);margin-top:20px;padding:16px}.interactive-negotiation__chat>div{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px;display:grid}.interactive-negotiation__chat>div>span{color:#111;background:var(--yellow-100);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.interactive-negotiation__chat p{gap:4px;display:grid}.interactive-negotiation__chat small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.interactive-negotiation__chat strong{color:var(--ink);font-size:15px;line-height:1.48}.interactive-negotiation__hint{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.45}.interactive-negotiation__replies{gap:9px;margin-top:14px;display:grid}.interactive-negotiation__replies button{border:1px solid var(--border);border-radius:var(--radius-control) var(--radius-control) var(--radius-control) 4px;min-height:58px;color:var(--ink);background:var(--surface);text-align:left;padding:12px 14px;font-size:14px;font-weight:650;line-height:1.45}.interactive-negotiation__replies button.is-selected{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-500) 10%, var(--surface))}.interactive-negotiation__replies button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--surface))}.interactive-negotiation__replies button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-step--offer{border-color:color-mix(in srgb, var(--ink) 18%, var(--border));box-shadow:var(--shadow-soft);padding:0;overflow:hidden}.interactive-offer__topline{border:0;border-bottom:1px solid var(--border);color:var(--ink);background:var(--surface);padding:14px 18px}.interactive-offer__topline .interactive-step__eyebrow{color:var(--muted)}.interactive-offer__status{color:#111;background:var(--yellow-100)}.interactive-step--offer .interactive-step__icon{border-color:var(--yellow-500);background:var(--yellow-100);box-shadow:none;margin:18px 20px 0}.interactive-step--offer h1,.interactive-offer__identity,.interactive-offer__terms,.interactive-step--offer .interactive-step__prompt,.interactive-step--offer .interactive-step__review-note{margin-left:20px;margin-right:20px}.interactive-step--offer h1{margin-top:12px}.interactive-offer__identity{border-left:3px solid var(--yellow-500);padding-left:12px}.interactive-offer__terms{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);gap:0;overflow:hidden}.interactive-offer__terms>div{background:var(--surface);border:0;border-radius:0;padding:12px 10px}.interactive-offer__terms>div+div{border-left:1px solid var(--border)}.interactive-step--offer .interactive-step__prompt{border-radius:var(--radius-control);background:var(--yellow-100);color:#111;padding:13px 14px;font-size:14px;font-weight:650;line-height:1.48}.interactive-step--offer .interactive-step__review-note{margin-bottom:20px}.interactive-clause-preview{border-radius:var(--radius-card);background:var(--surface);min-height:0;box-shadow:var(--shadow-soft);padding:20px 50px 18px 25px}.interactive-clause-preview:after{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);content:"§";border-radius:50%;place-items:center;font-family:Georgia,serif;font-weight:700;display:grid;position:absolute;top:15px;right:16px}.interactive-negotiation__chat{box-shadow:var(--shadow-soft);border-bottom-right-radius:4px}.interactive-negotiation__replies button{transition:transform .15s,border-color .15s,background-color .15s}.interactive-negotiation__replies button:active:not(:disabled){transform:scale(.985)}.interactive-lesson--shiftPlanner .lesson-redesign__canvas{background-image:none}.interactive-step--shift-brief{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.interactive-shift-brief__header{color:#111;background:var(--yellow-500);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:12px 18px;display:flex}.interactive-shift-brief__header .interactive-step__eyebrow{color:#111}.interactive-shift-brief__header>span:last-child{font-size:12px;font-weight:800}.interactive-shift-brief__hero{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;padding:18px 18px 0;display:grid}.interactive-shift-brief__hero>span{border-radius:var(--radius-control);color:#111;background:var(--yellow-100);place-items:center;width:50px;height:50px;display:grid}.interactive-shift-brief__hero h1{margin:0;font-size:23px}.interactive-shift-brief__hero p{color:var(--muted);margin-top:4px;font-size:12px;font-weight:700}.interactive-shift-brief__clock{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:7px;margin:18px;display:grid}.interactive-shift-brief__clock>span:not([aria-hidden]){border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-secondary);gap:4px;padding:12px;display:grid}.interactive-shift-brief__clock>span[aria-hidden]{color:var(--muted);text-align:center;font-weight:900}.interactive-shift-brief__clock small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.interactive-shift-brief__clock strong{color:var(--ink);font-size:15px}.interactive-shift-brief__clock .is-actual{border-color:color-mix(in srgb, var(--warning) 55%, var(--border));background:color-mix(in srgb, var(--warning) 9%, var(--surface))}.interactive-shift-brief__message{border-left:4px solid var(--warning);border-radius:4px var(--radius-control) var(--radius-control) 4px;background:var(--surface-secondary);gap:4px;margin:0 18px;padding:14px;display:grid}.interactive-shift-brief__message span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.interactive-shift-brief__message strong{color:var(--ink);font-size:14px;line-height:1.45}.interactive-shift-brief__task{color:var(--ink-soft);margin:16px 18px 0;font-size:14px;line-height:1.5}.interactive-step--shift-brief .interactive-step__review-note{margin:12px 18px 18px}.interactive-shift-grid{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);margin-top:18px;overflow:hidden}.interactive-shift-grid__head,.interactive-shift-grid button{grid-template-columns:64px repeat(2,minmax(0,1fr));align-items:center;gap:6px;width:100%;display:grid}.interactive-shift-grid__head{min-height:36px;color:var(--muted);background:var(--surface-secondary);text-transform:uppercase;padding:7px 10px;font-size:12px;font-weight:850}.interactive-shift-grid button{border-top:1px solid var(--border);min-height:58px;color:var(--ink);background:var(--surface);text-align:left;padding:9px 10px;font-size:12px;font-weight:700}.interactive-shift-grid button>span:first-child{align-items:center;gap:7px;display:flex}.interactive-shift-grid button i{border:1px solid var(--border);color:#111;background:var(--surface-secondary);border-radius:8px;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.interactive-shift-grid button.is-selected{background:color-mix(in srgb, var(--yellow-500) 10%, var(--surface))}.interactive-shift-grid button.is-selected i{border-color:var(--yellow-500);background:var(--yellow-500)}.interactive-shift-grid button.is-correct{background:color-mix(in srgb, var(--success) 9%, var(--surface))}.interactive-shift-grid button.is-wrong{background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-duration-dial{border:12px solid var(--yellow-100);border-top-color:var(--yellow-500);width:112px;height:112px;color:color-mix(in srgb, var(--yellow-500) 70%, var(--ink));background:var(--surface);box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;gap:10px;margin:20px auto 4px;display:flex}.interactive-duration-dial>span{color:var(--ink);text-align:center;display:grid}.interactive-duration-dial strong{font-size:26px;line-height:1}.interactive-duration-dial small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700}.interactive-duration-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.interactive-duration-options button,.interactive-meter-options button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:54px;color:var(--ink);background:var(--surface);padding:10px;font-size:12px;font-weight:750;line-height:1.35}.interactive-duration-options button.is-selected,.interactive-meter-options button.is-selected{border-color:var(--yellow-500);background:var(--yellow-100)}.interactive-duration-options button.is-correct,.interactive-meter-options button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--surface))}.interactive-duration-options button.is-wrong,.interactive-meter-options button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-timesheet{gap:8px;margin-top:18px;display:grid}.interactive-timesheet button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:64px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:32px minmax(0,1fr);gap:2px 11px;padding:11px 13px;display:grid}.interactive-timesheet button>span{border:1px solid var(--border);color:#111;background:var(--surface-secondary);border-radius:9px;grid-row:1/span 2;place-items:center;width:30px;height:30px;display:grid}.interactive-timesheet button strong{font-size:14px;line-height:1.35}.interactive-timesheet button small{color:var(--muted);font-size:12px;line-height:1.35}.interactive-timesheet button.is-selected{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-500) 9%, var(--surface))}.interactive-timesheet button.is-selected>span{border-color:var(--yellow-500);background:var(--yellow-500)}.interactive-timesheet button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--surface))}.interactive-timesheet button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-overtime-meter{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);margin-top:20px;padding:16px}.interactive-overtime-meter>div:first-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.interactive-overtime-meter>div:first-child>span{border-radius:var(--radius-small);background:var(--surface-secondary);text-align:center;gap:3px;padding:10px 7px;display:grid}.interactive-overtime-meter small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.interactive-overtime-meter strong{color:var(--ink);font-size:16px}.interactive-overtime-meter__segments{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:11px;display:grid}.interactive-overtime-meter__segments span{color:#111;background:var(--yellow-500);border-radius:9px;place-items:center;min-height:34px;font-size:12px;font-weight:850;display:grid}.interactive-overtime-meter__segments span.is-over{color:#fff;background:var(--error)}.interactive-step--overtime-meter fieldset{margin-top:18px}.interactive-meter-options{gap:8px;margin-top:14px;display:grid}.interactive-meter-options button{text-align:left}.interactive-step--shift-response blockquote{border:1px solid var(--border);border-left:4px solid var(--warning);border-radius:4px var(--radius-card) var(--radius-card) 4px;background:var(--surface);gap:5px;margin-top:20px;padding:16px;display:grid}.interactive-shift-response{gap:9px;margin-top:14px;display:grid}.interactive-shift-response button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:74px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:30px minmax(0,1fr);gap:3px 10px;padding:12px;display:grid}.interactive-shift-response button>span{width:28px;height:28px;color:var(--muted);background:var(--surface-secondary);border-radius:9px;grid-row:1/span 2;place-items:center;font-size:12px;font-weight:850;display:grid}.interactive-shift-response button strong{font-size:13px;line-height:1.4}.interactive-shift-response button small{color:var(--muted);font-size:12px;line-height:1.4}.interactive-shift-response button.is-selected{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-500) 9%, var(--surface))}.interactive-shift-response button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--surface))}.interactive-shift-response button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-step--case-file{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);padding:18px}.interactive-case-file__header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:13px;display:flex}.interactive-case-file__header>span:last-child{width:44px;height:44px;color:color-mix(in srgb, var(--info) 78%, var(--ink));background:color-mix(in srgb, var(--info) 10%, var(--surface));border-radius:14px;place-items:center;display:grid}.interactive-case-file__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.interactive-case-file__facts>div{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-secondary);min-width:0;padding:13px}.interactive-case-file__facts dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.3}.interactive-case-file__facts dd{color:var(--ink);margin:6px 0 0;font-size:14px;font-weight:750;line-height:1.35}.interactive-step--story blockquote,.interactive-step--dialogue blockquote{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);gap:5px;margin:22px 0 0;padding:18px 18px 18px 52px;display:grid;position:relative}.interactive-step--story blockquote>svg{color:color-mix(in srgb, var(--yellow-500) 74%, var(--ink));position:absolute;top:18px;left:18px}.interactive-step blockquote span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750}.interactive-step blockquote strong{color:var(--ink);font-size:16px;line-height:1.5}.interactive-step__review-note{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.45;display:block}.interactive-step fieldset{border:0;min-width:0;margin:0;padding:0}.interactive-step legend{max-width:none;color:var(--ink-soft);margin-top:14px;font-size:16px;line-height:1.5}.interactive-options,.interactive-replies,.interactive-highlight,.interactive-checklist,.interactive-evidence-options{gap:10px;margin-top:20px;display:grid}.interactive-evidence-options button{border:1px dashed var(--border);border-radius:var(--radius-control);width:100%;min-height:58px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:11px;padding:12px 14px;font-size:15px;font-weight:650;line-height:1.45;display:grid}.interactive-evidence-options button>span{border:1px solid var(--border);color:#111;background:var(--surface-secondary);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.interactive-evidence-options button.is-selected{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-500) 10%, var(--surface));border-style:solid}.interactive-evidence-options button.is-selected>span{border-color:var(--yellow-500);background:var(--yellow-500)}.interactive-evidence-options button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface));border-style:solid}.interactive-evidence-options button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface));border-style:solid}.interactive-match{gap:14px;margin-top:20px;display:grid}.interactive-match__row{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:14px}.interactive-match__row>strong{color:var(--ink);font-size:14px;line-height:1.4;display:block}.interactive-match__row>div{gap:7px;margin-top:10px;display:grid}.interactive-match__row button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:44px;color:var(--ink-soft);background:var(--surface-secondary);text-align:left;padding:9px 11px;font-size:13px;font-weight:650;line-height:1.35}.interactive-match__row button.is-selected{border-color:var(--yellow-500);color:var(--ink);background:var(--yellow-100)}.interactive-match__row button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface))}.interactive-match__row button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-branch{gap:12px;margin-top:20px;padding-left:12px;display:grid;position:relative}.interactive-branch:before{background:var(--surface-strong);content:"";border-radius:999px;width:2px;position:absolute;top:18px;bottom:18px;left:0}.interactive-branch button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:78px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:32px minmax(0,1fr);gap:3px 11px;padding:13px;display:grid}.interactive-branch button>span{width:30px;height:30px;color:var(--muted);background:var(--surface-secondary);border-radius:50%;grid-row:1/span 2;place-items:center;font-size:12px;font-weight:850;display:grid}.interactive-branch button strong{font-size:14px;line-height:1.35}.interactive-branch button small{color:var(--muted);font-size:12px;line-height:1.4}.interactive-branch button.is-selected{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-500) 9%, var(--surface))}.interactive-branch button.is-selected>span{color:#111;background:var(--yellow-500)}.interactive-branch button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface))}.interactive-branch button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-options button,.interactive-replies button,.interactive-highlight button,.interactive-checklist button,.interactive-order button{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:58px;color:var(--ink);background:var(--surface);text-align:left;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:12px 14px;font-size:15px;font-weight:650;line-height:1.45;transition:transform .15s,border-color .15s,background-color .15s;display:grid}.interactive-options button>span,.interactive-highlight button>span,.interactive-checklist button>span,.interactive-order button>span{border:1px solid var(--border);width:32px;height:32px;color:var(--muted);background:var(--surface-secondary);border-radius:11px;place-items:center;font-size:12px;font-weight:850;display:grid}.interactive-options button:active:not(:disabled),.interactive-replies button:active:not(:disabled),.interactive-highlight button:active:not(:disabled),.interactive-checklist button:active:not(:disabled),.interactive-order button:active:not(:disabled){transform:scale(.985)}.interactive-options button.is-selected,.interactive-replies button.is-selected,.interactive-highlight button.is-selected,.interactive-checklist button.is-selected,.interactive-order button[aria-pressed=true]{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-500) 10%, var(--surface))}.interactive-options button.is-selected>span,.interactive-highlight button.is-selected>span,.interactive-checklist button.is-selected>span,.interactive-order button[aria-pressed=true]>span{color:#111;border-color:var(--yellow-500);background:var(--yellow-500)}.interactive-options button.is-correct,.interactive-replies button.is-correct,.interactive-highlight button.is-correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--surface))}.interactive-options button.is-wrong,.interactive-replies button.is-wrong,.interactive-highlight button.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.interactive-replies button{grid-template-columns:1fr}.interactive-step--dialogue blockquote{padding-left:18px}.interactive-step__counter{color:var(--muted);text-align:right;margin-top:9px;font-size:12px;font-weight:750;display:block}.interactive-order{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.interactive-feedback{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:30px minmax(0,1fr);gap:11px;margin-top:18px;padding:16px;display:grid}.interactive-feedback--correct{border-color:color-mix(in srgb, var(--success) 48%, var(--border));background:color-mix(in srgb, var(--success) 8%, var(--surface))}.interactive-feedback--retry{border-color:color-mix(in srgb, var(--warning) 50%, var(--border));background:color-mix(in srgb, var(--warning) 8%, var(--surface))}.interactive-feedback>span{color:var(--success)}.interactive-feedback--retry>span{color:var(--warning)}.interactive-feedback strong{color:var(--ink);font-size:17px;line-height:1.35;display:block}.interactive-feedback p{color:var(--ink-soft);margin-top:5px;font-size:14px;line-height:1.5}.interactive-step--rule{border:1px solid color-mix(in srgb, var(--yellow-500) 58%, var(--border));border-radius:var(--radius-large);background:color-mix(in srgb, var(--yellow-500) 7%, var(--surface));padding:20px}.interactive-rule__citation{border:1px solid color-mix(in srgb, var(--yellow-500) 64%, var(--border));min-height:32px;color:var(--ink);background:var(--yellow-100);border-radius:999px;align-items:center;margin-top:16px;padding:6px 10px;font-size:12px;line-height:1.4;display:inline-flex}.interactive-source-button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:48px;color:var(--ink);background:var(--surface);justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:10px 14px;font-size:13px;font-weight:750;display:inline-flex}.interactive-step--summary ul{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.interactive-step--summary li{border:1px solid var(--border);border-radius:var(--radius-control);min-height:58px;color:var(--ink);background:var(--surface);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:11px;padding:13px;font-size:15px;line-height:1.5;display:grid}.interactive-step--summary li svg{color:var(--success)}.interactive-step--reward{text-align:center;align-content:start;justify-items:center;min-height:0;padding-top:6px;display:grid}.interactive-reward__stars{min-height:72px;color:color-mix(in srgb, var(--yellow-500) 76%, #806800);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.interactive-reward__stars svg:nth-child(2){width:52px;height:52px;filter:drop-shadow(0 8px 12px color-mix(in srgb, var(--yellow-500) 22%, transparent));transform:translateY(-5px)}.interactive-reward__stars svg.is-empty{color:var(--surface-strong)}.interactive-step--reward h1{margin-inline-start:auto;margin-inline-end:auto}.interactive-step--reward>p{max-width:30ch;color:var(--ink-soft);margin-top:6px;font-size:15px;line-height:1.5}.interactive-reward__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:16px;display:grid}.interactive-reward__stats>span{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);place-content:center;gap:4px;min-height:68px;padding:8px;display:grid}.interactive-reward__stats strong{color:var(--ink);font-size:19px}.interactive-reward__stats small{color:var(--muted);font-size:12px}.interactive-reward__restart{min-height:44px;color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:7px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.interactive-reward__restart span{font-size:20px;line-height:1}.interactive-lesson__sticky-action>button{justify-content:center;align-items:center;gap:8px;display:flex}.interactive-lesson__life-lost{color:var(--error)}.lesson-restart-button{border:1px solid var(--border);width:44px;height:44px;color:var(--muted);background:var(--surface);border-radius:50%;place-items:center;margin:14px auto 0;display:grid}:root[data-high-contrast=true] .interactive-options button,:root[data-high-contrast=true] .interactive-lesson__mentor-button,:root[data-high-contrast=true] .interactive-replies button,:root[data-high-contrast=true] .interactive-highlight button,:root[data-high-contrast=true] .interactive-checklist button,:root[data-high-contrast=true] .interactive-order button,:root[data-high-contrast=true] .interactive-evidence-options button,:root[data-high-contrast=true] .interactive-match__row,:root[data-high-contrast=true] .interactive-match__row button,:root[data-high-contrast=true] .interactive-branch button,:root[data-high-contrast=true] .interactive-step--offer,:root[data-high-contrast=true] .interactive-myth__claim button,:root[data-high-contrast=true] .interactive-clause-preview,:root[data-high-contrast=true] .interactive-clause-options button,:root[data-high-contrast=true] .interactive-timeline-options button,:root[data-high-contrast=true] .interactive-negotiation__chat,:root[data-high-contrast=true] .interactive-negotiation__replies button,:root[data-high-contrast=true] .interactive-step--shift-brief,:root[data-high-contrast=true] .interactive-shift-brief__clock>span:not([aria-hidden]),:root[data-high-contrast=true] .interactive-shift-grid,:root[data-high-contrast=true] .interactive-duration-options button,:root[data-high-contrast=true] .interactive-timesheet button,:root[data-high-contrast=true] .interactive-overtime-meter,:root[data-high-contrast=true] .interactive-meter-options button,:root[data-high-contrast=true] .interactive-shift-response button,:root[data-high-contrast=true] .interactive-feedback,:root[data-high-contrast=true] .interactive-step--rule{border-width:2px}:root[data-text-scale=large] .interactive-offer__terms,:root[data-text-scale=large] .interactive-duration-options{grid-template-columns:1fr}:root[data-text-scale=large] .interactive-offer__terms>div+div{border-top:1px solid var(--border);border-left:0}@media (max-width:359px){.interactive-step--case-file{padding:18px}.interactive-step--offer{padding:0}.interactive-offer__terms{grid-template-columns:1fr;gap:0}.interactive-offer__terms>div{padding-inline-start:7px;padding-inline-end:7px}.interactive-offer__terms>div+div{border-top:1px solid var(--border);border-left:0}.interactive-timeline{grid-template-columns:1fr;gap:12px}.interactive-timeline:before{width:2px;height:auto;top:12px;bottom:12px;left:12px;right:auto}.interactive-timeline li{text-align:left;grid-template-columns:25px minmax(0,1fr);justify-items:start;gap:2px 10px}.interactive-timeline li>span{grid-row:1/span 2}.interactive-timeline strong,.interactive-timeline small{margin-top:0}.interactive-shift-brief__header,.interactive-shift-brief__hero{padding-inline-start:14px;padding-inline-end:14px}.interactive-shift-brief__clock,.interactive-shift-brief__message,.interactive-shift-brief__task,.interactive-step--shift-brief .interactive-step__review-note{margin-left:14px;margin-right:14px}.interactive-shift-grid__head,.interactive-shift-grid button{grid-template-columns:58px repeat(2,minmax(0,1fr));padding-inline-start:7px;padding-inline-end:7px;font-size:12px}.interactive-clause-options button,.interactive-timeline-options button,.interactive-negotiation__replies button{padding-inline-start:11px;padding-inline-end:11px;font-size:13px}.interactive-case-file__facts{grid-template-columns:1fr}.interactive-step h1{font-size:23px}.interactive-step__prompt,.interactive-step--story>p,.interactive-step--rule>p,.interactive-step legend{font-size:15px}.interactive-options button,.interactive-replies button,.interactive-highlight button,.interactive-checklist button,.interactive-order button{padding-inline-start:11px;padding-inline-end:11px;font-size:14px}.interactive-step--rule{padding:16px}}.rating-leagues__heading{margin-bottom:0}.rating-leagues__hint{max-width:360px;color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.4}.rating-league-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:12px 0 0;padding:4px 14px 14px;scroll-padding-inline:14px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000)}.rating-league-track::-webkit-scrollbar{display:none}.rating-league-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);width:118px;min-height:160px;color:var(--ink);box-shadow:var(--shadow-soft);text-align:center;scroll-snap-align:start;cursor:pointer;flex-direction:column;flex:0 0 118px;justify-content:center;align-items:center;gap:4px;padding:12px 8px 10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.rating-league-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;margin-top:2px;font-size:13px;font-weight:850;line-height:1.25;display:-webkit-box;overflow:hidden}.rating-league-card.is-selected{border-color:var(--ink);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.rating-league-card.is-preview{cursor:default;transition:none}.rating-league-card.is-current{border-color:var(--yellow-500);background:color-mix(in srgb, var(--yellow-100) 54%, var(--surface));padding-bottom:34px}.rating-league-card.is-current.is-selected{box-shadow:0 0 0 2px var(--yellow-500), var(--shadow-raised)}.rating-league-card__current{background:var(--yellow-500);color:#111;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:850;line-height:1;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.rating-league-panel{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);margin-top:2px;overflow:hidden}.rating-league-panel__head{border-bottom:1px solid var(--border);background:var(--surface-secondary);grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.rating-league-panel__head.has-zone-help{grid-template-columns:54px minmax(0,1fr) 44px auto}.rating-league-panel__head h3{color:var(--ink);font-size:16px;font-weight:850}.rating-league-panel__head p{color:var(--muted);margin-top:3px;font-size:11px}.rating-league-panel__count{background:var(--surface);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750}.rating-league-panel__help-button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink-soft);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.rating-league-panel__help-button[aria-expanded=true]{border-color:var(--yellow-500);color:#111;background:var(--yellow-500)}.rating-league-panel__help-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.rating-league-panel__empty{color:var(--muted);text-align:center;margin:0;padding:28px 16px;font-size:13px}.rating-league-panel.is-guidance .rating-league-panel__head{grid-template-columns:54px minmax(0,1fr)}.rating-league-guidance{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;min-height:154px;padding:22px 18px;display:grid}.rating-league-guidance__icon{border-radius:var(--radius-control);color:#111;background:var(--yellow-500);place-items:center;width:44px;height:44px;display:grid}.rating-league-guidance.is-lower .rating-league-guidance__icon{color:var(--ink-soft);background:var(--surface-strong)}.rating-league-guidance strong{color:var(--ink);font-size:15px;font-weight:850;line-height:1.35}.rating-league-guidance p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.55}.rating-zone-help{border-bottom:1px solid var(--border);background:var(--surface);padding:12px 14px}.rating-zone-help ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rating-zone-help li{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-secondary);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid}.rating-zone-help__icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink-soft);background:var(--surface-strong);place-items:center;display:grid}.rating-zone-help li.is-promotion .rating-zone-help__icon{color:color-mix(in srgb, var(--success) 72%, var(--ink));background:color-mix(in srgb, var(--success) 14%, var(--surface))}.rating-zone-help li.is-champion .rating-zone-help__icon{color:#111;background:var(--yellow-500)}.rating-zone-help li.is-demotion .rating-zone-help__icon{color:color-mix(in srgb, var(--warning) 76%, var(--ink));background:color-mix(in srgb, var(--warning) 16%, var(--surface))}.rating-zone-help strong{color:var(--ink);font-size:11px;font-weight:850}.rating-zone-help p{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.4}.rating-league-users{margin:0;padding:4px 12px 8px;list-style:none}.rating-league-users-viewport{position:relative;overflow:hidden}.rating-league-users-viewport:before,.rating-league-users-viewport:after{z-index:2;opacity:0;pointer-events:none;content:"";height:54px;transition:opacity .18s;position:absolute;left:0;right:0}.rating-league-users-viewport:before{background:linear-gradient(to bottom, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface) 72%, transparent) 36%, color-mix(in srgb, var(--surface) 32%, transparent) 70%, transparent);top:0}.rating-league-users-viewport:after{background:linear-gradient(to top, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface) 72%, transparent) 36%, color-mix(in srgb, var(--surface) 32%, transparent) 70%, transparent);bottom:0}.rating-league-users-viewport.has-top-overflow:before,.rating-league-users-viewport.has-bottom-overflow:after{opacity:1}.rating-league-users-scroll{scrollbar-gutter:stable;max-height:min(62dvh,560px);overflow-y:auto}.rating-league-users-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.rating-league-users li{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:10px;padding:10px 8px;display:flex}.rating-league-users li+li{border-top-color:var(--border)}.rating-league-users li.is-current{border-color:var(--yellow-500);border-radius:var(--radius-sm);background:var(--yellow-100);color:#111}.rating-league-users li.is-current+li{border-top-color:#0000}.rating-league-users li.is-promotion{box-shadow:inset 3px 0 var(--success)}.rating-league-users li.is-promotion:not(.is-current){background:linear-gradient(to right, color-mix(in srgb, var(--success) 10%, var(--surface)), transparent 42%)}.rating-league-users li.is-demotion{box-shadow:inset 3px 0 var(--warning)}.rating-league-users li.is-demotion:not(.is-current){background:linear-gradient(to right, color-mix(in srgb, var(--warning) 10%, var(--surface)), transparent 42%)}.rating-league-users li.is-champion{box-shadow:inset 3px 0 var(--yellow-500)}.rating-league-users li.is-current .rating-league-user__points,.rating-league-users li.is-current .rating-league-user__points small{color:#111}.rating-league-users .mock-avatar{width:38px;height:38px}.rating-league-users strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.rating-league-user__rank{text-align:center;flex:none;width:22px;font-size:13px;font-weight:850}.rating-league-user__points{color:var(--ink);text-align:right;white-space:nowrap;flex:none;font-size:13px;font-weight:750}.rating-league-user__points small{color:var(--muted);font-size:10px}:root[data-reduce-motion=true] .rating-league-card,:root[data-reduce-motion=true] .rating-league-users-viewport:before,:root[data-reduce-motion=true] .rating-league-users-viewport:after{transition:none}.battle-intro{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);align-items:center;gap:14px;padding:18px;display:flex}.battle-intro__icon{border-radius:var(--radius-control);color:#111;background:var(--yellow-500);flex:none;place-items:center;width:56px;height:56px;display:grid}.battle-intro h2{font-size:19px;font-weight:800}.battle-intro p{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.4}.battle-rules{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:10px;padding:16px;list-style:none;display:flex}.battle-rules li{color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex}.battle-rules svg{color:var(--yellow-500);flex:none}.battle-themes{flex-wrap:wrap;gap:8px;display:flex}.battle-theme{border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:700;display:inline-flex}.battle-theme.is-selected{border-color:var(--yellow-500);background:var(--yellow-100);color:var(--ink)}.battle-opponents{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:2px;padding:8px 14px;list-style:none;display:flex}.battle-opponents li{align-items:center;gap:12px;padding:11px 0;display:flex}.battle-opponents li+li{border-top:1px solid var(--border)}.battle-opponents strong{flex:1;font-size:15px}.battle-opponents svg{color:var(--muted)}.battle-quick{color:var(--muted);font-size:12px;font-weight:700}.battle-hint{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.4}.battle-start{margin-top:25px}.battle-start .battle-hint{text-align:center}.battle-match__status{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.battle-match__progress{color:var(--muted);font-size:13px;font-weight:700}.battle-match__score{background:var(--yellow-100);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:800;display:inline-flex}.battle-match__score small{color:var(--ink-soft);font-size:11px;font-weight:700}.battle-timer{background:var(--surface-secondary);border-radius:999px;height:8px;overflow:hidden}.battle-timer>span{background:var(--yellow-500);border-radius:999px;height:100%;transition:width .9s linear;display:block}.battle-timer.is-low>span{background:var(--error)}.battle-timer__value{color:var(--muted);align-items:center;gap:5px;margin-top:7px;font-size:12px;font-weight:700;display:flex}.battle-question{color:var(--ink);letter-spacing:-.4px;margin-top:18px;font-size:20px;font-weight:800;line-height:1.3}.battle-options{flex-direction:column;gap:10px;margin-top:16px;display:flex}.battle-option{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:14px;font-size:14px;line-height:1.35;display:flex}.battle-option__letter{background:var(--surface-secondary);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.battle-option.is-chosen{border-color:var(--yellow-500)}.battle-option.is-correct{border-color:var(--success);background:#22c55e17}.battle-option.is-correct .battle-option__letter{color:var(--success);background:0 0}.battle-option.is-wrong{border-color:var(--error);background:#ef444414}.battle-option.is-wrong .battle-option__letter{color:var(--error);background:0 0}.battle-option:disabled{cursor:default}.battle-feedback{text-align:center;margin-top:14px;font-size:15px;font-weight:800}.battle-feedback--correct{color:var(--success)}.battle-feedback--wrong{color:var(--error)}.battle-result__hero{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft);text-align:center;flex-direction:column;align-items:center;padding:24px 18px;display:flex}.battle-result__medal{color:#111;background:var(--surface-secondary);border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.battle-result__medal--1{background:var(--yellow-500)}.battle-result__medal--2{background:#eceff3}.battle-result__medal--3{background:#f7e6d3}.battle-result__hero h2{letter-spacing:-.5px;margin-top:12px;font-size:23px;font-weight:800}.battle-result__hero p{color:var(--muted);margin-top:6px;font-size:13px}.battle-result__hero strong{color:var(--ink)}.battle-result__reward{background:var(--yellow-100);color:var(--ink);border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.battle-standings{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:2px;padding:6px 14px;list-style:none;display:flex}.battle-standings li{align-items:center;gap:11px;padding:12px 0;display:flex}.battle-standings li+li{border-top:1px solid var(--border)}.battle-standings li.is-current strong{color:var(--ink);font-weight:800}.battle-standings__place{width:20px;color:var(--muted);text-align:center;font-size:14px;font-weight:800}.battle-standings strong{flex:1;font-size:15px}.battle-standings__score{font-size:15px;font-weight:800}.battle-standings__reward{color:var(--success);font-size:13px;font-weight:700}.battle-review{flex-direction:column;gap:12px;list-style:none;display:flex}.battle-review li{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:16px}.battle-review h3{font-size:15px;font-weight:800;line-height:1.35}.battle-review p{margin-top:8px;font-size:13px;line-height:1.45}.battle-review__wrong{color:var(--error)}.battle-review__right{color:var(--success)}.battle-review__explanation{color:var(--ink-soft)}.battle-review__link{border:1px solid var(--border);background:var(--surface-secondary);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;margin-top:12px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.battle-result__actions{flex-direction:column;gap:10px;margin-top:25px;display:flex}:root[data-theme=dark] .battle-result__medal--2{background:#2a2c30}:root[data-theme=dark] .battle-result__medal--3{background:#33261a}:root[data-high-contrast=true] .battle-theme.is-selected,:root[data-high-contrast=true] .battle-match__score,:root[data-high-contrast=true] .battle-result__reward{background:0 0;border:1px solid}:root[data-reduce-motion=true] .battle-timer>span{transition:none}.rating-delta{min-width:30px;color:var(--muted);align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.rating-delta.is-up{color:var(--success)}.rating-delta.is-down{color:var(--error)}:root[data-high-contrast=true] .rating-league-card.is-selected,:root[data-high-contrast=true] .rating-league-card.is-current,:root[data-high-contrast=true] .rating-league-users li.is-current,:root[data-high-contrast=true] .rating-zone-help li{background:0 0;border:2px solid}:root[data-reduce-motion=true] .rating-league-panel__help-button{transition:none}:root[data-high-contrast=true] .rating-league-users li.is-current,:root[data-high-contrast=true] .rating-league-users li.is-current .rating-league-user__points,:root[data-high-contrast=true] .rating-league-users li.is-current .rating-league-user__points small{color:var(--ink)}.rating-demo-badge{border:1px solid var(--border);color:var(--muted);letter-spacing:.2px;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:8px;padding:3px 8px;font-size:10px;font-weight:700}:root[data-text-scale=large] .rating-summary{grid-template-columns:64px minmax(0,1fr)}:root[data-text-scale=large] .rating-auth-gate{text-align:center;grid-template-columns:1fr}:root[data-text-scale=large] .rating-auth-gate__icon{justify-self:center}:root[data-text-scale=large] .rating-screen .mock-screen-header{flex-direction:column;align-items:stretch}:root[data-text-scale=large] .rating-week-status{width:100%}:root[data-text-scale=large] .rating-summary__points{border-top:1px solid var(--border);border-left:0;flex-flow:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;padding-left:0}:root[data-text-scale=large] .rating-screen .section-heading{flex-direction:column;align-items:flex-start;gap:8px}:root[data-text-scale=large] .rating-league-panel__head{grid-template-columns:54px minmax(0,1fr)}:root[data-text-scale=large] .rating-league-panel__head.has-zone-help{grid-template-columns:54px minmax(0,1fr) 44px}:root[data-text-scale=large] .rating-league-guidance{grid-template-columns:1fr}:root[data-text-scale=large] .rating-league-panel__count{grid-column:2/-1;justify-self:start}:root[data-text-scale=large] .rating-league-users li{grid-template-columns:22px 38px minmax(0,1fr) auto;display:grid}:root[data-text-scale=large] .rating-league-user__rank,:root[data-text-scale=large] .rating-league-users .mock-avatar{grid-row:1/span 2}:root[data-text-scale=large] .rating-league-user__points{text-align:left;grid-column:3/-1}@media (max-width:359px){.rating-screen .mock-screen-header{flex-direction:column;align-items:stretch}.rating-week-status{width:100%}.rating-screen .section-heading{flex-direction:column;align-items:flex-start;gap:8px}.rating-league-panel__head.has-zone-help{grid-template-columns:54px minmax(0,1fr) 44px}.rating-league-panel__count{grid-column:2/-1;justify-self:start}}.bottom-nav,.app-viewport--lesson .bottom-nav{width:min(480px,100%);min-height:calc(68px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 94%, transparent);border-width:1px 0 0;border-radius:0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;bottom:0;box-shadow:0 -12px 32px #11111114}.app-viewport--lesson .bottom-nav{width:min(430px,100%)}:root[data-theme=dark] .bottom-nav,:root[data-theme=dark] .app-viewport--lesson .bottom-nav{background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 -12px 32px #0000004d}.bottom-nav__item,.app-viewport--lesson .bottom-nav__item{text-align:center;border-radius:0;justify-content:center;gap:3px;min-height:68px;padding:7px 2px 5px;font-size:9px;font-weight:650;line-height:1.15;position:relative}.bottom-nav__item>span:last-child,.app-viewport--lesson .bottom-nav__item>span:last-child{text-overflow:clip;white-space:normal;line-height:1.05;overflow:visible}.bottom-nav__item:before,.app-viewport--lesson .bottom-nav__item:before{background:var(--yellow-500);content:"";opacity:0;border-radius:0 0 999px 999px;width:34px;height:3px;transition:opacity .16s,transform .2s;position:absolute;top:0;transform:scaleX(.55)}.bottom-nav__item.is-active:before,.app-viewport--lesson .bottom-nav__item.is-active:before{opacity:1;transform:scaleX(1)}.bottom-nav__icon,.app-viewport--lesson .bottom-nav__icon{width:36px;height:32px;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:12px;place-items:center;margin:0;transition:color .16s,background-color .16s,transform .16s;display:grid}.bottom-nav__item.is-active .bottom-nav__icon,.app-viewport--lesson .bottom-nav__item.is-active .bottom-nav__icon{color:#111;background:var(--yellow-500)}.bottom-nav__item:active .bottom-nav__icon{transform:scale(.94)}.app-viewport--lesson .lesson-sticky-action{bottom:calc(68px + env(safe-area-inset-bottom))}.app-viewport--lesson .lesson-toast{bottom:calc(144px + env(safe-area-inset-bottom))}.app-frame.profile-screen{min-height:100dvh;padding:0 var(--page-x) calc(104px + env(safe-area-inset-bottom));background:radial-gradient(circle at 86% 7%, color-mix(in srgb, var(--yellow-500) 13%, transparent), transparent 210px), var(--background)}.profile-topbar{z-index:15;min-height:calc(60px + env(safe-area-inset-top));margin-inline:calc(var(--page-x) * -1);padding:env(safe-area-inset-top) var(--page-x) 8px;border-bottom:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr);align-items:end;display:grid;position:sticky;top:0}.profile-topbar:before{content:"";grid-column:1}.profile-topbar h1{letter-spacing:-.45px;text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-column:2;align-self:center;font-size:20px;font-weight:800;overflow:hidden}.profile-topbar__status,.profile-topbar__action{border:1px solid var(--border);width:44px;height:44px;color:color-mix(in srgb, var(--success) 76%, var(--ink));background:var(--surface);box-shadow:var(--shadow-soft);border-radius:50%;grid-area:1/3;align-self:center;place-items:center;padding:0;display:grid}.profile-topbar__action{border-color:var(--yellow-500);border-radius:var(--radius-control);width:auto;min-width:44px;color:var(--ink);background:var(--yellow-500);justify-self:end;gap:6px;padding-inline-start:12px;padding-inline-end:12px;font-size:12px;font-weight:750;display:inline-flex}.profile-topbar__action:active{transform:scale(.95)}.profile-identity{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:15px;padding:22px 2px 18px;display:grid}.profile-avatar{border:1px solid color-mix(in srgb, var(--yellow-500) 56%, var(--border));color:#111;background:radial-gradient(circle at 32% 24%, #ffffff8c, transparent 34%), var(--yellow-500);width:72px;height:72px;box-shadow:0 14px 30px color-mix(in srgb, var(--yellow-500) 20%, transparent);border-radius:24px;place-items:center;display:grid;position:relative}.profile-avatar>.social-avatar{border:2px solid var(--yellow-500);border-radius:inherit;width:100%;height:100%;position:static}.profile-avatar>.social-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.profile-avatar strong{letter-spacing:-.7px;font-size:22px;font-weight:900}.profile-identity__copy{min-width:0}.profile-identity__copy h2{color:var(--ink);letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:800;line-height:1.2;overflow:hidden}.profile-account-meta{min-height:32px;color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:13px;line-height:1.4;display:flex}.profile-account-meta svg{flex:none}.profile-account-meta span{overflow-wrap:anywhere}.profile-city-chip{max-width:100%;min-height:44px;color:var(--muted);background:0 0;align-items:center;gap:6px;margin-top:3px;padding:7px 2px;font-size:12px;font-weight:700;display:inline-flex}.profile-city-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-progress-card{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:26px;overflow:hidden}.profile-progress-card__main{width:100%;min-height:148px;color:var(--ink);background:radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--yellow-500) 15%, transparent), transparent 145px), transparent;text-align:left;grid-template-columns:102px minmax(0,1fr) 20px;align-items:center;gap:17px;padding:20px;display:grid}.profile-progress-card__main>svg{color:var(--muted)}.profile-progress-card__main:active{background-color:var(--surface-secondary)}.profile-literacy-ring{--profile-progress:0deg;background:conic-gradient(var(--yellow-500) 0 var(--profile-progress), var(--surface-strong) var(--profile-progress) 360deg);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.profile-literacy-ring:before{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--surface);content:"";border-radius:50%;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.profile-literacy-ring>span{z-index:1;color:var(--ink);align-items:baseline;display:flex;position:relative}.profile-literacy-ring strong{letter-spacing:-1.1px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:900;line-height:1}.profile-literacy-ring small{font-size:12px;font-weight:800}.profile-progress-card__copy{min-width:0}.profile-progress-card__copy>span{color:var(--muted);letter-spacing:.55px;text-transform:uppercase;font-size:10px;font-weight:800}.profile-progress-card__copy h2{letter-spacing:-.35px;text-wrap:balance;margin-top:5px;font-size:18px;font-weight:850;line-height:1.25}.profile-progress-card__copy p{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.45}.profile-level-bar{background:var(--surface-strong);border-radius:999px;height:6px;margin-top:13px;overflow:hidden}.profile-level-bar span{border-radius:inherit;background:var(--yellow-500);min-width:0;max-width:100%;height:100%;transition:width .42s cubic-bezier(.16,1,.3,1);display:block}.profile-stats{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface-secondary) 52%, var(--surface));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-simple-stats{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface-secondary) 52%, var(--surface));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-simple-stats span{min-width:0;min-height:54px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:5px;padding:9px;font-size:11px;line-height:1.3;display:flex}.profile-simple-stats span+span{border-left:1px solid var(--border)}.profile-simple-stats svg{color:var(--yellow-500);flex:none}.profile-simple-stats strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px}.profile-stats>div{text-align:center;place-content:center;gap:3px;min-width:0;min-height:72px;padding:10px 5px;display:grid}.profile-stats>div+div{border-left:1px solid var(--border)}.profile-stats span{min-width:0;color:color-mix(in srgb, var(--yellow-500) 72%, var(--ink));justify-content:center;align-items:center;gap:5px;display:flex}.profile-stats strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.profile-stats small{color:var(--muted);text-overflow:ellipsis;font-size:9px;font-weight:650;line-height:1.25;overflow:hidden}.profile-account-callout{border:1px solid color-mix(in srgb, var(--yellow-500) 44%, var(--border));color:#111;background:linear-gradient(145deg, var(--yellow-100), color-mix(in srgb, var(--yellow-500) 20%, #fff));border-radius:22px;gap:15px;margin-top:14px;padding:18px;display:grid}.profile-account-callout>div{gap:5px;display:grid}.profile-account-callout>div>span,.profile-next-action__copy>small{color:#111111b8;letter-spacing:.65px;text-transform:uppercase;font-size:9px;font-weight:850}.profile-account-callout h2{font-size:16px;line-height:1.3}.profile-account-callout p{color:#5d5537;font-size:11px;line-height:1.5}.profile-account-callout>button{color:#fff;background:#111;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;font-size:12px;font-weight:800;display:inline-flex}.profile-next-action{border:1px solid color-mix(in srgb, var(--yellow-500) 58%, #c7a900);color:#111;background:var(--yellow-500);width:100%;min-height:94px;box-shadow:0 13px 30px color-mix(in srgb, var(--yellow-500) 22%, transparent);text-align:left;border-radius:22px;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:12px;margin-top:14px;padding:15px;transition:transform .16s,box-shadow .16s;display:grid}.profile-next-action:active{box-shadow:0 8px 20px color-mix(in srgb, var(--yellow-500) 18%, transparent);transform:scale(.985)}.profile-next-action__icon{width:48px;height:48px;color:var(--yellow-500);background:#111;border-radius:16px;place-items:center;display:grid}.profile-next-action__copy{gap:3px;min-width:0;display:grid}.profile-next-action__copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-next-action__copy strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;font-size:14px;font-weight:850;line-height:1.35;overflow:visible}.profile-next-action__copy>span{color:#5f531d;font-size:10px;line-height:1.35}.profile-content-section{margin-top:27px;scroll-margin-top:74px}.profile-section-heading{justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding-inline-start:2px;padding-inline-end:2px;display:flex}.profile-section-heading h2{letter-spacing:-.3px;min-width:0;font-size:17px;font-weight:800;line-height:1.3}.profile-section-heading button{min-height:44px;color:var(--muted);background:0 0;flex:none;align-items:center;gap:2px;padding:8px 0 8px 10px;font-size:11px;font-weight:750;display:inline-flex}.profile-category-list,.profile-settings-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:21px;overflow:hidden}.profile-category-list>button{width:100%;min-height:76px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px 14px;display:grid}.profile-category-list>button+button,.profile-setting-row+.profile-setting-row{border-top:1px solid var(--border)}.profile-category-list>button:active,.profile-setting-row:active,.profile-saved-card:active{background:var(--surface-secondary)}.profile-category-list__icon,.profile-setting-row__icon,.profile-choice-row__icon,.profile-toggle-row__icon{color:#111;background:var(--yellow-100);border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.profile-category-list__copy{gap:9px;min-width:0;display:grid}.profile-category-list__copy>span{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.profile-category-list__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;line-height:1.35;overflow:hidden}.profile-category-list__copy b{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.profile-achievement-strip{margin-inline:calc(var(--page-x) * -1);padding:2px var(--page-x) 8px;scroll-padding-inline:var(--page-x);scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(132px,42%);grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.profile-achievement-strip::-webkit-scrollbar{display:none}.profile-achievement-strip>button{border:1px solid var(--border);min-height:138px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);scroll-snap-align:start;text-align:left;border-radius:20px;align-content:start;gap:8px;padding:14px;display:grid}.profile-achievement-strip>button>span{color:#111;background:var(--yellow-500);border-radius:14px;place-items:center;width:43px;height:43px;display:grid}.profile-achievement-strip>button.is-locked{box-shadow:none;opacity:.62}.profile-achievement-strip>button.is-locked>span{color:var(--muted);background:var(--surface-strong)}.profile-achievement-strip strong{font-size:12px;font-weight:800;line-height:1.35}.profile-achievement-strip small{color:var(--muted);margin-top:auto;font-size:9px;font-weight:700;line-height:1.35}.profile-saved-card{border:1px solid var(--border);width:100%;min-height:74px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-soft);text-align:left;border-radius:20px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:13px 14px;display:grid}.profile-saved-card>span:first-child{color:#111;background:var(--yellow-500);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.profile-saved-card>span:nth-child(2){gap:3px;min-width:0;display:grid}.profile-saved-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;line-height:1.4;overflow:hidden}.profile-saved-card small{color:var(--muted);font-size:10px}.profile-setting-row{width:100%;min-height:68px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 14px;display:grid}.profile-setting-row__copy{gap:3px;min-width:0;display:grid}.profile-setting-row__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;line-height:1.35;overflow:hidden}.profile-setting-row__copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.profile-setting-row>svg{color:var(--muted)}.profile-setting-row--danger,.profile-setting-row--danger .profile-setting-row__copy small{color:var(--error)}.profile-setting-row--danger .profile-setting-row__icon{color:var(--error);background:color-mix(in srgb, var(--error) 9%, var(--surface))}.profile-setting-row:disabled{opacity:.55}.profile-switch{background:var(--surface-strong);border-radius:999px;flex:none;width:46px;height:28px;transition:background-color .16s;display:block;position:relative}.profile-switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #1113}.profile-switch.is-on{background:var(--yellow-500)}.profile-switch.is-on:after{transform:translate(18px)}.profile-legal-footer{max-width:42ch;color:var(--muted);text-align:center;margin:26px auto 0;font-size:9px;line-height:1.55}.profile-sheet{z-index:80;place-items:end center;width:auto;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;transform:none}.profile-sheet__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008a;width:100%;height:100%;padding:0;animation:.18s both profile-backdrop-in;position:absolute;top:0;bottom:0;left:0;right:0}.profile-sheet__panel{z-index:1;border:1px solid var(--border);background:var(--surface);border-width:1px 1px 0;border-radius:28px 28px 0 0;width:min(430px,100%);max-height:min(74dvh,680px);animation:.26s cubic-bezier(.16,1,.3,1) both profile-sheet-in;position:relative;overflow:hidden;box-shadow:0 -24px 60px #00000040}.profile-sheet__panel--tall{max-height:min(88dvh,820px)}.profile-sheet__handle{background:var(--surface-strong);border-radius:999px;width:38px;height:5px;margin:9px auto 2px;display:block}.profile-sheet__header{padding:12px var(--page-x) 14px;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px;display:grid}.profile-sheet__header h2{letter-spacing:-.45px;font-size:20px;font-weight:850;line-height:1.25}.profile-sheet__header p{max-width:42ch;color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5}.profile-sheet__close{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:var(--surface-secondary);border-radius:50%;place-items:center;padding:0;display:grid}.profile-sheet__content{max-height:calc(min(88dvh, 820px) - 102px - env(safe-area-inset-bottom));padding:14px var(--page-x) calc(22px + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}.profile-sheet-group+.profile-sheet-group,.profile-sheet-group+.profile-toggle-list{margin-top:22px}.profile-sheet-group>h3{color:var(--muted);letter-spacing:.35px;text-transform:uppercase;margin:0 2px 9px;font-size:12px;font-weight:800}.profile-choice-list{border:1px solid var(--border);background:var(--surface-secondary);border-radius:19px;overflow:hidden}.profile-choice-row{width:100%;min-height:60px;color:var(--ink);border:1px solid var(--border);background:var(--surface-secondary);text-align:left;border-radius:17px;grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;gap:11px;padding:10px 12px;display:grid}.profile-choice-row+.profile-choice-row,.profile-choice-list .profile-choice-row+.profile-choice-row{margin-top:8px}.profile-choice-list .profile-choice-row{background:0 0;border:0;border-radius:0}.profile-choice-list .profile-choice-row+.profile-choice-row{border-top:1px solid var(--border);margin-top:0}.profile-choice-row.is-selected{border-color:color-mix(in srgb, var(--yellow-500) 72%, var(--border));background:color-mix(in srgb, var(--yellow-500) 10%, var(--surface))}.profile-choice-row__copy{gap:3px;min-width:0;display:grid}.profile-choice-row__copy strong{font-size:13px;font-weight:750;line-height:1.35}.profile-choice-row__copy small{color:var(--muted);font-size:10px;line-height:1.4}.profile-choice-row__check{border:1px solid var(--border);color:#111;background:var(--surface);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.profile-choice-row.is-selected .profile-choice-row__check{border-color:var(--yellow-500);background:var(--yellow-500)}.profile-city-search{border:1px solid var(--border);min-height:52px;color:var(--muted);background:var(--surface-secondary);border-radius:17px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;padding:0 15px;display:grid}.profile-city-search:focus-within{border-color:color-mix(in srgb, var(--yellow-500) 78%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--yellow-500) 14%, transparent)}.profile-city-search input{width:100%;min-width:0;height:50px;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.profile-city-search input::placeholder{color:var(--muted)}.profile-city-search input::-webkit-search-cancel-button{width:20px;height:20px}.profile-sheet-section-title{color:var(--muted);letter-spacing:.65px;text-transform:uppercase;margin:18px 2px 9px;font-size:9px;font-weight:850}.profile-city-chips{flex-wrap:wrap;gap:8px;display:flex}.profile-city-chips button{border:1px solid var(--border);min-height:44px;color:var(--ink);background:var(--surface-secondary);border-radius:999px;padding:8px 13px;font-size:11px;font-weight:700}.profile-city-chips button.is-selected{color:#111;border-color:var(--yellow-500);background:var(--yellow-500)}.profile-city-results{margin-bottom:4px}.profile-city-results .profile-choice-row__icon{color:var(--muted)}.profile-city-results .profile-choice-row.is-selected .profile-choice-row__icon{color:var(--ink)}.profile-city-empty{min-height:220px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.profile-city-empty strong{color:var(--ink);font-size:14px}.profile-city-empty p{max-width:30ch;font-size:11px;line-height:1.5}.profile-city-empty>svg{color:var(--yellow-500)}.profile-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.profile-interest-grid button{border:1px solid var(--border);min-height:102px;color:var(--ink);background:var(--surface-secondary);text-align:left;border-radius:18px;align-content:start;justify-items:start;gap:9px;padding:14px;font-size:11px;font-weight:750;line-height:1.35;display:grid;position:relative}.profile-interest-grid button>svg:last-child{position:absolute;top:11px;right:11px}.profile-interest-grid button.is-selected{color:#111;border-color:var(--yellow-500);background:var(--yellow-500)}.profile-interest-grid button:disabled{cursor:default;opacity:.78}.profile-toggle-list{border:1px solid var(--border);background:var(--surface-secondary);border-radius:20px;overflow:hidden}.profile-toggle-list>button{width:100%;min-height:76px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) 46px;align-items:center;gap:11px;padding:12px;display:grid}.profile-toggle-list>button+button{border-top:1px solid var(--border)}.profile-toggle-list>button>span:nth-child(2){gap:3px;min-width:0;display:grid}.profile-toggle-list strong{font-size:12px;font-weight:750;line-height:1.35}.profile-toggle-list small{color:var(--muted);font-size:10px;line-height:1.4}@media (max-width:360px){.app-frame.profile-screen{--page-x:16px}.profile-progress-card__main{grid-template-columns:84px minmax(0,1fr) 18px;gap:12px;padding:16px}.profile-literacy-ring{width:84px;height:84px}.profile-literacy-ring strong{font-size:24px}.profile-progress-card__copy h2{font-size:16px}.profile-stats small{font-size:8px}.profile-next-action{grid-template-columns:44px minmax(0,1fr) 18px;gap:10px;padding:13px}.profile-next-action__icon{width:44px;height:44px}.profile-achievement-strip{grid-auto-columns:minmax(128px,46%)}}:root[data-text-scale=large] .profile-interest-grid{grid-template-columns:1fr}:root[data-text-scale=large] .profile-setting-row__copy strong,:root[data-text-scale=large] .profile-setting-row__copy small,:root[data-text-scale=large] .profile-saved-card strong,:root[data-text-scale=large] .profile-category-list__copy strong{white-space:normal}:root[data-text-scale=large] .profile-setting-row__copy strong,:root[data-text-scale=large] .profile-setting-row__copy small{overflow-wrap:anywhere;text-overflow:clip;overflow:visible}:root[data-high-contrast=true] .profile-progress-card,:root[data-high-contrast=true] .profile-category-list,:root[data-high-contrast=true] .profile-settings-card,:root[data-high-contrast=true] .profile-saved-card,:root[data-high-contrast=true] .profile-achievement-strip>button,:root[data-high-contrast=true] .profile-choice-row,:root[data-high-contrast=true] .profile-toggle-list{border-width:2px}@keyframes profile-sheet-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes profile-backdrop-in{0%{opacity:0}to{opacity:1}}body{background:var(--color-bg);line-height:var(--leading-body)}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button>svg{flex-shrink:0}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}:focus-visible{outline-color:var(--color-focus)}.app-frame:focus:not(:focus-visible){outline:none}.app-frame:focus-visible{outline:none}.app-frame{scroll-margin-top:var(--space-4)}.app-frame--with-nav{padding-bottom:calc(var(--nav-height) + 28px + env(safe-area-inset-bottom))}.app-viewport{box-shadow:none}.button{min-height:var(--control-height);white-space:normal;text-wrap:pretty;padding:12px 18px;line-height:1.35}.button--primary{color:var(--color-on-primary);background:var(--color-primary);box-shadow:none}.button--primary:hover{background:var(--color-primary-hover)}.button--danger{color:var(--color-danger);border-color:var(--color-danger)}.button:disabled{opacity:1;color:var(--muted);background:var(--surface-strong)}.button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.65s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}.icon-button{border-radius:var(--radius-control);box-shadow:none}.screen-header{margin-bottom:var(--space-5);grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.screen-header__center{min-width:0}.screen-header__title{font-size:var(--text-title);line-height:var(--leading-heading);white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.bottom-nav,.app-viewport--lesson .bottom-nav,:root[data-theme=dark] .bottom-nav,:root[data-theme=dark] .app-viewport--lesson .bottom-nav{min-height:calc(var(--nav-height) + env(safe-area-inset-bottom));background:var(--surface);border-color:var(--border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:var(--z-navigation)}.bottom-nav__item,.app-viewport--lesson .bottom-nav__item{min-height:var(--nav-height);gap:4px;font-size:11px;font-weight:600}.bottom-nav__item:before,.app-viewport--lesson .bottom-nav__item:before{content:none}.bottom-nav__icon,.app-viewport--lesson .bottom-nav__icon{border-radius:var(--radius-pill);width:42px}.bottom-nav__item.is-active .bottom-nav__icon{transform:none}:root[data-keyboard-open=true] .bottom-nav{visibility:hidden;pointer-events:none}.offline-banner{text-align:left;align-items:center;gap:8px;font-size:12px;line-height:1.4}.offline-banner>svg{flex-shrink:0}.offline-banner>span{flex:1}.offline-banner>button,.offline-banner>a{color:#20231f;text-underline-offset:3px;background:0 0;align-items:center;min-width:44px;min-height:44px;padding:8px;font-weight:700;text-decoration:underline;display:grid}dialog.modal-root{inset:var(--visual-viewport-offset,0px) 0 auto;width:100%;height:var(--visual-viewport-height,100dvh);max-width:none;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;overflow:hidden;transform:none}dialog.modal-root::backdrop{background:#0a0f098f}dialog.modal-root[open]{flex-direction:column;justify-content:end;align-items:center;display:flex}.modal-root .profile-sheet__panel,.modal-root .lesson-sheet__panel{width:min(100%, var(--app-max-width));max-height:calc(100% - max(16px, env(safe-area-inset-top)));border-radius:var(--radius-large) var(--radius-large) 0 0;box-shadow:none;margin:0;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.modal-root .profile-sheet__panel--tall{height:min(760px, calc(100% - max(16px, env(safe-area-inset-top))))}.modal-root .lesson-sheet__body,.modal-root .profile-sheet__content{overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-block:16px}.modal-root .profile-sheet__header p{font-size:14px}dialog.modal-root.lesson-exit-dialog[open]{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));justify-content:center}.modal-root .lesson-exit-dialog__panel{overscroll-behavior:contain;width:min(100%,400px);max-height:100%;margin:0;position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow-y:auto;transform:none}.app-recovery{width:min(100%,430px);min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom));align-content:center;gap:16px;margin:auto;display:grid}.app-recovery__mark{border-radius:var(--radius-control);width:52px;height:52px;color:var(--color-on-primary);background:var(--color-primary);place-items:center;font-size:30px;font-weight:750;display:grid}.app-recovery h1{font-size:26px;line-height:1.2}.app-recovery p{color:var(--muted)}.app-frame.profile-screen{background:var(--background)}.profile-topbar{background:var(--background);-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:minmax(44px,1fr) minmax(0,auto) minmax(44px,1fr)}.profile-topbar h1{white-space:normal;overflow-wrap:anywhere}.profile-topbar__action{color:var(--color-on-primary)}.profile-avatar{background:var(--color-primary);box-shadow:none}.profile-progress-card,.profile-continue-card{box-shadow:none}.profile-sheet__header h2{font-size:22px}.profile-progress-card__main{background:0 0}.profile-next-action,.profile-next-action:active,.auth-panel,.auth-method-switcher button,.auth-field>div{box-shadow:none}.auth-intro h2{letter-spacing:-.02em;font-size:21px;line-height:1.3}.auth-method-switcher button.is-active,.auth-method-switcher button.is-active svg{color:var(--ink)}.privacy-settings{gap:16px;display:grid}.privacy-settings__row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px;padding-block-start:12px;padding-block-end:12px;display:grid}.privacy-settings__row strong{font-size:16px;line-height:1.4;display:block}.privacy-settings__row small{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5;display:block}.privacy-settings__row input{-webkit-appearance:auto;appearance:auto;accent-color:var(--color-success);outline-offset:6px;width:24px;height:24px;margin:10px}.privacy-settings__note,.privacy-settings__status{color:var(--muted);font-size:14px;line-height:1.5}.privacy-settings__status{min-height:21px}.privacy-settings__error{color:var(--color-danger);gap:12px;display:grid}.course-home{background:var(--background);gap:20px}.course-home__header{margin-bottom:20px;padding:0}.course-home__brand{box-shadow:none}.course-home__welcome span{color:var(--muted);font-size:12px}.course-home__welcome strong{font-size:16px}.course-home__notification{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:44px;height:44px;box-shadow:none}.learning-focus{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);gap:12px;margin-bottom:16px;padding:20px;display:grid}.learning-focus__eyebrow{background:var(--yellow-100);width:-moz-fit-content;width:fit-content;color:var(--ink);border-radius:6px;padding:4px 9px;font-size:12px;font-weight:650}.learning-focus h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:27px;font-weight:720;line-height:1.2}.learning-focus p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.learning-focus__meta{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.learning-focus .button{margin-top:4px}.course-hud{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);box-shadow:none;margin:0 0 24px;padding:10px 14px}.course-hud__stat strong{font-size:19px;line-height:1.2}.course-hud__stat small{color:var(--muted);font-size:12px}.course-hud>button{background:var(--surface-secondary);min-height:44px;color:var(--ink);border-radius:10px;font-size:12px}.course-route{margin-bottom:20px}.course-route__heading{align-items:center;margin-bottom:12px}.course-route__heading>div>span{display:none}.course-route__heading h2{letter-spacing:-.02em;font-size:21px;line-height:1.3}.course-route__heading>span{color:var(--muted);font-size:13px}.course-chapters{border-radius:var(--radius-control);background:var(--surface-secondary);align-items:stretch;gap:6px;margin-bottom:16px;padding:4px}.course-chapters button,.course-chapters button.is-selected{min-height:68px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:10px;margin:0;padding:8px 5px;transform:none}.course-chapters button.is-selected{border-color:var(--border);color:var(--ink);background:var(--surface)}.course-chapters button:disabled{color:var(--muted);opacity:1}.course-chapters button>span{color:var(--muted);font-size:11px;line-height:1.35}.course-chapters button>strong{font-size:12px;font-weight:650;line-height:1.3}.course-map{border:1px solid var(--border);box-shadow:none}.course-map__title>span,.course-map__title>small{font-size:12px}.course-book-node__meta strong{font-size:13px;line-height:1.3}.course-book-node__meta>span,.course-book-node__meta>small{font-size:11px}.learn-catalog .search-field{border-radius:var(--radius-control);min-height:50px;box-shadow:none;padding-block-start:2px;padding-block-end:2px}.search-field__clear{width:44px;min-width:44px;height:44px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;display:grid}.learn-catalog .filter-strip{gap:8px;margin-top:12px;padding-block-start:2px;padding-block-end:10px;scroll-padding-inline:8px}.filter-strip>button{min-height:44px;font-size:13px;line-height:1.3}.learn-catalog .filter-strip>.is-active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.learn-catalog .map-hero{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-height:0;box-shadow:none;margin-top:10px;padding:20px;display:block;overflow:hidden}.learn-catalog .map-hero__copy{z-index:1;width:100%;max-width:none;padding:0;position:relative}.learn-catalog .map-hero__copy h2{font-size:21px;line-height:1.3}.learn-catalog .map-hero__copy p{max-width:calc(100% - 50px);color:var(--muted);font-size:14px;line-height:1.5}.learn-catalog .map-hero__copy strong{color:var(--ink);margin-top:14px;font-size:13px}.learn-catalog .map-hero__copy .button{background:var(--surface-secondary);width:auto;min-height:44px;color:var(--ink)}.learn-catalog .map-hero>img{opacity:.55;filter:none;object-fit:contain;width:85px;height:85px;position:absolute;top:-12px;right:-12px;transform:rotate(8deg)}.learn-catalog .category-grid{gap:10px}.learn-catalog .category-card{border-radius:var(--radius-control);box-shadow:none;padding:16px 12px}.learn-catalog .category-card__main>strong{font-size:14px;line-height:1.4}.learn-catalog .category-card__main>small{font-size:12px}.learn-catalog .category-card__percent{color:var(--muted);font-size:12px}.learn-catalog .section-heading>button{min-height:44px;padding:8px}.learn-catalog .lesson-list{gap:12px}.learn-catalog .result-count{color:var(--muted);font-size:13px}.learn-catalog .empty-state{margin-block-start:16px;margin-block-end:16px;padding:24px 16px}.learn-catalog .empty-state .button{margin-top:16px}.onboarding{background:var(--background)}.onboarding__hero{gap:8px;min-height:0;padding-block-start:12px;padding-block-end:20px}.onboarding__hero h1{letter-spacing:-.025em;font-size:27px;line-height:1.2}.onboarding__hero p{color:var(--muted);font-size:14px;line-height:1.55}.onboarding__mascot-wrap{filter:none;width:100px;min-width:0}.onboarding__mascot{object-fit:contain;filter:none;width:110px;height:110px}.onboarding .step-indicator{color:var(--muted);margin-bottom:10px;font-size:12px}.onboarding .choice-panel{box-shadow:none;border:1px solid var(--border)}.onboarding .choice-panel h2{font-size:16px;line-height:1.4}.onboarding .choice-panel h2 small{font-size:12px}.onboarding .segmented-choice>button{min-height:48px;font-size:14px}.onboarding .age-choice>button{min-height:84px;padding:12px}.onboarding .interest-choice>button{min-height:44px;padding:10px 12px;font-size:13px}.onboarding .is-selected{color:var(--color-on-primary)}.onboarding .trust-row{font-size:12px}@media (max-width:359px){.learning-focus{padding:16px}.learning-focus h1{font-size:25px}.course-home__welcome strong{font-size:14px}.course-chapters button>strong{font-size:11px}.onboarding__mascot-wrap{width:68px}.onboarding__mascot{width:84px;height:84px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-height:480px) and (orientation:landscape){.modal-root .profile-sheet__panel,.modal-root .lesson-sheet__panel{max-height:calc(100% - 8px)}.profile-sheet__handle,.lesson-sheet__handle{display:none}}:root{--city-paper:#fff8e7;--city-ink:#213e31;--city-ink-soft:#365443;--city-sage:#83a38a;--city-clay:#c67f60;--city-stone:#e8dfc9;--city-stone-edge:#b8ae96;--city-card-muted:#cbd6c8;--city-nav-width:174px;--city-ease:cubic-bezier(.2, .75, .2, 1)}:root:not([data-high-contrast=true]){--color-bg:#f3f2e9;--color-surface:#fffdf6;--color-surface-secondary:#e7e9dc;--color-surface-strong:#dce1d2;--color-text:#213b2f;--color-text-secondary:#3d5344;--color-text-muted:#5c6759;--color-border:#d3d9ca;--color-primary-soft:#f9edbb;--radius-card:16px;--radius-large:22px}:root[data-theme=dark]:not([data-high-contrast=true]){--color-bg:#12271f;--color-surface:#1e352a;--color-surface-secondary:#294336;--color-surface-strong:#354d40;--color-text:#f4f0df;--color-text-secondary:#dadfcb;--color-text-muted:#b9c7b2;--color-border:#405747;--color-primary-soft:#4b4725}.experience{min-height:100dvh;color:var(--ink);background:var(--background)}.experience .app-viewport{background:var(--background);width:100%;max-width:none;box-shadow:none;border:0;border-radius:0;margin:0;overflow-x:clip}.experience .app-frame{max-width:820px;padding:calc(28px + env(safe-area-inset-top)) 28px calc(36px + env(safe-area-inset-bottom));background:var(--background);animation:city-surface-enter .3s var(--city-ease) both;margin:0 auto}.experience .app-frame--with-nav{padding-bottom:calc(126px + env(safe-area-inset-bottom))}.experience .app-frame.city-home,.experience .app-frame.city-district-screen{width:100%;max-width:1560px;padding-inline-start:clamp(20px,3vw,52px);padding-inline-end:clamp(20px,3vw,52px)}.experience .app-frame.city-district-screen{max-width:1260px}.experience .app-frame.city-home{padding-top:max(18px, env(safe-area-inset-top))}.experience a{text-underline-offset:4px}.experience button,.experience a{-webkit-tap-highlight-color:transparent}.experience :-webkit-any(button,a):focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.experience :is(button,a):focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.experience .button{border-radius:12px;min-height:50px;font-weight:700}.experience .button--primary{box-shadow:0 3px 0 color-mix(in srgb, var(--color-primary) 70%, var(--city-ink))}.experience .button--primary:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.experience .screen-header{border-bottom:1px solid var(--border);padding-bottom:18px}.experience .screen-header__title{letter-spacing:-.035em;font-size:clamp(24px,2.7vw,32px);font-weight:750}.experience .icon-button{border:1px solid var(--border);background:var(--surface)}.experience .bottom-nav{inset:auto auto max(12px, env(safe-area-inset-bottom)) 50%;border:1px solid var(--city-ink-soft);width:min(100% - 24px,580px);min-height:76px;color:var(--city-paper);background:var(--city-ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #10201624}.experience .bottom-nav__item{min-height:60px;color:var(--city-card-muted);background:0 0;border-radius:14px;gap:3px;padding:4px 2px;font-size:10px}.experience .bottom-nav__icon{width:38px;height:31px;min-height:31px;box-shadow:none;background:0 0;border-radius:11px}.experience .bottom-nav__item.is-active{color:var(--city-paper)}.experience .bottom-nav__item.is-active .bottom-nav__icon{color:var(--city-ink);background:var(--color-primary)}.experience .bottom-nav__item:before{content:none}.experience .bottom-nav .city-nav-brand{display:none}.city-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding-bottom:16px;display:flex;position:relative}.city-wordmark{min-height:44px;color:var(--ink);letter-spacing:-.07em;align-items:center;gap:10px;font-size:28px;font-weight:800;line-height:1;text-decoration:none;display:flex}.city-wordmark__symbol{width:33px;height:39px;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:49px;font-weight:800;line-height:.65;display:inline-flex;position:relative;transform:translateY(-4px)}.city-wordmark__symbol>span{background:var(--color-primary);width:12px;height:4px;position:absolute;top:4px;right:-3px;transform:rotate(-30deg)}.city-wordmark__period{color:var(--city-clay)}.city-toolbar__caption{color:var(--muted);margin-left:auto;font-size:12px}.city-toolbar__actions{align-items:center;gap:4px;display:flex}.city-toolbar__actions>button{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;gap:7px;padding:8px;display:inline-flex}.city-toolbar__actions>button:hover{background:var(--surface-secondary)}.city-toolbar__actions>.city-language{color:var(--muted);border-radius:12px;padding-inline-start:10px;padding-inline-end:10px;font-size:11px;font-weight:650}.city-language .is-current{color:var(--ink);text-underline-offset:5px;text-decoration:underline}.city-toolbar__notice{z-index:5;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;font-size:12px;position:absolute;top:100%;right:0}.city-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,2.1fr);grid-template-areas:"intro world""district world""index index";column-gap:18px;padding-top:32px;display:grid}.city-intro{z-index:2;grid-area:intro;padding:18px 0;position:relative}.city-eyebrow{letter-spacing:.095em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:650;line-height:1.5;display:flex}.city-small-orbit{width:13px;height:13px;box-shadow:inset 0 0 0 2px var(--color-primary);border:2px solid;border-radius:50%;flex-shrink:0;display:inline-block}.city-edition{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.city-intro h1{letter-spacing:-.075em;margin:24px 0 18px;font-size:clamp(43px,4.65vw,75px);font-weight:760;line-height:1.02}.city-intro h1>span{animation:city-type-enter .68s var(--city-ease) both;display:block}.city-intro h1>span+span{animation-delay:80ms}.city-title-accent{color:var(--color-text-secondary)}.city-intro__lead{max-width:320px;color:var(--muted);text-wrap:pretty;margin:0;font-size:14px;line-height:1.65}.city-world-progress{align-items:center;gap:14px;margin-top:24px;display:flex}.city-world-progress__number{letter-spacing:-.065em;font-variant-numeric:tabular-nums;font-size:38px;font-weight:600;line-height:1}.city-world-progress__number>small{color:var(--muted);letter-spacing:-.03em;font-size:15px}.city-world-progress>span:last-child{font-size:11px;line-height:1.6}.city-world-progress>span:last-child>small{color:var(--muted);font-size:10px;display:block}.city-world{grid-area:world;align-items:center;min-width:0;display:flex;position:relative}.city-world__annotation{color:var(--muted);letter-spacing:.15em;font-size:9px;position:absolute;top:6px;right:10px}.city-stage{isolation:isolate;width:100%;min-width:0;height:clamp(470px,45vw,620px);position:relative}.city-canvas,.city-fallback,.city-pins{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.city-canvas{z-index:1;transition:opacity .2s}.city-canvas canvas{cursor:grab;width:100%;height:100%;display:block}.city-canvas canvas:active{cursor:grabbing}.city-fallback{z-index:0;opacity:1;transition:opacity .18s}.city-stage[data-mode="3d"] .city-fallback{opacity:0}.city-stage[data-mode=loading] .city-canvas,.city-stage[data-mode="2d"] .city-canvas{opacity:0;pointer-events:none}.city-stage--focus{height:350px}.city-stage--focus canvas{cursor:default}.city-pins{z-index:2;pointer-events:none}.city-pin{left:var(--pin-x);top:var(--pin-y);border:1px solid color-mix(in srgb, var(--city-ink) 16%, transparent);min-width:44px;min-height:44px;color:var(--city-ink);background:var(--city-paper);pointer-events:auto;white-space:nowrap;border-radius:30px;align-items:center;gap:7px;padding:5px 10px 5px 5px;transition:color .18s,background .18s;display:inline-flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 8px #14251914}.city-pin__number{width:30px;height:30px;color:var(--city-ink);background:var(--city-stone);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:750;display:grid}.city-pin__name{font-size:10px;font-weight:650}.city-pin__stem{background:var(--city-stone-edge);width:1px;height:14px;position:absolute;top:100%;left:50%}.city-pin__stem:after{content:"";background:var(--city-ink);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-3px;left:-1px}.city-pin.is-selected{z-index:2;background:var(--city-ink);color:var(--city-paper);border-color:var(--city-ink)}.city-pin.is-selected .city-pin__number{background:var(--color-primary)}.city-pin.is-locked:not(.is-selected){border-style:dashed}.city-stage__footer{z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:3px;left:4%;right:4%}.city-stage__hint{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.city-stage__controls{gap:3px;display:flex}.city-stage__controls>button{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border-radius:50%;justify-content:center;align-items:center;gap:5px;font-size:10px;display:inline-flex}.city-stage__controls>button:hover:not(:disabled){background:var(--surface-secondary)}.city-stage__controls>button:disabled{opacity:.35;cursor:default}.city-stage__status{z-index:3;color:var(--muted);text-align:center;font-size:11px;position:absolute;top:6px;left:10px;right:10px}.city-stage.is-traveling .city-pins,.city-stage.is-traveling .city-stage__footer{opacity:0;pointer-events:none;transition:opacity .15s}.city-district-card{border:1px solid var(--city-ink-soft);color:var(--city-paper);background:var(--city-ink);border-radius:4px 24px 24px;grid-area:district;align-self:end;padding:22px;position:relative}.city-district-card__top{color:var(--city-card-muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:start;gap:10px;font-size:9px;line-height:1.5;display:flex}.city-district-card__heading{align-items:center;gap:12px;margin-block-start:14px;margin-block-end:8px;display:flex}.city-district-card__heading>svg{color:var(--color-primary);flex-shrink:0}.city-district-card h2{letter-spacing:-.035em;margin:0;font-size:25px;font-weight:650;line-height:1.16}.city-district-card p{color:var(--city-card-muted);margin:0;font-size:12px;line-height:1.6}.city-district-card__progress{background:var(--city-ink-soft);height:2px;margin-top:16px;overflow:hidden}.city-district-card__progress>span{background:var(--color-primary);height:100%;transition:width .7s var(--city-ease);display:block}.city-district-card__bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.city-district-card__bottom>span{color:var(--city-card-muted);font-size:10px}.city-action{background:var(--color-primary);min-height:50px;color:var(--city-ink);text-align:center;transition:transform .16s var(--city-ease), background .16s;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:18px;padding:12px 18px;font-size:13px;font-weight:750;line-height:1.35;text-decoration:none;display:inline-flex}.city-action:hover{background:var(--color-primary-hover)}.city-action:active{transform:translateY(2px)}.city-action>svg{flex-shrink:0}.city-action:disabled{background:var(--city-ink-soft);color:var(--city-card-muted);opacity:1}.city-action--dark{background:var(--city-ink);color:var(--city-paper)}.city-action--dark:hover{background:var(--city-ink-soft)}.city-district-card .city-lock-note{margin-top:12px;font-size:11px}.city-district-index{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:index;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:30px;display:grid}.city-district-index>button{min-height:82px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:9px;padding:16px 12px;font-size:11px;line-height:1.45;display:flex;position:relative}.city-district-index>button:not(:last-child){border-right:1px solid var(--border)}.city-district-index>button>svg{flex-shrink:0;margin-left:auto}.city-district-index__number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.city-district-index>button.is-selected{color:var(--ink);background:var(--surface-secondary)}.city-district-index>button.is-selected:before{content:"";background:var(--color-primary);height:3px;position:absolute;top:-2px;left:0;right:0}.city-district-index>button.is-selected .city-district-index__number{color:var(--ink);font-weight:800}.city-next{grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:22px;padding:28px 0 18px;display:grid}.city-next__icon{border:1px solid var(--border);background:var(--surface-secondary);border-radius:27px 27px 4px 4px;place-items:center;width:50px;height:62px;display:grid}.city-next__copy h2{letter-spacing:-.035em;margin:5px 0 7px;font-size:22px;line-height:1.24}.city-next__time{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.city-player-stats{color:var(--muted);grid-column:2/-1;align-items:center;gap:22px;font-size:11px;display:flex}.city-player-stats>span,.city-player-stats>a{align-items:center;gap:6px;display:inline-flex}.city-player-stats>a{min-height:44px;color:var(--ink);margin-left:auto;text-decoration:none}.city-home__footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding-top:8px;font-size:11px;display:flex}.city-home__footer>a{min-height:44px;color:var(--ink);align-items:center;gap:4px;text-decoration:none;display:flex}.city-welcome-footer{color:var(--muted);justify-content:space-between;align-items:start;gap:28px;padding-top:20px;font-size:12px;display:flex}.city-welcome-footer>p{max-width:360px;margin:0;line-height:1.6}.city-preferences{min-width:220px}.city-preferences>summary{cursor:pointer;min-height:44px;color:var(--ink);justify-content:end;align-items:center;gap:8px;display:flex}.city-preferences__content{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:8px;padding:18px}.city-preferences fieldset{border:0;margin:0 0 16px;padding:0}.city-preferences legend{color:var(--ink);margin-bottom:9px;font-weight:650}.city-preferences__choices{flex-wrap:wrap;gap:8px;display:flex}.city-preferences__choices>button{border:1px solid var(--border);min-height:44px;color:var(--ink);background:var(--surface-secondary);border-radius:9px;padding:8px 12px}.city-preferences__choices>button[aria-pressed=true]{background:var(--color-primary);color:var(--city-ink);border-color:var(--color-primary)}.city-back{min-height:48px;color:var(--muted);align-items:center;gap:10px;margin-block-start:12px;margin-block-end:12px;font-size:12px;text-decoration:none;display:inline-flex}.district-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:clamp(32px,6vw,100px);padding-top:20px;display:grid}.district-identity{align-self:start;position:sticky;top:28px}.district-identity h1{letter-spacing:-.065em;margin:22px 0 16px;font-size:clamp(38px,4.7vw,62px);font-weight:700;line-height:1.04}.district-identity>p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.65}.district-development{border-top:1px solid var(--border);padding:18px 0}.district-development>div:first-child{color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:12px;display:flex}.district-development strong{color:var(--ink);letter-spacing:-.04em;font-size:25px;font-weight:650}.district-development>small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.district-featured{background:var(--city-ink);color:var(--city-paper);border-radius:4px 24px 24px;padding:26px}.district-featured>.city-eyebrow{color:var(--city-card-muted)}.district-featured h2{letter-spacing:-.04em;margin:18px 0 12px;font-size:clamp(24px,2.9vw,34px);font-weight:650;line-height:1.16}.district-featured p{color:var(--city-card-muted);margin:0;font-size:13px;line-height:1.65}.district-featured__footer{justify-content:space-between;align-items:center;gap:14px;margin-top:24px;display:flex}.district-featured__footer>span{color:var(--city-card-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.district-section-heading{justify-content:space-between;align-items:center;gap:16px;margin:34px 0 12px;display:flex}.district-section-heading h2{letter-spacing:-.02em;margin:0;font-size:19px}.district-section-heading>span{color:var(--muted);font-size:12px}.city-missions{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.city-missions>li{border-bottom:1px solid var(--border)}.city-mission{width:100%;min-height:94px;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:16px;padding:18px 8px;text-decoration:none;display:flex}.city-mission:disabled{color:var(--muted);opacity:1}.city-mission__number{border:1px solid var(--border);background:var(--surface-secondary);border-radius:22px 22px 5px 5px;place-items:center;width:38px;min-width:38px;height:44px;font-size:12px;font-weight:650;display:grid}.city-mission__copy{flex:1;min-width:0}.city-mission__copy>strong{font-size:14px;font-weight:650;line-height:1.45;display:block}.city-mission__copy>span{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;font-size:10px;line-height:1.4;display:flex}.city-mission__copy b{margin-left:4px;font-size:10px;font-weight:650}.city-mission>svg{flex-shrink:0}.city-missions .is-current{background:var(--surface)}.city-missions .is-current .city-mission__number{background:var(--color-primary);color:var(--city-ink);border-color:var(--color-primary)}.city-missions .is-complete .city-mission__number{color:var(--color-success)}.city-exam{border:1px solid var(--border);background:var(--surface-secondary);border-radius:18px;gap:18px;margin-top:26px;padding:24px;display:flex}.city-exam__badge{background:var(--color-primary);width:50px;height:60px;color:var(--city-ink);border-radius:28px 28px 8px 8px;flex-shrink:0;place-items:center;display:grid}.city-exam h3{letter-spacing:-.02em;margin:9px 0;font-size:18px;line-height:1.3}.city-exam p{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.6}.city-exam__locked{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.district-next-area{border:1px solid var(--border);color:var(--ink);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;margin-top:24px;padding:22px;font-size:12px;text-decoration:none;display:flex}.district-next-area strong{margin-top:6px;font-size:20px;display:block}.city-completion-note{border:1px solid var(--border);background:var(--surface-secondary);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex}.city-completion-note>a{min-height:44px;color:var(--ink);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.district-glyph{min-height:250px;color:var(--city-sage);place-items:center;display:grid}.experience .app-viewport--lesson{background:var(--background);width:100%;max-width:none}.experience .app-frame.lesson-redesign{background:var(--background);max-width:760px;padding-bottom:160px}.experience .lesson-redesign__canvas{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:20px}.experience .lesson-sticky-action{border:1px solid var(--border);width:min(100% - 32px,704px);padding:14px 20px calc(16px + env(safe-area-inset-bottom));background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;border-radius:18px 18px 0 0;bottom:0;left:50%;right:auto;transform:translate(-50%);box-shadow:0 -8px 26px #1423140d}.experience .lesson-sticky-action>button{min-height:50px;color:var(--city-ink);background:var(--color-primary);box-shadow:none;border-radius:12px}.experience .lesson-sticky-action>button:disabled{color:var(--muted);background:var(--surface-strong)}.experience .profile-topbar,.experience .profile-screen{background:var(--background)}.experience .profile-progress-card,.experience .profile-continue-card,.experience .auth-panel{border:1px solid var(--border);background:var(--surface);box-shadow:none;border-radius:18px}.experience .auth-intro h2{letter-spacing:-.04em;font-size:28px}.experience .learn-catalog .map-hero{background:var(--city-ink);color:var(--city-paper);border-radius:4px 24px 24px}.experience .learn-catalog .map-hero__copy p,.experience .learn-catalog .map-hero__copy strong{color:var(--city-card-muted)}.experience .learn-catalog .map-hero__copy .button{background:var(--color-primary);color:var(--city-ink)}.experience .learn-catalog .category-card{background:var(--surface);border-radius:15px}.experience .progress-bar,.experience .progress-bar>span{border-radius:2px}@media (min-width:1024px){.experience .app-viewport[data-navigation=true]{padding-left:var(--city-nav-width)}.experience .app-frame--with-nav{padding-bottom:36px}.experience .bottom-nav{width:calc(var(--city-nav-width) - 24px);height:auto;min-height:0;box-shadow:none;border-radius:28px;flex-direction:column;justify-content:start;align-items:stretch;gap:10px;padding:24px 10px;display:flex;top:20px;bottom:20px;left:18px;right:auto;transform:none}.experience .bottom-nav .city-nav-brand{color:var(--city-paper);flex-direction:column;align-items:center;gap:13px;padding-block-start:20px;padding-block-end:40px;text-decoration:none;display:flex}.city-nav-brand .city-wordmark__symbol{color:var(--city-paper);width:46px;height:54px;font-size:64px}.city-nav-brand strong{letter-spacing:-.075em;font-size:27px}.city-nav-brand small{color:var(--city-card-muted);font-size:9px;font-weight:400;line-height:1.5}.experience .bottom-nav__item{gap:7px;min-height:72px;padding:9px 6px;font-size:11px}.experience .bottom-nav__item:hover,.experience .bottom-nav__item.is-active{background:var(--city-ink-soft)}.experience .bottom-nav__icon{width:44px;height:33px}.city-home:not(.city-home--welcome) .city-toolbar>.city-wordmark{display:none}.city-home:not(.city-home--welcome) .city-toolbar__caption{margin-left:0}.city-home--welcome .city-layout{grid-template-columns:minmax(290px,.8fr) minmax(0,1.7fr)}}@media (max-width:1200px) and (min-width:768px){.city-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);column-gap:8px}.city-intro h1{font-size:53px}.city-district-card{padding:18px}.city-district-card h2{font-size:23px}.city-district-index>button{gap:6px;padding-inline-start:7px;padding-inline-end:7px;font-size:10px}.city-pin__name{display:none}.city-pin.is-selected .city-pin__name{display:inline}}@media (max-width:767px){.experience .app-frame{padding:calc(18px + env(safe-area-inset-top)) 20px calc(34px + env(safe-area-inset-bottom))}.experience .app-frame--with-nav{padding-bottom:calc(116px + env(safe-area-inset-bottom))}.city-toolbar{gap:8px;min-height:55px;padding-bottom:10px}.city-toolbar__caption{display:none}.city-wordmark{gap:7px;font-size:26px}.city-toolbar__actions{gap:0}.city-toolbar__actions>.city-language{gap:4px;padding-inline-start:6px;padding-inline-end:6px;font-size:10px}.city-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""world""district""index";gap:0;padding-top:21px}.city-intro{padding:0}.city-intro h1{letter-spacing:-.065em;margin:13px 0 12px;font-size:clamp(38px,11.7vw,60px);line-height:.99}.city-intro__lead{max-width:360px;font-size:12px;line-height:1.6}.city-world-progress{display:none}.city-eyebrow{font-size:10px}.city-world{margin:2px -20px 0}.city-world__annotation{display:none}.city-stage{height:clamp(260px,74vw,400px)}.city-pin{gap:4px;min-width:44px;min-height:44px;padding:4px}.city-pin__number{width:34px;height:34px;font-size:10px}.city-pin__name{display:none}.city-pin.is-selected{padding-right:10px}.city-pin.is-selected .city-pin__name{font-size:10px;display:inline}.city-stage__footer{bottom:0;left:20px;right:14px}.city-stage__hint{gap:5px;font-size:10px}.city-stage__controls>button{min-width:44px;min-height:44px}.city-district-card{border-radius:4px 20px 20px;margin-top:8px;padding:18px}.city-district-card__heading{margin-block-start:11px;margin-block-end:6px}.city-district-card h2{font-size:24px}.city-district-card__heading>svg{width:28px;height:28px}.city-district-card p{font-size:12px;line-height:1.55}.city-district-card__progress{margin-top:12px}.city-district-card__bottom{margin-top:11px}.city-district-index{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.city-district-index>button{gap:6px;min-height:66px;padding:10px 7px;font-size:10px}.city-district-index>button:nth-child(3){border-right:0}.city-district-index>button:nth-child(-n+3){border-bottom:1px solid var(--border)}.city-district-index>button>svg{display:none}.city-district-index>button.is-selected:before{height:2px;top:auto;bottom:-1px}.city-next{grid-template-columns:minmax(0,1fr);gap:15px;padding-top:25px}.city-next__icon{display:none}.city-next__copy h2{margin-block-start:9px;margin-block-end:9px;font-size:24px}.city-next>.city-action{width:100%}.city-player-stats{flex-wrap:wrap;grid-column:auto;gap:12px}.city-home__footer{flex-direction:column;align-items:start;gap:3px;padding-top:15px}.city-home__footer>a{margin-left:auto}.city-welcome-footer{flex-direction:column;align-items:stretch;gap:12px;font-size:11px}.city-preferences>summary{justify-content:start}.city-preferences{min-width:0}.district-layout{padding-top:10px;display:block}.district-identity{position:static}.district-identity h1{margin-top:14px;font-size:44px}.district-identity>p{font-size:13px}.city-stage--focus{height:270px;margin-top:-8px}.district-development{padding:12px 0 24px}.district-featured{padding:22px}.district-featured h2{font-size:27px}.district-featured__footer{gap:8px;margin-top:18px}.district-featured__footer>.city-action{padding-inline-start:13px;padding-inline-end:13px;font-size:12px}.city-mission{gap:11px;min-height:92px;padding-inline-start:0;padding-inline-end:0}.city-mission__copy>strong{font-size:13px}.city-exam{gap:13px;padding:18px}.city-exam__badge{width:43px;height:54px}.city-exam h3{font-size:17px}.experience .app-frame.lesson-redesign{padding-inline-start:16px;padding-inline-end:16px}.experience .lesson-sticky-action{width:calc(100% - 20px);padding-inline-start:14px;padding-inline-end:14px}}@media (max-width:359px){.experience .app-frame,.experience .app-frame.city-home,.experience .app-frame.city-district-screen{padding-inline-start:16px;padding-inline-end:16px}.city-world{margin-inline-start:-16px;margin-inline-end:-16px}.city-intro h1{font-size:37px}.city-toolbar__actions>button{min-width:44px}.city-stage__hint{max-width:135px;line-height:1.3}.city-stage__controls{gap:0}.city-stage__controls>button{min-width:44px}.city-district-card{padding:16px}.city-district-card__bottom{gap:5px}.city-district-card__bottom>span{font-size:9px}.city-action{gap:10px;padding-inline-start:12px;padding-inline-end:12px;font-size:12px}.city-district-index>button{gap:5px;padding-inline-start:4px;padding-inline-end:4px;font-size:9px}.district-identity h1{font-size:38px}}:root[data-text-scale=large] .experience .app-viewport{zoom:1;width:100%}:root[data-text-scale=large] .experience{font-size:112.5%}:root[data-text-scale=large] .experience :is(p,.city-mission__copy>strong,.city-intro__lead){font-size:1.05rem}:root[data-text-scale=large] .city-pin__name{font-size:12px}:root[data-high-contrast=true] .city-district-card,:root[data-high-contrast=true] .district-featured,:root[data-high-contrast=true] .experience .bottom-nav{border:2px solid var(--color-text)}:root[data-high-contrast=true] .city-district-card p,:root[data-high-contrast=true] .district-featured p{color:var(--city-paper)}@keyframes city-type-enter{0%{opacity:0;clip-path:inset(0 0 70%);transform:translateY(14px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes city-surface-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.experience[data-reduced-motion=true] *,.experience[data-reduced-motion=true] :before,.experience[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.experience *,.experience :before,.experience :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.experience .screen-header--city{align-items:center;min-height:90px}.experience .screen-header--city .screen-header__center{text-align:left;align-items:start;min-width:0}.screen-header__world{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:9px;line-height:1.4;display:block}.experience .screen-header--city .screen-header__title{margin:0}.city-milestone{width:100%;max-width:420px;margin:6px auto 20px}.city-milestone .city-stage--focus{height:240px}.city-milestone__caption{border-top:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 18px;display:flex}.city-milestone__caption>span{color:var(--ink);font-size:13px}.city-milestone__caption strong{color:var(--muted);margin-top:4px;font-size:10px;font-weight:500;display:block}.city-milestone__caption>b{letter-spacing:-.05em;font-size:30px;font-weight:600}.city-milestone>.city-action{width:100%}.experience .interactive-lesson .lesson-redesign__canvas{padding:clamp(20px,4vw,42px)}.experience .interactive-step>h1{color:var(--ink);letter-spacing:-.045em;font-size:clamp(25px,3vw,36px);font-weight:700;line-height:1.17}.experience .interactive-step__eyebrow{color:var(--muted);letter-spacing:.065em;font-size:10px}.experience .interactive-story__hero{background:var(--city-ink);color:var(--city-paper);width:76px;height:90px;box-shadow:inset 0 -5px 0 var(--city-ink-soft);border-radius:44px 44px 6px 6px}.experience .interactive-step blockquote{border-left:3px solid var(--city-clay);background:var(--surface-secondary);border-radius:4px 18px 18px}.experience .interactive-step :-webkit-any(.interactive-options,.interactive-highlight,.interactive-replies,.interactive-order,.interactive-checklist,.interactive-evidence-options) button{box-shadow:none;border-color:var(--border);border-radius:12px}.experience .interactive-step :is(.interactive-options,.interactive-highlight,.interactive-replies,.interactive-order,.interactive-checklist,.interactive-evidence-options) button{box-shadow:none;border-color:var(--border);border-radius:12px}.experience .interactive-step button.is-selected:not(.is-wrong):not(.is-correct){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--ink)}.experience .interactive-step--reward{background:0 0}.experience .interactive-reward__stars{margin-bottom:14px}.experience .interactive-reward__stars svg{filter:none;width:30px;height:30px}.experience .interactive-reward__stats{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px}.experience .interactive-reward__stats strong{letter-spacing:-.04em;font-weight:650}.experience .interactive-lesson__mentor-button{background:var(--surface-secondary);color:var(--ink);border-color:var(--border);border-radius:10px}.experience .lesson-topbar{background:var(--background)}.experience .learn-catalog .map-hero{padding:24px;overflow:hidden}.experience .learn-catalog .map-hero__copy h2{letter-spacing:-.04em;font-size:25px}.experience .learn-catalog .category-grid{gap:12px}.experience .learn-catalog .category-card{border:1px solid var(--border)}.experience .learn-catalog .category-card:disabled{opacity:1;color:var(--muted);border-style:dashed}.experience .learn-catalog .category-card:disabled .category-card__icon{opacity:.65}.experience .learn-catalog .filter-strip button{border-radius:9px}.experience .learn-catalog .search-field{background:var(--surface);border:1px solid var(--border);border-radius:13px}.experience .app-frame.ai-chat-screen{padding-bottom:calc(290px + env(safe-area-inset-bottom))}.experience .ai-chat-dock{bottom:calc(102px + env(safe-area-inset-bottom));width:min(704px,100% - 32px)}.experience .ai-chat-composer{box-shadow:none;border-radius:16px}.experience .ai-chat-dock:before{-webkit-backdrop-filter:none}:root[data-keyboard-open=true] .experience .ai-chat-dock{bottom:max(8px, calc(100dvh - var(--visual-viewport-height,100dvh) - var(--visual-viewport-offset,0px) + 8px))}@media (min-width:1024px){.experience .ai-chat-dock{left:calc(50% + var(--city-nav-width) / 2);width:min(704px, calc(100% - var(--city-nav-width) - 56px));bottom:24px;right:auto;transform:translate(-50%)}.experience .app-frame.ai-chat-screen{padding-bottom:215px}}::view-transition-old(root){animation:city-route-out .3s var(--city-ease) both}::view-transition-new(root){animation:city-route-in .38s var(--city-ease) both}@keyframes city-route-out{to{opacity:0;transform:scale(.985)}}@keyframes city-route-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}@media (max-width:767px){.experience .screen-header--city{min-height:82px}.experience .interactive-lesson .lesson-redesign__canvas{padding:20px 16px}.experience .interactive-step>h1{font-size:27px}.city-milestone .city-stage--focus{height:215px}.experience .learn-catalog .map-hero{padding:20px}}