:root{color-scheme:light;--bg:#f5f3ee;--surface:#ffffff;--ink:#1b1f2a;--muted:#7a7f8c;--line:rgb(27 31 42/0.12);--track:rgb(27 31 42/0.1);--focus-ring:rgb(47 91 211/0.16);--danger:#c2412d;--stage-bg:#fcfbf8;--stage-dot:rgb(27 31 42/0.07);--stage-edge:rgb(27 31 42/0.1);--stage-floor:#f3f0e8;--stage-floor-line:rgb(27 31 42/0.1);--stage-ink:#1b1f2a;--stage-muted:#9298a6;--stage-accent:#2f5bd3;--stage-glow:rgb(47 91 211/0.45);--caption-accent:#2f5bd3;--caption-mark:rgb(47 91 211/0.28);--stage-danger:#d6402c;--stage-ok:#1f9a5e;--stage-shadow:0 1px 2px rgb(20 24 40/0.04),0 18px 48px -20px rgb(20 24 40/0.25);--ari-hi:#8cc4f2;--ari-body:#3d82c6;--ari-limb:#3471ad;--ari-deep:#1d4a85;--ari-belly:#e6f0fa;--ari-belly-edge:#bfd4ec;--ari-visor-top:#26365a;--ari-visor:#0c1424;--ari-eye:#7fdcff;--ari-eye-edge:#2aa3e0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#111318;--surface:#1a1d24;--ink:#eceef2;--muted:#8b909c;--line:rgb(236 238 242/0.14);--track:rgb(236 238 242/0.14);--focus-ring:rgb(120 150 240/0.22);--caption-accent:#9db3ff;--caption-mark:rgb(157 179 255/0.35);--danger:#f08a75;--stage-shadow:0 0 0 1px rgb(255 255 255/0.04),0 18px 48px -20px rgb(0 0 0/0.6)}}:root[data-theme=dark]{color-scheme:dark;--bg:#111318;--surface:#1a1d24;--ink:#eceef2;--muted:#8b909c;--line:rgb(236 238 242/0.14);--track:rgb(236 238 242/0.14);--focus-ring:rgb(120 150 240/0.22);--caption-accent:#9db3ff;--caption-mark:rgb(157 179 255/0.35);--danger:#f08a75;--stage-shadow:0 0 0 1px rgb(255 255 255/0.04),0 18px 48px -20px rgb(0 0 0/0.6)}*{box-sizing:border-box}body,html{margin:0}body{min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-ui),var(--font-arabic),system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.page{width:min(1120px,100%);margin:0 auto;padding:0 16px 48px}body{overflow-x:clip}.site-header{position:sticky;top:0;z-index:50;margin-bottom:8px}.site-header:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(1.8) blur(18px);-webkit-backdrop-filter:saturate(1.8) blur(18px)}.site-header-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-content:space-between;gap:12px;height:64px}.site-header-actions{display:flex;align-items:center;justify-self:end;gap:8px;min-width:0}.site-header .site-nav{justify-self:center;gap:18px}.site-header-actions .user-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:641px) and (max-width:1100px){.site-header-actions .theme-switch,.site-header-actions .user-name{display:none}.site-header .site-nav{gap:8px}.site-header .site-nav-link{font-size:12px;padding-inline:6px}.site-header-actions{gap:5px}}@media (max-width:640px){.site-header-inner{grid-template-columns:minmax(0,1fr) auto}.site-header .site-nav{display:none}.site-header-actions{gap:5px}}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;filter:drop-shadow(0 3px 5px rgb(29 74 133/.28));transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.brand-mark svg{width:40px;height:40px;overflow:visible}.brand:hover .brand-mark{transform:translateY(-2px)}.ari-logo-wave{transform-box:view-box;transform-origin:49.4px 30px;animation:ari-logo-wave 1.1s ease-in-out .8s 2}.brand:hover .ari-logo-wave{animation:ari-logo-wave 1.1s ease-in-out infinite}@keyframes ari-logo-wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-16deg)}75%{transform:rotate(12deg)}}@media (prefers-reduced-motion:reduce){.ari-logo-wave,.brand:hover .ari-logo-wave{animation:none}}.brand-name{font-weight:750;font-size:17px;letter-spacing:-.01em}.brand-name span{font-weight:500;color:var(--muted)}.pill{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px;white-space:nowrap}.lesson-title{margin:8px 0 16px;font-size:clamp(1.4rem,3vw,2rem);font-weight:650;letter-spacing:-.02em}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.4;cursor:default}.button:focus-visible,select:focus-visible{outline:2px solid var(--stage-accent);outline-offset:2px}.button-primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.stage .button-primary{background:var(--stage-ink);border-color:var(--stage-ink);color:#fff;height:46px;padding:0 22px;font-size:1rem}.stage .button{border-color:var(--stage-edge)}.stage .button:not(.button-primary){background:#fff;color:var(--stage-ink)}.button-icon{width:40px;padding:0}.button-small{height:32px;padding:0 12px;font-size:.82rem}.button-quiet{border-color:transparent!important;background:transparent!important}.icon{width:20px;height:20px;flex:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header-start{display:flex;align-items:center;gap:12px}.user-chip{display:inline-flex;align-items:center;gap:8px;max-width:220px;padding:4px 12px 4px 4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.user-chip:hover{border-color:rgb(47 91 211/.4)}.user-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ari-body);color:#fff;font-size:13px}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card{box-sizing:border-box;width:min(100%,440px);margin:48px auto;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 1px 2px rgb(20 24 40/.04),0 18px 48px -28px rgb(20 24 40/.3)}.account-card h1{margin:0 0 6px;font-size:26px}.account-lead{margin:0 0 24px;color:var(--muted)}.account-google{justify-content:center;gap:10px;width:100%}.account-google,.account-or{display:flex;align-items:center}.account-or{gap:12px;margin:20px 0;color:var(--muted);font-size:13px}.account-or:after,.account-or:before{content:"";flex:1 1;height:1px;background:var(--line)}.account-form{display:grid;gap:14px}.account-form label{display:grid;gap:6px;font-size:14px;font-weight:600}.account-input{box-sizing:border-box;width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-weight:400}.account-input:focus{outline:none;border-color:var(--stage-accent);box-shadow:0 0 0 4px var(--focus-ring)}.account-form .button-primary{margin-top:4px}.account-actions{display:flex;flex-wrap:wrap;gap:10px}.account-error,.account-notice{margin:16px 0 0;font-size:14px}.account-error{color:var(--danger)}.account-notice{color:var(--stage-ok)}.button-danger{border-color:color-mix(in srgb,var(--danger) 55%,var(--line));color:var(--danger)}.button-danger:not(:disabled):hover{background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.delete-account{width:min(100%,560px)}.delete-account-points{display:grid;gap:10px;margin:18px 0 24px;padding-inline-start:20px;color:var(--ink);line-height:1.5}.delete-account-step{display:grid;justify-items:start;gap:16px}.delete-account-step>p{margin:0}.delete-account-check{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45}.delete-account-check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--danger)}.account-switch{margin:22px 0 0;color:var(--muted);font-size:14px}.link-button{padding:0;border:0;background:none;color:var(--stage-accent);font:inherit;font-weight:600;cursor:pointer}.link-button:hover{text-decoration:underline}@media (max-width:520px){.account-card{margin:24px auto;padding:24px 20px}.user-name{display:none}.user-chip{padding:4px}}.account-code{font-family:var(--font-code),ui-monospace,monospace;font-size:22px;letter-spacing:.3em;text-align:center}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-heading .lesson-title{min-width:0}.favorite-button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.favorite-button.is-favorite{color:#c98a12;border-color:rgb(201 138 18/.45)}.library-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 8px}.library-head h1{margin:0;font-size:30px}.library-empty{margin:32px 0;color:var(--muted)}.library-section{margin:28px 0}.library-section h2{margin:0 0 12px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.library-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.library-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.library-link{display:grid;flex:1 1;gap:4px;min-width:0;color:var(--ink);text-decoration:none}.library-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-link small{color:var(--muted)}.library-link:hover strong{color:var(--stage-accent)}.library-progress{display:block;height:4px;margin-top:4px;border-radius:999px;background:var(--track);overflow:hidden}.library-progress span{display:block;height:100%;border-radius:inherit;background:var(--stage-accent)}@media (max-width:520px){.site-nav{gap:10px}.library-head h1{font-size:24px}.library-head .button{padding-inline:12px}}.account-stack{display:grid;gap:20px;width:min(100%,560px);margin:48px auto}.account-stack .account-card{width:100%;margin:0}.credits-card{box-sizing:border-box;width:100%;padding:28px 32px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.credits-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.credits-head h2{margin:0;font-size:18px}.credits-total{margin:14px 0 8px;color:var(--muted)}.credits-total strong{margin-right:6px;color:var(--ink);font-size:40px;line-height:1}.credits-meter{height:6px}.credits-detail{margin:10px 0 0;color:var(--muted);font-size:14px}.credits-lines{display:grid;gap:2px;margin:20px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.credits-lines li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.credits-line-text{display:grid;min-width:0}.credits-line-text a{color:var(--ink)}.credits-line-text small{color:var(--muted)}.credits-minus,.credits-plus{flex-shrink:0;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.credits-plus{color:var(--stage-ok)}.credits-minus{color:var(--muted)}@media (max-width:520px){.account-stack{margin:24px auto}.credits-card{padding:22px 20px}}.page.page-wide{width:min(1240px,100%)}.admin-title{margin:24px 0 16px;font-size:28px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin-stats div{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.admin-stats strong{font-size:26px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.admin-note,.admin-stats span{color:var(--muted);font-size:13px}.admin-note{margin:12px 0 20px}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table td,.admin-table th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.admin-table th{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td small{display:block;color:var(--muted)}.admin-number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.admin-controls{display:grid;gap:8px;min-width:300px}.admin-grant{display:flex;gap:6px}.admin-controls .account-input{padding:7px 10px;font-size:14px}.admin-amount{width:64px!important;flex-shrink:0}.admin-message{color:var(--muted)}.shelf{margin:44px 0 0}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.shelf-head h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.shelf-head p{margin:0;color:var(--muted);font-size:13px}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 20px}.shelf-more{margin:32px 0 0;text-align:center}.lesson-tile{position:relative;min-width:0;animation:tile-in .5s cubic-bezier(.2,.8,.2,1) both}.shelf-grid>.lesson-tile:nth-child(2){animation-delay:.04s}.shelf-grid>.lesson-tile:nth-child(3){animation-delay:.08s}.shelf-grid>.lesson-tile:nth-child(4){animation-delay:.12s}.shelf-grid>.lesson-tile:nth-child(n+5){animation-delay:.16s}@keyframes tile-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stage.stage-thumb{border:0;border-radius:0;box-shadow:none;pointer-events:none;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.stage-thumb:not(.is-drawn){opacity:.6}.stage-thumb *,.stage-thumb :after,.stage-thumb :before{animation:none!important;transition:none!important}.stage-thumb[data-focus=subject] .ari-shadow,.stage-thumb[data-focus=subject] .character,.stage-thumb[data-focus=subject] .helper,.stage-thumb[data-focus=subject] .stage-floor{display:none}.stage-thumb .pin-text{font-size:calc(var(--u) * 44)}.lesson-tile-cover{position:absolute;top:4%;left:6%;right:6%;display:-webkit-box;overflow:hidden;width:fit-content;max-width:88%;padding:.12em .24em .16em;border-radius:.2em;background:rgb(255 255 255/.94);color:#19243c;font-family:var(--font-stage),var(--font-arabic),ui-rounded,system-ui,sans-serif;font-size:clamp(14px,6cqw,26px);font-weight:750;line-height:1.08;letter-spacing:-.01em;text-wrap:balance;box-shadow:0 2px 10px rgb(15 17 22/.08);-webkit-line-clamp:2;-webkit-box-orient:vertical;pointer-events:none}.lesson-tile-cover.is-light{background:rgb(15 20 32/.92);color:#ffffff}@media (max-width:520px){.shelf{margin-top:34px}.shelf-grid{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:reduce){.lesson-tile,.stage.stage-thumb{animation:none;transition:none}}.site-nav{display:flex;align-items:center;gap:6px}.lang-picker{position:relative;flex-shrink:0}.lang-picker.is-open{z-index:200}.lang-button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 8px 0 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,box-shadow .25s ease,background-color .2s ease}.lang-button:hover,.lang-picker.is-open .lang-button{border-color:color-mix(in srgb,var(--stage-accent) 40%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--stage-accent) 9%,transparent)}.lang-button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.lang-globe{width:17px;height:17px;fill:none;stroke:var(--stage-accent);stroke-width:1.7;transition:rotate .6s cubic-bezier(.22,1,.36,1)}.lang-picker.is-open .lang-globe{rotate:180deg}.lang-button-label{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-button-code{display:none;font-size:11px;font-weight:700;letter-spacing:.04em}.lang-chevron{width:14px;height:14px;color:var(--muted);transition:rotate .25s cubic-bezier(.22,1,.36,1)}.lang-picker.is-open .lang-chevron{rotate:180deg}.lang-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:-6px;display:grid;gap:12px;width:min(380px,calc(100vw - 32px));padding:12px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--ink);text-align:start;box-shadow:0 1px 2px rgb(20 24 40/.05),0 28px 70px -24px rgb(20 24 40/.45);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);transform-origin:calc(100% - 28px) 0;animation:style-menu-in .28s cubic-bezier(.22,1,.36,1)}html[dir=rtl] .lang-menu{transform-origin:28px 0}.lang-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:14px;background:var(--track)}.lang-tabs-thumb{position:absolute;top:3px;bottom:3px;inset-inline-start:3px;width:calc(50% - 3px);border-radius:11px;background:var(--surface);box-shadow:0 1px 2px rgb(20 24 40/.08),0 4px 12px -4px rgb(20 24 40/.2);transform:translateX(calc(var(--tab) * 100%));transition:transform .4s cubic-bezier(.3,1.25,.5,1)}html[dir=rtl] .lang-tabs-thumb{transform:translateX(calc(var(--tab) * -100%))}.lang-tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 8px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease}.lang-tab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lang-tab.is-on{color:var(--ink)}.lang-tab:focus-visible{outline:2px solid var(--stage-accent);outline-offset:-2px}.lang-panel{display:grid;gap:10px;min-width:0;animation:lang-panel-in .32s cubic-bezier(.22,1,.36,1)}@keyframes lang-panel-in{0%{opacity:0;transform:translateY(6px)}}.lang-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .2s ease,box-shadow .2s ease}.lang-search:focus-within{border-color:color-mix(in srgb,var(--stage-accent) 45%,var(--line));box-shadow:0 0 0 4px var(--focus-ring)}.lang-search svg{flex-shrink:0;width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}.lang-search input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:14px}.lang-list{display:grid;gap:2px;max-height:min(360px,52vh);margin:0;padding:0 2px 0 0;overflow-y:auto;list-style:none;overscroll-behavior:contain;scrollbar-width:thin}.lang-list li{animation:style-option-in .3s cubic-bezier(.22,1,.36,1) calc(min(var(--i), 12) * 18ms) backwards}.lang-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:start;cursor:pointer;transition:background-color .15s ease}.lang-option:focus-visible,.lang-option:hover{outline:none;background:var(--track)}.lang-option.is-selected{background:color-mix(in srgb,var(--stage-accent) 10%,transparent);font-weight:650}.lang-name{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;min-width:0}.lang-name-english{color:var(--muted);font-size:.86em;font-weight:500}.lang-check{flex-shrink:0;width:17px;height:17px;color:var(--stage-accent);opacity:0;scale:.4;transition:opacity .2s ease,scale .3s cubic-bezier(.3,1.6,.5,1)}.lang-option.is-selected .lang-check{opacity:1;scale:1}.lang-empty{padding:18px 12px;text-align:center}.lang-empty,.lang-note{color:var(--muted);font-size:13px}.lang-note{margin:2px 4px 0;line-height:1.45}.lang-modes{display:grid;gap:6px}.lang-mode{display:flex;align-items:flex-start;gap:12px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .25s ease}.lang-mode:hover{border-color:color-mix(in srgb,var(--stage-accent) 35%,var(--line))}.lang-mode:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.lang-mode.is-on{border-color:color-mix(in srgb,var(--stage-accent) 60%,transparent);background:color-mix(in srgb,var(--stage-accent) 7%,var(--surface))}.lang-mode-dot{position:relative;flex-shrink:0;width:18px;height:18px;margin-top:1px;border:1.8px solid color-mix(in srgb,var(--muted) 70%,transparent);border-radius:50%;transition:border-color .2s ease}.lang-mode-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--stage-accent);scale:0;transition:scale .3s cubic-bezier(.3,1.6,.5,1)}.lang-mode.is-on .lang-mode-dot{border-color:var(--stage-accent)}.lang-mode.is-on .lang-mode-dot:after{scale:1}.lang-mode-text{display:grid;gap:2px}.lang-mode-text strong{font-size:14px;font-weight:650}.lang-mode-text small{color:var(--muted);font-size:12px;line-height:1.4}.lang-chips-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s cubic-bezier(.22,1,.36,1),opacity .25s ease}.lang-chips-wrap.is-open{grid-template-rows:1fr;opacity:1}.lang-chips-inner{min-height:0;overflow:hidden}.lang-chips-title{display:flex;align-items:center;gap:8px;margin:4px 4px 8px;color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.lang-chips-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--stage-accent);color:#ffffff;font-size:11px;letter-spacing:0}.lang-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:min(220px,34vh);padding:2px;overflow-y:auto;scrollbar-width:thin}.lang-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px 0 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.lang-chip:hover{border-color:color-mix(in srgb,var(--stage-accent) 40%,var(--line))}.lang-chip:active{transform:scale(.96)}.lang-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.lang-chip.is-on{border-color:color-mix(in srgb,var(--stage-accent) 55%,transparent);background:color-mix(in srgb,var(--stage-accent) 9%,var(--surface))}.lang-chip[aria-disabled=true]{cursor:default}.lang-chip-box{display:grid;place-items:center;width:18px;height:18px;border:1.6px solid color-mix(in srgb,var(--muted) 65%,transparent);border-radius:6px;transition:background-color .2s ease,border-color .2s ease}.lang-chip.is-on .lang-chip-box{border-color:var(--stage-accent);background:var(--stage-accent)}.lang-chip-check{width:13px;height:13px;color:#ffffff;opacity:0;scale:.3;transition:opacity .15s ease,scale .3s cubic-bezier(.3,1.6,.5,1)}.lang-chip.is-on .lang-chip-check{opacity:1;scale:1}.lang-scrim{display:none}@media (max-width:600px){.lang-button{gap:4px;height:32px;padding:0 6px 0 7px}.lang-button-label,.lang-chevron{display:none}.lang-button-code{display:inline}.lang-scrim{position:fixed;z-index:200;inset:0;display:block;background:rgb(10 12 20/.35);animation:style-scrim-in .25s ease}.lang-menu{position:fixed;z-index:201;inset:auto 0 0 0;width:auto;max-height:86vh;overflow-y:auto;padding:18px 16px calc(16px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:24px 24px 0 0;background:var(--surface);transform-origin:50% 100%;animation:style-sheet-in .34s cubic-bezier(.22,1,.36,1)}.lang-menu:before{content:"";display:block;width:38px;height:5px;margin:-6px auto 2px;border-radius:999px;background:var(--line)}.lang-list{max-height:50vh}}@media (prefers-reduced-motion:reduce){.lang-list li,.lang-menu,.lang-panel,.lang-scrim{animation:none}.lang-chips-wrap,.lang-globe,.lang-tabs-thumb{transition:none}}html[dir=rtl] .voice-tooltip{right:auto;left:0}.site-header .button-small{white-space:nowrap}.notebook-search{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.notebook-search input[type=search]{flex:1 1 180px}.notebook-search input[type=search],.notebook-search select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);font:inherit}html[dir=rtl] .curriculum-side ul{padding-left:0;padding-right:18px}html[dir=rtl] .notebook-note{border-left:0;border-right:3px solid var(--tone-blue)}html[dir=rtl] .composer-ghost,html[dir=rtl] .composer-input{text-align:start}html[dir=rtl] .hero,html[dir=rtl] .site-header{font-family:var(--font-ui),var(--font-arabic),system-ui,sans-serif}.lesson-tile-media,.player .controls,.player .stage,code,pre{direction:ltr}@media (max-width:640px){.site-header-inner{gap:6px}.site-header .site-nav{gap:3px}.site-header .theme-switch button{width:24px;padding-inline:4px}.site-header .button-small{padding-inline:8px;font-size:11px}}.site-nav-link{padding:8px 12px;border-radius:10px;color:var(--ink);font-size:14px;font-weight:550;text-decoration:none;transition:background-color .15s ease}.site-nav-link:hover{background:var(--track)}.theme-switch{position:relative;display:inline-flex;gap:2px;margin:0 6px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.theme-switch button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:background-color .2s ease,color .2s ease}.theme-switch button svg{width:16px;height:16px}.theme-switch button:hover{color:var(--ink)}.theme-switch button.is-on{color:var(--bg)}.theme-switch button{position:relative;z-index:1}.theme-thumb{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:999px;background:var(--ink);transform:translateX(calc(var(--thumb, 1) * 30px));transition:transform .45s cubic-bezier(.3,1.3,.5,1)}.theme-switch button:focus-visible{outline:2px solid var(--stage-accent);outline-offset:1px}@media (max-width:640px){.site-nav-link{display:none}.site-nav-link.curriculum-nav-link{display:inline-flex;font-size:12px;padding:6px 0}.brand{gap:7px}.brand-mark,.brand-mark svg{width:34px;height:34px}.brand-name{font-size:16px}.theme-switch{margin:0 2px}}:root{--hero-glow:rgb(47 91 211/0.16);--hero-dot:rgb(27 31 42/0.1);--composer-shadow:0 1px 1px rgb(20 24 40/0.04),0 2px 6px -2px rgb(20 24 40/0.06),0 30px 70px -36px rgb(20 24 40/0.4);--composer-focus:0 0 0 5px rgb(47 91 211/0.1),0 34px 80px -34px rgb(47 91 211/0.5)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hero-glow:rgb(110 140 255/0.2);--hero-dot:rgb(236 238 242/0.08);--composer-shadow:0 0 0 1px rgb(255 255 255/0.02),0 30px 70px -36px rgb(0 0 0/0.8);--composer-focus:0 0 0 5px rgb(120 150 255/0.14),0 34px 80px -30px rgb(90 120 255/0.45)}}:root[data-theme=dark]{--hero-glow:rgb(110 140 255/0.2);--hero-dot:rgb(236 238 242/0.08);--composer-shadow:0 0 0 1px rgb(255 255 255/0.02),0 30px 70px -36px rgb(0 0 0/0.8);--composer-focus:0 0 0 5px rgb(120 150 255/0.14),0 34px 80px -30px rgb(90 120 255/0.45)}.hero{position:relative;isolation:isolate;display:grid;justify-items:center;padding:44px 0 12px;text-align:center}.hero-grid{position:absolute;z-index:-2;top:-80px;bottom:-40px;left:50%;width:100vw;transform:translateX(-50%);background-image:radial-gradient(circle,var(--hero-dot) 1.1px,transparent 1.4px);background-size:24px 24px;mask-image:radial-gradient(ellipse 55% 65% at 50% 38%,#000 25%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 55% 65% at 50% 38%,#000 25%,transparent 78%);pointer-events:none}.hero-ari{position:relative;width:92px;margin-bottom:6px;animation:hero-float 6s ease-in-out infinite;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s ease}.hero-ari.is-leaving{opacity:.6;transform:translateY(-12px) scale(.92)}.hero-ari-floor{position:absolute;left:50%;bottom:-6px;z-index:-1;width:120px;height:18px;border-radius:50%;background:var(--hero-glow);filter:blur(6px);transform:translateX(-50%)}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:10px 0 18px;padding:6px 14px 6px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font-size:13px;font-weight:600}.hero-live{position:relative;width:8px;height:8px;border-radius:50%;background:#22a06b}.hero-live:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #22a06b;opacity:0;animation:live-ring 2.4s ease-out infinite}@keyframes live-ring{0%{transform:scale(.5);opacity:.6}to{transform:scale(1.6);opacity:0}}.hero-title{max-width:900px;margin:0;font-size:clamp(2.5rem,6.4vw,4.6rem);font-weight:750;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.hero-sub,.hero-title-muted{color:var(--muted)}.hero-sub{max-width:560px;margin:18px 0 0;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.55;text-wrap:balance}.composer{position:relative;width:min(880px,100%);margin-top:34px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--composer-shadow);text-align:start;transition:border-color .25s ease,box-shadow .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.composer.is-focused{border-color:color-mix(in srgb,var(--stage-accent) 50%,var(--line));box-shadow:var(--composer-focus)}.composer.is-busy{transform:scale(.99)}.composer-glow{position:absolute;z-index:-1;inset:-40px -60px;border-radius:50%;background:radial-gradient(closest-side,var(--hero-glow),transparent);filter:blur(24px);opacity:.7;animation:glow-breathe 7s ease-in-out infinite;transition:opacity .4s ease;pointer-events:none}.composer.is-focused .composer-glow{opacity:1}@keyframes glow-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.composer-field{position:relative}.composer-input{display:block;width:100%;min-height:66px;padding:22px 26px 8px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.22rem;line-height:1.5;resize:none;overflow-wrap:anywhere;scrollbar-width:thin;outline:none}.composer-input:disabled{opacity:.6}.composer-ghost{position:absolute;top:22px;left:26px;right:26px;overflow:hidden;color:var(--muted);font-size:1.22rem;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.composer-caret{display:inline-block;width:2px;height:1.15em;margin-left:2px;vertical-align:-.18em;background:var(--stage-accent);animation:caret-blink 1.05s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.composer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 12px 18px}.composer-left,.composer-right{display:flex;align-items:center;gap:12px;min-width:0}.composer-left{flex-wrap:wrap;row-gap:8px}.composer-token{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;border-radius:999px;background:var(--track);color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.composer-token:hover{background:color-mix(in srgb,var(--track) 60%,var(--line))}.composer-token svg{width:15px;height:15px;color:var(--stage-accent)}.story-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;flex-shrink:0;height:32px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.story-switch-thumb{position:absolute;top:2px;bottom:2px;inset-inline-start:2px;width:calc(50% - 2px);border-radius:999px;background:var(--ink);box-shadow:0 2px 8px -2px rgb(20 24 40/.35);transform:translateX(calc(var(--at) * 100%));transition:transform .45s cubic-bezier(.3,1.3,.5,1)}html[dir=rtl] .story-switch-thumb{transform:translateX(calc(var(--at) * -100%))}.story-switch-option{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px 0 8px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .25s ease}.story-switch-option svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.3,1.5,.5,1)}.story-switch-option:hover:not(:disabled){color:var(--ink)}.story-switch-option.is-on,.story-switch-option.is-on:hover{color:var(--bg)}.story-switch-option.is-on svg{transform:rotate(-10deg) scale(1.08)}.story-switch-option:focus-visible{outline:2px solid var(--stage-accent);outline-offset:1px}.story-switch-option:disabled{cursor:default}.story-switch:has(:disabled){opacity:.55}.story-hint{display:grid;grid-template-rows:0fr;justify-items:center;opacity:0;transition:grid-template-rows .38s cubic-bezier(.22,1,.36,1),opacity .3s ease}.story-hint.is-open{grid-template-rows:1fr;opacity:1}.story-hint p{display:inline-flex;align-items:center;gap:8px;min-height:0;max-width:min(640px,100%);margin:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.45;text-align:start}.story-hint.is-open p{margin-top:14px;padding:7px 14px 7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.story-hint svg{flex-shrink:0;width:16px;height:16px;fill:none;stroke:var(--stage-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.story-hint,.story-switch-thumb{transition:none}}.composer-count{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.composer-send{display:grid;flex-shrink:0;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:var(--ink);color:var(--bg);cursor:pointer;transition:transform .2s cubic-bezier(.3,1.4,.5,1),background-color .2s ease,color .2s ease}.composer-send svg{width:20px;height:20px}.composer-send:hover:not(:disabled){transform:scale(1.07)}.composer-send:active:not(:disabled){transform:scale(.94)}.composer-send:disabled{background:var(--track);color:var(--muted);cursor:default}.composer.is-busy .composer-send{background:var(--ink)}.composer-send:focus-visible{outline:2px solid var(--stage-accent);outline-offset:3px}.composer-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--bg) 35%,transparent);border-top-color:var(--bg);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.hero-reply{min-height:1.4em;margin:14px 0 0;color:var(--muted);font-size:.95rem}.hero-reply.is-error{color:var(--danger)}@media (max-width:560px){.hero{padding-top:24px}.hero-ari{width:76px}.composer{border-radius:24px}.composer-glow{inset:-28px 0}.composer-ghost,.composer-input{font-size:1.08rem}.composer-input{padding:18px 18px 6px}.composer-ghost{top:18px;left:18px;right:18px}}@media (prefers-reduced-motion:reduce){.composer-caret,.composer-glow,.hero-ari,.hero-live:after{animation:none}}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}.site-header:before{transition:box-shadow .3s ease,background-color .3s ease}:root[data-scrolled] .site-header:before{box-shadow:0 10px 30px -22px rgb(20 24 40/.45)}@keyframes rise-in{0%{opacity:0;translate:0 18px;filter:blur(10px)}to{opacity:1;translate:none;filter:none}}.hero-ari{animation:hero-float 6s ease-in-out 1.2s infinite,rise-in .9s cubic-bezier(.22,1,.36,1) backwards}.hero-eyebrow{animation:rise-in .8s cubic-bezier(.22,1,.36,1) .12s backwards}.hero-sub{animation:rise-in .9s cubic-bezier(.22,1,.36,1) .75s backwards}.composer{animation:rise-in 1s cubic-bezier(.22,1,.36,1) .9s backwards}.hero-word{display:inline-block;white-space:pre;animation:rise-in .9s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(.25s + var(--i) * .07s)}.hero-ari-head{transition:transform .5s cubic-bezier(.22,1,.36,1);transform-origin:50% 80%}.hero-ari .pupils{transition:transform .25s ease-out}.hero-ari.is-listening .hero-ari-head .character{animation:ari-nod 1.6s ease-in-out infinite}@keyframes ari-nod{0%,to{translate:0 0}50%{translate:0 3px}}.hero-ari.is-leaving{animation:ari-jump .7s cubic-bezier(.3,1.4,.5,1) both}@keyframes ari-jump{0%{translate:0 0;scale:1}30%{translate:0 6px;scale:1.06 .92}60%{translate:0 -26px;scale:.96 1.05}to{translate:0 -10px;scale:.92;opacity:.7}}.hero-orbit{position:absolute;z-index:-1;inset:0;pointer-events:none}.orbit-glyph{position:absolute;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--muted);font-family:var(--font-stage),ui-rounded,system-ui,sans-serif;font-size:22px;font-weight:600;opacity:0;translate:calc(var(--px, 0) * var(--depth) * 1px) calc(var(--py, 0) * var(--depth) * 1px);transition:translate .8s cubic-bezier(.22,1,.36,1);animation:glyph-in 1.2s ease 1.3s forwards,glyph-drift var(--drift) ease-in-out infinite alternate}.orbit-glyph svg{width:22px;height:22px}.orbit-1{top:16%;left:9%;--depth:18;--drift:7s;rotate:-8deg}.orbit-2{top:9%;right:13%;--depth:26;--drift:9s;rotate:6deg}.orbit-3{top:47%;left:3%;--depth:30;--drift:8s;rotate:5deg}.orbit-4{top:52%;right:4%;--depth:22;--drift:10s;rotate:-6deg}.orbit-5{top:30%;left:20%;--depth:12;--drift:11s;rotate:10deg}.orbit-5,.orbit-6{width:38px;height:38px;font-size:18px}.orbit-6{top:27%;right:22%;--depth:14;--drift:8.5s;rotate:-10deg}@keyframes glyph-in{to{opacity:.85}}@keyframes glyph-drift{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.composer:before{content:"";position:absolute;inset:-1px;z-index:1;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--sweep),transparent 0deg 250deg,var(--stage-accent) 320deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .5s ease;animation:sweep 3.6s linear infinite;pointer-events:none}.composer.is-busy:before,.composer.is-focused:before{opacity:1}.composer.is-busy:before{animation-duration:1.1s}@keyframes sweep{to{--sweep:360deg}}.composer-send.is-ready{animation:send-ready .45s cubic-bezier(.3,1.5,.5,1)}.composer-send.is-ready:hover svg{translate:0 -2px}.composer-send svg{transition:translate .2s ease}@keyframes send-ready{0%{scale:.8}to{scale:1}}[data-spotlight]{position:relative}[data-spotlight]:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgb(255 255 255/.16),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}[data-spotlight]:hover:after{opacity:1}@supports (animation-timeline:view()){.shelf{animation:rise-in linear both;animation-timeline:view();animation-range:entry 0 entry 60%}}@media (max-width:900px){.hero-orbit{display:none}}@media (prefers-reduced-motion:reduce){.composer,.composer-send.is-ready,.hero-ari,.hero-ari.is-listening .hero-ari-head .character,.hero-eyebrow,.hero-sub,.hero-word,.orbit-glyph,.shelf{animation:none!important}.orbit-glyph{opacity:.85}.composer:before{animation:none}.hero-ari-head,.theme-thumb{transition:none}}[data-style]{--style-hue:#2f5bd3}[data-style=auto]{--style-hue:#5b5bd6}[data-style=lecture]{--style-hue:#2f6bd3}[data-style=fun]{--style-hue:#e07b22}[data-style=story]{--style-hue:#9157cc}[data-style=kids]{--style-hue:#e0507a}[data-style=documentary]{--style-hue:#188f80}[data-style=quick]{--style-hue:#c99412}[data-style=deep]{--style-hue:#46587c}.style-picker{position:relative;flex-shrink:0}.style-picker.is-open{z-index:200}.hero:has(.style-picker.is-open){z-index:5}.style-button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 8px 0 4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .25s ease}.style-button:hover:not(:disabled),.style-picker.is-open .style-button{border-color:color-mix(in srgb,var(--style-hue) 45%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--style-hue) 10%,transparent)}.style-button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.style-button:disabled{opacity:.55;cursor:default}.style-button-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--style-hue) 14%,transparent);color:var(--style-hue);animation:style-pop .45s cubic-bezier(.3,1.5,.5,1)}.style-button-icon svg,.style-chevron{width:15px;height:15px}.style-chevron{color:var(--muted);transition:rotate .25s cubic-bezier(.22,1,.36,1)}.style-picker.is-open .style-chevron{rotate:180deg}.style-menu{position:absolute;top:calc(100% + 12px);left:-8px;width:min(540px,calc(100vw - 32px));padding:14px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 1px 2px rgb(20 24 40/.05),0 28px 70px -24px rgb(20 24 40/.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);transform-origin:28px 0;animation:style-menu-in .28s cubic-bezier(.22,1,.36,1)}.style-menu-title{margin:2px 6px 10px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.style-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;list-style:none;outline:none}.style-option{position:relative;display:flex;align-items:center;gap:11px;padding:9px 30px 9px 9px;border-radius:14px;cursor:pointer;animation:style-option-in .32s cubic-bezier(.22,1,.36,1) calc(var(--i) * 22ms) backwards;transition:background-color .15s ease}.style-option.is-active{background:var(--track)}.style-list:focus-visible .style-option.is-active{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--stage-accent) 55%,transparent)}.style-option-icon{display:grid;flex-shrink:0;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--style-hue) 12%,transparent);color:var(--style-hue);transition:background-color .2s ease,color .2s ease,transform .25s cubic-bezier(.3,1.5,.5,1)}.style-option-icon svg{width:20px;height:20px}.style-option.is-active .style-option-icon{transform:scale(1.06) rotate(-4deg)}.style-option.is-selected .style-option-icon{background:var(--style-hue);color:#ffffff}.style-option-text{display:grid;gap:2px;min-width:0}.style-option-text strong{color:var(--ink);font-size:14px;font-weight:650}.style-option-text small{overflow:hidden;color:var(--muted);font-size:12px;line-height:1.35;text-overflow:ellipsis}.style-check{position:absolute;top:50%;right:10px;width:16px;height:16px;margin-top:-8px;color:var(--style-hue);opacity:0;scale:.4;transition:opacity .2s ease,scale .3s cubic-bezier(.3,1.6,.5,1)}.style-option.is-selected .style-check{opacity:1;scale:1}.style-scrim{display:none}.preparing-style{display:inline-flex;align-items:center;gap:7px;margin:0 auto 6px;padding:5px 12px 5px 8px;border-radius:999px;background:color-mix(in srgb,var(--style-hue) 12%,transparent);color:var(--style-hue);font-size:13px;font-weight:650}.preparing-style svg{width:16px;height:16px}@keyframes style-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}}@keyframes style-option-in{0%{opacity:0;transform:translateY(4px)}}@keyframes style-pop{0%{transform:scale(.4) rotate(-30deg)}}@keyframes style-sheet-in{0%{transform:translateY(100%)}}@keyframes style-scrim-in{0%{opacity:0}}@media (max-width:600px){.style-button-label{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-scrim{position:fixed;z-index:200;inset:0;display:block;background:rgb(10 12 20/.35);animation:style-scrim-in .25s ease}.style-menu{position:fixed;z-index:201;top:auto;right:0;bottom:0;left:0;width:auto;max-height:82vh;overflow-y:auto;padding:18px 16px calc(16px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:24px 24px 0 0;background:var(--surface);transform-origin:50% 100%;animation:style-sheet-in .34s cubic-bezier(.22,1,.36,1)}.style-list{grid-template-columns:1fr}.style-menu:before{content:"";display:block;width:38px;height:5px;margin:-6px auto 12px;border-radius:999px;background:var(--line)}}@media (prefers-reduced-motion:reduce){.style-button-icon,.style-menu,.style-option,.style-scrim{animation:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.style-button-icon,.style-option-icon,.preparing-style,.style-check){--style-tint:color-mix(in srgb,var(--style-hue) 62%,#ffffff)}}:root[data-theme=dark] :is(.style-button-icon,.style-option-icon,.preparing-style,.style-check){--style-tint:color-mix(in srgb,var(--style-hue) 62%,#ffffff)}.preparing-style,.style-button-icon,.style-check,.style-option-icon{color:var(--style-tint,var(--style-hue))}:root[data-theme=dark] :is(.style-button-icon,.style-option-icon,.preparing-style){background:color-mix(in srgb,var(--style-hue) 24%,transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.style-button-icon,.style-option-icon,.preparing-style){background:color-mix(in srgb,var(--style-hue) 24%,transparent)}}:root .style-option.is-selected .style-option-icon{background:var(--style-hue);color:#ffffff}.voice-input{position:relative;display:flex;align-items:center;gap:4px}.voice-button,.voice-cancel{border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0}.voice-button:hover:not(:disabled),.voice-cancel:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.voice-button.is-recording{color:#c43d3d;background:#c43d3d12}.voice-button:disabled{opacity:.45;cursor:default}.voice-button:focus-visible,.voice-cancel:focus-visible{outline:2px solid currentColor;outline-offset:3px}.voice-tooltip{position:absolute;bottom:calc(100% + 12px);right:0;width:max-content;max-width:min(280px,70vw);padding:10px 12px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:12px;line-height:1.5;box-shadow:0 4px 20px #0002;opacity:0;visibility:hidden;pointer-events:none;z-index:10}.voice-button .composer-spinner{border-color:currentColor color-mix(in srgb,currentColor 25%,transparent) color-mix(in srgb,currentColor 25%,transparent)}.voice-input:focus-within .voice-tooltip,.voice-input:hover .voice-tooltip{opacity:1;visibility:visible}.voice-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pictures-toggle{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;height:32px;padding:0 8px 0 4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .25s ease}.pictures-toggle:hover:not(:disabled){border-color:color-mix(in srgb,#188f80 45%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,#188f80 10%,transparent)}.pictures-toggle:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.pictures-toggle:disabled{opacity:.55;cursor:default}.pictures-toggle-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--track);color:var(--muted);transition:background-color .25s ease,color .25s ease,transform .35s cubic-bezier(.3,1.5,.5,1)}.pictures-toggle-icon svg{width:15px;height:15px}.pictures-toggle.is-on .pictures-toggle-icon{background:#188f80;color:#ffffff;transform:rotate(-8deg) scale(1.05)}.pictures-toggle-track{position:relative;width:28px;height:16px;border-radius:999px;background:color-mix(in srgb,var(--muted) 35%,transparent);transition:background-color .25s ease}.pictures-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#ffffff;box-shadow:0 1px 3px rgb(0 0 0/.25);transition:translate .3s cubic-bezier(.3,1.4,.5,1)}.pictures-toggle.is-on .pictures-toggle-track{background:#188f80}.pictures-toggle.is-on .pictures-toggle-knob{translate:12px 0}.pictures-toggle-pro{padding:2px 6px;border-radius:6px;background:var(--ink);color:var(--bg);font-size:10px;font-weight:750;letter-spacing:.06em}.pictures-toggle.is-locked .pictures-toggle-label{color:var(--muted)}.preparing-pictures{margin-right:6px;background:color-mix(in srgb,#188f80 12%,transparent);color:#188f80}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .preparing-pictures{color:#6fd3c4}}:root[data-theme=dark] .preparing-pictures{color:#6fd3c4}@media (max-width:600px){.pictures-toggle-label{display:none}.composer-left{gap:8px}.composer-token{flex-shrink:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composer-token svg{flex-shrink:0}}.hero{grid-template-columns:minmax(0,1fr)}.composer{min-width:0;max-width:100%}@media (max-width:600px){.composer-bar{gap:8px;padding:8px 8px 10px 12px}.composer-right{gap:6px}.style-chevron{display:none}.composer-token-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.composer-token:has(.composer-token-text){padding:0 9px}}.site-nav-link.is-current{background:var(--track);color:var(--ink)}.tab-bar{display:none}@media (max-width:640px){.tab-bar{position:fixed;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5)}.tab-bar-item{display:grid;justify-items:center;gap:3px;padding:6px 0 4px;border-radius:12px;color:var(--muted);font-size:11px;font-weight:600;text-decoration:none;transition:color .2s ease}.tab-bar-icon{width:22px;height:22px;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}.tab-bar-item.is-current{color:var(--ink)}.tab-bar-item.is-current .tab-bar-icon{transform:translateY(-1px) scale(1.06)}body:has(.tab-bar){padding-bottom:calc(68px + env(safe-area-inset-bottom))}.site-nav-link.curriculum-nav-link{display:none}}.composer-attach{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.composer-attach svg{width:23px;height:23px}.composer-attach:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.composer-attach:active:not(:disabled){transform:scale(.94)}.composer-attach:disabled{opacity:.45;cursor:default}.composer-attach:focus-visible{outline:2px solid var(--stage-accent);outline-offset:2px}.composer.is-dropping{border-color:var(--stage-accent);box-shadow:0 0 0 6px var(--focus-ring),var(--composer-shadow)}.composer.is-dropping:after{content:"Drop your picture to let Ari explain it";position:absolute;inset:0;z-index:3;display:grid;place-items:center;border-radius:inherit;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);font-size:15px;font-weight:650;pointer-events:none}.composer-attachment{position:relative;z-index:2;display:flex;align-items:center;gap:12px;width:fit-content;max-width:calc(100% - 36px);margin:16px 18px 0;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--bg);animation:attachment-in .35s cubic-bezier(.22,1,.36,1)}@keyframes attachment-in{0%{opacity:0;transform:translateY(6px) scale(.97)}}.composer-attachment img,.composer-attachment-empty{flex-shrink:0;width:52px;height:52px;border-radius:11px;object-fit:cover;background:var(--track)}.composer-attachment.is-uploading img{filter:saturate(.4) brightness(1.05)}.composer-attachment-text{display:grid;gap:2px;min-width:0;padding-right:4px}.composer-attachment-text strong{font-size:14px}.composer-attachment-text small{overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.composer-attachment.is-ready .composer-attachment-text small{color:var(--stage-ok)}.composer-attachment.is-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.composer-attachment.is-error .composer-attachment-text small{color:var(--danger)}.composer-attachment-spinner{width:18px;height:18px;border:2px solid var(--track);border-top-color:var(--stage-accent);border-radius:50%;animation:attachment-spin .8s linear infinite}@keyframes attachment-spin{to{transform:rotate(1turn)}}.composer-attachment-remove{display:grid;flex-shrink:0;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.composer-attachment-remove:hover:not(:disabled){background:var(--track);color:var(--ink)}.composer-attachment-remove svg{width:16px;height:16px}.preparing-picture{display:block;max-width:min(320px,80%);max-height:200px;margin:4px auto 12px;border:1px solid var(--line);border-radius:16px;object-fit:contain;background:var(--surface);box-shadow:0 18px 40px -24px rgb(20 24 40/.45);animation:attachment-in .5s cubic-bezier(.22,1,.36,1)}@media (max-width:600px){.composer-attach{width:40px;height:40px}.composer-attachment{margin:12px 12px 0;max-width:calc(100% - 24px)}}@media (prefers-reduced-motion:reduce){.composer-attachment,.composer-attachment-spinner,.preparing-picture{animation:none}}@media (max-width:600px){.composer-token-unit,.style-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.composer-bar .voice-button{width:40px;height:40px}.composer-right{gap:2px}.composer-bar{flex-wrap:wrap;row-gap:10px}.composer-left{display:contents}.composer-right{order:2;margin-inline-start:auto}.story-switch-option{padding:0 9px 0 7px;font-size:12.5px}}.credits-chip{position:relative;display:inline-flex;flex-shrink:0}.credits-token{gap:5px;padding:0 12px 0 6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.credits-bolt{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,#e9a62a 18%,transparent)}.composer-token .credits-bolt svg{width:13px;height:13px;color:#d08a12}.credits-chip:hover .credits-bolt svg{animation:credits-zap .6s cubic-bezier(.3,1.5,.5,1)}@keyframes credits-zap{30%{transform:scale(1.3) rotate(-12deg)}60%{transform:scale(.92) rotate(6deg)}}.credits-number{font-size:14px;font-weight:700}.credits-token.is-low .credits-number{color:var(--danger)}.credits-token-label{white-space:nowrap}.credits-pop{position:absolute;top:calc(100% + 12px);inset-inline-start:50%;z-index:60;display:grid;gap:10px;width:290px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);color:var(--ink);text-align:start;white-space:normal;box-shadow:0 1px 2px rgb(20 24 40/.05),0 24px 60px -22px rgb(20 24 40/.45);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);opacity:0;visibility:hidden;pointer-events:none;translate:-50% 6px;scale:.97;transition:opacity .2s ease,translate .3s cubic-bezier(.22,1,.36,1),scale .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .2s}html[dir=rtl] .credits-pop{translate:50% 6px}.credits-pop:before{content:"";position:absolute;top:-6px;inset-inline-start:calc(50% - 6px);width:12px;height:12px;border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:3px 0 0 0;background:var(--surface);rotate:45deg}.credits-chip:focus-within .credits-pop,.credits-chip:hover .credits-pop{opacity:1;visibility:visible;translate:-50% 0;scale:1;transition-delay:.08s,.08s,.08s,0s}html[dir=rtl] .credits-chip:focus-within .credits-pop,html[dir=rtl] .credits-chip:hover .credits-pop{translate:50% 0}.hero:has(.credits-chip:hover,.credits-chip:focus-within){z-index:5}.credits-pop-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.credits-pop-title{font-size:13px;font-weight:650}.credits-pop-plan{padding:3px 9px;border-radius:999px;background:var(--track);color:var(--ink);font-size:11px;font-weight:650}.credits-pop-total{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.credits-pop-total strong{color:var(--ink);font-size:28px;font-weight:750;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.credits-pop-bolt{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,#e9a62a 16%,transparent);color:#d08a12}.credits-pop-bolt svg{width:18px;height:18px}.credits-pop-meter{position:relative;height:6px;overflow:hidden;border-radius:999px;background:var(--track)}.credits-pop-meter span{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;background:var(--stage-accent);transform-origin:left;transition:width .4s ease}.credits-chip:hover .credits-pop-meter span{animation:credits-fill .7s cubic-bezier(.22,1,.36,1) .1s backwards}@keyframes credits-fill{0%{transform:scaleX(0)}}.credits-pop-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:12.5px}.credits-pop-muted{color:var(--muted)}.credits-pop-bonus{color:#1f9a5e;font-weight:600}.credits-pop-note{padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.45}.credits-pop-link{color:var(--stage-accent);font-size:12.5px;font-weight:650}@media (max-width:600px){.credits-pop{inset-inline-start:0;translate:0 6px;width:min(290px,calc(100vw - 48px))}.credits-pop:before{inset-inline-start:18px}.credits-chip:focus-within .credits-pop,.credits-chip:hover .credits-pop,html[dir=rtl] .credits-chip:focus-within .credits-pop,html[dir=rtl] .credits-chip:hover .credits-pop,html[dir=rtl] .credits-pop{translate:0 0}.composer-left>.credits-chip{order:1}}@media (prefers-reduced-motion:reduce){.credits-chip:hover .credits-bolt svg,.credits-chip:hover .credits-pop-meter span,.credits-pop{animation:none;transition:none}}.credits-pop-title+.credits-pop-note{padding-top:0;border-top:0}.depth-toggle:hover:not(:disabled){border-color:color-mix(in srgb,var(--stage-accent) 45%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--stage-accent) 10%,transparent)}.depth-toggle-icon svg path{stroke:none;transition:fill .3s ease}.depth-toggle-icon .depth-cube-top{fill:currentColor;opacity:.55}.depth-toggle-icon .depth-cube-left{fill:currentColor;opacity:.85}.depth-toggle-icon .depth-cube-right{fill:currentColor;opacity:.35}.depth-toggle-label{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em}.depth-toggle.is-on .pictures-toggle-icon{background:var(--stage-accent);color:#ffffff;transform:rotate(0deg) scale(1.05)}.depth-toggle.is-on .pictures-toggle-icon svg{animation:depth-cube-turn .7s cubic-bezier(.3,1.4,.5,1)}.depth-toggle.is-on .depth-cube-top{opacity:1}.depth-toggle.is-on .depth-cube-left{opacity:.78}.depth-toggle.is-on .depth-cube-right{opacity:.5}.depth-toggle.is-on .pictures-toggle-track{background:var(--stage-accent)}@keyframes depth-cube-turn{0%{transform:rotateY(0deg) scale(.8)}60%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(1turn) scale(1)}}.preparing-modes{display:flex;justify-content:center;gap:8px;margin:0 auto 6px}.preparing-modes .preparing-style{margin:0}.preparing-depth{--style-hue:var(--stage-accent)}@media (prefers-reduced-motion:reduce){.depth-toggle.is-on .pictures-toggle-icon svg{animation:none}}@media (max-width:600px){.composer-bar{justify-content:flex-start}.depth-toggle .depth-toggle-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:inline}}.composer .composer-bar{flex-wrap:nowrap;gap:8px}.composer .composer-right{flex:0 0 auto;order:0;margin-inline-start:0;gap:3px}.composer-adaptive-tools{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto;position:relative}.composer-inline-tools,.composer-pinned-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}.composer-inline-tools:empty{display:none}.composer-tools-measure{position:absolute;display:flex;gap:8px;width:max-content;visibility:hidden;pointer-events:none}.composer-inline-tools>div,.composer-tools-measure>div{flex:0 0 auto}.composer-more{display:grid;place-items:center;position:relative;width:30px;height:32px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:color .18s,background .18s,box-shadow .2s,transform .2s}.composer-more svg{width:18px;height:18px;fill:currentColor;transition:transform .25s}.composer-more.is-open,.composer-more:hover{color:var(--ink);background:var(--track)}.composer-more.is-open svg{transform:rotate(90deg)}.composer-more:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.composer-more.has-options:after{content:"";position:absolute;inset-inline-end:2px;top:3px;width:5px;height:5px;border-radius:50%;background:var(--stage-accent)}.composer-options-layer{position:fixed;inset:0;z-index:450}.composer-options-scrim{position:absolute;inset:0;background:rgb(15 20 35/.08);animation:options-scrim-in .2s ease both}.composer-options-panel{position:absolute;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 1px 2px rgb(20 24 40/.05),0 28px 70px -24px rgb(20 24 40/.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);transform-origin:top right;animation:style-menu-in .28s cubic-bezier(.22,1,.36,1) both}.composer-options-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:0 4px;font-size:14px}.composer-options-heading button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--muted);font:inherit;font-size:23px;cursor:pointer}.composer-options-heading button:hover{background:var(--track);color:var(--ink)}.composer-overflow-tools{display:flex;flex-wrap:wrap;gap:12px;padding:12px 4px 16px;border-bottom:1px solid var(--line)}.composer-overflow-tools .style-menu{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:2}.composer-option-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px}.composer-option-row>span{display:grid;gap:5px}.composer-option-row strong{font-size:13px;font-weight:600}.composer-duration-note,.composer-option-row small{font-size:12px;color:var(--muted);line-height:1.5}.option-switch{position:relative;flex:0 0 auto;width:34px;height:20px;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--track);cursor:pointer;transition:background .2s,border-color .2s}.option-switch span{position:absolute;top:2px;inset-inline-start:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgb(0 0 0/.18);transition:inset-inline-start .25s cubic-bezier(.22,1,.36,1)}.option-switch.is-on{border-color:var(--stage-accent);background:var(--stage-accent)}.option-switch.is-on span{inset-inline-start:16px;background:white}.composer-duration-select select:focus-visible,.option-switch:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.composer-duration-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s cubic-bezier(.22,1,.36,1),opacity .2s}.composer-duration-detail.is-expanded{grid-template-rows:1fr;opacity:1}.composer-duration-inner{min-height:0;overflow:hidden}.composer-duration-select{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px;font-size:13px}.composer-duration-select select{padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.composer-duration-note{margin:0 4px 6px;padding:10px 12px;background:var(--track);border-radius:12px}.composer-options-layer.is-closing{pointer-events:none}.composer-options-layer.is-closing .composer-options-panel{animation:options-out .18s ease both}.composer-options-layer.is-closing .composer-options-scrim{animation:options-scrim-in .18s ease reverse both}@keyframes options-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes options-out{to{opacity:0;transform:translateY(-6px) scale(.97)}}@media (max-width:600px){.composer .composer-bar{padding-inline-start:10px}.composer-options-panel{top:auto!important;left:12px!important;bottom:12px;width:calc(100vw - 24px);transform-origin:bottom center;padding:18px;border-radius:24px}.composer-options-scrim{background:rgb(15 20 35/.25);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.composer-options-panel:before{content:"";display:block;width:32px;height:4px;margin:-6px auto 12px;border-radius:4px;background:var(--line)}}@media (prefers-reduced-motion:reduce){.composer-options-panel,.composer-options-scrim{animation:none!important}.composer-duration-detail,.composer-more,.composer-more svg,.option-switch,.option-switch span{transition:none}}.composer-measure-clip{position:absolute;width:0;height:0;overflow:hidden}@media (max-width:600px){.composer-pinned-tools .credits-chip{position:static}.composer-adaptive-tools .credits-pop{inset-inline-start:0;translate:0 0!important}.composer-adaptive-tools .credits-pop:before{display:none}}body:has(.composer-options-layer)>.style-scrim{z-index:460}body:has(.composer-options-layer)>.style-menu.is-sheet{z-index:461;position:fixed;inset:auto 12px 12px;width:auto;max-height:80dvh;overflow-y:auto;border-radius:24px}body:has(.composer-options-layer.is-open){overflow:hidden}.composer-search-choice{border:0;margin:0;padding:12px 4px 16px;border-bottom:1px solid var(--line);min-width:0}.shelf-view-all{margin-inline-start:auto;color:var(--muted);font-size:13px;text-decoration:none;padding:7px 12px;border:1px solid var(--line);border-radius:12px;transition:color .2s,background .2s,transform .2s}.shelf-view-all:hover{color:var(--ink);background:var(--track);transform:translateY(-1px)}.shelf-view-all:focus-visible{outline:2px solid var(--stage-accent);outline-offset:3px}.shelf-empty{color:var(--muted);font-size:14px}.shelf-pagination{display:flex;justify-content:center;gap:12px;margin-block:24px}@media (prefers-reduced-motion:reduce){.shelf-view-all{transition:none}}@media (max-width:600px){.composer-options-panel{max-height:calc(100dvh - 32px)!important}}.composer-search-choice legend{font-size:13px;font-weight:600;padding:10px 0 0}.composer-search-choice small{display:block;margin-top:9px;font-size:12px;line-height:1.5;color:var(--muted)}.composer-search-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;padding:3px;border:1px solid var(--line);border-radius:14px;background:var(--track);isolation:isolate}.composer-search-highlight{position:absolute;top:3px;bottom:3px;inset-inline-start:calc(3px + var(--selected) * (100% - 6px) / 3);width:calc((100% - 6px) / 3);border-radius:10px;background:var(--surface);box-shadow:0 1px 4px rgb(0 0 0/.1);transition:inset-inline-start .28s cubic-bezier(.22,1,.36,1);z-index:-1}.composer-search-segments button{border:0;padding:9px 5px;min-height:44px;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:11px;line-height:1.35;cursor:pointer;transition:color .2s}.composer-search-segments button[aria-checked=true]{color:var(--ink);font-weight:600}.composer-search-segments button:disabled{opacity:.45;cursor:default}.composer-search-segments button:focus-visible{outline:2px solid var(--stage-accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.composer-search-highlight,.composer-search-segments button{transition:none}}body:has(.composer-options-layer)>.style-scrim{display:block;position:fixed;inset:0;background:rgb(10 12 20/.35)}@media (min-width:601px){body:has(.composer-options-layer)>.style-menu.is-sheet{inset:auto auto 12px 50%;width:min(540px,calc(100vw - 24px));transform:translateX(-50%)}}.ari-launcher{position:fixed;inset-inline-end:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:90;border:0;padding:0;background:none;color:var(--ink);display:flex;align-items:center;gap:12px;cursor:pointer;font:inherit;isolation:isolate}.ari-launcher-art{width:66px;height:66px;display:grid;place-items:center;background:#eaf0fb;border:1px solid #b9cbea;border-radius:23px;box-shadow:0 5px 20px #20355026,0 1px 3px #20355014;transition:transform .25s,box-shadow .25s;position:relative}.ari-launcher:hover .ari-launcher-art{transform:translateY(-3px);box-shadow:0 10px 26px #20355032}.ari-launcher-label{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;font-weight:650;background:var(--surface);border:1px solid var(--line);padding:9px 13px;border-radius:13px;box-shadow:0 2px 10px #2035500c;transition:opacity .2s,transform .2s}.ari-launcher-label>span{font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.ari-launcher-dot{position:absolute;inset-inline-end:1px;bottom:3px;width:12px;height:12px;border-radius:50%;background:#5c9b80;border:3px solid var(--surface)}.ari-launcher.is-open .ari-launcher-label{opacity:0;pointer-events:none;transform:translateX(6px)}.ari-robot{width:112px;height:112px;overflow:visible;color:#426184;flex-shrink:0}.ari-robot.is-small{width:62px;height:62px}.ari-robot-float{animation:ari-float 6s ease-in-out infinite;transform-origin:56px 56px}.ari-robot-eyes{animation:ari-blink 7s infinite;transform-origin:56px 49px}.ari-robot-shadow{animation:ari-shadow 6s ease-in-out infinite;transform-origin:center}.ari-panel{--ari-accent:#365b94;--ari-tint:#eef3fa;--ari-green:#527d69;position:fixed;inset:auto 24px 106px auto;margin:0;padding:0;width:440px;max-width:calc(100vw - 32px);height:min(720px,calc(100dvh - 132px));max-height:none;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #14244024,0 4px 16px #14244012;z-index:100;overflow:hidden;font-family:var(--font-ui),var(--font-arabic),system-ui,sans-serif;text-align:start}[dir=rtl] .ari-panel{inset:auto auto 106px 24px}.ari-panel[open]{animation:ari-enter .25s ease-out}.ari-panel.is-expanded{inset:24px;margin:auto;width:min(920px,calc(100vw - 48px));height:calc(100dvh - 48px);max-width:none}.ari-panel::backdrop{background:#121d3280;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ari-panel-inner{height:100%;display:flex;flex-direction:column;min-height:0}.ari-panel button,.ari-panel input,.ari-panel textarea{font:inherit}.ari-panel button{cursor:pointer}.ari-panel button:disabled{cursor:default}.ari-panel a{text-decoration:none}.ari-panel svg:not(.ari-robot){width:20px;height:20px;flex-shrink:0}.ari-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0}.ari-header-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ccd8e9;background:#f0f4fa;border-radius:14px}.ari-header-avatar .ari-robot{width:43px;height:43px}.ari-header-title{flex:1 1;min-width:0}.ari-header-title>strong{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:650}.ari-header-title strong>span{font-size:8px;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);padding:3px 5px;border-radius:4px;white-space:nowrap}.ari-header-title p{font-size:10px;color:var(--muted);margin:5px 0 0;display:flex;align-items:center;gap:5px}.ari-header-title i{width:5px;height:5px;border-radius:50%;background:#699984}.ari-header-tools{display:flex;gap:2px}.ari-header-tools button{display:grid;place-items:center;width:30px;height:32px;border:0;border-radius:8px;background:none;color:var(--muted)}.ari-header-tools button:hover{background:var(--ari-tint);color:var(--ari-accent)}.ari-header-tools svg{width:17px!important;height:17px!important}.ari-body{flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;position:relative}.ari-welcome{padding:21px 24px 12px;text-align:center;max-width:650px;margin:auto}.ari-welcome-art{width:170px;height:113px;margin:0 auto 12px;position:relative;display:grid;place-items:center}.ari-welcome-art>.ari-robot{position:relative;width:112px;height:112px}.ari-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:120px;height:120px;left:25px;top:0}.ari-orbit-one{transform:rotate(-24deg) scaleY(.65)}.ari-orbit-two{transform:rotate(30deg) scaleY(.65);border-style:dashed;opacity:.5}.ari-art-star{position:absolute;right:7px;top:12px;font-size:18px;color:#9c9b71}.ari-eyebrow{font-size:9px;font-weight:650;letter-spacing:.12em;color:var(--ari-green);margin:9px 0}.ari-welcome h2{font-size:27px;font-weight:550;line-height:1.2;letter-spacing:-.8px;margin:10px 0}.ari-welcome h2 em{font-style:normal;color:var(--ari-accent)}.ari-welcome-copy{font-size:12px;line-height:1.7;color:var(--muted);max-width:315px;margin:12px auto 22px;text-wrap:pretty}.ari-starters{display:grid;gap:8px;text-align:start}.ari-starters>button{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:transparent;color:var(--ink);transition:background .2s,border-color .2s,transform .2s;text-align:start}.ari-starters>button:hover{background:var(--ari-tint);border-color:#a4badd;transform:translateY(-1px)}.ari-starters>button>span:nth-child(2){flex:1 1;min-width:0}.ari-starters strong{font-size:12px;display:block;font-weight:600}.ari-starters small{font-size:10px;color:var(--muted);display:block;margin-top:4px;line-height:1.5}.ari-starters>button>svg{width:15px;height:15px;color:var(--muted)}.ari-starter-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf2fb;color:#5372a3;flex-shrink:0}.ari-starter-symbol.is-course{color:#5e846d;background:#edf4ee}.ari-starter-symbol.is-plan{color:#9d8451;background:#f6f1e7}.ari-starter-symbol.is-spark{color:#8a729f;background:#f3eef7}.ari-starter-symbol svg{width:18px!important;height:18px!important}.ari-quick-links{display:flex;justify-content:center;gap:10px;margin-top:19px;font-size:10px;color:var(--muted)}.ari-quick-links a:hover{color:var(--ari-accent)}.ari-signin{font-size:11px;color:var(--muted);line-height:1.7}.ari-signin a{color:var(--ari-accent);text-decoration:underline}.ari-footer{padding:13px 16px 10px;flex-shrink:0;border-top:1px solid var(--line);background:var(--surface)}.ari-composer{display:flex;align-items:flex-end;gap:8px;padding:9px 9px 9px 13px;border:1px solid var(--line);border-radius:15px;background:var(--bg);transition:border-color .2s,box-shadow .2s}.ari-composer:focus-within{border-color:#7897c2;box-shadow:0 0 0 3px var(--focus-ring)}.ari-composer textarea{width:100%;min-width:0;background:none;border:0;outline:none!important;box-shadow:none!important;font-size:12px;line-height:1.6;resize:none;color:var(--ink);min-height:30px;max-height:130px;padding:5px 0}.ari-composer textarea::placeholder{color:var(--muted)}.ari-send{height:34px;width:34px;display:grid;place-items:center;border:0;border-radius:11px;background:var(--ari-accent);color:white;flex-shrink:0;transition:opacity .2s,transform .2s}.ari-send:hover{transform:translateY(-1px)}.ari-send:disabled{opacity:.35}.ari-send.is-stop{background:var(--ink);color:var(--surface)}.ari-footer-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:var(--muted);margin:10px 0 0;line-height:1.5}.ari-mini-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ari-green)}.ari-counter{margin-inline-start:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ari-conversation{padding:24px 20px;max-width:720px;margin:auto}.ari-message{margin-bottom:24px;animation:ari-message .2s ease-out}.ari-message-author{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-bottom:8px}.ari-message-text{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.ari-message.is-user{margin-inline-start:28px}.ari-message.is-user .ari-message-text{background:var(--ari-tint);padding:12px 15px;border-radius:15px 15px 4px 15px}.ari-message.is-user .ari-message-author{justify-content:flex-end}.ari-thinking{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin:20px 0}.ari-thinking>span{display:flex;gap:3px}.ari-thinking i{width:4px;height:4px;border-radius:50%;background:var(--ari-accent);animation:ari-think 1.2s ease-in-out infinite}.ari-thinking i:nth-child(2){animation-delay:.15s}.ari-thinking i:nth-child(3){animation-delay:.3s}.ari-action{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--ari-tint) 40%,var(--surface))}.ari-action-heading{display:flex;gap:10px;align-items:center}.ari-action-symbol{width:34px;height:34px;border-radius:10px;background:var(--ari-tint);color:var(--ari-accent);display:grid;place-items:center;flex-shrink:0}.ari-action-heading small{display:block;color:var(--ari-green);font-size:8px;letter-spacing:.1em;margin-bottom:5px}.ari-action-heading strong{font-size:13px;display:block;font-weight:600;overflow-wrap:anywhere}.ari-action p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.ari-action .ari-action-meta{font-size:10px;color:var(--muted)}.ari-action .ari-action-note,.ari-action-note{font-size:10px;line-height:1.7;color:var(--muted)}.ari-action details{font-size:11px;margin:12px 0}.ari-action summary{cursor:pointer;color:var(--ari-accent)}.ari-action dl{font-size:11px;line-height:1.6;margin:12px 0}.ari-action dt{font-size:10px;color:var(--muted);margin-top:8px}.ari-action dd{margin:3px 0 0;overflow-wrap:anywhere}.ari-action-buttons{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.ari-primary{display:inline-flex;align-items:center;gap:9px;border:0;background:var(--ari-accent);color:white!important;border-radius:10px;padding:10px 12px;font-size:11px!important;line-height:1.4;font-weight:550}.ari-primary:disabled{opacity:.5}.ari-primary svg{width:15px!important;height:15px!important}.ari-adjust{border:0;padding:8px 0;color:var(--muted);background:none;font-size:11px!important}.ari-plan-fields{display:flex;gap:10px}.ari-plan-fields label{font-size:10px;color:var(--muted);min-width:0;flex:1 1;display:flex;flex-direction:column;gap:6px}.ari-plan-fields input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--ink);background:var(--surface);font-size:11px}.ari-error{font-size:11px!important;color:var(--danger)!important;line-height:1.6}.ari-navigation{display:inline-flex;align-items:center;gap:12px;color:var(--ari-accent);font-size:12px;font-weight:550;border:1px solid var(--line);border-radius:11px;padding:10px 13px;margin-top:12px}.ari-matches{margin-top:16px}.ari-match-label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ari-green)}.ari-match-label svg{width:14px!important;height:14px!important}.ari-course{display:block;border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:9px;transition:border-color .2s;background:var(--surface)}.ari-course:hover{border-color:#7897c2}.ari-course-top{display:flex;justify-content:space-between;gap:8px}.ari-course strong{font-size:13px;line-height:1.5}.ari-course small{display:block;color:var(--muted);font-size:10px;margin:7px 0}.ari-course>p{font-size:11px;line-height:1.7;margin:8px 0;color:var(--muted)}.ari-course-evidence{border-top:1px solid var(--line);padding-top:9px;margin-top:9px}.ari-course-evidence>span{color:var(--ari-green);font-size:9px;font-weight:600}.ari-course-evidence p{font-size:10px;line-height:1.6;margin:6px 0}.ari-launcher:focus-visible,.ari-panel :is(button,a,input):focus-visible{outline:2px solid #7897c2;outline-offset:3px}:root[data-theme=dark] .ari-panel{--ari-accent:#a2bde9;--ari-tint:#252f42;--ari-green:#a0c6b1}.ari-panel .ari-primary,.ari-panel .ari-send{background:#365b94}.ari-panel.is-expanded .ari-welcome{padding-top:42px}.ari-panel.is-expanded .ari-welcome h2{font-size:36px}.ari-panel.is-expanded .ari-starters{grid-template-columns:1fr 1fr}.ari-panel.is-expanded .ari-footer{padding-inline:max(20px,calc((100% - 680px)/2))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ari-panel{--ari-accent:#a2bde9;--ari-tint:#252f42;--ari-green:#a0c6b1}}@media(max-width:600px){.ari-launcher{inset-inline-end:16px;bottom:max(16px,env(safe-area-inset-bottom))}.ari-launcher-art{width:58px;height:58px;border-radius:20px}.ari-launcher-label{display:none}.ari-launcher.is-open{visibility:hidden}.ari-panel,.ari-panel.is-expanded,[dir=rtl] .ari-panel{inset:0;margin:0;width:100%;max-width:100%;height:100dvh;border:0;border-radius:0;max-height:100dvh}.ari-header{padding-top:max(14px,env(safe-area-inset-top));padding-inline:14px}.ari-expand{display:none!important}.ari-footer,.ari-panel.is-expanded .ari-footer{padding-inline:14px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.ari-panel.is-expanded .ari-welcome,.ari-welcome{padding:24px 20px 12px}.ari-panel.is-expanded .ari-welcome h2{font-size:27px}.ari-panel.is-expanded .ari-starters{grid-template-columns:1fr}.ari-conversation{padding:22px 16px}.ari-header-title>strong{font-size:15px}.ari-header-title strong>span{font-size:7px}.ari-message-text{font-size:14px}.ari-composer textarea{font-size:16px}.ari-panel button{min-height:36px}.ari-header-tools button{width:36px}.ari-plan-fields{flex-wrap:wrap}}@media(max-width:350px){.ari-welcome{padding-inline:16px}.ari-welcome h2{font-size:25px}.ari-header-title strong>span{display:none}}.ari-panel:not(.is-expanded) .ari-welcome{padding-top:16px}.ari-panel:not(.is-expanded) .ari-welcome-art{height:84px;margin-bottom:6px}.ari-panel:not(.is-expanded) .ari-welcome-art>.ari-robot{width:91px;height:91px}.ari-panel:not(.is-expanded) .ari-orbit{width:100px;height:100px;left:35px;top:-7px}.ari-panel:not(.is-expanded) .ari-welcome h2{font-size:25px}.ari-panel:not(.is-expanded) .ari-welcome-copy{margin:10px auto 14px}.ari-panel:not(.is-expanded) .ari-starters>button{padding-block:10px}.ari-panel:not(.is-expanded) .ari-quick-links{margin-top:12px}[dir=rtl] .ari-panel svg[data-icon=arrow]{transform:scaleX(-1)}@media(max-width:600px){.ari-panel,.ari-panel.is-expanded,[dir=rtl] .ari-panel{height:var(--ari-viewport-height,100dvh);max-height:var(--ari-viewport-height,100dvh)}}@keyframes ari-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ari-shadow{0%,to{opacity:.12;transform:scaleX(1)}50%{opacity:.08;transform:scaleX(.85)}}@keyframes ari-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes ari-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes ari-message{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes ari-think{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.ari-launcher *,.ari-panel *,.ari-panel[open]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}