:root{color-scheme:light dark;--text-primary: light-dark(#1d1d1f, #f5f5f7);--text-secondary: light-dark(#636366, #a1a1a6);--text-tertiary: light-dark(#1d1d1f4d, #f5f5f74d);--text-primary-on: light-dark(#f5f5f7, #1d1d1f);--text-secondary-on: light-dark(#aeaeb2, #5c5c60);--fill-primary: light-dark(#1d1d1f, #f5f5f7);--fill-primary-on: light-dark(#f5f5f7, #1d1d1f);--fill-secondary: light-dark(#1d1d1f80, #f5f5f780);--fill-tertiary: light-dark(#e8e8ea, #2a2a2d);--fill-segment: light-dark(#3a3a3c, #e2e2e4);--fill-system-green: #00a665;--fill-system-orange: #ff4d00;--fill-system-red: light-dark(#da2f35, #f1555b);--transparent-primary: light-dark(#1d1d1f4d, #f5f5f74d);--stroke-primary: light-dark(#1d1d1f24, #f5f5f724);--stroke-secondary: light-dark(#1d1d1f12, #f5f5f712);--stroke-primary-on: light-dark(#f5f5f71a, #1d1d1f1a);--stroke-composer: light-dark(#f5f5f780, #1d1d1f80);--stroke-system-orange: #ff4d0026;--hover-wash: light-dark(#1d1d1f0d, #f5f5f70d);--hover-wash-primary-on: light-dark(#f9f9fa26, #1d1d1f14);--hero-surface: #161f39;--hero-text: #f5f5f7;--hero-text-muted: #f5f5f7cc;--hero-scrim-strong: rgb(22 31 57 / .78);--hero-scrim-soft: rgb(22 31 57 / .3);--hero-scrim-side: rgb(22 31 57 / .45);--hero-glass: rgb(22 31 57 / .42);--hero-glass-faint: rgb(22 31 57 / .35);--hero-glass-stroke: rgb(245 245 247 / .28);--mat-regular: light-dark(rgb(255 255 255 / .56), rgb(29 29 31 / .55));--mat-thin: light-dark(rgb(255 255 255 / .22), rgb(29 29 31 / .4));--mat-agent: light-dark(rgb(255 255 255 / .84), rgb(29 29 31 / .66));--mat-inverse: color-mix(in srgb, var(--fill-primary) 86%, transparent);--hark-blur: blur(50px) saturate(1.6);--hark-shadow: 0 8px 40px #1d1d1f1f;--sans: "GT Standard", "GT Standard L", "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--lh: 1.3;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-bold: 600;--size-caption: 12px;--size-meta: 13px;--size-small: 14px;--size-body: 15px;--size-prose: 16px;--size-heading: 20px;--size-figure: clamp(24px, 3vw, 32px);--size-title: clamp(26px, 3vw, 32px);--size-display: clamp(34px, 5vw, 48px);--size-lede: clamp(16px, 1.7vw, 20px);--type-caption: var(--weight-regular) var(--size-caption)/var(--lh) var(--sans);--type-tag: var(--weight-medium) var(--size-caption)/var(--lh) var(--sans);--type-small: var(--weight-regular) var(--size-small)/var(--lh) var(--sans);--type-label: var(--weight-medium) var(--size-small)/var(--lh) var(--sans);--type-body: var(--weight-regular) var(--size-body)/var(--lh) var(--sans);--type-body-strong: var(--weight-medium) var(--size-body)/var(--lh) var(--sans);--type-heading: var(--weight-medium) var(--size-heading)/var(--lh) var(--sans);--type-lede: var(--weight-medium) var(--size-lede)/var(--lh) var(--sans);--type-figure: var(--weight-regular) var(--size-figure)/var(--lh) var(--sans);--type-title: var(--weight-regular) var(--size-title)/var(--lh) var(--sans);--type-display: var(--weight-medium) var(--size-display)/var(--lh) var(--sans);--type-numeral: var(--weight-regular) 48px/1 var(--sans);--r-s: 12px;--r-m: 16px;--r-l: 24px;--r-xl: 32px;--r-pill: 100px;--ease-out: cubic-bezier(.23, 1, .32, 1);--dur-quick: .16s;--dur-draw: 1.4s;--page-max: 1120px;--gutter: clamp(16px, 3vw, 32px);--tap: 44px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--fill-primary-on);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}figure{margin-inline:0}a{color:inherit}b,strong{font-weight:var(--weight-bold)}p{margin:0;text-wrap:pretty}h1,h2,h3{margin:0;text-wrap:balance}small{font-size:max(var(--size-caption),.85em)}.sub{color:var(--text-secondary)}:focus-visible{outline:2px solid var(--fill-primary);outline-offset:3px;border-radius:6px}.page{max-width:var(--page-max);margin:0 auto;padding-inline:var(--gutter);padding-block:12px 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.main{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}.glass{background:var(--mat-inverse);-webkit-backdrop-filter:var(--hark-blur);backdrop-filter:var(--hark-blur);border:1px solid var(--stroke-primary-on)}.nav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:20;justify-self:center;max-width:100%;display:flex;align-items:center;gap:6px;padding:5px;border-radius:var(--r-pill);box-shadow:var(--hark-shadow)}.nav :focus-visible{outline-color:var(--fill-primary-on)}.seg{display:flex;min-width:0;overflow-x:auto;scrollbar-width:none;border-radius:var(--r-pill);background:var(--fill-segment)}.seg::-webkit-scrollbar{display:none}.seg a{flex:none;padding:8px 14px;border-radius:var(--r-pill);font:var(--type-label);color:var(--text-secondary-on);text-decoration:none;white-space:nowrap}.seg a:hover{color:var(--text-primary-on)}.seg a[aria-current=true]{background:var(--fill-primary-on);color:var(--text-primary)}.theme-btn{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--hover-wash-primary-on);color:var(--text-primary-on);cursor:pointer}.theme-btn:hover{box-shadow:inset 0 0 0 100px var(--hover-wash-primary-on)}.theme-btn:before{content:"";width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;background:linear-gradient(to right,light-dark(currentColor,transparent) 50%,light-dark(transparent,currentColor) 50%)}@media (max-width: 599px){.seg a{display:flex;align-items:center;min-height:var(--tap)}.theme-btn{width:var(--tap);height:var(--tap)}}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-top:24px;border-top:1px solid var(--stroke-secondary);font-size:var(--size-small);color:var(--text-secondary)}.foot strong{color:var(--text-primary)}.foot nav{display:flex;flex-wrap:wrap;gap:6px}.foot nav a{padding:6px 12px;border-radius:var(--r-pill);background:var(--fill-tertiary);color:var(--text-primary);font:var(--type-tag);text-decoration:none}.foot nav a:hover{box-shadow:inset 0 0 0 100px var(--hover-wash)}.badge{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-xl);background:var(--fill-primary);color:var(--text-primary-on);box-shadow:var(--hark-shadow);font:var(--weight-medium) var(--size-body)/1.1 var(--sans);text-decoration:none}.badge:hover{box-shadow:var(--hark-shadow),inset 0 0 0 100px var(--hover-wash-primary-on)}.hark-mark{display:inline-grid;place-items:center}.hark-mark svg{display:block}@media (max-width: 599px){.foot nav a{display:inline-flex;align-items:center;min-height:var(--tap);min-width:var(--tap)}.badge{min-height:var(--tap)}}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:var(--r-pill);font:var(--type-tag);max-width:100%;background:var(--fill-tertiary);color:var(--text-secondary);vertical-align:middle}.chip:before{content:"";width:7px;height:7px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1.5px var(--text-tertiary)}.chip--solid{background:var(--fill-primary);color:var(--text-primary-on)}.chip--solid:before{background:var(--fill-system-green);box-shadow:none}td .chip{white-space:nowrap}.dot{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font:var(--type-tag);color:var(--text-primary)}.dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--fill-system-green)}tbody th .dot{display:flex;width:fit-content}.pill{display:inline-block;padding:1px 8px;border-radius:var(--r-pill);background:var(--fill-tertiary);color:var(--text-secondary);font:var(--type-tag);white-space:normal;vertical-align:1px}.btn{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 12px;border-radius:var(--r-s);background:var(--fill-primary-on);color:var(--text-primary);border:1px solid var(--stroke-primary);font:var(--type-tag);text-decoration:none;max-width:100%;transition:box-shadow var(--dur-quick) ease}.btn:hover{box-shadow:inset 0 0 0 100px var(--hover-wash)}.btn[target=_blank]:after{content:"↗";font-size:11px;color:var(--text-secondary)}.link{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--stroke-primary);text-underline-offset:3px;max-width:100%;overflow-wrap:anywhere}.link:hover{text-decoration-color:currentColor}.links{display:flex;flex-wrap:wrap;gap:8px}@media (pointer: coarse),(max-width: 599px){.btn{min-height:var(--tap);padding-inline:14px}}@media (max-width: 599px){.link{display:inline-flex;align-items:center;min-width:var(--tap);min-height:var(--tap);margin:-13px 0;vertical-align:middle}}.prose{display:grid;gap:12px;max-width:68ch;font-size:var(--size-prose)}.fineprint{font-size:var(--size-small);color:var(--text-secondary);max-width:70ch}.hero{position:relative;min-height:clamp(460px,64vh,660px);border-radius:var(--r-xl);overflow:hidden;display:flex;align-items:flex-end;color:var(--hero-text);isolation:isolate;box-shadow:var(--hark-shadow);background:var(--hero-surface)}.hero:not(:has(.hero__img)){min-height:0;background:var(--hero-surface) center / cover no-repeat}.hero:not(:has(.hero__img)):after{background:linear-gradient(to right,var(--hero-scrim-side) 0%,transparent 60%)}@media (min-width: 761px){.hero:not(:has(.hero__img))>.callout{position:static;flex:none;align-self:flex-start;margin:clamp(16px,2.4vw,24px) clamp(16px,2.4vw,24px) clamp(16px,2.4vw,24px) auto}}.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 60%;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--hero-scrim-strong) 0%,var(--hero-scrim-soft) 42%,transparent 66%),linear-gradient(to right,var(--hero-scrim-side) 0%,transparent 60%)}.hero__copy{display:grid;gap:14px;max-width:40rem;padding:clamp(24px,4vw,48px);padding-bottom:clamp(28px,3.4vw,44px)}.hero__eyebrow{justify-self:start;padding:6px 12px;border-radius:var(--r-pill);background:var(--hero-glass);border:1px solid var(--hero-glass-stroke);-webkit-backdrop-filter:var(--hark-blur);backdrop-filter:var(--hark-blur);font:var(--type-label)}.hero h1{font:var(--type-display);letter-spacing:0}.hero h1 em{font-style:normal}.hero__sub{font:var(--type-lede);max-width:34ch}.hero__meta{font-size:var(--size-small);color:var(--hero-text-muted)}.hero__credit{position:absolute;right:clamp(20px,3vw,32px);bottom:16px;padding:4px 10px;border-radius:var(--r-pill);background:var(--hero-glass-faint);-webkit-backdrop-filter:var(--hark-blur);backdrop-filter:var(--hark-blur);font:var(--type-caption);color:var(--hero-text-muted)}.hero>.callout{position:absolute;top:clamp(16px,2.4vw,24px);right:clamp(16px,2.4vw,24px);width:min(320px,calc(100% - 32px))}@media (max-width: 760px){.hero{flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:0}.hero__img{object-position:22% 50%}.hero__copy{padding-top:260px;padding-bottom:28px}.hero:not(:has(.hero__img)) .hero__copy{padding-top:clamp(24px,4vw,48px)}.hero__credit{top:16px;right:16px;bottom:auto}.hero>.callout{position:static;width:auto;margin:0 12px 12px}}.callout{max-width:420px;display:grid;gap:10px;padding:16px 18px 18px;border-radius:var(--r-l);background:var(--mat-agent);-webkit-backdrop-filter:var(--hark-blur);backdrop-filter:var(--hark-blur);border:1px solid var(--stroke-composer);box-shadow:var(--hark-shadow);color:var(--text-primary);font-size:var(--size-small)}.callout__head{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:var(--weight-medium)}.callout__head svg{color:var(--text-primary)}.callout__lead{font-size:var(--size-body)}.callout .fineprint{font-size:var(--size-caption)}.callout .btn{justify-self:start}.stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding-top:8px}.stat{display:grid;grid-template-rows:1fr auto;gap:4px;padding:12px 24px;border-left:1px solid var(--stroke-secondary)}.stat:first-child{border-left:0;padding-left:0}.stat__fig{font:var(--type-figure);font-variant-numeric:tabular-nums}.stat__label{font-size:var(--size-small);color:var(--text-secondary)}@media (max-width: 760px){.stats{grid-auto-flow:row;grid-template-columns:auto minmax(0,1fr);column-gap:12px;padding-top:0}.stat{grid-column:1 / -1;grid-template-columns:subgrid;align-items:baseline;gap:12px;padding:14px 0;border-left:0;border-top:1px solid var(--stroke-secondary)}.stat:first-child{border-top:0}}.section{padding-block:clamp(40px,6vw,72px) clamp(16px,2vw,24px);border-top:1px solid var(--stroke-secondary);scroll-margin-top:calc(env(safe-area-inset-top,0px) + 72px);min-width:0}.section>*+*{margin-top:clamp(20px,2.4vw,28px)}.section>.head+*{margin-top:0}.head{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:10px 40px;align-items:end;margin-bottom:clamp(24px,3vw,36px)}.head__eyebrow{grid-column:1 / -1;font:var(--type-label);color:var(--text-secondary)}.head h2{font:var(--type-title)}.head__sub{justify-self:end;font-size:var(--size-body);color:var(--text-secondary);max-width:44ch;text-align:right}@media (max-width: 900px){.head{grid-template-columns:1fr}.head__sub{justify-self:start;text-align:left}}.table-wrap{margin-inline:-12px;padding-inline:12px;overflow-x:auto}table{width:100%;border-collapse:collapse;font:var(--type-small);font-variant-numeric:tabular-nums}caption{text-align:left;font:var(--type-caption);color:var(--text-secondary);padding:0 0 10px}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--stroke-secondary)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}thead th{font:var(--type-tag);color:var(--text-secondary);border-bottom-color:var(--stroke-primary);padding-top:0;padding-bottom:8px;white-space:nowrap}tbody th{font-weight:var(--weight-bold)}tbody tr:last-child>*{border-bottom:0}.rowhead{white-space:nowrap}td small,th small{display:block;font:var(--type-caption);color:var(--text-secondary);margin-top:2px}td.num{font-weight:var(--weight-bold);white-space:nowrap}td.num small{white-space:normal}.muted{color:var(--text-secondary)}tr.is-highlight>*{background:var(--fill-tertiary)}tr.is-highlight>:first-child{box-shadow:-12px 0 var(--fill-tertiary)}tr.is-highlight>:last-child{box-shadow:12px 0 var(--fill-tertiary)}.after-table{margin-top:20px;padding-inline:12px}@media (max-width: 599px){.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap th,.table-wrap td{display:block}.table-wrap thead{display:none}.table-wrap caption{display:block;text-align:left}.table-wrap tbody tr{padding:12px 0;border-bottom:1px solid var(--stroke-secondary)}.table-wrap tbody tr.is-highlight{margin-inline:-12px;padding-inline:12px;background:var(--fill-tertiary)}.table-wrap tbody tr.is-highlight>*{background:none;box-shadow:none}.table-wrap tbody tr>*{border-bottom:0;padding:2px 0}.table-wrap tbody td.is-empty{display:none}.table-wrap tbody td[data-label]{display:grid;grid-template-columns:minmax(0,8em) minmax(0,1fr);column-gap:12px}.table-wrap tbody td[data-label]:before{content:attr(data-label) " ";color:var(--text-secondary);font-size:var(--size-caption)}.rowhead{white-space:normal}}.compare{margin-inline:-12px;overflow-x:auto;scroll-snap-type:x mandatory}.compare table{table-layout:fixed;min-width:calc(var(--compare-cols, 3) * 200px)}.compare th,.compare td{scroll-snap-align:start;padding-inline:12px}.compare thead th{font:var(--type-body-strong);color:var(--text-primary);white-space:normal;padding-top:0;padding-bottom:14px;border-bottom-color:var(--stroke-secondary)}.compare__media{position:relative;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;width:100%;aspect-ratio:4 / 3;max-height:240px;margin:0 0 12px;padding:16px;border-radius:var(--r-m);background:var(--fill-tertiary)}.compare__media img{max-width:100%;max-height:100%;mix-blend-mode:multiply}.compare thead th>.chip{display:flex;width:fit-content;margin-top:8px}.compare:has(.compare__media) thead th:not(:has(.compare__media)):before{content:"";display:block;width:100%;aspect-ratio:4 / 3;max-height:240px;margin-bottom:12px;border-radius:var(--r-m);background:var(--fill-tertiary)}:root[data-theme=dark] .compare__media img{mix-blend-mode:normal;border-radius:var(--r-s)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .compare__media img{mix-blend-mode:normal;border-radius:var(--r-s)}}.js .compare tbody th[scope=row],.js .compare thead td:first-child{width:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.js .compare td[data-label]:before{content:attr(data-label);content:attr(data-label) / "";display:block;margin-bottom:4px;font:var(--type-caption);color:var(--text-secondary)}@media (max-width: 599px){.compare table{min-width:calc(var(--compare-cols, 3) * 68vw)}}.step{display:grid;grid-template-columns:112px minmax(0,1fr) minmax(220px,.78fr);gap:16px 28px;padding:28px 0;border-bottom:1px solid var(--stroke-secondary)}.step>*{min-width:0}.steps>.step:last-child{border-bottom:0}.step p+p{margin-top:8px}.step__num{font:var(--type-numeral);color:var(--text-primary);font-variant-numeric:tabular-nums}.step__eyebrow{margin-top:8px;font:var(--type-label);color:var(--text-secondary)}.step h3{font:var(--type-heading);margin-bottom:12px}.step__pills{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.step__pills li{padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--stroke-primary);font-size:var(--size-meta);color:var(--text-secondary);max-width:100%}.step__pills b{color:var(--text-primary);font-weight:var(--weight-bold)}.step__panel{align-self:start;margin:0;padding:16px 18px;border-radius:var(--r-m);background:var(--fill-tertiary);font-size:var(--size-small)}.step__panel dt{font-size:var(--size-caption);color:var(--text-secondary);margin-bottom:2px}.step__panel dd{margin:0 0 12px}.step__panel dd:last-child{margin-bottom:0}.step__panel .fineprint{display:block;margin-top:6px;font-size:var(--size-caption)}.step__panel .btn{margin-top:8px}.step__figure{grid-column:2 / span 2;margin:0}.step__figure img{width:100%;height:clamp(200px,26vw,320px);object-fit:cover;border-radius:var(--r-m)}.step__figure figcaption{font-size:var(--size-caption);color:var(--text-secondary);padding-top:10px}@media (min-width: 901px){.step:not(:has(>.step__panel)){grid-template-columns:112px minmax(0,1fr)}.step:not(:has(>.step__panel))>.step__figure{grid-column:2}}@media (max-width: 900px){.step{grid-template-columns:minmax(0,1fr);gap:14px}.step__figure{grid-column:1}.step__intro{display:flex;align-items:baseline;gap:14px}.step__num{font-size:40px}.step__eyebrow{margin-top:0}}.checklist{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr);column-gap:20px;list-style:none;margin:0;padding:0}.checklist:not(:has(.checklist__note)){grid-template-columns:minmax(0,1fr) auto}.checklist>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;row-gap:8px;align-items:center;padding:14px 0;border-bottom:1px solid var(--stroke-secondary)}.checklist>li:last-child{border-bottom:0}.checklist__item{grid-column:1;font-weight:var(--weight-bold)}.checklist>li>.chip{grid-column:2;justify-self:start}.checklist:not(:has(.checklist__note))>li>.chip{justify-self:end}.checklist__item small{display:block;font-weight:var(--weight-regular);font-size:var(--size-caption);color:var(--text-secondary);margin-top:2px}.checklist__note{grid-column:3;font-size:var(--size-small);color:var(--text-secondary)}.checklist>li.is-done .checklist__item{text-decoration:line-through;text-decoration-color:var(--text-tertiary)}@media (max-width: 760px){.checklist{grid-template-columns:minmax(0,1fr) auto}.checklist>li>.chip{justify-self:end}.checklist__note{grid-column:1 / -1}}.breakdown{max-width:720px}@media (min-width: 901px){.section>.breakdown,.section>.aside{max-width:calc((100% - 40px) * 1.65 / 2.65)}}.breakdown dl{margin:0}.breakdown .row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--stroke-secondary)}.breakdown dt{font-size:var(--size-body)}.breakdown dt small{display:block;color:var(--text-secondary);font-size:var(--size-meta);margin-top:2px}.breakdown dd{margin:0;font-weight:var(--weight-bold);font-size:var(--size-body);white-space:nowrap;font-variant-numeric:tabular-nums}.breakdown .row--total{margin-top:-1px;padding:18px 0 0;border-top:1px solid var(--stroke-primary);border-bottom:0;flex-wrap:wrap;align-items:baseline}.breakdown .row--total dt{font:var(--type-body-strong)}.breakdown .row--total dd{font:var(--type-figure);white-space:normal}.breakdown .fineprint{margin-top:16px}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);align-items:start}.pair:has(>:is(.callout,.aside):last-child){grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:40px}.pair>.callout{max-width:none}@media (max-width: 760px){.pair,.pair:has(>:is(.callout,.aside):last-child){grid-template-columns:minmax(0,1fr)}}.timeline{display:grid;grid-template-columns:210px minmax(0,1fr) auto;column-gap:28px;list-style:none;margin-inline:0;margin-bottom:0;padding:0}.timeline>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;row-gap:8px;align-items:start;padding:18px 0;border-bottom:1px solid var(--stroke-secondary)}.timeline>li:first-child{padding-top:0}.timeline>li:last-child{border-bottom:0;padding-bottom:0}.timeline__when{display:flex;align-items:baseline;gap:12px;font-weight:var(--weight-bold)}.timeline__when:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--text-tertiary);transform:translateY(-1px)}.timeline>li.is-current .timeline__when:before{background:var(--fill-system-orange);box-shadow:0 0 0 4px var(--stroke-system-orange)}.timeline>li>p:has(>.chip:only-child){justify-self:end}.timeline__what ul{margin:0;padding-left:18px}.timeline__what li{margin-bottom:4px}.timeline__what li:last-child{margin-bottom:0}.timeline__what p+p{margin-top:6px}@media (max-width: 900px){.timeline{grid-template-columns:minmax(0,1fr)}.timeline>li>p:has(>.chip:only-child){justify-self:start}.timeline__what,.timeline>li>p:last-child{padding-left:20px}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.cards:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.cards>div{padding:22px 24px;border-radius:var(--r-m);background:var(--fill-tertiary)}.cards h3{font:var(--type-heading);margin-bottom:10px}.cards ul{margin:0;padding:0;list-style:none}.cards li{padding:10px 0;border-bottom:1px solid var(--stroke-secondary)}.cards li:last-child{border-bottom:0;padding-bottom:0}.cards__media{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;aspect-ratio:4 / 3;max-height:220px;margin:0 0 14px;padding:12px;border-radius:var(--r-s);background:var(--fill-primary-on)}.cards__media img{max-width:100%;max-height:100%;mix-blend-mode:multiply}:root[data-theme=dark] .cards__media img{mix-blend-mode:normal}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .cards__media img{mix-blend-mode:normal}}.cards .quote{font:var(--type-heading);margin-bottom:8px;text-wrap:balance}@media (max-width: 900px){.cards{grid-template-columns:1fr}}@media (max-width: 760px){.cards:has(>:nth-child(4):last-child){grid-template-columns:minmax(0,1fr)}}.aside{max-width:62ch;padding:20px 22px;border:1.5px dashed var(--stroke-primary);border-radius:var(--r-m)}.aside h3{font:var(--type-heading);margin-bottom:6px}.chart{margin-bottom:8px;padding:20px 20px 12px;border-radius:var(--r-m);background:var(--fill-tertiary);overflow-x:auto}.chart__cap{font-size:var(--size-caption);color:var(--text-secondary);margin-bottom:12px}.chart svg{width:100%;height:auto;display:block}.pf-grid{stroke:var(--stroke-primary);stroke-width:1}.pf-line{stroke:var(--fill-primary);stroke-width:2.4;fill:none;stroke-linejoin:round;stroke-linecap:round}.pf-fill{fill:var(--fill-primary);opacity:.07}.pf-dot{fill:var(--fill-primary-on);stroke:var(--fill-primary);stroke-width:2}.pf-alt{fill:var(--text-primary);font:var(--weight-bold) var(--size-body) var(--sans);text-anchor:middle}.pf-name{fill:var(--text-secondary);font:var(--weight-medium) var(--size-meta) var(--sans);text-anchor:middle}.pf-num{fill:var(--text-tertiary);font:var(--weight-medium) var(--size-meta) var(--sans);text-anchor:middle}.pf-axis{fill:var(--text-secondary);font:var(--weight-regular) var(--size-caption) var(--sans)}.js .chart:not(.is-in) .pf-line{stroke-dasharray:1400;stroke-dashoffset:1400}.js .chart.is-in .pf-line{stroke-dasharray:1400;stroke-dashoffset:0;transition:stroke-dashoffset var(--dur-draw) var(--ease-out) .12s}@media (prefers-reduced-motion: reduce){.js .chart .pf-line{stroke-dasharray:none;stroke-dashoffset:0;transition:none}}.band{margin-inline:0;margin-bottom:0}.band img{width:100%;height:clamp(240px,40vw,520px);object-fit:cover;border-radius:var(--r-xl)}.band figcaption{font-size:var(--size-caption);color:var(--text-secondary);padding:10px 4px 0}.is-portrait img{width:auto;max-width:100%;height:clamp(320px,48vw,560px)}:root{--x-board: #2f5d4f;--x-board-2: #27503f;--x-wood: #c08b57;--x-wood-dark: #9a6a3c;--x-paper: #fdf8ef;--x-paper-2: #f6efe1;--x-ink: #2c2a26;--x-ink-2: #6b6459;--x-line: #e4dac6;--x-sky: #dfeefb;--x-blue: #2f5bea;--x-pink: #ff6fa8;--x-pink-deep: #c8377a;--x-grad: linear-gradient(to right, var(--x-blue), var(--x-pink-deep))}[dir=rtl]{--x-grad: linear-gradient(to left, var(--x-blue), var(--x-pink-deep))}body{--x-primary: #2F5BEA;--x-secondary: #2EC4B6;--x-accent: #FFB703;--x-tint: #EEF4FF;--x-card: #fff;--x-text: #1E2A4A;--x-primary-ink: #2F5BEA;--x-secondary-ink: #0F7C72}body[data-theme=girl]{--x-primary: #E84F8C;--x-secondary: #9B5DE5;--x-accent: #FFB703;--x-tint: #FFF0F6;--x-card: #fff;--x-text: #3A1F35;--x-primary-ink: #C8377A;--x-secondary-ink: #7B3FC9}body{--x-ink: var(--x-text);--x-blue: var(--x-primary-ink);--x-pink: var(--x-secondary);--x-pink-deep: var(--x-secondary-ink);--x-grad: linear-gradient(to right, var(--x-blue), var(--x-pink-deep))}[dir=rtl] body{--x-grad: linear-gradient(to left, var(--x-blue), var(--x-pink-deep))}html{background:var(--x-sky)}body{margin:0;background:radial-gradient(900px 420px at 50% -120px,color-mix(in srgb,var(--x-primary) 16%,transparent) 0%,transparent 70%),var(--x-tint);color:var(--x-ink);font-family:Nunito,Tajawal,Noto Sans Arabic,Noto Naskh Arabic,Segoe UI,Roboto,Tahoma,system-ui,sans-serif;font-size:16px;line-height:1.55}html[lang=ar] body,[dir=rtl],[lang=ar]{font-family:Tajawal,Noto Sans Arabic,Noto Naskh Arabic,Segoe UI,Roboto,Tahoma,sans-serif}html[lang=ar] *,[dir=rtl],[dir=rtl] *,:lang(ar){letter-spacing:0!important;word-spacing:normal;text-transform:none!important}*{box-sizing:border-box}img{max-width:100%;display:block}button{font:inherit;color:inherit}.x-wrap{max-width:1040px;margin:0 auto;padding-inline:16px}html,body{height:100%;overflow:hidden;overscroll-behavior:none}.x-scroll{position:absolute;inset:0;height:auto;overflow-x:hidden;overflow-y:auto;background:transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;padding-top:var(--x-toph, calc(84px + env(safe-area-inset-top, 0px)) );padding-bottom:calc(90px + env(safe-area-inset-bottom,0px));scroll-padding-top:calc(var(--x-toph, 84px) + 8px);scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}@media (prefers-reduced-motion: reduce){.x-scroll{scroll-behavior:auto}}body.x-bopen .x-scroll{overflow-y:hidden}.x-top{position:fixed;top:0;left:0;right:0;z-index:55;padding-top:env(safe-area-inset-top,0px);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);background:#fdf8efeb;backdrop-filter:var(--hark-blur, blur(14px));-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--x-line)}.x-top:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:3px;background:linear-gradient(to right,var(--x-blue),var(--x-pink))}.x-top__in{max-width:1040px;margin:0 auto;padding:12px 16px;min-height:80px;display:flex;align-items:center;gap:12px;position:relative}.x-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;min-width:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.x-brand__logo{height:62px;width:auto;flex:none;display:block;object-fit:contain}#brandName{display:none}.x-total{display:inline-flex;align-items:center;min-height:36px;padding:4px 12px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--x-accent) 30%,#fff);color:#6b4d00;border:1px solid var(--x-accent);font-weight:800;font-size:14px}.x-dock{position:fixed;left:calc(12px + env(safe-area-inset-left,0px));right:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;padding:0;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none}.x-dock>*{pointer-events:auto}.x-dock__btn{min-width:64px;min-height:64px;padding:0 2px 2px;border:0;border-radius:16px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;line-height:1.1;transition:transform .15s var(--ease-out, ease);-webkit-tap-highlight-color:transparent}.x-dock__btn:active{transform:scale(.94)}.x-dock__btn:focus-visible{outline:none}.x-dock__btn:focus-visible .x-dock__ico{outline:3px solid var(--x-primary);outline-offset:2px}.x-dock__ico{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;line-height:1;background:#fffffff0;border:2px solid #fff;box-shadow:0 6px 16px #2c2a2642,0 1px 3px #2c2a262e,inset 0 -3px color-mix(in srgb,var(--x-primary) 18%,#fff)}.x-dock__lab{position:relative;font-size:12px;font-weight:800;color:var(--x-ink);white-space:nowrap;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 4px #fff,0 0 6px #fff}.x-dock__btn.is-on .x-dock__lab:after,.x-dock__btn[aria-expanded=true] .x-dock__lab:after{content:"";position:absolute;left:50%;bottom:-7px;width:6px;height:6px;translate:-50% 0;border-radius:50%;background:var(--x-primary);box-shadow:0 0 0 2px #fff}@keyframes x-pop{0%{opacity:0;transform:translateY(6px) scale(.96)}}.x-scrim{position:fixed;inset:0;z-index:70;background:#2c2a2666;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}body.x-bopen .x-scrim{opacity:1;visibility:visible;transition:opacity .25s}body.x-bopen{overflow:hidden}.x-bag{position:fixed;left:50%;bottom:0;z-index:80;width:min(100%,520px);max-height:85vh;overflow-y:auto;overscroll-behavior:contain;translate:-50% 0;transform:translateY(105%);visibility:hidden;background:var(--x-paper);border:1px solid var(--x-line);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -12px 40px #0003;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));transition:transform .3s var(--ease-out, ease),visibility 0s .3s}body.x-bopen .x-bag{transform:none;visibility:visible;transition:transform .42s cubic-bezier(.2,.9,.3,1.15)}.x-bag{border-top:4px solid var(--x-primary)}.x-bag__grip:before{background:var(--x-secondary)}.x-bag.is-drag{transition:none!important}.x-bag[hidden]{display:none}.x-bag__grip{display:block;width:100%;height:44px;margin-bottom:-14px;border:0;background:transparent;cursor:grab;touch-action:none;padding:0}.x-bag__grip:before{content:"";display:block;width:44px;height:5px;margin:0 auto;border-radius:999px;background:var(--x-line)}.x-bag__head{display:flex;align-items:center;gap:10px;min-height:48px;touch-action:none}.x-bag__head h2{margin:0;font-size:19px;display:flex;align-items:center;gap:8px}.x-bag__ico{font-size:28px;line-height:1;display:inline-block;transform-origin:50% 90%}body.x-bopen .x-bag__ico{animation:x-bagopen .6s .1s var(--ease-out, ease) both}@keyframes x-bagopen{0%{transform:scale(.8) rotate(0)}35%{transform:scale(1.15) rotate(-10deg)}65%{transform:rotate(8deg)}to{transform:none}}.x-bag__x{margin-inline-start:auto;width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--x-line);background:#fff;cursor:pointer;font-size:17px;line-height:1;display:grid;place-items:center;padding:0}.x-bag__sec{border-top:1px solid var(--x-line);padding-top:10px;margin-top:10px}.x-bag__h{font-size:13px;font-weight:800;color:var(--x-ink-2);margin:0 4px 6px}.x-bag__stars{list-style:none;margin:0;padding:0;display:flex;gap:6px}.x-bag__stars li{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:0 4px;font-size:14px;background:#fff;border:1px solid var(--x-line);border-radius:999px;white-space:nowrap}.x-bag__stars b{font-weight:800}.x-bag__total{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 4px 0;font-weight:800}.x-bag__soon{margin:8px 4px 0;font-size:13px;font-weight:700;color:var(--x-ink-2)}.x-bag__save{border:1px solid var(--x-line);border-radius:12px;background:#fff}.x-bag__save>summary{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;cursor:pointer;list-style:none;font-size:14px;font-weight:800;color:var(--x-ink-2)}.x-bag__save>summary::-webkit-details-marker{display:none}.x-bag__save>summary:after{content:"▾";margin-inline-start:auto;transition:transform .2s}.x-bag__save[open]>summary:after{transform:rotate(180deg)}.x-bag__save__body{padding:0 10px 10px}.x-bag .x-sheet__row{gap:6px;margin-top:6px}.x-bag .x-sheet__row .x-btn{flex:none;min-height:44px;min-width:44px;padding:4px 12px;font-size:13px}.x-bag .x-input{min-height:44px;padding:6px 10px}.x-bag .x-sheet__note{margin:6px 2px 0}.x-bag__card{background:#ffffffdb;border:1px solid var(--x-line);border-radius:16px;padding:12px;margin-top:10px;box-shadow:0 2px 6px #2c2a260f}.x-bag__card>.x-bag__h{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:14px;color:var(--x-ink)}.x-bag__card>.x-bag__h .x-ic{width:22px;height:22px;vertical-align:middle}.x-bag__card .x-bag__save{border-radius:12px}.x-bag__card .x-bag__soon{margin:10px 0 0}.x-bagme__top{display:flex;align-items:center;gap:12px}.x-bagme__pic{width:60px;height:60px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:end center;background:color-mix(in srgb,var(--x-primary) 14%,#fff);border:2px solid color-mix(in srgb,var(--x-primary) 45%,#fff)}.x-bagme__pic img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}.x-bagme__pic .x-ic{width:34px;height:34px;align-self:center}.x-bagme__who{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.x-bagme__name{margin:0;font-size:17px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.x-bagme__stars{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--x-ink-2)}.x-bagme__stars .x-total{min-height:30px;padding:2px 10px;font-size:14px}.x-bagme .x-blv{margin-top:12px}.x-bag__seg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;border:1px solid var(--x-line);border-radius:999px;background:var(--x-paper-2, #f4efe6)}.x-bag__seg .x-lang{min-width:0;min-height:44px;padding:4px 6px;border:0;border-radius:999px;background:transparent;font-size:14px;font-weight:800;white-space:nowrap}.x-bag__seg .x-lang:hover{transform:none;background:#fff}.x-bag__seg .x-lang[aria-pressed=true]{background-color:var(--x-blue);background-image:var(--x-grad);color:#fff;box-shadow:0 2px 6px #2c2a262e}.x-bag__seg .x-lang[lang=ar]{font-family:Tajawal,Noto Sans Arabic,Segoe UI,Tahoma,sans-serif}.x-bag__grip{margin-bottom:-16px}.x-bag__head{min-height:44px}.x-bag .x-bagme{padding:10px 12px}.x-bagme__top{gap:10px}.x-bagme__pic{width:48px;height:48px}.x-bagme__pic .x-ic{width:28px;height:28px}.x-bagme__who{gap:2px}.x-bagme__name{font-size:16px}.x-bagme__stars .x-total{min-height:28px;padding:2px 10px}.x-bagme .x-blv{margin-top:8px}.x-acc{margin-top:8px;background:#ffffffdb;border:1px solid var(--x-line);border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #2c2a260f}.x-acc__row+.x-acc__row{border-top:1px solid var(--x-line)}.x-acc__row>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;cursor:pointer;list-style:none;font-size:15px;font-weight:800;color:var(--x-ink);-webkit-tap-highlight-color:transparent}.x-acc__row>summary::-webkit-details-marker{display:none}.x-acc__row>summary:focus-visible{outline:3px solid var(--x-primary);outline-offset:-3px;border-radius:12px}.x-acc__row>summary:hover{background:color-mix(in srgb,var(--x-primary) 6%,transparent)}.x-acc__ic{width:24px;height:24px;flex:none}.x-acc__t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-acc__sum{display:inline-flex;align-items:center;gap:4px;flex:none;max-width:40%;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:700;color:var(--x-ink-2)}.x-acc__sum .x-ic{width:16px;height:16px;margin:0}.x-acc__code{font:12px/1 ui-monospace,monospace}.x-acc__ava{width:30px;height:30px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--x-primary) 14%,#fff);border:1px solid color-mix(in srgb,var(--x-primary) 45%,#fff)}.x-acc__ava:empty{display:none}.x-acc__ava img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}.x-acc__chev{flex:none;width:8px;height:8px;margin-inline-start:2px;border-right:2px solid var(--x-ink-2);border-bottom:2px solid var(--x-ink-2);transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--ease-out, ease)}.x-acc__row[open]:not(.is-closing)>summary .x-acc__chev{transform:translateY(2px) rotate(-135deg)}.x-acc__body{box-sizing:border-box;overflow:hidden;padding:2px 14px 14px}.x-acc__body>:first-child:not(.x-acc__vh),.x-acc__vh+*{margin-top:0}.x-acc__vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.x-acc__cap{margin:8px 0 0;font-size:13px;line-height:1.5;font-weight:700;color:var(--x-ink-2)}.x-bag .x-album{grid-template-columns:repeat(4,1fr);gap:6px;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:2px}@media (min-width: 480px){.x-bag .x-album{grid-template-columns:repeat(6,1fr)}}.x-bag .x-album .x-ds__flip{width:100%;max-width:76px;aspect-ratio:1;margin:0 auto}.x-bag .x-album .x-ds__flip>span,.x-bag .x-album .x-ds__flip[aria-pressed=true]>span{transform:none;transition:none}.x-bag .x-album .x-ds__face{padding:4px;gap:0;border-width:2px;border-radius:12px}.x-bag .x-album .x-ds__face b,.x-bag .x-album .x-ds__face--back{display:none}.x-bag .x-album .x-ds__em{font-size:32px;line-height:1}.x-bag .x-album .x-ds__em .x-ic{width:32px;height:32px}.x-bag .x-album .is-empty .x-ds__em .x-ic{width:26px;height:26px;opacity:.7}.x-bag .x-album .is-sel .x-ds__face{border-color:var(--x-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--x-primary) 30%,transparent)}#bag .x-avas{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.x-bag .x-avas .x-avas__card img{height:60px}@media (prefers-reduced-motion: reduce){.x-acc__chev{transition:none}}@media (prefers-reduced-motion: reduce){.x-bag,body.x-bopen .x-bag,.x-scrim,body.x-bopen .x-scrim{transition:none}body.x-bopen .x-bag__ico{animation:none}}@media (max-width: 400px){.x-top__in{gap:8px;padding-inline:12px;min-height:70px}.x-brand{gap:6px}.x-brand__logo{height:52px}.x-brand .x-lvl{padding-inline:7px}}.x-hero__logo{width:220px;max-width:70%;height:auto;margin:0 auto 12px}.x-foot__logo{height:104px;width:auto;margin:0 auto 8px;display:block;object-fit:contain}.x-top__spacer{flex:1 1 auto}.x-lang,.x-navbtn,.x-btn{min-height:44px;padding:6px 14px;border-radius:999px;border:1px solid var(--x-line);background:#fff;cursor:pointer;font-weight:700;font-size:14px;transition:transform .15s var(--ease-out, ease),background .15s,color .15s}.x-lang:hover,.x-navbtn:hover,.x-btn:hover{transform:translateY(-1px)}.x-navbtn.is-on{background-color:var(--x-blue);background-image:var(--x-grad);border-color:var(--x-blue);color:#fff}.x-seg{display:flex;border:1px solid var(--x-line);border-radius:999px;background:#fff;padding:2px;gap:2px}.x-sheet__row{display:flex;gap:8px;align-items:center;margin-top:8px}.x-sheet__code{flex:1;min-width:0;font:13px/1.4 ui-monospace,monospace;direction:ltr;text-align:left}.x-sheet__note{margin:10px 4px 0;font-size:12px;color:var(--x-ink-2)}.x-view{display:none;padding-block:24px 48px}.x-view.is-on{display:block;animation:x-in .35s var(--ease-out, ease) both}@keyframes x-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes x-fade{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.x-view.is-on{animation:x-fade .3s both}}h1,h2,h3{margin:0 0 8px;line-height:1.25}h1{font-size:clamp(28px,6vw,44px);font-weight:800}h2{font-size:clamp(21px,3.6vw,28px);font-weight:800}h3{font-size:18px;font-weight:700}h1,h2{color:var(--x-primary-ink)}h3{color:var(--x-text)}p{margin:0 0 10px}.x-sub{color:var(--x-ink-2);font-size:17px;max-width:46ch;margin-inline:auto}@font-face{font-family:OfoqKufi;font-display:block;src:url(data:font/woff;base64,d09GRgABAAAAAAk4AA4AAAAADYQAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAAG7AAAADkAAABMAJIAikdQT1MAAAcoAAABCAAAAZ4NPx1UR1NVQgAACDAAAADaAAABWnrqx0ZPUy8yAAAFWAAAAEcAAABggmZVwFNUQVQAAAkMAAAAKQAAACp5n2xLY21hcAAABaAAAAA2AAAARAZxDOtnbHlmAAABRAAAAzEAAAW8hsnezGhlYWQAAATAAAAANgAAADYb/6DMaGhlYQAABTgAAAAgAAAAJAfEBZdobXR4AAAE+AAAAD8AAABIGtsA82xvY2EAAASYAAAAKAAAACgNbg7ZbWF4cAAABHgAAAAdAAAAIAAsAOZuYW1lAAAF2AAAAP4AAAG2JpFEhHBvc3QAAAbYAAAAEwAAACD+1wAyeJyllE1s1EYUx9+MHTtr73rXa3ucTcBZb4KdhaydrFlvsmqVBhK+N0LtQiMUIQJCgMShUvnosT1W+IA4cEOckKpKHCJx5oLUQ+5VeuihByQkxIEDCISauG+8HOBAk9LDm8Ob+c//957HDwhU0jdEFKpQALioUc9r6W3dZCwmohQtzk8mrFrtMDdfnG7Qe6ObCxV7QAauektWUZX/WEVWzaWVXpxMnzpS9XOsM0V/Ht286kYqvNeso0bjGuEDp/WR3vlzJ6eSmeVLF0cajsxmp7nuxriv6KiD9A087hNeb7I4znRoSktlLXGb8WSFSpVhuoZ04+EQ1TMvAHiNmhzA91N9q8iaN83kJFHy9DlCJSDyU8Is2QIB794NdTzbdq2xlttCA0ma9muo3B/HUZMxCxN+M27t98ZqkmWyyhfkrEOGEtP8KVgKw6UwOBEEJ8JCqVQolMtJkvx4ZOtJXiG/BktB2A2CbohrohcKOg8YyLzXMm8ZdHChAbDaiix3xwT09z//vrwdxXYcYvoCgA5+2IOMYkcEpPdo8+nn90Dg3uQ2euewG3sALuzI1fy04zZ+MJ7WSUp6MAYRzAEs1gKKLm3G5JjZniRL/H4WoVmrbZma0P634tUvl2eGg3Ga0wZ3DVimqmn1o2F3NpErrTNS0G00ukHYpzMMTrfhzx2rHbhSNcYMUtklCHJuT8Wbnzj+zcLKD6W5YwuTG33g/nqrzDUYgO8UuelV5BbAhzYc5N/ItQb+F/1pwrbu/8cKkuSza+B/8W9wDTqAo+DbGudCLKTqDNVqQxidbMWANOVniQsd0cf58hDfp8TnDFAMIBr8AjaMANzkxWfV2Z4nazQrPrLldiQfpeKg52u+Ik1oJdzZnR8mfzkvnZxr2EXH121BEUXLEM2SUM81m9hXgK/gDzKPdMXsbsnzPbyd2UyS/bbtx7GPJpJkM/bAWSyXdad62NCNR/rdYtFUVLVuGTlF3XtXN0arh3TDqI4evuycdhx1n2GqqrLPNPJpmj7LZu070eP9wP9eS58JX2O92RyidzAvZfk8PUWXMZ+9VxpgXsE8doN8R17xfXhCXv0DZCYGQgAAAHicY2BkYGAQZuhh4GGIYOBgAPEQgIWBEQAY7gETAAAAAAAAAAAbADUAUQBrAH4AvAEAAT4BdgHSAjQCSgJWAoMCtgLCAs4C3gABAAAAAgAAdRzkeF8PPPUAAwPoAAAAANJr340AAAAA5wZ9Ev5N/nAFKATaAAAABgACAAAAAAAAeJxj/MJgxMjCIMmYCMSnGCQZrjMwMDxkkGQOAuK5QLEv/98wrvz/hkmCQYUpgkGFAQ0wv/j/HKhLBQApDw7cAHicY2BkYGDx+VfAwMDq98/37wNWDeYXDKhAEACWcwZkeJxjYGGqZNrDwMrAwNTFFMHAwOANoRnjGIwY2RhQgAIKz9HH043hAJsymz+Lz78CBgbWCsYJQGFGkBzjVqYHYA0sAOqACvUAeJxjYGBgYmBgYAZiESDJCKZZGAyANAcQAuXYlNmc2Pz//wezHEGsn29/Xvh5AKwWDADhaAtoAAB4nGWQzU7CUBCFvyuFgBpjiCtWXRCiC34TN7hSExICC2MMrhVKRao1pSzY+FQ+g0/g07DitL0NRnPT3m9mzpmZFjjkkwLGqQBfejI2VBVlfMAJ35YLNPix7PzSFKmxtVzi1JxlbJy91xQ5NnXLR5RNh1tCPtgQscDnhRiXHh26XNJMqafj8qCap/teb4830Yg1c7lc7uQOeVV+mvqvVYmlD5VfKT5P+8aas6JPW8eXL1GseaYlV6iObZ4IlJ+rspHWUyay05os7bQL6f/vkGR8caAekfZtae/kXGmXMUMGotyVeyaKkv0Wmv6efnXu+qt8VJT/nRupA2Y7vfg9RAAAeJxjYGYAg39XGIwYsAAAL3MCCAB4nC3LOw4AIAhEwYeWKhoLSyvvf0bXD8mGyQYwAs6bJUeMpGSq3OiyScgwlHkb53wW7fCv2SjoAR0AAAB4nFWQMUsDQRCF3+yZ47jEU+SQK8TKQsTCQlJYHCmChaSSK8TurITzrggWqW0sQ5rU/oKQKlV+j78gVZr49kVMZNi3y9uZb2cHBiDGNR4Q9O8HBdJyWL4gfSvfG6Q44C02GzhuBleXwwpJXdUVMjrB1pUGzI1RYGaRqgwRV4cMwzluldfBIdUQos0Mp5eBYzp3qphQQ8wZC8aSsU86oZ7hkmpIxDG0dO+rDJ/cW8rL+OIFnSZ4pH55tZ4b8fwh55m6I7+yxjDC6S/T99YmIyPDc64YN4wuwzNzcXJxqG7snnj+9mqFrdiL/1Es2v+ujzQnP4Xkr+tGc4zopJrDVHOY6j/rH5qIJJ14nF2PzWrCUBCFv2v+bFpFJbgopRTXXbQWxJW4EBfiwoW4T9MWAk0oJfQp+gx9gj6BL2dPhlRELnPuzJlz7szFATETvvEWy/WWJP1Mn0ne06okwVeXw4FIl6OFJyYgJMqy4oP77OvhkbFwzFT4xOwtL1MWeZlXrIrXl5yNOTH0DQPD0NAzdM3rET3m7Kj44Ze9mJpvK66kHHLDyDw9+gzUdXSFobot/aFzor8zJlZ2ccLGygc6zlyxseczrrm1Ga5RBIpIcdlsWStHx53rKrFN/qvQvDp/vmoZXwAAeJxjYGRgZOAAYgYGETApw8hSnp5RwsgKZDOBRRgYuZn2MDAAAC3sAs8AAAA=) format("woff")}.x-hero{text-align:center}.x-school,.x-hall{position:relative;aspect-ratio:768 / 1106;width:min(100%,calc(80vh * 768 / 1106));margin:8px auto 20px;border-radius:24px;overflow:hidden;container-type:inline-size;isolation:isolate;box-shadow:0 12px 32px #00000029}.x-hall{aspect-ratio:1000 / 915;width:min(100%,calc(85vh * 1000 / 1150))}@media (max-width: 560px){.x-school,.x-hall{width:100%}}#view-home{padding-top:10px}.x-school{aspect-ratio:768 / 683;width:100%;margin:6px auto 20px}.x-stage{position:absolute;inset:0;transform-origin:50.3% 70.5%;transition:transform 1s cubic-bezier(.5,0,.75,0)}.x-stage>img{width:100%;height:100%;max-width:none;display:block}.x-sign{position:absolute;left:38%;top:4.4%;width:24%;height:36.6%;display:grid;place-items:center;white-space:nowrap;overflow:hidden;font:400 14cqw/1 OfoqKufi,sans-serif;color:#e04684;pointer-events:none;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.12)}.x-hot{position:absolute;padding:0;border:0;border-radius:4px;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent}#doorBtn{left:37.8%;top:41.4%;width:25%;height:58.1%;animation:x-glow 2.2s ease-in-out infinite}@keyframes x-glow{50%{box-shadow:0 0 22px 6px #ffd68cbf,inset 0 0 18px 4px #ffe6aa8c}}.x-entry__hint{position:absolute;top:76%;left:50%;translate:-50% 0;margin:0;white-space:nowrap;pointer-events:none;padding:4px 12px;border-radius:999px;background:#ffffffeb;color:var(--x-pink-deep);font-weight:800;font-size:max(13px,3.4cqw);transition:opacity .3s}.x-entry__hint:before{content:"";display:inline-block;width:1.2em;height:1.2em;margin-inline-end:.3em;vertical-align:-.25em;background:var(--ic-tap) center / contain no-repeat}.x-walker{position:absolute;left:50%;bottom:1%;height:36cqw;translate:-50% 0;transform-origin:50% 100%;opacity:0;pointer-events:none}.x-walker img{height:100%;width:auto;max-width:none;display:block;transform-origin:50% 100%}.x-school.is-in .x-entry__hint{opacity:0}.x-school.is-in #doorBtn{animation:none}.x-school.is-nudge #doorBtn{animation:x-pulse .5s 3}.x-gate{position:fixed;left:0;right:0;top:var(--x-toph, 0px);bottom:0;z-index:54;overflow:hidden;visibility:hidden;pointer-events:none}.x-gate.is-on{visibility:visible;pointer-events:auto}.x-gate.is-fade{opacity:0;transition:opacity .5s ease-out}.x-gate__scene{position:absolute;overflow:hidden;container-type:inline-size;border-radius:24px;transform-origin:50.05% 72.05%;transition:transform 1.2s cubic-bezier(.45,0,.55,1),border-radius 1.2s ease-in-out}.x-gate__scene .x-stage{transition:none;transform:none}.x-gate.is-zoom .x-gate__scene{transform:var(--zoom);border-radius:0}.x-gate__floor{position:absolute;left:0;right:0;bottom:0;background:#efebdd;opacity:0;transition:opacity 1.2s cubic-bezier(.45,0,.55,1)}.x-gate.is-zoom .x-gate__floor{opacity:1}.x-gate__door{position:absolute;display:none;overflow:hidden;background:linear-gradient(transparent 74%,#965a1e4d),linear-gradient(transparent 73.6%,rgba(170,110,50,.35) 73.6%,rgba(170,110,50,.35) 74.2%,transparent 74.2%),radial-gradient(ellipse at 50% 45%,#fffaea,#ffe8b8,#ffd08a 70%,#f2b562)}.x-gate.is-open .x-gate__door{display:block}.x-gate__leaf{position:absolute;top:0;left:0;width:50%;height:100%;transform-origin:0 50%;backface-visibility:visible;transition:transform 1.2s cubic-bezier(.2,.6,.3,1),filter 1.2s ease-out;background:linear-gradient(#173276,#173276) no-repeat var(--hx, 92%) 72% / 7% 13%,linear-gradient(#3f69de,#3f69de) no-repeat 50% 19% / 64% 30%,linear-gradient(#3f69de,#3f69de) no-repeat 50% 70% / 64% 50%,linear-gradient(#20408f,#20408f) no-repeat 50% 18.6% / 72% 32.5%,linear-gradient(#20408f,#20408f) no-repeat 50% 70.3% / 72% 53%,#3d64d6;box-shadow:inset 0 0 0 var(--edge, 1px) #0f2468}.x-gate__leaf--r{left:50%;transform-origin:100% 50%;--hx: 8%}.x-gate.is-swing .x-gate__leaf{transform:rotateY(84deg);filter:brightness(.65)}.x-gate.is-swing .x-gate__leaf--r{transform:rotateY(-84deg)}.x-gate__glow{position:absolute;inset:0;opacity:0;transition:opacity .3s ease-out;background:radial-gradient(circle at 50% 50%,#fff8e6,#ffd99a 85%)}.x-gate.is-glow .x-gate__glow{opacity:1}.x-cta{min-height:52px;padding:12px 28px;border-radius:999px;border:0;cursor:pointer;background-color:var(--x-blue);background-image:var(--x-grad);color:#fff;font-weight:800;font-size:17px;box-shadow:0 8px 20px #2f5bea47;transition:transform .15s ease}.x-cta:hover{transform:translateY(-2px)}.x-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.x-roadlink{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:6px auto 0;padding:0 12px;border:0;background:none;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--x-ink-2)}.x-roadlink .x-ic{width:18px;height:18px;min-width:0;min-height:0;flex:none;vertical-align:middle}.x-roadlink:hover span,.x-roadlink:focus-visible span{text-decoration:underline;text-underline-offset:3px}.x-chip{font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--x-line);color:var(--x-ink-2)}.x-corridor{margin-top:0;scroll-margin-top:120px}#view-corr{padding-top:8px}main{overflow-x:clip}.x-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}.x-exit--ico{flex:none;width:44px;height:44px;min-height:44px;padding:0;justify-content:center;font-size:20px;line-height:1}.x-hall{margin-top:14px}.x-view.is-on .x-hall .x-stage{transform-origin:50% 50%;animation:x-zoom 16s ease-out both}@keyframes x-zoom{to{transform:scale(1.05)}}.x-door{position:absolute;inset:0;pointer-events:none}.x-door>*{pointer-events:auto}.x-door__hot{left:calc(var(--l) + var(--w) / 2);top:calc(var(--t) + var(--h) / 2);translate:-50% -50%;width:max(var(--w),44px);height:max(var(--h),44px)}.x-hall{background:#f3ebdd}.x-school .x-stage,.x-hall .x-stage,.x-gate__scene .x-stage{position:absolute;inset:0;display:block;margin:0;padding:0}.x-hall .x-stage{background:linear-gradient(#f6efe3,#f3ebdd 40%,#efe5d4)}.x-ha{position:absolute;left:0;right:0;display:block;pointer-events:none}.x-ha--cornice{top:0;height:2.7%;background:#e6d8c0;border-bottom:1.5px solid #3a2c1e}.x-ha--pil{inset:2.7% auto 5.5%;width:2.4%;translate:-50% 0;background:linear-gradient(90deg,#eadfcb,#f7f1e6 45%,#e3d5bd);border-inline:1.5px solid rgba(58,44,30,.55)}.x-ha--rail{top:45.4%;height:5%;border-top:2px solid #3a2c1e;background:repeating-linear-gradient(90deg,transparent 0 calc(2.5% - 1.5px),rgba(58,44,30,.7) calc(2.5% - 1.5px) 2.5%),linear-gradient(#f0e6d5,#e8dcc6)}.x-ha--slab{top:50.4%;height:2%;background:linear-gradient(#ddcdb1,#d2c09f)}.x-ha--floor{bottom:0;height:5.5%;background:linear-gradient(#d9c7a8,#ccb893);border-top:1.5px solid #3a2c1e}.x-door__hot{border-radius:1.4cqw 1.4cqw 0 0;background:linear-gradient(#fff3d1,#f7cf86);perspective:70cqw;box-shadow:0 0 0 .9cqw #e7d8bd,0 0 0 calc(.9cqw + 1.5px) #3a2c1e,inset 0 0 0 1.5px #3a2c1e}.x-door__hot:before{content:"";position:absolute;inset:0;border-radius:inherit;transform-origin:0 50%;transition:transform .6s var(--ease-out, ease-out);background:radial-gradient(circle,#f2c14e 52%,#3a2c1e 58% 70%,transparent 74%) no-repeat 84% 58% / 2.6cqw 2.6cqw,linear-gradient(#0a195029,#0a195029) no-repeat 50% 12% / 64% 34%,linear-gradient(#0a195029,#0a195029) no-repeat 50% 88% / 64% 34%,linear-gradient(90deg,#2f5bea,#3a66f0 60%,#2a52d6);box-shadow:inset 0 0 0 1.5px #1d2a4a}.x-door:not(.x-door--later) .x-door__hot:hover:before{filter:brightness(1.08)}.x-door.is-open .x-door__hot:before{transform:rotateY(-72deg)}.x-door.is-open .x-door__hot{animation:x-flash .45s 3}@keyframes x-flash{50%{background:#fff0be99;box-shadow:0 0 24px 6px #ffdc8cd9}}.x-door__tag{position:absolute;left:var(--px);top:var(--py);width:calc(var(--pw) * var(--wk, 1));height:calc(var(--ph) * 1.4);translate:-50% -50%;z-index:2;display:flex;align-items:center;gap:.5cqw;padding:.35cqw .5cqw;border:0;border-radius:.6cqw;cursor:pointer;background:linear-gradient(#e2c9a2,#c9a677);color:#3a2412;box-shadow:inset 0 0 0 1px #5a371940,0 1px 3px #3c230f4d;font-weight:800;line-height:1.05;text-align:center}.x-door__tag img{align-self:flex-end;height:170%;min-height:48px;max-height:130px;width:auto;max-width:42%;object-fit:contain;object-position:bottom;flex:none;filter:drop-shadow(0 1px 1px rgba(58,36,18,.45))}@media (max-width: 560px){.x-door__tag img{height:clamp(56px,170%,70px);min-height:56px;max-height:70px}}.x-door__subj{flex:1;min-width:0;align-self:stretch;display:grid;align-content:center;overflow:hidden;font-size:max(12px,calc(var(--fs, 2.6) * var(--k, 1) * 1cqw))}.x-door__tag .x-door__subj{letter-spacing:0;font-size:clamp(12px,calc(var(--fs, 2.6) * var(--k, 1) * 1cqw),24px)}.x-hall .x-door>.x-hall__stars{position:absolute;z-index:2;pointer-events:none;box-sizing:border-box;top:calc(var(--py) - var(--ph) * .7 - 1px);left:calc(var(--px) + var(--pw) / 2 - 4px);translate:-100% -100%;display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;margin:0;border-radius:999px;background:#ffffffd9;border:1px solid rgba(0,0,0,.08);box-shadow:none;color:#3a2412;font-size:12px;font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap}[dir=rtl] .x-hall .x-door>.x-hall__stars{left:calc(var(--px) - var(--pw) / 2 + 4px);translate:0 -100%}.x-hall .x-door>.x-hall__stars .x-ic{width:14px;height:14px;min-width:0;min-height:0;max-width:none;max-height:none;margin:0;vertical-align:middle;flex:none;filter:none}.x-hall .x-door--later>.x-hall__stars{display:none}.x-door__say{position:absolute;left:var(--x);top:calc(var(--py) - var(--ph) * .7);translate:var(--a, -50%) calc(-100% - 6px);z-index:3;width:max-content;max-width:46cqw;padding:7px 11px;border-radius:14px;background:#fff;color:var(--x-ink);border:2px solid var(--x-secondary);font-size:max(12px,2.9cqw);font-weight:800;box-shadow:0 6px 16px #0003;opacity:0;scale:.9;transition:opacity .2s,scale .2s;pointer-events:none}.x-door.is-say .x-door__say{opacity:1;scale:1}.x-door__wave{display:inline-block;animation:x-wave .5s ease-in-out 3;transform-origin:70% 90%}@keyframes x-wave{50%{transform:rotate(22deg)}}.x-door--later .x-door__tag{cursor:default;filter:saturate(.4);opacity:.78}.x-door--later .x-door__tag img{filter:grayscale(1);opacity:.55}.x-door--later .x-door__tag:before{content:"";position:absolute;inset-inline-start:.5cqw;top:50%;translate:0 -50%;width:7cqw;height:max(12px,3cqw);background:var(--ic-lock) center / contain no-repeat;z-index:1}.x-door--later .x-door__hot{cursor:default;background:#d8d2c6}.x-door--later .x-door__hot:before{opacity:.72;box-shadow:inset 0 0 0 1.5px #3b4558;background:radial-gradient(circle,#c9c3b4 52%,#3b4558 58% 70%,transparent 74%) no-repeat 84% 58% / 2.6cqw 2.6cqw,linear-gradient(#141e321f,#141e321f) no-repeat 50% 12% / 64% 34%,linear-gradient(#141e321f,#141e321f) no-repeat 50% 88% / 64% 34%,linear-gradient(90deg,#8a98b2,#95a2ba 60%,#8190aa)}.x-door--later .x-door__hot:after{content:"";position:absolute;left:50%;top:40%;translate:-50% -50%;width:max(14px,4.4cqw);height:max(14px,4.4cqw);background:var(--ic-lock) center / contain no-repeat}.x-door.is-shake .x-door__tag,.x-door.is-shake .x-door__hot{animation:x-shake .45s}@keyframes x-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion: reduce){#doorBtn,.x-door.is-shake .x-door__tag,.x-door.is-shake .x-door__hot,.x-door.is-open .x-door__hot,.x-door__wave,.x-view.is-on .x-hall .x-stage{animation:none}#doorBtn{box-shadow:0 0 0 3px #ffd68ce6}.x-school.is-nudge #doorBtn{animation:none;outline:3px solid var(--x-pink-deep)}.x-stage{transition:none}.x-door.is-shake .x-door__tag{outline:3px solid var(--x-pink-deep)}.x-door.is-open .x-door__hot{background:#fff0be8c}.x-door__say{transition:opacity .2s;scale:1}.x-door__hot:before{transition:none}.x-door.is-open .x-door__hot:before{transform:none;opacity:.35}}.x-hallbox{position:relative;width:min(100%,calc(85vh * 1000 / 1150));margin:8px auto 12px;border-radius:24px;box-shadow:0 12px 32px #00000029}@media (max-width: 560px){.x-hallbox{width:100%}}.x-hallbox>.x-hall{width:100%;margin:0;border-radius:24px 24px 0 0;box-shadow:none}.x-yard{--ah: 110px;position:relative;height:calc(var(--ah) + 22px);border-radius:0 0 24px 24px;background:linear-gradient(#ccb893,#c2ad86)}@media (min-width: 700px){.x-yard{--ah: 150px}}.x-ava{position:absolute;left:50%;bottom:12px;height:var(--ah);translate:-50% 0;z-index:5;pointer-events:none;transform-origin:50% 100%}.x-ava:before{content:"";position:absolute;left:50%;bottom:-5px;width:70%;height:12px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,#3a2c1e4d,#3a2c1e00);transform-origin:50% 50%}.x-ava.is-walk:before{animation:x-shadow .64s ease-in-out infinite}.x-ava__fig{position:relative;height:100%;transform-origin:50% 100%;animation:x-breathe 3.2s ease-in-out infinite}.x-ava__fig img{height:100%;width:auto;max-width:none;display:block}.x-ava__fig img+img,.x-ava.is-back .x-ava__fig img:first-child{display:none}.x-ava.is-back .x-ava__fig img+img{display:block}.x-ava.is-walk .x-ava__fig{animation:x-step .64s ease-in-out infinite}.x-ava.is-no .x-ava__fig{animation:x-no .5s}@keyframes x-breathe{50%{transform:scaleY(1.015)}}@keyframes x-step{0%,to{transform:translateY(0) rotate(-3deg) scale(1.03,.97)}25%{transform:translateY(-4px) rotate(0) scale(.99,1.02)}50%{transform:translateY(0) rotate(3deg) scale(1.03,.97)}75%{transform:translateY(-4px) rotate(0) scale(.99,1.02)}}@keyframes x-shadow{0%,50%,to{transform:scale(1);opacity:1}25%,75%{transform:scale(.78);opacity:.6}}@keyframes x-no{20%,60%{transform:translate(-7px) rotate(-4deg)}40%,80%{transform:translate(7px) rotate(4deg)}}.x-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#2c2a2673}.x-modal[hidden]{display:none}.x-modal__box{width:min(100%,380px);padding:20px 18px 18px;border-radius:24px;background:var(--x-paper);border:1px solid var(--x-line);box-shadow:0 20px 50px #00000040;text-align:center;animation:x-pop .3s var(--ease-out, ease) both}.x-modal__box h2{margin:0 0 14px;font-size:22px}.x-modal__box{border-top:6px solid var(--x-primary)}.x-avas{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.x-avas__card{display:grid;justify-items:center;gap:6px;min-height:44px;padding:12px 8px 10px;border-radius:18px;cursor:pointer;border:2px solid var(--x-line);background:#fff;color:var(--x-ink);font:inherit;font-weight:800;font-size:16px;transition:transform .15s var(--ease-out, ease),border-color .15s}.x-avas__card:hover{transform:translateY(-2px)}.x-avas__card img{height:120px;width:auto;max-width:100%;object-fit:contain}.x-avas__card[aria-pressed=true]{border-color:var(--x-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-primary) 22%,transparent)}.x-bag .x-avas{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.x-bag .x-avas__card{padding:8px 6px;font-size:14px;border-radius:14px}.x-bag .x-avas__card img{height:72px}.x-bag__edit{width:100%;margin-top:8px;display:flex;align-items:center;gap:8px;justify-content:center}.x-sc{max-height:calc(100dvh - 32px);overflow-y:auto;padding:16px}.x-sc h2{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 12px;text-decoration:none}body[data-theme] .x-sc h2{text-decoration:none}body[data-theme] .x-sc h2:after{content:none}.x-sc h2 .x-ic{width:30px;height:30px}.x-sc .x-avas{grid-template-columns:1fr 1fr;gap:10px}.x-sc .x-avas__card{position:relative;padding:8px 6px;gap:4px;font-size:15px;border-radius:16px}.x-sc__fig{display:block;width:100%;height:104px;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--x-primary) 8%,#fff)}.x-sc .x-avas__card .x-sc__fig img{height:210px;width:auto;max-width:none;margin:4px auto 0;object-fit:initial}.x-sc .x-avas__card[aria-pressed=true]{border-color:var(--x-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--x-primary) 30%,transparent)}.x-sc__ok{position:absolute;top:-8px;inset-inline-end:-8px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--x-primary);display:none;place-items:center}.x-sc__ok .x-ic{width:22px;height:22px}.x-avas__card[aria-pressed=true] .x-sc__ok{display:grid}.x-sc__lab{display:block;margin:14px 4px 6px;font-weight:800;font-size:16px;text-align:start}.x-sc__in{width:100%;min-height:52px;padding:10px 18px;border-radius:999px;font-size:18px;font-weight:700;border:2px solid var(--x-line);background:#fff}.x-sc__in:focus{outline:3px solid color-mix(in srgb,var(--x-primary) 40%,transparent);outline-offset:1px;border-color:var(--x-primary)}.x-sc__go{width:100%;margin-top:12px}.x-sc__go:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (max-height: 560px){.x-sc__fig{height:84px}.x-sc .x-avas__card .x-sc__fig img{height:170px}.x-sc__lab{margin-top:10px}}.x-who{display:grid;grid-template-columns:repeat(auto-fit,86px);justify-content:center;gap:16px 14px;padding:4px 0 2px}.x-who__tile{display:grid;justify-items:center;align-content:start;gap:6px;width:86px;min-width:0;min-height:44px;padding:4px 0;border:0;border-radius:16px;background:none;color:var(--x-ink);font:inherit;cursor:pointer;transition:transform .15s var(--ease-out, ease)}.x-who__tile:hover{transform:translateY(-2px)}.x-who__tile:focus-visible{outline:3px solid color-mix(in srgb,var(--x-primary) 45%,transparent);outline-offset:2px}.x-who__fig{display:grid;place-items:start center;width:72px;height:72px;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--x-primary) 10%,#fff);border:2px solid var(--x-line)}.x-who__fig img{height:150px;width:auto;max-width:none;margin-top:4px}.x-who__fig .x-ic{width:38px;height:38px;margin:auto;align-self:center}.x-who__tile.is-cur .x-who__fig{border-color:var(--x-paper, #fff);box-shadow:0 0 0 3px var(--x-primary)}.x-who__tile:hover .x-who__fig{border-color:var(--x-primary)}.x-who__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:14px;line-height:1.3}.x-who__st{display:inline-flex;align-items:center;gap:3px;padding:1px 8px 1px 6px;border-radius:999px;background:color-mix(in srgb,var(--x-primary) 10%,#fff);font-size:12px;font-weight:800;line-height:1.6;color:var(--x-ink-2)}.x-who__st .x-ic{width:14px;height:14px}.x-who__tile--add .x-who__fig{place-items:center;background:transparent;border:2px dashed color-mix(in srgb,var(--x-primary) 55%,var(--x-line))}.x-who__tile--add .x-who__name{color:var(--x-primary-ink, var(--x-ink))}.x-icplus{position:relative;display:inline-block;width:26px;height:26px;color:var(--x-primary)}.x-icplus:before,.x-icplus:after{content:"";position:absolute;inset:0;margin:auto;background:currentColor;border-radius:2px}.x-icplus:before{width:100%;height:3px}.x-icplus:after{width:3px;height:100%}.x-ictrash{width:16px;height:16px;flex:none}.x-who__back{width:100%;margin-top:8px}.x-swl{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.x-swl:empty{display:none}.x-swl__btn{flex:none;display:inline-flex;align-items:center;gap:6px;max-width:150px;min-height:44px;padding:3px 12px 3px 4px;border:2px solid var(--x-line);border-radius:999px;background:#fff;color:var(--x-ink);font:inherit;font-weight:800;font-size:14px;cursor:pointer}[dir=rtl] .x-swl__btn{padding:3px 4px 3px 12px}.x-swl__btn:hover{border-color:var(--x-primary)}.x-swl__pic{flex:none;width:32px;height:32px;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--x-primary) 10%,#fff);display:grid;place-items:start center}.x-swl__pic img{height:70px;width:auto;max-width:none;margin-top:2px}.x-swl__pic .x-ic{width:20px;height:20px;margin:auto;align-self:center}.x-swl__n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-swl__hr{height:0;margin:12px 0 2px;border:0;border-top:1px solid var(--x-line)}.x-swl__del{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:4px 8px;border:0;background:none;color:var(--x-ink-2);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.x-swl__del:hover{text-decoration:underline}.x-swl__del>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-swl__sum{display:inline-flex;align-items:center;gap:6px}.x-swl__stack{display:inline-flex;flex-direction:row;direction:ltr}.x-swl__stack .x-swl__pic{width:24px;height:24px;border:2px solid var(--x-paper, #fff);box-sizing:content-box}.x-swl__stack .x-swl__pic+.x-swl__pic{margin-left:-8px}.x-swl__stack .x-swl__pic img{height:54px}.x-swl__stack .x-swl__pic .x-ic{width:16px;height:16px}.x-del{z-index:1}.x-del__ic .x-ic{width:44px;height:44px}.x-modal__box h2.x-del__q{margin:8px 0 4px;font-size:20px;font-weight:800;line-height:1.4;color:var(--x-ink);overflow-wrap:anywhere}.x-del__sub{margin:0 0 16px;font-size:14px;font-weight:700;line-height:1.5;color:var(--x-ink-2)}.x-del__row{display:flex;gap:10px;justify-content:center}.x-del__row .x-btn{flex:1 1 0;min-height:48px;font-size:16px}.x-btn.x-del__yes,body[data-theme] .x-btn.x-del__yes{background:#c62828;border-color:#c62828;color:#fff}#delModal{z-index:95}@media (prefers-reduced-motion: reduce){.x-ava__fig,.x-ava.is-walk .x-ava__fig,.x-ava.is-walk:before,.x-modal__box{animation:none}.x-ava.is-no .x-ava__fig{animation:none;outline:3px solid var(--x-pink-deep);border-radius:12px}.x-avas__card{transition:none}}.x-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:999px;border:2px solid var(--x-primary);background:#fff;color:var(--x-primary-ink);cursor:pointer;font-weight:700}#view-class .x-stage{margin-top:14px;display:flex;align-items:flex-end;gap:14px;position:relative;inset:auto;padding-bottom:6px;transform:none;transition:none}#view-class .x-stage:after{content:"";position:absolute;inset-inline:0;bottom:0;height:6px;border-radius:3px;background:var(--x-wood-dark);opacity:.35}#clsAva{display:flex;align-items:flex-end;flex:none}.x-board__ava{display:block;height:var(--x-ava-h, 240px);width:auto;max-width:200px;object-fit:contain;object-position:bottom;flex:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.x-board{flex:1 1 0;min-width:0;min-height:190px;position:relative;border-radius:14px;padding:18px 20px 30px;background:linear-gradient(160deg,var(--x-board),var(--x-board-2));border:12px solid var(--x-wood);box-shadow:inset 0 0 60px #00000040,0 0 0 2px var(--x-wood-dark);color:#f2f7f3}.x-board:after{content:"";position:absolute;inset-inline:-12px;bottom:-12px;height:12px;background:var(--x-wood-dark);border-radius:0 0 6px 6px;box-shadow:0 4px 0 -1px var(--x-wood)}.x-board:before{content:"";position:absolute;inset-inline-end:22px;bottom:2px;width:34px;height:7px;border-radius:3px;background:#f4f1e8;box-shadow:-44px 0 #f6d9a8}[dir=rtl] .x-board:before{box-shadow:44px 0 #f6d9a8}.x-board__txt{min-width:0}.x-chalk{font-size:clamp(22px,4vw,32px);font-weight:800;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.35)}.x-board__who{font-size:14px;opacity:.85;font-weight:700}.x-board__msg{margin-top:12px;padding-top:10px;border-top:2px dashed rgba(255,255,255,.3);color:#fff;font-size:17px;line-height:1.6;font-weight:700;min-height:44px;text-shadow:0 0 6px rgba(255,255,255,.3)}.x-caret{display:inline-block;width:2px;height:1em;background:currentColor;vertical-align:-2px;animation:x-blink 1s steps(2) infinite}@keyframes x-blink{50%{opacity:0}}.x-tabs{display:flex;gap:8px;margin:18px 0 14px;flex-wrap:wrap}.x-tab{min-height:44px;padding:8px 18px;border-radius:999px;cursor:pointer;border:1px solid var(--x-line);background:#fff;font-weight:700}.x-tab[aria-selected=true]{background-color:var(--x-blue);background-image:var(--x-grad);border-color:transparent;color:#fff}.x-panel{display:none}.x-panel.is-on{display:block}.x-lesson{background:#fff;border:1px solid var(--x-line);border-radius:16px;margin-bottom:10px;overflow:hidden}.x-lesson__btn{width:100%;text-align:inherit;background:none;border:0;cursor:pointer;padding:14px 16px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;min-height:56px}.x-lesson__t{font-weight:800;font-size:16px}.x-lesson__s{color:var(--x-ink-2);font-size:14px;flex:1 1 160px}.x-tag{font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--acc-bg, var(--x-paper-2));color:var(--acc, var(--x-ink-2))}.x-lesson__body{padding:0 16px 14px;color:var(--x-ink-2);font-size:15px}.x-q{background:#fff;border:1px solid var(--x-line);border-radius:16px;padding:16px}.x-q__meta{font-size:13px;font-weight:800;color:var(--x-ink-2)}.x-q__txt{font-size:18px;font-weight:800;margin:6px 0 12px}.x-opts{display:grid;gap:8px}.x-opt{min-height:48px;text-align:inherit;padding:10px 14px;border-radius:12px;cursor:pointer;border:1px solid var(--x-line);background:var(--x-paper);font-weight:700}.x-opt:hover{border-color:var(--acc, var(--x-board))}.x-opt.is-right{background:#dff3e6;border-color:#1f9d6b}.x-opt.is-wrong{background:#fde3e6;border-color:#d64560}.x-opt[disabled]{cursor:default}.x-q__next{margin-top:14px}.x-score{text-align:center;padding:10px 0}.x-score__fig{font-size:40px;font-weight:800;color:var(--acc, var(--x-board))}.x-units{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:12px}.x-unit{min-height:96px;padding:14px;border-radius:16px;cursor:pointer;text-align:start;display:grid;gap:4px;align-content:start;border:2px solid var(--acc, var(--x-line));background:var(--acc-bg, #fff);transition:transform .15s ease}.x-unit:not([disabled]):hover{transform:translateY(-2px)}.x-unit[disabled]{cursor:default;border:1px solid var(--x-line);background:var(--x-paper-2);color:var(--x-ink-2)}.x-unit__n{font-size:12px;font-weight:800;color:var(--x-ink-2)}.x-unit__t{font-size:15px;font-weight:800}.x-unit__s{font-size:13px;font-weight:700}.x-lmap__head{margin:12px 0 0}.x-lmap{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:14px 6px;grid-template-columns:repeat(5,minmax(0,1fr))}@media (min-width: 560px){.x-lmap{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 900px){.x-lmap{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}}.x-ln{width:100%;min-height:44px;display:grid;justify-items:center;align-content:start;gap:4px;padding:4px 2px;border:0;border-radius:12px;background:none;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.x-ln__c{width:clamp(44px,13vw,56px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:800;line-height:1;background:#fff;border:3px solid var(--x-line);color:var(--x-ink);transition:transform .15s ease}.x-ln:hover .x-ln__c{transform:translateY(-2px)}.x-ln__t{max-width:100%;font-size:12px;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.x-ln__s{font-size:12px;font-weight:800;color:var(--x-ink-2);white-space:nowrap}.x-ln.is-done .x-ln__c{border-color:#1f9d6b;background:#dff3e6;color:#146c49;box-shadow:0 0 0 3px #bfe8cf}.x-ln.is-open .x-ln__c{border-color:var(--x-primary);background:color-mix(in srgb,var(--x-primary) 10%,#fff);animation:x-lnpulse 1.6s ease-in-out infinite}@keyframes x-lnpulse{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--x-primary) 50%,transparent)}50%{transform:scale(1.07);box-shadow:0 0 0 9px transparent}}.x-ln.is-lock .x-ln__c{background:var(--x-paper-2);color:var(--x-ink-2);font-size:16px}.x-ln.is-lock .x-ln__t{color:var(--x-ink-2)}.x-rwban{display:grid;justify-items:center;gap:8px;max-width:520px;margin:12px auto 0;padding:12px 16px;border-radius:16px;background:var(--acc-bg, #EAF0FF);text-align:center}.x-rwban__t{margin:0;font-weight:800;font-size:15px}.x-rwban__dots{display:flex;gap:10px;margin:0;padding:0;list-style:none}.x-rwban__dots li{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px dashed var(--acc, var(--x-primary));background:#fff;font-size:15px;line-height:1}.x-rwban__dots li.is-on{border-style:solid;border-color:var(--x-accent);background:color-mix(in srgb,var(--x-accent) 22%,#fff)}.x-rwban .x-q__meta{margin:0}.x-rwshelf{margin-top:10px}.x-rwshelf .x-unit__n{font-size:30px;line-height:1.1;color:inherit}.x-rwshelf .x-unit.is-lock .x-unit__n{filter:grayscale(1) brightness(.25);opacity:.35}.x-pg__menu.x-rwmap{margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.x-rwmap .x-gt{width:100%;height:100%;padding:14px 8px 12px;gap:6px}.x-rwmap .x-gt__e{width:48px;height:48px;font-size:22px;font-weight:800}.x-rwmap .x-gt__t{font-size:13px}.x-rwmap .x-gt__s{font-size:12px;letter-spacing:0}.x-rwmap .x-gt.is-lock{opacity:.55;cursor:default}.x-rwmap .x-gt.is-lock:hover{translate:none}.x-pk{position:relative;width:min(100%,520px,60vh);min-width:280px;aspect-ratio:4 / 5;margin:0 auto;border-radius:16px;overflow:hidden;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,#8ec5ff 0 5%,transparent 5%),repeating-linear-gradient(180deg,#2f9e55 0 8%,#2a8f4c 8% 16%)}.x-pk__crowd{position:absolute;left:0;right:0;top:5%;height:15%;background:radial-gradient(circle,#ffd166 0 2.5px,transparent 3.5px) 0 0 / 14px 12px,radial-gradient(circle,#ff6fa8 0 2.5px,transparent 3.5px) 7px 6px / 14px 12px,#34405e}.x-pk:after{content:"";position:absolute;left:0;right:0;top:58%;height:3px;background:#ffffffd9}.x-pk__goal{position:absolute;z-index:1;left:7%;right:7%;top:22%;height:36%;border:6px solid #fff;border-bottom:0;border-radius:6px 6px 0 0}.x-pk__net{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,transparent 1px 12px),repeating-linear-gradient(0deg,rgba(255,255,255,.4) 0 1px,transparent 1px 12px),#14281e40}.x-pk__goal.is-shake .x-pk__net{animation:x-pknet .25s ease-in-out 4}@keyframes x-pknet{30%{transform:scale(1.04,.96) translateY(-4px)}70%{transform:scale(.97,1.03) translateY(3px)}}.x-pk__goal{container-type:size}.x-pk__t{position:absolute;z-index:3;width:clamp(52px,15vw,70px);width:min(clamp(52px,15vw,70px),42cqh,28cqw);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:none;transform:translate(-50%,-50%);font:inherit;color:#1f2a44;cursor:pointer;perspective:400px;transition:left .9s ease-in-out,top .9s ease-in-out;-webkit-tap-highlight-color:transparent}.x-pk__t:disabled{cursor:default}.x-pk__t.is-mv{z-index:4}.x-pk__t,.x-pk__t.is-down,.x-pk__t.is-hit,.x-pk__t.is-glow,.x-pk__t:disabled{z-index:5;transform-style:flat;isolation:isolate;will-change:transform}.x-pk__t.is-mv{z-index:6}.x-pk__goal.is-down .x-pk__t.is-down,.x-pk__goal.is-down .x-pk__t.is-down.is-mv{z-index:2}.x-pk__goal .x-pk__gk{z-index:3;pointer-events:none}.x-pk__t .x-pk__f,.x-pk__t .x-pk__b{z-index:1}.x-pk__t:focus-visible{outline:3px solid #fff;outline-offset:3px}.x-pk__in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .4s ease-in-out}.x-pk__t.is-down .x-pk__in{transform:rotateY(180deg)}.x-pk__f,.x-pk__b{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;border:4px solid #ffd166;box-shadow:0 4px #0003;-webkit-backface-visibility:hidden;backface-visibility:hidden}.x-pk__f{background:#fff;font-size:clamp(20px,6.5vw,30px);font-weight:800;line-height:1}.x-pk__t.is-sm .x-pk__f{font-size:clamp(16px,5vw,22px)}.x-pk__b{background:var(--acc, var(--x-board));transform:rotateY(180deg)}.x-pk__b .x-ic{width:42%;height:auto}.x-pk__t.is-hit .x-pk__f,.x-pk__t.is-glow .x-pk__f{background:#dff3e6;border-color:#1f9d6b}.x-pk__t.is-glow{animation:x-pkcard .5s ease-in-out 4}@keyframes x-pkglow{50%{box-shadow:0 0 0 10px #ffd166bf;transform:translate(-50%,-50%) scale(1.14)}}@keyframes x-pkcard{50%{transform:translate(-50%,-50%) scale(1.14);filter:drop-shadow(0 0 10px #ffd166)}}.x-pk__st{margin:0;min-height:1.5em;text-align:center;font-size:clamp(16px,4.6vw,20px);font-weight:800}.x-pk__gk{position:absolute;z-index:1;transform-style:flat;width:clamp(48px,18%,76px);left:var(--kx, 50%);top:var(--ky, 78%);transform:translate(-50%,-50%) rotate(var(--kr, 0deg));transition:left var(--ks, .45s) ease-in-out,top var(--ks, .45s) ease-in-out,transform .35s ease-out;pointer-events:none}.x-pk__goal .x-pk__gk{width:auto;height:57cqh}.x-pk__gk img{display:block;height:100%;width:auto;max-width:none;pointer-events:none;-webkit-user-drag:none;user-select:none}.x-pk__gk.is-idle img{animation:x-pksway 1.6s ease-in-out infinite alternate}@keyframes x-pksway{0%{transform:translate(-6px)}to{transform:translate(6px)}}.x-pk__gk.is-out{--kx: calc(100% + 6px) ;--kr: 0deg}.x-pk__gk.is-out.is-idle img{animation:x-pkhop .5s ease-in-out infinite alternate}@keyframes x-pkhop{0%{transform:translateY(0)}to{transform:translateY(-5%)}}.x-pk__gk.is-walk{--ks: .6s}.x-pk__gk.is-walk img{animation:x-pkhop .15s ease-in-out infinite alternate}.x-pk__spot{position:absolute;left:50%;top:80%;width:12px;height:7px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.x-pk__ball{position:absolute;z-index:4;left:50%;top:79%;font-size:clamp(28px,8vw,38px);line-height:1;transform:translate(-50%,-50%);pointer-events:none}.x-pk__kid{position:absolute;z-index:5;bottom:-7%;left:50%;height:34%;width:auto;transform:translate(-88%);transform-origin:50% 100%;pointer-events:none}.x-pk__kid.is-idle{animation:x-pkkid 1.1s ease-in-out infinite}@keyframes x-pkkid{0%,to{transform:translate(-88%)}50%{transform:translate(-88%) translateY(-3%)}}.x-pk__big{position:absolute;z-index:6;left:0;right:0;top:30%;margin:0;text-align:center;font-size:clamp(44px,15vw,76px);font-weight:900;line-height:1.1;color:#fff;text-shadow:0 4px 0 #c8377a,0 8px 18px rgba(0,0,0,.35);animation:x-okpop .6s cubic-bezier(.2,.9,.3,1.3) both;pointer-events:none}.x-pk__big.is-no{font-size:clamp(24px,7.5vw,38px);padding:0 12px;text-shadow:0 3px 0 #1f2a44,0 6px 14px rgba(0,0,0,.35)}.x-pk__board{display:inline-flex;gap:8px;align-items:center;padding:4px 12px;border-radius:999px;background:#1f2a44;color:#fff;font-weight:800;font-size:16px;white-space:nowrap}.x-pk__aim{margin:0;text-align:center;font-size:clamp(20px,6vw,26px);font-weight:800}.x-pk__cup{font-size:96px;line-height:1;filter:drop-shadow(0 0 18px #ffd166);animation:x-okpop .8s cubic-bezier(.2,.9,.3,1.3) both}@media (prefers-reduced-motion: reduce){.x-pk__gk,.x-pk__t,.x-pk__in{transition:none}.x-pk__gk.is-idle img,.x-pk__gk.is-out.is-idle img,.x-pk__gk.is-walk img,.x-pk__kid.is-idle,.x-pk__goal.is-shake .x-pk__net,.x-pk__big,.x-pk__t.is-glow,.x-pk__cup{animation:none}}.x-mo{position:relative;display:grid;justify-items:center;gap:10px;width:min(100%,520px);margin:0 auto;padding:16px 12px 20px;border-radius:16px;background:linear-gradient(180deg,#fff4c9,#ffe1ec);overflow:hidden;user-select:none;-webkit-user-select:none}.x-mo__bub{position:relative;margin:0;padding:8px 18px;border-radius:18px;background:#fff;color:#1f2a44;font-size:clamp(20px,6vw,28px);font-weight:800;box-shadow:0 3px #0000001f}.x-mo__bub:after{content:"";position:absolute;left:50%;bottom:-10px;border:10px solid transparent;border-top-color:#fff;border-bottom:0;transform:translate(-50%)}.x-mo__m{width:clamp(150px,46vw,210px);transform:scale(var(--sz, 1));transform-origin:50% 100%;transition:transform .4s cubic-bezier(.2,.9,.3,1.3)}.x-mo__m svg{display:block;width:100%;height:auto;overflow:visible}.x-mo__eye{transform-box:fill-box;transform-origin:center;animation:x-moblink 4s infinite}@keyframes x-moblink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.x-mo__mouth{transform-box:fill-box;transform-origin:center}.x-mo__m.is-chomp .x-mo__mouth{animation:x-mochomp .22s ease-in-out 3}@keyframes x-mochomp{50%{transform:scaleY(.15)}}.x-mo__m.is-no svg{animation:x-mono .5s ease-in-out}@keyframes x-mono{20%,60%{transform:rotate(-9deg)}40%,80%{transform:rotate(9deg)}}.x-mo__cs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.x-mo__cs.is-drift{animation:x-modrift var(--dsp, 3s) ease-in-out infinite alternate}@keyframes x-modrift{0%{transform:translate(-14%)}to{transform:translate(14%)}}.x-mo__c{position:relative;z-index:2;width:clamp(52px,15vw,68px);aspect-ratio:1;padding:0;border-radius:50%;display:grid;place-items:center;border:4px solid #fff;background:radial-gradient(circle at 35% 30%,#fff 0 12%,transparent 13%),repeating-conic-gradient(#ff6f91 0 30deg,#ffd166 30deg 60deg);color:#1f2a44;font:inherit;font-size:clamp(22px,7vw,30px);font-weight:900;line-height:1;text-shadow:0 0 4px #fff,0 0 8px #fff;cursor:pointer;box-shadow:0 4px #0000002e;transition:transform .55s ease-in,opacity .55s ease-in;-webkit-tap-highlight-color:transparent}.x-mo__c.is-sm{font-size:clamp(16px,5vw,22px)}.x-mo__c:focus-visible{outline:3px solid #1f2a44;outline-offset:3px}.x-mo__c.is-fly{z-index:3;transform:translate(var(--dx),var(--dy)) scale(.3) rotate(540deg);opacity:0;pointer-events:none}.x-mo__c.is-no{opacity:.35;cursor:default}.x-mo__c.is-wig{animation:x-mowig .45s ease-in-out 3}@keyframes x-mowig{25%{transform:rotate(-16deg) scale(1.12)}75%{transform:rotate(16deg) scale(1.12)}}.x-tr{position:relative;width:min(100%,420px,58vh);min-width:280px;aspect-ratio:3 / 4;margin:0 auto;border-radius:16px;overflow:hidden;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(90deg,#8fcf7e 0 3%,#e9d8a6 3% 97%,#8fcf7e 97%)}.x-tr:focus-visible{outline:3px solid var(--x-pink-deep);outline-offset:3px}.x-tr__ln{position:absolute;top:0;bottom:0;width:33.333%;animation:x-trrun .5s linear infinite;background:linear-gradient(90deg,transparent 27%,#6b7280 27% 31%,transparent 31% 69%,#6b7280 69% 73%,transparent 73%),repeating-linear-gradient(180deg,#a47b52 0 8px,transparent 8px 26px) 50% 0 / 62% 100% no-repeat}.x-tr__ln:nth-child(2){left:33.333%}.x-tr__ln:nth-child(3){left:66.667%}@keyframes x-trrun{to{background-position:0 0,50% 26px}}.x-tr__tn{position:absolute;z-index:2;top:74%;left:calc((var(--ln, 1) * 2 + 1) / 6 * 100%);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;transition:left .18s ease-out;pointer-events:none}.x-tr__eng{font-size:clamp(34px,11vw,46px);line-height:1;transform:rotate(90deg)}.x-tr__w{width:clamp(30px,9vw,40px);height:14px;border-radius:7px;box-shadow:inset 0 -3px #0003}.x-tr__c{position:absolute;z-index:1;top:-14%;width:clamp(48px,15vw,62px);aspect-ratio:1;transform:translate(-50%);display:grid;place-items:center;border:3px solid #8a5a2b;border-radius:10px;background:repeating-linear-gradient(0deg,#e0a96d 0 10px,#d39a5c 10px 12px);color:#1f2a44;font-size:clamp(22px,7vw,30px);font-weight:900;line-height:1;box-shadow:0 4px #0000002e;pointer-events:none;transition:scale .3s ease-in,opacity .3s ease-in}.x-tr__c.is-sm{font-size:clamp(16px,5vw,22px)}.x-tr__c.is-got{scale:.2;opacity:0}.x-tr__c.is-no{background:#fecaca;border-color:#dc2626}.x-tr__c.is-glow{background:#dff3e6;border-color:#1f9d6b;box-shadow:0 0 0 6px #ffd166d9}.x-tr.is-shake{animation:x-trshake .4s ease-in-out}@keyframes x-trshake{25%,75%{transform:translate(-6px)}50%{transform:translate(6px)}}@media (prefers-reduced-motion: reduce){.x-tr__ln,.x-tr.is-shake{animation:none}.x-tr__tn,.x-tr__c{transition:none}}@media (prefers-reduced-motion: reduce){.x-mo__m,.x-mo__c{transition:none}.x-mo__eye,.x-mo__m.is-chomp .x-mo__mouth,.x-mo__m.is-no svg,.x-mo__cs.is-drift,.x-mo__c.is-wig{animation:none}}.x-ti{position:relative;width:min(100%,440px,60vh);min-width:280px;aspect-ratio:3 / 4;margin:0 auto;border-radius:16px;overflow:hidden;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,#7dd3fc,#0ea5e9 45%,#0369a1)}.x-ti:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 100%,transparent 10px,rgba(255,255,255,.4) 11px 13px,transparent 14px) 0 0 / 40px 22px,radial-gradient(circle at 50% 100%,transparent 10px,rgba(255,255,255,.25) 11px 13px,transparent 14px) 20px 11px / 40px 22px;animation:x-tiwave 3s linear infinite}@keyframes x-tiwave{to{background-position:40px 0,60px 11px}}.x-ti__bar{position:absolute;z-index:4;top:8px;left:8px;right:8px;display:flex;justify-content:center;gap:4px;padding:4px 6px;border-radius:999px;background:#ffffffe0}.x-ti__bar i{font-style:normal;font-size:clamp(14px,4.5vw,20px);line-height:1;filter:grayscale(1);opacity:.3}.x-ti__bar i.is-on{filter:none;opacity:1}.x-ti__sts{position:absolute;inset:0;z-index:2}.x-ti__sts.is-drift{animation:x-tidrift 5s ease-in-out infinite alternate}@keyframes x-tidrift{0%{translate:-9% 0}to{translate:9% 0}}.x-ti__st{position:absolute;width:clamp(50px,15vw,66px);aspect-ratio:1;padding:0;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:3px solid #57534e;background:radial-gradient(circle at 35% 30%,#e7e5e4,#a8a29e 55%,#78716c);color:#1f2a44;font:inherit;font-size:clamp(22px,7vw,30px);font-weight:900;line-height:1;text-shadow:0 0 4px #fff,0 0 8px #fff;box-shadow:0 6px #033c6473,0 0 0 5px #ffffff40;cursor:pointer;-webkit-tap-highlight-color:transparent}.x-ti__st.is-sm{font-size:clamp(16px,5vw,22px)}.x-ti__st:focus-visible{outline:3px solid #fff;outline-offset:4px}.x-ti__st.is-bob{animation:x-tibob 1.8s ease-in-out infinite alternate}@keyframes x-tibob{to{translate:0 -9px}}.x-ti__st.is-sink{animation:x-tisink .7s ease-in forwards;pointer-events:none}@keyframes x-tisink{to{translate:0 30px;scale:.4;opacity:0}}.x-ti__st.is-glow{border-color:#ffd166;box-shadow:0 0 0 6px #ffd166e6,0 0 22px #ffd166;animation:x-pkglow .5s ease-in-out 4}.x-ti__sp{position:absolute;z-index:3;transform:translate(-50%,-50%);font-size:34px;line-height:1;pointer-events:none;animation:x-tisp .8s ease-out forwards}@keyframes x-tisp{0%{scale:.3}to{scale:1.5;opacity:0}}.x-ti__is{position:absolute;z-index:1;left:50%;bottom:-10%;width:72%;height:26%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#fde68a,#f59e0b 85%);box-shadow:0 0 0 8px #ffffff59}.x-ti__is span{position:absolute;left:10%;top:-8%;font-size:clamp(28px,9vw,40px)}.x-ti__kid{position:absolute;z-index:5;left:50%;bottom:4%;height:24%;width:auto;transform:translate(-50%);transform-origin:50% 100%;pointer-events:none}.x-ti__win{position:absolute;inset:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:14px;background:#08285080}.x-ti__ch{position:relative;width:120px;height:86px;margin-top:40px}.x-ti__box,.x-ti__lid{position:absolute;left:0;width:100%;box-sizing:border-box;border:4px solid #ffd166;background:sienna}.x-ti__box{bottom:0;height:60%;border-radius:6px 6px 12px 12px}.x-ti__lid{top:0;height:42%;border-radius:40px 40px 6px 6px;background:#8b4513;transform-origin:50% 100%;animation:x-tilid .6s .3s ease-out forwards}@keyframes x-tilid{to{transform:perspective(200px) rotateX(75deg) translateY(-6px)}}.x-ti__ch span{position:absolute;left:50%;top:20%;translate:-50% 0;font-size:40px;line-height:1;white-space:nowrap;opacity:0;animation:x-tiup .8s .6s ease-out forwards}@keyframes x-tiup{to{translate:-50% -60px;opacity:1}}.x-ti__win p{margin:0;padding:0 12px;text-align:center;color:#fff;font-size:clamp(28px,9vw,44px);font-weight:900;text-shadow:0 3px 0 #c8377a,0 6px 14px rgba(0,0,0,.35);animation:x-okpop .6s .5s cubic-bezier(.2,.9,.3,1.3) both}@media (prefers-reduced-motion: reduce){.x-ti:before,.x-ti__sts.is-drift,.x-ti__st.is-bob,.x-ti__st.is-glow,.x-ti__sp,.x-ti__win p{animation:none}.x-ti__lid,.x-ti__ch span{animation-duration:.01s;animation-delay:0s}}.x-ln:focus-visible{outline:3px solid var(--x-primary);outline-offset:2px}.x-lmap~.x-units{margin-top:18px}.x-lp{display:grid;gap:12px;margin-top:14px}.x-lp__title{margin:0;font-size:17px}.x-lp__dots{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.x-lp__dots li{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--x-paper-2);color:var(--x-ink-2);border:2px solid transparent}.x-lp__dots li.is-cur{background:#fff;color:var(--x-ink);border-color:var(--acc, var(--x-blue))}.x-lp__dots li.is-ok{background:#1f9d6b;color:#fff}.x-lp__dots li.is-no{background:#f6cdd3;color:#8c1d2c}.x-lp .x-q__txt{margin:0;text-align:center}.x-lp__q{white-space:pre-line;text-align:center;font-size:clamp(26px,7vw,38px);font-weight:800;line-height:1.3;color:var(--x-ink);overflow-wrap:anywhere}.x-lp__q--xl{font-size:clamp(64px,20vw,104px);line-height:1.1;color:var(--acc, var(--x-ink))}.x-lp__au{justify-self:center}.x-lp__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:520px;justify-self:center}.x-lp__opt{position:relative;min-height:72px;padding:10px;border-radius:16px;border:2px solid var(--x-line);background:var(--x-paper);font:inherit;font-size:20px;font-weight:800;line-height:1.25;color:var(--x-ink);cursor:pointer;overflow:hidden;overflow-wrap:anywhere;transition:transform .15s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.x-lp__opt:hover{border-color:var(--acc, var(--x-board))}.x-lp__opt:active{transform:scale(.97)}.x-lp__opts--big .x-lp__opt{min-height:92px;font-size:clamp(30px,9vw,42px)}.x-lp__opt.is-ok{background:#dff3e6;border-color:#1f9d6b}.x-lp__opt.is-no{background:#fde3e6;border-color:#d64560}.x-lp__opt.x-wob{animation:x-shake .36s ease-in-out}.x-lp__mark{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;line-height:1;background:#e3f7eed1;pointer-events:none;animation:x-okpop .6s cubic-bezier(.2,.9,.3,1.3) both}.x-lp__mark.is-no{background:#fde7ead9;color:#e5484d}.x-lp__fig{margin:0;font-size:40px;font-weight:800;color:var(--acc, var(--x-ink))}.x-lp__stars{margin:0;font-size:22px;letter-spacing:2px;text-align:center}.x-ln.is-cs .x-ln__c{background:var(--x-paper-2);color:var(--x-ink-2);border-style:dashed;font-size:16px}.x-ln.is-cs .x-ln__t,.x-ln.is-cs .x-ln__s{color:var(--x-ink-2)}.x-jrs{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}@media (min-width: 760px){.x-jrs{grid-template-columns:repeat(3,minmax(0,1fr))}}.x-jr{width:100%;min-height:88px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:2px solid var(--acc, var(--x-line));background:var(--acc-bg, #fff);font:inherit;color:inherit;text-align:start;cursor:pointer;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.x-jr:hover{transform:translateY(-2px)}.x-jr:focus-visible{outline:3px solid var(--acc, var(--x-blue));outline-offset:2px}.x-jr__ic{width:52px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:26px;line-height:1;background:#fff;border:2px solid var(--x-line)}.x-jr__body{display:grid;gap:3px;min-width:0}.x-jr__n{font-size:12px;font-weight:800;color:var(--x-ink-2)}.x-jr__t{font-size:16px;font-weight:800;line-height:1.25}.x-jr__bar{display:block;height:8px;border-radius:99px;background:var(--x-paper-2);overflow:hidden;margin-top:2px}.x-jr__bar i{display:block;height:100%;min-width:0;border-radius:inherit;background:var(--x-grad)}.x-jr__s{font-size:13px;font-weight:700;color:var(--x-ink-2)}.x-jr__st{font-size:22px;line-height:1}.x-jr.is-done .x-jr__ic{border-color:#1f9d6b;background:#dff3e6}.x-jr.is-lock{border:1px solid var(--x-line);background:var(--x-paper-2);color:var(--x-ink-2)}.x-jr.is-lock .x-jr__ic{filter:grayscale(1);opacity:.7}.x-jrs~.x-units{margin-top:18px}.x-path__title{margin-top:12px}.x-path{position:relative;max-width:520px;margin:12px auto 0}.x-path__line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.x-path__line path{fill:none;stroke-linecap:round;stroke-linejoin:round}.x-path__line .is-all{stroke:var(--x-secondary);stroke-width:4;stroke-dasharray:2 9}.x-path__line .is-done{stroke:#1f9d6b;stroke-width:5}.x-path__list{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4px}.x-path__list li{display:grid;justify-items:center;align-content:start}.x-path .x-ln__c{position:relative;font-size:22px}.x-path .x-ln.is-long .x-ln__c{font-size:13px;letter-spacing:-.2px}.x-path .x-ln__t{-webkit-line-clamp:1}.x-ln__g{unicode-bidi:isolate}.x-ln__b{position:absolute;inset-block-start:-6px;inset-inline-end:-8px;min-width:22px;height:22px;border-radius:99px;display:grid;place-items:center;font-size:12px;line-height:1;background:#fff;border:1px solid var(--x-line)}.x-ln__b:empty{display:none}.x-ln.is-done .x-ln__b{background:#1f9d6b;border-color:#1f9d6b;color:#fff;font-weight:800}.x-path .x-ln.is-lock .x-ln__c,.x-path .x-ln.is-cs .x-ln__c{font-size:20px}.x-path .x-ln.is-lock.is-long .x-ln__c,.x-path .x-ln.is-cs.is-long .x-ln__c{font-size:13px}.x-ds__stepsH{margin:0}.x-ds__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.x-ds__steps button{width:100%;min-height:52px;display:grid;justify-items:center;gap:2px;padding:4px 2px;border:2px solid var(--x-line);border-radius:12px;background:var(--x-paper);font:inherit;font-size:12px;font-weight:800;color:var(--x-ink-2);cursor:pointer}.x-ds__steps button span{font-size:20px;line-height:1}.x-ds__steps button[aria-current=step]{border-color:var(--acc, var(--x-blue));background:#fff;color:var(--x-ink)}.x-ds__steps button.is-ok{border-color:#1f9d6b;background:#dff3e6;color:#146c49}.x-ds__steps button:disabled{opacity:.55;cursor:default}.x-ds__scene{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:var(--x-sky) center / cover no-repeat;border:1px solid var(--x-line)}.x-ds__obj{position:absolute;transform:translate(-50%,-50%);min-width:48px;min-height:48px;padding:2px 4px;border:3px solid transparent;border-radius:16px;background:#ffffff8c;font-size:clamp(26px,7vw,44px);line-height:1.1;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.x-ds__obj.is-lg{font-size:clamp(34px,9.5vw,60px)}.x-ds__obj.is-grp{white-space:pre;text-align:center;line-height:1;font-size:clamp(15px,4.6vw,34px);padding:1px 2px;min-height:0;min-width:44px}.x-ds__obj:active{transform:translate(-50%,-50%) scale(.94)}.x-ds__obj.is-seen{border-color:#2f5bea73}.x-ds__obj.is-ok{border-color:#1f9d6b;background:#dff3e6e6}.x-ds__obj.x-wob{animation:x-dswob .36s ease-in-out}@keyframes x-dswob{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-58%,-50%)}75%{transform:translate(-42%,-50%)}}.x-ds__info{min-height:64px;margin:0;padding:10px 12px;border-radius:12px;background:var(--x-paper);border:1px solid var(--x-line);font-size:16px;line-height:1.5;text-align:center}.x-ds__info b{display:block;font-size:22px}.x-ds__row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.x-ds__row .x-btn{min-height:48px;padding:8px 16px;font-size:15px}.x-ds__meta{margin:0;text-align:center;font-size:13px;font-weight:800;color:var(--x-ink-2)}.x-ds__svg{display:block;width:100%;max-width:320px;aspect-ratio:1;margin:0 auto;background:#fff;border:2px dashed var(--x-line);border-radius:16px;touch-action:none;cursor:crosshair}.x-ds__guide{fill:none;stroke:var(--x-paper-2);stroke-width:11;stroke-linecap:round;stroke-linejoin:round}.x-ds__guide.is-cur{stroke:#dfe6fb}.x-ds__guide.is-ok{stroke:#bfe8cf}.x-ds__dash{fill:none;stroke:var(--x-ink-2);stroke-width:.8;stroke-dasharray:2 3}.x-ds__ink{fill:none;stroke:var(--acc, var(--x-blue));stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.x-ds__start{fill:#1f9d6b}.x-ds__bins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.x-ds__bin{min-height:120px;padding:8px;border:2px dashed var(--x-line);border-radius:16px;background:var(--x-paper);display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;justify-content:center;cursor:pointer}.x-ds__bin>p{width:100%;margin:0 0 4px;text-align:center;font-size:14px;font-weight:800}.x-ds__bin.is-hot{border-color:var(--acc, var(--x-blue));background:#fff}.x-ds__tray{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:60px}.x-ds__chip{min-height:52px;min-width:52px;padding:4px 10px;border:2px solid var(--x-line);border-radius:14px;background:#fff;font:inherit;font-size:18px;font-weight:800;color:var(--x-ink);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.x-ds__chip small{display:block;font-size:13px}.x-ds__chip[aria-pressed=true]{border-color:var(--acc, var(--x-blue));box-shadow:0 0 0 3px #dfe6fb}.x-ds__chip.is-drag{position:fixed;z-index:90;pointer-events:none;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 8px 20px #0000002e}.x-ds__chip.is-ok{border-color:#1f9d6b;background:#dff3e6;cursor:default}.x-ds__chip.x-wob{animation:x-shake .36s ease-in-out}.x-ds__word{min-height:72px;display:grid;place-items:center;padding:6px;border-radius:16px;border:2px solid var(--x-line);background:var(--x-paper);font-size:clamp(32px,9vw,46px);font-weight:800}.x-ds__basket{min-height:130px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px;padding:8px;border:3px dashed var(--x-wood);border-radius:24px;background:#fff8ec;font-size:30px}.x-ds__basket>span{width:100%;text-align:center;font-size:46px;line-height:1}.x-ch__t{position:relative;min-width:64px;min-height:64px;padding:4px 10px;border-radius:16px;border:2px solid var(--x-line);background:var(--x-paper);font:inherit;font-size:2.2rem;font-weight:800;line-height:1.2;letter-spacing:0;color:var(--x-ink);cursor:pointer;display:inline-grid;place-items:center;overflow:hidden;transition:transform .15s ease,border-color .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.x-ch__t:hover{border-color:var(--acc, var(--x-board))}.x-ch__t:active{transform:scale(.97)}.x-ch__t.is-ok{background:#dff3e6;border-color:#1f9d6b;cursor:default}.x-ch__t.is-no{background:#fde3e6;border-color:#d64560}.x-ch__t.x-wob,.x-ch__box.x-wob{animation:x-shake .36s ease-in-out}.x-ch__t .x-ic,.x-ch__spk .x-ic{width:1em;height:1em;vertical-align:middle}.x-ch__hunt,.x-ch__row4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:440px;justify-self:center}.x-ch__mem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:340px;justify-self:center}.x-ch__card:not(.is-up){background:color-mix(in srgb,var(--acc, var(--x-board)) 16%,var(--x-paper))}.x-ch__card.is-up:not(.is-ok){border-color:var(--acc, var(--x-blue))}.x-ch__stage{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.x-ch__big{min-width:96px;min-height:88px;display:grid;place-items:center;padding:0 16px;font-size:clamp(3rem,14vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:0;color:var(--acc, var(--x-ink))}.x-ch__spk{min-width:64px;min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;border-radius:16px;border:2px solid var(--x-line);background:var(--x-paper);font:inherit;font-size:2rem;color:var(--x-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.x-ch__spk:hover{border-color:var(--acc, var(--x-board))}.x-ch__spk--wide{justify-self:center;padding:6px 26px}.x-ch__box{min-width:120px;min-height:88px;padding:4px 18px;display:grid;place-items:center;border:3px dashed var(--x-wood);border-radius:24px;background:#fff8ec;font-size:clamp(3rem,14vw,4.2rem);font-weight:800;line-height:1.1;letter-spacing:0;color:var(--x-ink);transition:background-color .2s ease,border-color .2s ease}.x-ch__box.is-hot{border-style:solid;border-color:var(--acc, var(--x-blue))}.x-ch__box.is-ok{border-style:solid;border-color:#1f9d6b;background:#dff3e6}.x-ch__box.is-no{border-style:solid;border-color:#d64560;background:#fde3e6}.x-ch__tray{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.x-ch__chip{min-width:72px;touch-action:none;user-select:none;-webkit-user-select:none}.x-ch__chip.is-drag{position:fixed;z-index:90;pointer-events:none;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 8px 20px #0000002e}.x-ch__yn{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:340px;justify-self:center}.x-ch__yn .x-ch__t{min-height:72px;font-size:2.4rem}.x-ch__yes{border-color:#1f9d6b;background:#eef9f2}.x-ch__no{border-color:#d64560;background:#fdf0f2}.x-ch__rd{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:12px;font-weight:700;color:var(--x-ink-2)}.x-ch__rd i{width:10px;height:10px;border-radius:50%;background:var(--x-line)}.x-ch__rd i.is-ok{background:#1f9d6b}.x-ch__rd i.is-cur{background:var(--acc, var(--x-ink))}.x-ch__ans{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:76px;padding:4px;border-radius:16px;border:2px dashed var(--x-line)}.x-ch__slot{min-width:72px;min-height:64px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--x-line) 35%,transparent)}.x-ch__slot .x-ch__t{min-width:72px}@media (prefers-reduced-motion: reduce){.x-ch__t.x-wob,.x-ch__box.x-wob{animation:none}.x-ch__t,.x-ch__box{transition:none}}.x-ds__flip{width:min(260px,100%);aspect-ratio:3 / 4;margin:0 auto;padding:0;border:0;background:none;perspective:900px;cursor:pointer;font:inherit;color:inherit}.x-ds__flip{display:block}.x-ds__flip>span{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}.x-ds__flip[aria-pressed=true]>span{transform:rotateY(180deg)}.x-ds__face{position:absolute;inset:0;display:grid;place-content:center;gap:10px;padding:16px;border-radius:24px;border:3px solid var(--x-wood);background:#fff8ec;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:center}.x-ds__face--back{transform:rotateY(180deg);background:#fff;font-size:17px;line-height:1.5}.x-ds__face b{font-size:22px}.x-ds__face .x-ds__em{font-size:84px;line-height:1}.x-album{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.x-album .x-ds__flip{width:100%}.x-album .x-ds__face{padding:8px;gap:4px;border-width:2px;border-radius:14px;font-size:12px}.x-album .x-ds__face b{font-size:14px}.x-album .x-ds__em{font-size:40px}.x-album .is-empty .x-ds__face{border-style:dashed;border-color:var(--x-line);background:var(--x-paper-2);color:var(--x-ink-2)}@media (prefers-reduced-motion: reduce){.x-ds__flip>span{transition:none}.x-ds__obj.x-wob,.x-ds__chip.x-wob{animation:none}}@media (prefers-reduced-motion: reduce){.x-ln.is-open .x-ln__c,.x-lp__mark,.x-lp__opt.x-wob{animation:none}.x-ln.is-open .x-ln__c{box-shadow:0 0 0 3px color-mix(in srgb,var(--x-primary) 40%,transparent)}}#view-class .x-tbar{display:none}#view-class.is-lesson .x-wrap>.x-stage{display:none}#view-class.is-lesson #clsTabs{display:none}#view-class.is-lesson #panel-lessons{margin-top:12px}#view-class.is-lesson{padding-top:0}#view-class.is-lesson .x-tbar{position:sticky;top:0;z-index:30;display:flex;align-items:flex-end;gap:8px;margin:0 -16px;padding:8px 16px 10px;background:#fdf8eff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--x-line);box-shadow:0 8px 14px -12px #2c2a2666}#view-class .x-tbar__fig{flex:none;position:relative;height:104px;display:flex;align-items:flex-end;transform-origin:50% 100%}#view-class .x-tbar__img{display:block;height:100%;width:auto;max-width:64px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}#view-class .x-tbar__board{flex:1 1 0;min-width:0;height:88px;position:relative;display:flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:10px;color:#fff;background:linear-gradient(160deg,var(--x-board),var(--x-board-2));border:5px solid var(--x-wood);box-shadow:inset 0 0 30px #00000040,0 0 0 1px var(--x-wood-dark)}[dir=rtl] #view-class .x-tbar__board{padding:4px 10px 4px 6px}#view-class .x-tbar__txt{flex:1;min-width:0;margin:0;max-height:4.35em;overflow:hidden;font-size:17px;line-height:1.45;font-weight:700;overflow-wrap:anywhere;text-shadow:0 0 6px rgba(255,255,255,.3)}#view-class .x-tbar__txt.is-ok{color:#ffe08a;font-weight:800}#view-class .x-tbar__txt.is-try{color:#ffd2d9;font-weight:800}#view-class .x-tbar__txt.is-go{color:#cfe9ff;font-weight:800}#view-class .x-tbar__play{flex:none;width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:2px solid rgba(255,255,255,.55);background:#ffffff1f;color:#fff;font-size:19px;line-height:1}#view-class .x-tbar__play:disabled{opacity:.4;cursor:default}#view-class .x-tbar__hand{position:absolute;bottom:-18px;inset-inline-start:6px;font-size:22px;line-height:1;opacity:0;pointer-events:none;transition:opacity .2s}#view-class .x-tbar.is-talk .x-tbar__hand{opacity:1;animation:x-tbpoint .6s ease-in-out infinite alternate}#view-class .x-tbar.is-talk .x-tbar__fig{animation:x-tbtalk .45s ease-in-out infinite alternate}#view-class .x-tbar__fig.is-hop{animation:x-tbhop .7s ease-out 1!important}#view-class .x-tbar__fig.is-tilt{animation:x-tbtilt .9s ease-in-out 1!important}@keyframes x-tbpoint{to{translate:0 5px}}@keyframes x-tbtalk{0%{transform:scale(1)}to{transform:scale(1.03) translateY(-1px)}}@keyframes x-tbhop{30%{transform:translateY(-16px) scale(1.04)}55%{transform:translateY(0) scale(1.03,.96)}75%{transform:translateY(-5px)}}@keyframes x-tbtilt{25%,70%{transform:rotate(-7deg)}}@media (min-width: 700px){#view-class .x-tbar__fig{height:128px}#view-class .x-tbar__img{max-width:80px}#view-class .x-tbar__board{height:104px;border-width:7px}#view-class .x-tbar__txt{font-size:19px}}#view-class .x-ds__steps button{position:relative;transition:transform .2s,opacity .2s}#view-class .x-ds__steps button[aria-current=step]{border:3px solid var(--acc, var(--x-blue));background:var(--acc-bg, #fff);color:var(--x-ink);transform:translateY(-2px);box-shadow:0 4px 10px color-mix(in srgb,var(--acc, var(--x-blue)) 30%,transparent)}#view-class .x-ds__steps button.is-ok:after{content:"";position:absolute;top:-7px;inset-inline-end:-3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff var(--ic-check) center / 100% no-repeat;border:2px solid #fff;line-height:1}#view-class .x-ds__steps button:disabled{opacity:.42;filter:grayscale(.7)}#view-class .x-ds__steps button.is-ok:disabled{opacity:1;filter:none}#view-class.is-lesson .x-tb-dup{display:none}@media (prefers-reduced-motion: reduce){#view-class .x-tbar.is-talk .x-tbar__fig,#view-class .x-tbar__fig.is-hop,#view-class .x-tbar__fig.is-tilt,#view-class .x-tbar.is-talk .x-tbar__hand{animation:none!important}#view-class .x-ds__steps button{transition:none}#view-class .x-ds__steps button[aria-current=step]{transform:none}}#view-class.is-lesson #panel-lessons{margin-top:6px}#view-class.is-lesson .x-lp{--x-act: max(170px, calc(100vh - var(--x-toph, 76px) - 372px));--x-info: 0px;margin-top:0;padding:8px;gap:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center}@supports (height: 100dvh){#view-class.is-lesson .x-lp{--x-act: max(170px, calc(100dvh - var(--x-toph, 76px) - 372px))}}#view-class.is-lesson .x-lp>*{grid-column:1 / -1}#view-class.is-lesson .x-lp>.x-lp__title{order:-2;grid-column:1;min-width:0;font-size:15px;line-height:1.3;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#view-class.is-lesson .x-lp>.x-ds__steps+.x-ds__meta,#view-class.is-lesson .x-lp>.x-ds__steps+.x-lp__dots{order:-1;grid-column:2;max-width:62vw;justify-self:end}#view-class.is-lesson .x-lp>.x-ds__steps+.x-ds__meta{font-size:12px;line-height:1.3;text-align:end}#view-class.is-lesson .x-lp>.x-ds__steps+.x-lp__dots{gap:4px;flex-wrap:nowrap}#view-class.is-lesson .x-lp>.x-ds__steps+.x-lp__dots li{width:22px;height:22px;font-size:12px}#view-class.is-lesson .x-lp .x-ds__stepsH{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#view-class.is-lesson .x-lp .x-ds__steps{gap:3px}#view-class.is-lesson .x-lp .x-ds__steps button{min-height:48px;padding:3px 1px;gap:1px;font-size:12px;line-height:1.2;border-radius:10px}#view-class.is-lesson .x-lp .x-ds__steps button span{font-size:20px}#view-class.is-lesson .x-lp .x-ds__steps button[aria-current=step]{border-width:2px}#view-class.is-lesson .x-lp .x-ds__steps button.is-ok:after{top:-6px;width:18px;height:18px;font-size:11px}#view-class.is-lesson .x-lp .x-ds__meta{font-size:12px}#view-class.is-lesson .x-lp:has(>.x-ds__info:not(.x-tb-dup)){--x-info: 72px}#view-class.is-lesson .x-lp .x-ds__scene{width:min(100%,calc((var(--x-act) - var(--x-info)) * 4 / 3));justify-self:center}#view-class.is-lesson .x-lp .x-ds__info{min-height:0;padding:6px 10px;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}#view-class.is-lesson .x-lp .x-ds__info b{display:inline;font-size:15px;margin-inline-end:6px}#view-class.is-lesson .x-lp .x-ds__row{gap:6px}#view-class.is-lesson .x-lp .x-ds__row .x-btn{min-height:48px;padding:6px 14px}#view-class.is-lesson .x-lp .x-lp__q{max-height:var(--x-act);overflow:auto;font-size:clamp(22px,6vw,32px)}#view-class.is-lesson .x-lp .x-lp__q--xl{font-size:min(clamp(56px,18vw,96px),calc(var(--x-act) * .6));line-height:1.1}#view-class.is-lesson .x-lp .x-ds__svg{max-width:min(320px,var(--x-act))}#view-class.is-lesson .x-lp .x-lp__opts{gap:8px}#view-class.is-lesson .x-lp .x-lp__opt{min-height:56px;padding:8px;font-size:18px}#view-class.is-lesson .x-lp .x-lp__opts--big .x-lp__opt{min-height:64px;font-size:clamp(26px,8vw,36px)}#view-class.is-lesson .x-lp .x-ds__bin,#view-class.is-lesson .x-lp .x-ds__basket{min-height:96px}#view-class.is-lesson .x-lp .x-ds__tray{min-height:48px;gap:6px}#view-class.is-lesson .x-lp .x-ds__chip{min-height:48px;min-width:48px}#view-class.is-lesson .x-lp .x-ds__word{min-height:56px;font-size:clamp(28px,8vw,40px)}#view-class.is-lesson .x-lp,#view-class.is-lesson .x-lp :is(.x-lp__opts,.x-ch__stage,.x-ch__yn,.x-ch__hunt,.x-ch__row4,.x-ch__mem,.x-ch__tray,.x-ch__ans,.x-ch__slot,.x-ds__tray,.x-ds__bin,.x-ds__basket){overflow:visible}#view-class.is-lesson .x-lp .x-lp__q{max-height:none;overflow:visible;line-height:1.7;padding-block:.35em;min-height:2.4em}#view-class.is-lesson .x-lp .x-lp__q--xl{font-size:min(clamp(56px,18vw,96px),calc(var(--x-act) / 2.6));line-height:1.7}#view-class.is-lesson .x-lp:has(>.x-lp__opts) .x-lp__q--xl{font-size:min(clamp(56px,18vw,96px),max(40px,calc((var(--x-act) - 165px) / 2.4)))}#view-class.is-lesson .x-lp .x-lp__opt{overflow:visible;line-height:1.7;padding-block:.3em}#view-class.is-lesson .x-lp .x-lp__mark{border-radius:14px}#view-class.is-lesson .x-lp .x-ch__t{overflow:visible;line-height:1.7;padding-block:.2em}#view-class.is-lesson .x-lp :is(.x-ch__big,.x-ch__box){overflow:visible;line-height:1.7;padding-block:.35em;min-height:2.4em}#view-class.is-lesson .x-lp .x-ds__word{line-height:1.7;padding-block:.2em;overflow:visible}#view-class.is-lesson .x-lp .x-ds__chip{overflow:visible;line-height:1.7;padding-block:.3em;font-size:21px}#view-class.is-lesson .x-lp .x-ds__chip small{line-height:1.5}#view-class.is-lesson .x-lp .x-lp__q--emo{font-size:calc(clamp(22px,6vw,32px)*1.15);word-spacing:.35em;overflow-wrap:normal;padding-block:.3em}#view-class.is-lesson .x-lp .x-lp__q--emo.x-lp__q--xl{font-size:min(calc(clamp(56px,18vw,96px)*1.15),calc(var(--x-act) / 2.6))}#view-class.is-lesson .x-lp:has(>.x-lp__opts) .x-lp__q--emo.x-lp__q--xl{font-size:min(calc(clamp(56px,18vw,96px)*1.15),max(40px,calc((var(--x-act) - 165px) / 2.4)))}#view-class.is-lesson .x-lp .x-ds__tray{gap:.6em;padding-block:.3em}#view-class.is-lesson .x-lp .x-ds__basket{gap:.3em}#view-class.is-lesson .x-lp>:is(.x-ds__info,.x-lp__opts,.x-ch__yn,.x-ch__tray,.x-ds__tray,.x-ds__word){margin-top:10px}#view-class.is-lesson .x-lp>.x-ds__row{margin-top:10px}#view-class.is-lesson .x-lp .x-pg__res{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px 10px}#view-class.is-lesson .x-lp .x-pg__res>.x-ds__flip{grid-column:1;grid-row:1 / 5;width:min(100%,150px,calc(var(--x-act) * .5))}#view-class.is-lesson .x-lp .x-pg__res>:is(.x-lp__fig,.x-lp__stars,.x-pg__say,.x-q__meta){grid-column:2;margin:0}#view-class.is-lesson .x-lp .x-pg__res>:is(.x-ds__meta,.x-lis__row){grid-column:1 / -1}#view-class.is-lesson .x-lp .x-lp__fig{font-size:28px;line-height:1.2}#view-class.is-lesson .x-lp .x-lp__stars{font-size:12px;letter-spacing:0}#view-class.is-lesson .x-lp .x-pg__say{padding:8px 10px;font-size:14px;line-height:1.4}#view-class.is-lesson .x-lp .x-pg__ava{display:none}#view-class.is-lesson .x-lp .x-pg__res .x-ds__face{padding:10px;gap:6px;border-radius:18px}#view-class.is-lesson .x-lp .x-pg__res .x-ds__face--back{font-size:13px;line-height:1.4;overflow:auto;place-content:safe center}#view-class.is-lesson .x-lp .x-pg__res .x-ds__face b{font-size:16px}#view-class.is-lesson .x-lp .x-pg__res .x-ds__em{font-size:56px}#view-class.is-lesson .x-lp .x-lis__row .x-btn{min-height:48px;padding:6px 14px;font-size:15px}@media (max-width: 699px){#view-class.is-lesson .x-tbar{padding:6px 16px}#view-class.is-lesson .x-tbar__fig{height:90px}#view-class.is-lesson .x-tbar__img{max-width:56px}#view-class.is-lesson .x-tbar__board{height:auto;min-height:70px;max-height:90px;border-width:4px;padding:4px 6px 4px 10px}[dir=rtl] #view-class.is-lesson .x-tbar__board{padding:4px 10px 4px 6px}#view-class.is-lesson .x-tbar__txt{font-size:17px;line-height:1.35;max-height:calc(3 * 1.35em)}}.x-big{font-size:88px;line-height:1.15;font-weight:800;text-align:center;color:var(--acc)}.x-note{text-align:center;font-size:26px;font-weight:800}.x-opts--g{grid-template-columns:repeat(2,1fr)}.x-opts--g .x-opt{text-align:center;font-size:22px;min-height:64px}.x-scene{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:12px;font-size:32px}.x-grp{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-content:center;min-width:120px;max-width:260px;min-height:64px;padding:10px;border:2px dashed var(--x-line);border-radius:14px;position:relative}.x-grp b{position:absolute;top:-10px;inset-inline-start:10px;font-size:12px;background:#fff;padding:0 6px;border-radius:999px}.x-op{align-self:center;font-weight:800}.x-pos{display:grid;grid-template-columns:repeat(3,56px);grid-auto-rows:56px;place-items:center;font-size:40px}.x-fb{margin:12px 0 0;font-weight:700;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.x-chat{background:#fff;border:1px solid var(--x-line);border-radius:16px;padding:14px}.x-log{display:grid;gap:10px;max-height:320px;overflow-y:auto;padding-inline-end:4px}.x-msg{max-width:82%;padding:9px 13px;border-radius:14px;font-size:15px}.x-msg--t{background:var(--acc-bg, var(--x-paper-2));justify-self:start;border-start-start-radius:4px}.x-msg--u{background:var(--x-board);color:#fff;justify-self:end;border-end-end-radius:4px}.x-form{display:flex;gap:8px;margin-top:12px}.x-input{flex:1;min-height:46px;padding:10px 14px;border-radius:999px;font:inherit;border:1px solid var(--x-line);background:var(--x-paper);color:inherit}.x-input:focus{outline:2px solid var(--acc, var(--x-board));outline-offset:1px}.x-send{min-height:46px;padding:10px 20px;border-radius:999px;border:0;cursor:pointer;background:var(--acc, var(--x-board));color:#fff;font-weight:800}.x-hint{font-size:13px;color:var(--x-ink-2);margin-top:8px}.x-phases{display:grid;gap:14px;margin-top:18px}.x-phase{background:#fff;border:1px solid var(--x-line);border-radius:18px;padding:16px 18px;border-inline-start:6px solid var(--x-wood)}.x-phase.is-done{border-inline-start-color:#1f9d6b}.x-phase__n{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--x-ink-2)}.x-badge{font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:#dff3e6;color:#137a53}.x-phase__head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}.x-phase ul{margin:6px 0 0;padding-inline-start:20px;color:var(--x-ink-2)}.x-typing{display:inline-flex;gap:4px}.x-typing i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;animation:x-dot 1s infinite}.x-typing i:nth-child(2){animation-delay:.15s}.x-typing i:nth-child(3){animation-delay:.3s}@keyframes x-dot{50%{opacity:1}}.x-sugg{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;max-height:128px;overflow-y:auto;padding:2px}.x-parents{max-width:460px;margin:16px auto 0;text-align:start}.x-parents h3{margin:0;font-size:16px}.x-toast{position:fixed;inset-inline:0;bottom:calc(86px + env(safe-area-inset-bottom,0px));margin:0 auto;width:max-content;max-width:calc(100% - 32px);z-index:90;padding:10px 16px;border-radius:999px;background:var(--x-ink);color:var(--x-paper);font-size:14px;font-weight:700;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s;pointer-events:none}.x-toast.is-on{opacity:1;transform:none}.x-pulse{animation:x-pulse .6s}@keyframes x-pulse{50%{transform:scale(1.18)}}.x-playing{animation:x-pulse .8s infinite}@media (prefers-reduced-motion: reduce){.x-playing{animation:none;outline:3px solid var(--x-wood)}}@media (prefers-reduced-motion: reduce){.x-pulse{animation:none;outline:3px solid var(--x-wood)}}.x-lis{background:#fff;border:1px solid var(--x-line);border-radius:16px;padding:16px;text-align:center;display:grid;gap:12px;justify-items:center}.x-lis__top{width:100%;display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.x-lis__big{font-size:clamp(110px,30vw,180px);line-height:1.05;font-weight:800;color:var(--acc);border-radius:24px;padding:0 24px}.x-lis__pic{font-size:30px;font-weight:800}.x-tfs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.x-tf{display:grid;grid-template-columns:repeat(5,26px);gap:4px;padding:6px;border:2px solid var(--x-line);border-radius:10px}.x-tf i{width:26px;height:26px;border-radius:50%;border:2px dashed var(--x-line)}.x-tf i.is-on{background:var(--acc);border:0}.x-lis__say{min-height:56px;font-size:22px;font-weight:800;display:flex;gap:10px;align-items:center}.x-lis__say b{font-size:36px;display:inline-block;animation:x-pulse .9s infinite}.x-lis__row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.x-lis__row .x-btn{min-height:52px;font-size:16px;padding:8px 18px}.x-lis__row .x-btn.is-on,.x-seg button[aria-pressed=true]{background:var(--acc);border-color:transparent;color:#fff}.x-lis__arr{width:52px;padding:0!important;font-size:22px!important}.x-seg{display:inline-flex;border:1px solid var(--x-line);border-radius:999px;overflow:hidden}.x-seg button{min-height:44px;min-width:48px;border:0;background:#fff;cursor:pointer;font-weight:800}.x-rods{display:flex;gap:6px;align-items:flex-end;justify-content:center;flex-wrap:wrap}.x-rods i{width:14px;height:108px;border-radius:4px;background:repeating-linear-gradient(var(--acc) 0 9px,transparent 9px 11px)}.x-rods span{display:grid;grid-template-columns:repeat(2,14px);gap:4px;margin-inline-start:10px}.x-rods b{width:14px;height:14px;border-radius:50%;background:var(--acc)}.x-ctr{display:grid;gap:4px;min-width:90px;font-weight:800}.x-ctr i{display:block;height:4px;border-radius:2px;background:var(--x-line);overflow:hidden}.x-ctr b{display:block;height:100%;background:var(--acc)}.x-jump{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;width:100%;max-width:480px}.x-jump button{min-height:44px;border:1px solid var(--x-line);border-radius:10px;background:#fff;font-weight:800;font-size:18px;cursor:pointer}.x-jump .is-mem{background:#1f9d6b;color:#fff;border-color:transparent}.x-jump .is-cur{outline:2px solid var(--acc);outline-offset:2px}.x-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:340px}.x-dots i{width:10px;height:10px;border-radius:50%;background:var(--x-line)}.x-dots i.is-mem{background:#1f9d6b}.x-dots i.is-cur{outline:2px solid var(--acc);outline-offset:2px}.x-lis .x-opts{grid-template-columns:repeat(3,1fr);width:100%;max-width:480px}.x-lis .x-opt{font-size:44px;min-height:96px;text-align:center}.x-party{font-size:44px;letter-spacing:6px}.x-party span{display:inline-block;animation:x-pop .7s both}.x-party span:nth-child(2){animation-delay:.15s}.x-party span:nth-child(3){animation-delay:.3s}.x-party span:nth-child(4){animation-delay:.45s}@keyframes x-pop{0%{transform:translateY(20px) scale(.3);opacity:0}70%{transform:translateY(-8px) scale(1.2);opacity:1}}@media (prefers-reduced-motion: reduce){.x-lis__say b,.x-party span{animation:none}}.x-mg__hud{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-weight:800}.x-mg__grid{--x-sub: var(--x-secondary);--x-subbg: color-mix(in srgb, var(--x-secondary) 12%, #fff);display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:10px;margin-inline:auto;justify-self:center;width:min(100%,520px,max(240px,calc(var(--c) * (100svh - 260px - (var(--r) - 1) * 10px) * 3 / (4 * var(--r)) + (var(--c) - 1) * 10px)))}.x-mg__grid[dir=rtl]{--x-sub: var(--x-primary);--x-subbg: color-mix(in srgb, var(--x-primary) 10%, #fff)}.x-mg__grid:has(.x-tf){--x-sub: #14A8A0;--x-subbg: #E3F7F5}.x-mc{aspect-ratio:3 / 4;container-type:inline-size;perspective:800px;border:0;padding:0;background:none;cursor:pointer;font:inherit;color:inherit;min-height:44px;border-radius:16px;-webkit-tap-highlight-color:transparent;transition:scale .15s ease,translate .3s cubic-bezier(.2,.7,.3,1)}.x-mc:active{scale:.96}.x-mc.is-up{translate:0 -3px}.x-mc__in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.7,.3,1)}.x-mc.is-up .x-mc__in{transform:rotateY(180deg)}.x-mc__f{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4cqw;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 2px 4px #00000014,0 8px 20px #2f5bea26;transition:box-shadow .3s ease}.x-mc.is-up .x-mc__f{box-shadow:0 4px 8px #00000014,0 14px 28px #2f5bea33}.x-mc__back{background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 1px,transparent 1px 9px),linear-gradient(150deg,var(--x-primary),color-mix(in srgb,var(--x-primary) 70%,#000));outline:1px solid rgba(255,255,255,.35);outline-offset:-7px}.x-mc__back:before{content:"";width:38%;aspect-ratio:38 / 24;background:radial-gradient(closest-side,transparent 74%,var(--x-secondary) 76% 96%,transparent 98%) right center / 63.2% 100% no-repeat,radial-gradient(closest-side,transparent 74%,#fff 76% 96%,transparent 98%) left center / 63.2% 100% no-repeat;filter:drop-shadow(0 0 3cqw rgba(255,255,255,.45))}.x-mc__back:after{content:"أُفُق";font:400 clamp(12px,11cqw,22px)/1.2 "OfoqKufi",sans-serif;color:#fff;opacity:.95;text-shadow:0 0 6px rgba(255,255,255,.35);white-space:nowrap}.x-mc__front{transform:rotateY(180deg);background:linear-gradient(180deg,#fff,#f6f8ff);color:#1f2a44;outline:2px solid #E3E9FF;outline-offset:-8px;padding:12cqw 10cqw;text-align:center;transition:outline-color .3s ease}.x-mc__front:after{content:"";position:absolute;inset:0;pointer-events:none;transform:translate(-120%);background:linear-gradient(105deg,transparent 30%,rgba(255,214,102,.55) 48%,rgba(255,240,190,.75) 52%,transparent 70%)}.x-mc__big{display:block;max-width:100%;font-size:44cqw;font-weight:800;color:var(--x-primary-ink);line-height:1.1;white-space:nowrap}.x-mg__grid[dir=ltr]:not(:has(.x-tf)) .x-mc__big{font-size:30cqw;color:var(--x-secondary-ink)}.x-mg__grid[dir=ltr]:not(:has(.x-tf)) .x-mc__big:first-letter{color:var(--x-primary-ink)}.x-mc__e{display:grid;place-items:center;flex:none;width:60cqw;aspect-ratio:1;border-radius:50%;background:var(--x-subbg);font-size:32cqw;line-height:1}.x-mc__w{max-width:100%;font-size:clamp(12px,14cqw,16px);font-weight:800;line-height:1.2;color:#1f2a44;overflow-wrap:anywhere}.x-mc.is-ok .x-mc__front{outline-color:#2ebd85}.x-mc.is-ok .x-mc__front:after{animation:x-shimmer .9s .45s ease-out 1 both}@keyframes x-shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}.x-mg__grid:has(.x-mc.is-up:not(.is-ok)~.x-mc.is-up:not(.is-ok)) .x-mc.is-up:not(.is-ok) .x-mc__in{animation:x-shake .36s .45s ease-in-out}@keyframes x-shake{0%,to{translate:0}20%{translate:-5px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:3px 0}}.x-mg .x-seg button{padding:0 12px}.x-mc__spark{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:max(18px,15cqw);aspect-ratio:1;border-radius:50%;background:#2ebd85;color:#fff;font-size:0;box-shadow:0 2px 6px #2ebd8566;animation:x-pop .5s .4s both}.x-mc__spark:before{content:"";width:100%;height:100%;border-radius:50%;background:#fff var(--ic-check) center / 100% no-repeat}.x-mc .x-tfs{flex-direction:column;gap:4cqw}.x-mc .x-tf{grid-template-columns:repeat(5,10cqw);gap:2.5cqw;padding:2.5cqw;border:0;border-radius:4cqw;background:#fff;box-shadow:inset 0 0 0 1px #e3e9ff}.x-mc .x-tf i{width:10cqw;height:10cqw;border:0;border-radius:3cqw;background:#eef1fa}.x-mc .x-tf i.is-on{background:var(--x-secondary)}@media (prefers-reduced-motion: reduce){.x-mc,.x-mc__in,.x-mc__f,.x-mc__front{transition:none}.x-mc:active{scale:1}.x-mc .x-mc__in,.x-mc.is-ok .x-mc__front:after,.x-mc__spark{animation:none!important}}.x-pg__bar{display:flex;width:100%}.x-pg{grid-template-columns:minmax(0,1fr)}.x-pg__menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;width:100%;max-width:560px}@media (max-width: 339px){.x-pg__menu{grid-template-columns:minmax(0,1fr)}}.x-pg__title{width:100%;text-align:center}.x-gt{min-width:0}.x-gt__t{overflow-wrap:anywhere}.x-pg__rev{display:grid;justify-items:center;gap:6px;padding:18px 28px;border-radius:16px;background:#fff;color:#1f2a44;box-shadow:0 8px 20px #2f5bea26;animation:x-pop .45s both}.x-pg__rev b{font-size:64px;line-height:1.1;color:var(--x-primary-ink);white-space:nowrap}.x-pg__rev span{font-size:22px;font-weight:800}.x-ms__bar{width:100%;max-width:420px;height:12px;border-radius:999px;background:#eef1fa;overflow:hidden}.x-ms__bar i{display:block;height:100%;border-radius:inherit;background:var(--x-grad);transition:width .4s ease}.x-ms__list{list-style:none;margin:0;padding:0;display:grid;gap:8px;width:100%;max-width:420px}.x-ms__list li{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 12px;border-radius:14px;background:#f6f8ff;text-align:start;font-weight:700}.x-ms__t{flex:1;min-width:0}.x-ms__list li.is-done .x-ms__t{text-decoration:line-through;color:#5b6785}.x-ms__badge{font-size:64px;line-height:1}.x-gt,.x-pg__tile{border:0;background:linear-gradient(180deg,#fff,#f6f8ff);color:#1f2a44;font:inherit;cursor:pointer;outline:2px solid #E3E9FF;outline-offset:-8px;box-shadow:0 2px 4px #00000014,0 8px 20px #2f5bea26}.x-gt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px 16px;border-radius:16px;transition:translate .2s ease}.x-gt:hover{translate:0 -3px}.x-gt:focus-visible,.x-pg__tile:focus-visible{outline-color:var(--acc)}.x-gt__e{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--acc-bg, #EAF0FF);font-size:34px;line-height:1}.x-gt__t{font-weight:800;font-size:15px;line-height:1.25}.x-gt__s{font-size:14px;letter-spacing:2px}.x-pg .x-mg__grid{--r: 1}.x-mc.x-wob .x-mc__in,.x-pg__tile.x-wob{animation:x-shake .36s ease-in-out}.x-pg__sky{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:30px 12px;width:100%;max-width:520px;min-height:260px;padding:16px 8px 34px;border-radius:16px;background:linear-gradient(180deg,#eaf4ff,#fff4fa);overflow:hidden}.x-bl{position:relative;width:72px;height:86px;border:0;border-radius:50% 50% 46% 46%;cursor:pointer;color:#fff;font:inherit;font-size:30px;font-weight:800;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.5) 0 10%,transparent 11%),var(--h);box-shadow:inset -6px -8px #0000001a;animation:x-rise .9s var(--d) both,x-bob var(--b) calc(var(--d) + .9s) ease-in-out infinite alternate}.x-bl:after{content:"";position:absolute;top:100%;left:50%;width:1px;height:24px;background:#1f2a4459}.x-bl.is-pop{background:none;box-shadow:none;animation:x-burst .5s ease-out forwards}.x-bl.is-pop:after{display:none}.x-bl.x-wob{animation:x-wobr .45s ease-in-out}@keyframes x-rise{0%{transform:translateY(170px);opacity:0}to{transform:none;opacity:1}}@keyframes x-bob{to{transform:translateY(-10px)}}@keyframes x-burst{0%{transform:scale(.6)}60%{transform:scale(1.5);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes x-wobr{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.x-pg__pic{font-size:56px;line-height:1}.x-pg__slots,.x-pg__tiles{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.x-pg__slot{display:grid;place-items:center;width:52px;height:60px;border-radius:12px;border:2px dashed color-mix(in srgb,var(--x-primary) 30%,#fff);background:#fff;font-size:30px;font-weight:800;color:var(--x-primary-ink)}.x-pg__slot.is-on{border-style:solid;border-color:#2ebd85}.x-pg__tile{width:56px;height:56px;border-radius:14px;outline-offset:-5px;font-size:28px;font-weight:800}.x-pg__count{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.x-pg__q{display:grid;gap:4px;justify-items:center;width:100%;max-width:420px;padding:8px;border-radius:16px;transition:background .3s ease}.x-pg__q.is-ok{background:#e3f7ee}.x-pg__q.is-no{background:#fde7ea}.x-pg__q .x-lis__big{font-size:clamp(64px,20vw,120px);white-space:nowrap}.x-pg__mark{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border-radius:inherit;background:#e3f7eed1;font-size:52cqw;line-height:1;pointer-events:none;animation:x-okpop .6s cubic-bezier(.2,.9,.3,1.3) both}.x-pg__mark.is-no{background:#fde7ead9;color:#e5484d;font-weight:800}.x-mc.is-no .x-mc__front{outline-color:#e5484d}@keyframes x-okpop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.x-pg__mark{animation:none}}.x-pg__res{display:grid;justify-items:center;gap:8px}.x-pg__say{display:flex;align-items:center;gap:10px;max-width:420px;padding:10px 14px;border-radius:16px;background:var(--acc-bg, #F6F8FF);border:2px solid var(--x-secondary);text-align:start;font-weight:700}.x-pg__ava{height:96px;width:auto;max-width:56px;object-fit:contain;object-position:bottom;flex:none;align-self:flex-end}.x-conf{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:60}.x-conf i{position:absolute;top:-14px;width:8px;height:12px;border-radius:2px;animation:x-fall 2.4s var(--d) ease-in forwards}@keyframes x-fall{to{transform:translate(var(--x),105vh) rotate(540deg)}}@media (prefers-reduced-motion: reduce){.x-gt,.x-pg__q{transition:none}.x-gt:hover{translate:none}.x-bl,.x-bl.is-pop,.x-bl.x-wob,.x-mc.x-wob .x-mc__in,.x-pg__tile.x-wob,.x-pg__rev{animation:none!important}.x-ms__bar i{transition:none}}.x-sugg button{min-height:36px;padding:4px 12px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700;border:1px dashed var(--acc, var(--x-line));background:var(--x-paper)}.x-back__arrow{display:inline-block}[dir=rtl] .x-back__arrow{transform:scaleX(-1)}.x-badge--soon{background:var(--x-paper-2);color:var(--x-ink-2)}.x-levels{max-width:520px;margin:18px auto 0}.x-levels__t{font-size:18px;font-weight:800;margin:0 0 10px}.x-levels__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.x-lv{display:grid;align-content:start;gap:3px;min-height:44px;padding:12px 14px;border-radius:16px;text-align:start;font:inherit;border:1px solid var(--x-line);background:var(--x-paper-2);color:var(--x-ink-2);box-shadow:0 4px #00000014}button.x-lv{cursor:pointer}.x-lv.is-on{background-color:var(--x-blue);background-image:var(--x-grad);color:#fff;border-color:var(--x-blue);transition:transform .15s ease}.x-lv.is-on:hover{transform:translateY(-2px)}.x-lv.is-soon{background:#fff;color:var(--x-ink);border-color:#e8bd4a}.x-lv.is-new{animation:x-okpop .6s both}.x-lv__top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:800}.x-lv__n{font-size:17px;font-weight:800}.x-lv__s{font-size:13px;font-weight:700}.x-lv__to{margin-top:6px;font-size:12px;font-weight:800}.x-lv__bar{height:10px;border-radius:999px;background:#fff;border:1px solid var(--x-line);overflow:hidden}.x-lv__bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--x-grad);transition:width .6s var(--ease-out, ease)}.x-lv__meta{font-size:12px;font-weight:700}.x-blv>summary{gap:8px;color:var(--x-ink)}.x-blv__n{white-space:nowrap}.x-blv__bar{flex:1;min-width:40px;height:6px;border-radius:999px;background:var(--x-paper-2);border:1px solid var(--x-line);overflow:hidden}.x-blv__bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--x-grad);transition:width .6s var(--ease-out, ease)}.x-blv__c{font-size:12px;font-weight:700;color:var(--x-ink-2);white-space:nowrap}.x-blv__list{list-style:none;margin:0;padding:0 10px 8px}.x-blv__list li{display:flex;align-items:center;gap:8px;min-height:44px;border-top:1px solid var(--x-line);font-size:13px;font-weight:700;color:var(--x-ink-2)}.x-blv__list li>span:first-child{flex:1}.x-blv__list li.is-cur{color:var(--x-ink)}.x-blv__list li.is-new{animation:x-okpop .6s both}.x-blv__list .x-blv__go{min-height:32px;padding:2px 12px;border-radius:999px;border:0;font:inherit;font-size:12px;font-weight:800;color:#fff;background-color:var(--x-blue);background-image:var(--x-grad);cursor:pointer}@media (prefers-reduced-motion: reduce){.x-blv__bar i{transition:none}.x-blv__list li.is-new{animation:none}}.x-lvup{z-index:95;overflow:hidden}.x-lvup__box{position:relative;z-index:1}.x-lvup__badge{font-size:76px;line-height:1;margin:4px 0 10px;animation:x-trophy .9s cubic-bezier(.2,1.6,.4,1) both}@keyframes x-trophy{0%{transform:scale(0) rotate(-25deg);opacity:0}70%{transform:scale(1.2) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0)}}.x-lvup__box h2{font-size:22px;margin:0 0 8px}.x-lvup__cheer{margin:0 0 16px;padding:10px 14px;border-radius:16px;background:var(--x-paper-2);font-weight:700;font-size:15px}.x-lvup__conf{position:absolute;inset:0;pointer-events:none;z-index:2}.x-lvup__conf i{position:absolute;left:50%;top:40%;width:9px;height:13px;border-radius:2px}@media (prefers-reduced-motion: reduce){.x-lv.is-on,.x-lv__bar i{transition:none}.x-lv.is-on:hover{transform:none}.x-lv.is-new,.x-lvup__badge{animation:none}}.x-lvl{display:inline-flex;align-items:center;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--x-accent) 30%,#fff);color:#6b4d00;border:1px solid var(--x-accent);white-space:nowrap;vertical-align:middle}.x-up{flex:none;display:grid;justify-items:center;gap:3px;margin-block:-6px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.x-up[hidden]{display:none}.x-up__c{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--x-primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--x-primary) 40%,transparent);transition:transform .15s var(--ease-out, ease)}.x-up__c svg{width:30px;height:30px;display:block}[dir=rtl] .x-up__c svg{transform:scaleX(-1)}.x-up:hover .x-up__c{transform:scale(1.05)}.x-up:active .x-up__c{transform:scale(.92)}.x-up__l{font-size:12px;font-weight:800;line-height:1;color:var(--x-primary-ink)}.x-up.is-pulse .x-up__c{animation:x-uppulse 1.2s ease-out 1}@keyframes x-uppulse{0%{transform:scale(1);box-shadow:0 4px 12px color-mix(in srgb,var(--x-primary) 40%,transparent),0 0 color-mix(in srgb,var(--x-primary) 55%,transparent)}35%{transform:scale(1.12)}to{transform:scale(1);box-shadow:0 4px 12px color-mix(in srgb,var(--x-primary) 40%,transparent),0 0 0 16px transparent}}@media (prefers-reduced-motion: reduce){.x-up.is-pulse .x-up__c{animation:none}.x-up__c{transition:none}}.x-corrhead{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;height:44px}.x-corrhead h2{margin:0;font-size:20px;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-foot{text-align:center;padding:22px 16px 8px;color:var(--x-ink-2);font-size:13px;background:transparent;border:0}:focus-visible{outline:2px solid var(--x-blue);outline-offset:2px}@media (max-width: 560px){.x-top__in{gap:6px}#view-class .x-stage{gap:8px}.x-board{padding:12px 12px 24px;border-width:8px;min-height:125px}.x-board:after{inset-inline:-8px;bottom:-8px;height:9px}.x-board__ava{max-width:150px}.x-board__msg{font-size:15px}}body[data-theme=boy]{--x-pat: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><g fill='%231E3A8A' opacity='.11'><g transform='translate(22 24) rotate(40)'><path d='M0-11c5 4 6 10 4 16h-8c-2-6-1-12 4-16z'/><path d='M-4 2l-5 6h5zM4 2l5 6h-5z'/><path d='M-2 6h4l-2 5z'/></g><circle cx='116' cy='30' r='7'/><ellipse cx='116' cy='30' rx='13' ry='3.5' fill='none' stroke='%231E3A8A' stroke-width='1.6' transform='rotate(-20 116 30)'/><path d='M72 60l2.4 5 5.4.6-4 3.7 1.1 5.3-4.9-2.7-4.9 2.7 1.1-5.3-4-3.7 5.4-.6z'/><path d='M140 96l1.8 3.8 4 .4-3 2.8.8 4-3.6-2-3.6 2 .8-4-3-2.8 4-.4z'/><circle cx='40' cy='70' r='1.6'/><circle cx='100' cy='150' r='1.6'/><circle cx='150' cy='60' r='1.4'/><path d='M20 122a6 6 0 0 1 7-5 8 8 0 0 1 15 1 5 5 0 0 1 1 10H22a4 4 0 0 1-2-6z'/><path d='M84 128l30-10-9 22-6-8z'/></g></svg>");--x-deco: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 56'><circle cx='20' cy='34' r='12' fill='%23FFB703'/><ellipse cx='20' cy='34' rx='20' ry='5' fill='none' stroke='%232EC4B6' stroke-width='3' transform='rotate(-18 20 34)'/><g transform='translate(58 26) rotate(35)'><path d='M0-20c8 6 10 16 7 26H-7c-3-10-1-20 7-26z' fill='%23fff' stroke='%231E3A8A' stroke-width='2'/><circle cy='-6' r='3.6' fill='%232F5BEA'/><path d='M-7 2l-7 9h7zM7 2l7 9H7z' fill='%23E5484D'/><path d='M-4 7h8l-4 10z' fill='%23FFB703'/></g><circle cx='44' cy='8' r='1.6' fill='%23FFB703'/><circle cx='6' cy='10' r='1.4' fill='%232F5BEA'/></svg>");--x-deco-w: 76px;--x-deco-h: 54px;--x-mark: var(--ic-rocket);--x-room: linear-gradient(180deg, #E2E9F8 0, #EAF2FF 420px, #E6F4FD 100%)}body[data-theme=girl]{--x-pat: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><g opacity='.11'><path fill='%23C8377A' d='M22 32s-9-5.5-9-11a4.5 4.5 0 0 1 9-1.5 4.5 4.5 0 0 1 9 1.5c0 5.5-9 11-9 11z'/><g fill='%237B3FC9'><circle cx='116' cy='22' r='4'/><circle cx='123' cy='27' r='4'/><circle cx='120' cy='35' r='4'/><circle cx='112' cy='35' r='4'/><circle cx='109' cy='27' r='4'/></g><circle cx='116' cy='29' r='2.6' fill='%23C8377A'/><g fill='%23C8377A' transform='translate(64 84)'><ellipse cx='-6' cy='-4' rx='6' ry='5' transform='rotate(-25 -6 -4)'/><ellipse cx='6' cy='-4' rx='6' ry='5' transform='rotate(25 6 -4)'/><ellipse cx='-4.5' cy='5' rx='4' ry='3.4'/><ellipse cx='4.5' cy='5' rx='4' ry='3.4'/><rect x='-1' y='-7' width='2' height='15' rx='1' fill='%237B3FC9'/></g><path fill='%237B3FC9' d='M140 82q1.6 8.4 10 10q-8.4 1.6-10 10q-1.6-8.4-10-10q8.4-1.6 10-10z'/><path fill='%23C8377A' d='M40 72q1 5 6 6q-5 1-6 6q-1-5-6-6q5-1 6-6z'/><g fill='none' stroke-width='3' stroke-linecap='round'><path stroke='%23C8377A' d='M14 146a16 16 0 0 1 32 0'/><path stroke='%237B3FC9' d='M20 146a10 10 0 0 1 20 0'/></g><path fill='%237B3FC9' d='M124 146s-6-3.6-6-7.4a3 3 0 0 1 6-1 3 3 0 0 1 6 1c0 3.8-6 7.4-6 7.4z'/></g></svg>");--x-deco: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 44'><path d='M2 4q68 22 136 0' fill='none' stroke='%237B3FC9' stroke-width='1.5'/><path d='M9 7.5L22 8.5 15.5 22z' fill='%23E84F8C'/><path d='M42.8 26s-7-4.3-7-8.6a3.5 3.5 0 0 1 7-1.2 3.5 3.5 0 0 1 7 1.2c0 4.3-7 8.6-7 8.6z' fill='%23FF6FA8'/><path d='M63 14.7h14L70 29z' fill='%239B5DE5'/><path d='M97.2 26s-7-4.3-7-8.6a3.5 3.5 0 0 1 7-1.2 3.5 3.5 0 0 1 7 1.2c0 4.3-7 8.6-7 8.6z' fill='%23FF6FA8'/><path d='M118 8.5L131 7.5 124.5 22z' fill='%23FFB703'/></svg>");--x-deco-w: 140px;--x-deco-h: 44px;--x-mark: var(--ic-sparkles);--x-room: linear-gradient(180deg, #FCE9F1 0, #FFF0F6 420px, #F3EBFD 100%)}body[data-theme]{background:var(--x-pat),radial-gradient(900px 420px at 50% -120px,color-mix(in srgb,var(--x-primary) 14%,transparent) 0%,transparent 70%),var(--x-room)}body[data-theme] :is(.x-bag,.x-modal__box){background-color:var(--x-paper);background-image:var(--x-pat)}.x-path__list{column-gap:8px}.x-path .x-ln{padding:12px 2px 4px}.x-path .x-ln.is-open .x-ln__c{border-width:4px;border-color:var(--x-primary);animation:x-here-halo 2.2s ease-out infinite}@keyframes x-here-halo{0%{box-shadow:0 0 color-mix(in srgb,var(--x-primary) 45%,transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb,var(--x-primary) 0%,transparent)}}.x-path .x-ln.is-open .x-ln__s{max-width:100%;white-space:normal}.x-path .x-ln__here{display:inline-block;max-width:100%;padding:2px 10px;border-radius:999px;background:var(--x-primary);color:#fff;font-size:12px;font-weight:800;line-height:1.2;text-align:center;overflow-wrap:anywhere}.x-path{margin-bottom:calc(80px + env(safe-area-inset-bottom,0px))}@media (prefers-reduced-motion: reduce){.x-path .x-ln.is-open .x-ln__c{animation:none;box-shadow:0 0 0 5px color-mix(in srgb,var(--x-primary) 22%,transparent)}}.x-corrhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.x-corrhead:after{content:"";flex:none;width:var(--x-deco-w);height:var(--x-deco-h);max-width:34%;pointer-events:none;background:var(--x-deco) center / contain no-repeat}body[data-theme=boy] :is(.x-btn,.x-cta,.x-tab,.x-back,.x-send){border-radius:12px;font-weight:800;border-bottom:3px solid color-mix(in srgb,var(--x-primary-ink) 60%,#0b1533)}body[data-theme=boy] :is(.x-btn,.x-cta,.x-tab,.x-back,.x-send):active{translate:0 2px;border-bottom-width:1px}body[data-theme=girl] :is(.x-btn,.x-cta,.x-tab,.x-back,.x-send){border-radius:999px;box-shadow:0 4px 14px color-mix(in srgb,var(--x-primary) 26%,transparent)}body[data-theme=girl] :is(.x-cta,.x-send):after{content:"";display:inline-block;width:1.1em;height:1.1em;margin-inline-start:.3em;vertical-align:-.2em;background:var(--ic-sparkles) center / contain no-repeat}body[data-theme=boy] :is(.x-lesson,.x-q,.x-chat,.x-lis,.x-bag__save){border:2px dashed color-mix(in srgb,var(--x-primary) 40%,#fff)}body[data-theme=girl] :is(.x-lesson,.x-q,.x-chat,.x-lis,.x-bag__save){border:2px dotted color-mix(in srgb,var(--x-secondary) 55%,#fff)}body[data-theme=boy] :is(.x-lesson,.x-q,.x-chat,.x-lis,.x-bag__save,.x-jr,.x-unit,.x-modal__box){border-radius:14px}body[data-theme=girl] :is(.x-lesson,.x-q,.x-chat,.x-lis,.x-bag__save,.x-jr,.x-unit,.x-modal__box){border-radius:22px}body[data-theme=boy] :is(.x-jr,.x-unit){border-style:dashed}body[data-theme=girl] :is(.x-jr,.x-unit){border-style:dotted}body[data-theme=boy] .x-bag{border-radius:14px 14px 0 0}body[data-theme=girl] .x-bag{border-radius:22px 22px 0 0}body[data-theme=boy] :is(.x-jr__bar,.x-ms__bar,.x-lv__bar,.x-blv__bar) i{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.32) 0 5px,transparent 5px 10px),var(--x-grad)}body[data-theme=girl] :is(.x-jr__bar,.x-ms__bar,.x-lv__bar,.x-blv__bar) i{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'><g fill='%23fff' fill-opacity='.65'><path d='M5 8S2 6.2 2 4.3a1.5 1.5 0 0 1 3-.5 1.5 1.5 0 0 1 3 .5C8 6.2 5 8 5 8z'/><circle cx='12.5' cy='5' r='1.3'/></g></svg>"),var(--x-grad);background-size:auto 100%,auto;background-repeat:repeat-x,no-repeat}body[data-theme=boy] h2{text-decoration:underline 3px color-mix(in srgb,var(--x-accent) 80%,transparent);text-underline-offset:7px;text-decoration-skip-ink:none}body[data-theme=boy] h2:after{content:"";display:inline-block;margin-inline-start:.3em;width:.7em;height:.7em;vertical-align:middle;background:var(--ic-bolt) center / contain no-repeat}body[data-theme=girl] h2{text-decoration:underline wavy 2px color-mix(in srgb,var(--x-secondary) 65%,transparent);text-underline-offset:7px;text-decoration-skip-ink:none}.x-ic{width:1.25em;height:1.25em;object-fit:contain;vertical-align:-.25em;display:inline-block;-webkit-user-drag:none;user-select:none;pointer-events:none}.x-ic.is-off{opacity:.28;filter:grayscale(1)}.x-ic+.x-ic{margin-inline-start:.05em}.x-dock__ico .x-ic{width:44px;height:44px;vertical-align:middle;transition:transform .2s var(--ease-out, ease);filter:drop-shadow(0 2px 2px rgba(44,42,38,.22))}.x-dock__btn:hover .x-dock__ico .x-ic{transform:scale(1.06) rotate(-4deg)}.x-dock__btn[aria-expanded=true] .x-dock__ico .x-ic{transform:scale(1.1) rotate(-6deg)}@media (prefers-reduced-motion: reduce){.x-dock__ico .x-ic{transition:none}}.x-bag__ico .x-ic{width:32px;height:32px;vertical-align:middle}.x-total .x-ic{margin-inline-end:.3em}.x-jr__ic .x-ic{width:34px;height:34px;vertical-align:middle}.x-jr__st .x-ic{width:28px;height:28px;vertical-align:middle}.x-ln__b .x-ic{width:15px;height:15px;vertical-align:middle}.x-ds__steps button span .x-ic{width:24px;height:24px;vertical-align:middle}.x-lvup__badge .x-ic{width:88px;height:88px;vertical-align:middle}.x-tbar__play .x-ic{width:1.35em;height:1.35em;vertical-align:middle}.x-rwshelf .x-unit__n .x-ic{width:36px;height:36px;vertical-align:middle}.x-gt__e .x-ic{width:1.2em;height:1.2em;vertical-align:middle}.x-lp__stars .x-ic{width:1.1em;height:1.1em}:is(.x-pk__ball,.x-tr__eng,.x-ti__is span,.x-ti__sp,.x-ti__bar i,.x-ti__ch span,.x-pk__cup,.x-ms__badge,.x-lp__mark,.x-pg__mark,.x-door__wave,.x-bl,.x-lis__say b) .x-ic{width:1em;height:1em;vertical-align:middle}.x-pk__board .x-ic{width:1.1em;height:1.1em;vertical-align:middle}.x-gt__s .x-ic{width:1.05em;height:1.05em}#view-class .x-tbar__hand .x-ic{display:block;width:1em;height:1em;rotate:180deg}.x-icdot{display:inline-block;width:.7em;height:.7em;margin:0 .2em;border-radius:50%;background:currentColor;opacity:.35;vertical-align:middle}