:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14213d;background:radial-gradient(circle at top,rgba(59,130,246,.08),transparent 32%),linear-gradient(180deg,#f7f9fc,#eef3fb);line-height:1.45;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}button,select,input,textarea{font:inherit}button{cursor:pointer}select,input,textarea{width:100%;border:1px solid rgba(20,33,61,.12);border-radius:14px;padding:12px 14px;background:#fff;color:#14213d}select:focus,input:focus,textarea:focus,button:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.app-shell{max-width:1360px;margin:0 auto;padding:20px}.card{background:#fffffff5;border-radius:28px;padding:20px;box-shadow:0 10px 30px #14213d14,0 1px #ffffffb3 inset;border:1px solid rgba(20,33,61,.06)}.header h1,.instruction-card h2,.card h3,.card h4{margin:0}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.78rem;font-weight:700}.subtle{color:#64748b;margin:0}.error-text{margin:0;color:#b42318;font-size:.95rem}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:16px;padding:12px 16px;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,background .16s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{background:#2563eb;color:#fff;box-shadow:0 8px 18px #2563eb38}.secondary-button{background:#e8eef8;color:#0f172a}.ghost-button{background:transparent;color:#2563eb;padding:10px 12px}.danger-button{color:#b42318}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.button-row,.list-header,.instruction-topline,.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.header{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,auto);gap:18px;align-items:center;margin-bottom:20px;padding:22px 24px}.header-copy{display:grid;gap:8px}.header h1{font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.08;max-width:16ch}.header-actions{display:grid;gap:12px;justify-items:end}.header-child-pill{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 14px;background:#eef4ff;color:#0f172a}.header-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.stat-pill{min-width:94px;padding:12px 16px;border-radius:18px;background:#eef4ff;display:grid;justify-items:center;gap:2px}.stat-pill strong{font-size:1.35rem}.teacher-panel-trigger{min-width:150px}.play-layout{display:grid}.play-column{display:grid;gap:18px}.instruction-card{display:grid;gap:14px;padding:22px}.instruction-card h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.14;letter-spacing:-.02em;max-width:22ch}.instruction-topline{align-items:flex-start}.instruction-badges{display:flex;gap:10px;flex-wrap:wrap}.mode-badge,.step-badge,.profile-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:700}.mode-badge{background:#dbeafe;color:#1d4ed8}.step-badge{background:#ecfccb;color:#3f6212}.instruction-actions{display:flex;gap:12px;flex-wrap:wrap}.practice-hub{display:grid;gap:16px}.practice-hub__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.practice-hub__top h3{font-size:1.25rem;margin-bottom:6px}.practice-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.practice-toolbar__group,.practice-toolbar__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.voice-status-card{border-radius:22px;padding:16px;background:linear-gradient(180deg,#f8fbff,#edf4ff);border:1px solid rgba(37,99,235,.12);display:grid;gap:8px}.voice-status-card__label{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.78rem;font-weight:700}.live-transcript{min-height:1.5em;margin:0;font-size:1rem;color:#0f172a}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid--compact{min-width:320px;padding:16px}.stats-grid h3{font-size:1.6rem;margin-top:2px}.scene-board{display:grid;gap:20px}.objects-grid,.targets-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}.draggable-object,.drop-target,.object-card{border-radius:22px;padding:16px;background:#fff;border:1px solid rgba(20,33,61,.1);box-shadow:0 6px 18px #14213d0d}.draggable-object{display:grid;justify-items:center;gap:10px;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#fff,#f8fbff)}.draggable-object.selected{border-color:#2563eb73;box-shadow:0 10px 24px #2563eb24}.drop-target{display:grid;gap:8px;justify-items:center;text-align:center;min-height:124px;align-content:center;background:linear-gradient(180deg,#fff,#f7f9fc)}.object-card{display:grid;gap:10px;justify-items:center;text-align:center}.object-emoji,.target-emoji,.object-card .emoji{font-size:2.2rem;line-height:1}.teacher-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#0f172a70;z-index:40;padding:0;border-radius:0}.teacher-drawer{position:fixed;top:0;right:0;width:min(520px,100vw);height:100vh;background:#f6f9fe;z-index:50;box-shadow:-12px 0 40px #0f172a33;display:grid;grid-template-rows:auto 1fr}.teacher-drawer__header{padding:22px 20px 16px;border-bottom:1px solid rgba(20,33,61,.08);background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:space-between;gap:12px;align-items:start}.teacher-drawer__header h2{margin:0;font-size:1.4rem}.teacher-drawer__content{overflow-y:auto;padding:18px;display:grid;gap:16px}.teacher-section-heading{display:grid;gap:6px;margin-bottom:12px}.teacher-section-heading h3{font-size:1.2rem}.feedback-card{display:grid;gap:8px}.settings-panel{display:grid;gap:16px}.settings-stack{display:grid;gap:14px}.settings-group{display:grid;gap:12px;padding:16px;border-radius:22px;background:#ffffffd6;border:1px solid rgba(20,33,61,.08)}.settings-group__header{display:grid;gap:4px}.settings-group__header h4{font-size:1rem}.field{display:grid;gap:7px}.field>span,.field-label{font-size:.92rem;font-weight:700;color:#334155}.toggle-pill{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:18px;background:#f8fbff;border:1px solid rgba(20,33,61,.08)}.toggle-pill input{width:auto;margin-top:2px}.mini-note{padding:10px 12px;border-radius:14px;background:#f8fafc;color:#475569;font-size:.88rem;border:1px solid rgba(20,33,61,.06)}.mini-note--success{background:#f0fdf4;color:#166534;border-color:#22c55e1f}.teacher-session-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.packs-grid{display:grid;gap:10px}.pack-toggle{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px 14px;border-radius:16px;background:#f8fbff;border:1px solid rgba(20,33,61,.08)}.pack-toggle input{width:auto;margin-top:2px}.profile-switcher{display:grid;gap:16px}.active-profile-banner{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#eef4ff,#f8fbff);border:1px solid rgba(37,99,235,.1)}.active-profile-banner__avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff;font-size:1.5rem}.profile-list{display:grid;gap:10px}.profile-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:18px;border:1px solid rgba(20,33,61,.08);background:#fff}.profile-row.is-active{border-color:#2563eb2e;box-shadow:0 8px 20px #2563eb14}.profile-select{border:none;background:transparent;padding:0;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;color:inherit}.profile-select__avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eef4ff;font-size:1.3rem}.profile-select__name{font-weight:700;color:#0f172a}.profile-chip{background:#ecfccb;color:#3f6212}.profile-row__actions{display:flex;gap:6px;flex-wrap:wrap}.profile-creator,.join-code-card{display:grid;gap:12px;padding:16px;border-radius:22px;background:#ffffffd6;border:1px solid rgba(20,33,61,.08)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:8px;margin-top:8px}.avatar-option{border:1px solid rgba(20,33,61,.1);background:#fff;border-radius:14px;min-height:46px;font-size:1.35rem}.avatar-option.is-selected{border-color:#2563eb59;background:#eef4ff}.join-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.layout-grid,.main-column,.side-column,.voice-card{display:grid;gap:20px}.difficulty{padding:6px 10px;border-radius:999px;font-size:.85rem;text-transform:capitalize}.difficulty.easy{background:#dcfce7}.difficulty.medium{background:#fef3c7}.difficulty.hard{background:#fee2e2}@media (max-width: 980px){.app-shell{padding:16px}.header{grid-template-columns:1fr}.header-actions{justify-items:start}.header-stats{justify-content:flex-start}.practice-hub__top{grid-template-columns:1fr}.stats-grid--compact{min-width:0}}@media (max-width: 720px){.instruction-card h2{font-size:1.55rem}.teacher-drawer{width:100vw}.join-code-row,.profile-row{grid-template-columns:1fr}.profile-row__actions{justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.objects-grid,.targets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.card{border-radius:22px;padding:16px}.header{padding:18px}.instruction-actions,.practice-toolbar__group{width:100%}.instruction-actions>button,.practice-toolbar__group>button{width:100%}.objects-grid,.targets-grid{grid-template-columns:1fr 1fr}}.board-shell{display:grid;gap:18px}.board-shell--drag{background:linear-gradient(180deg,#eff6ffe6,#fffffff5)}.board-shell--tap{background:linear-gradient(180deg,#faf5ffeb,#fffffff5)}.board-shell--prepositions{background:linear-gradient(180deg,#f0fdfaeb,#fffffff5)}.board-shell--multi{background:linear-gradient(180deg,#fffbebf2,#fffffff5)}.board-header{display:flex;justify-content:space-between;gap:16px;align-items:start;flex-wrap:wrap}.board-header h3{font-size:1.35rem}.board-stage{display:grid;gap:18px}.board-stage--stacked{grid-template-rows:auto auto}.board-zone{display:grid;gap:12px}.board-zone__header{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.board-zone__header h4{margin:0;font-size:1rem;color:#0f172a}.targets-grid--play,.objects-grid--play{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.draggable-object,.drop-target{position:relative;min-height:126px;border-radius:22px;border:1px solid rgba(20,33,61,.1);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 20px #14213d0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}.draggable-object:hover,.drop-target:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #14213d1a}.draggable-object{display:grid;justify-items:center;align-content:center;gap:8px;text-align:center;padding:14px;cursor:grab}.draggable-object--compact{min-height:116px}.draggable-object.selected{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb1f,0 12px 26px #2563eb1f;background:linear-gradient(180deg,#eef4ff,#fff)}.draggable-object:active{cursor:grabbing}.drop-target{display:grid;justify-items:center;align-content:center;gap:8px;text-align:center;padding:14px}.drop-target--compact{min-height:104px}.drop-target--ready{border-color:#2563eb42;background:linear-gradient(180deg,#eef4ff,#fff)}.drop-target:disabled{cursor:not-allowed;opacity:.72}.object-emoji,.target-emoji,.object-card .emoji{font-size:2.05rem;line-height:1}.object-label,.target-label,.object-card .label{font-weight:700;color:#0f172a}.object-meta,.target-meta{font-size:.82rem;color:#64748b}.tap-board-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.object-card--tap{min-height:150px;border:1px solid rgba(20,33,61,.08);border-radius:24px;padding:18px 14px;background:linear-gradient(180deg,#fff,#faf5ff);box-shadow:0 8px 20px #14213d0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.object-card--tap:hover{transform:translateY(-2px);box-shadow:0 12px 26px #14213d1a;border-color:#a855f738}.prepositions-scene{display:grid;gap:14px;padding:14px;border-radius:24px;background:#ffffffb8;border:1px solid rgba(20,33,61,.06)}.prepositions-scene__top,.prepositions-scene__bottom{display:grid;justify-content:center}.prepositions-scene__top .drop-target,.prepositions-scene__bottom .drop-target{min-width:min(260px,100%)}.prepositions-scene__middle{display:grid;grid-template-columns:minmax(120px,1fr) minmax(240px,300px) minmax(120px,1fr);gap:14px;align-items:center}.prepositions-scene__side{display:grid;gap:12px}.prepositions-anchor-wrap{display:grid;gap:12px;justify-items:stretch}.prepositions-anchor{min-height:160px;border-radius:24px;border:2px dashed rgba(20,33,61,.14);background:linear-gradient(180deg,#fff,#f8fffc);display:grid;place-items:center;text-align:center;padding:18px}.prepositions-anchor__emoji{font-size:2.6rem;line-height:1}.prepositions-anchor__label{font-size:1.15rem;font-weight:800;color:#0f172a}.step-tracker{display:flex;align-items:center;gap:8px;padding:4px 2px 2px}.step-tracker__dot{width:14px;height:14px;border-radius:999px;background:#cbd5e1;flex:0 0 auto}.step-tracker__dot.is-active{background:#f59e0b;box-shadow:0 0 0 6px #f59e0b29}.step-tracker__line{width:34px;height:3px;border-radius:999px;background:#e2e8f0}@media (max-width: 980px){.prepositions-scene__middle{grid-template-columns:1fr}.prepositions-scene__top .drop-target,.prepositions-scene__bottom .drop-target{min-width:0}}@media (max-width: 720px){.tap-board-grid,.targets-grid--play,.objects-grid--play{grid-template-columns:repeat(2,minmax(0,1fr))}.board-header{flex-direction:column;align-items:start}}@media (max-width: 520px){.tap-board-grid,.targets-grid--play,.objects-grid--play{grid-template-columns:1fr 1fr}.draggable-object,.drop-target,.object-card--tap{min-height:108px;padding:12px}.object-emoji,.target-emoji,.object-card .emoji{font-size:1.8rem}.prepositions-anchor{min-height:136px}}.feedback-correct{animation:successPulse .5s ease}.feedback-incorrect{animation:shake .4s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.instruction-highlight strong{color:#2563eb;font-weight:800}.instruction-highlight .keyword{background:#fef3c7;padding:2px 6px;border-radius:6px}.progress-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:#2563eb;transition:width .3s ease}.guidance-card{display:grid;gap:10px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(20,33,61,.08)}.guidance-card__header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.guidance-card__text{margin:0;color:#0f172a;font-weight:600}.guidance-state{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.guidance-state--correct{background:#dcfce7;color:#166534}.guidance-state--incorrect{background:#fee2e2;color:#991b1b}.guidance-state--listening{background:#dbeafe;color:#1d4ed8}details.settings-group{overflow:hidden}details.settings-group>summary.settings-group__header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin:-16px -16px 0;border-radius:18px;border:1px solid rgba(37,99,235,.16);background:linear-gradient(180deg,#f8fbff,#eef4ff);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;list-style:none}details.settings-group>summary.settings-group__header::-webkit-details-marker{display:none}details.settings-group>summary.settings-group__header:after{content:"▾";flex:0 0 auto;font-size:.95rem;font-weight:700;color:#2563eb;transition:transform .18s ease}details.settings-group:not([open])>summary.settings-group__header:hover{background:linear-gradient(180deg,#eef4ff,#e5efff);border-color:#2563eb47;box-shadow:0 8px 20px #2563eb14;transform:translateY(-1px)}details.settings-group[open]>summary.settings-group__header{margin-bottom:14px;background:linear-gradient(180deg,#eaf2ff,#eef4ff);border-color:#2563eb3d}details.settings-group[open]>summary.settings-group__header:after{transform:rotate(180deg)}details.settings-group:not([open])>summary.settings-group__header h4{color:#0f172a}.premium-inline-card{display:grid;gap:14px;padding:18px;border-radius:22px;border:1px solid rgba(37,99,235,.18);background:linear-gradient(180deg,#eef4ff,#fff);box-shadow:0 10px 24px #2563eb14}.premium-inline-card h3{margin:0 0 6px;font-size:1.2rem}.premium-inline-card__actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 720px){.premium-inline-card__actions{width:100%}.premium-inline-card__actions>button{width:100%}}.task-rail{display:grid;gap:14px;padding:16px 18px;position:relative;z-index:1;border:1px solid rgba(37,99,235,.08);box-shadow:0 10px 30px #0f172a0f}.task-rail__focus,.task-rail__status{min-height:74px;border-radius:16px;padding:12px 14px;background:#f8fbff;border:1px solid rgba(37,99,235,.08)}@media (max-width: 720px){.play-column{gap:14px}.task-rail{top:8px;padding:14px;gap:12px}.task-rail__sentence{font-size:1.28rem;max-width:none}.task-rail__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.task-rail__actions .primary-button,.task-rail__actions .secondary-button{width:100%;min-width:0}.task-rail__focus,.task-rail__status{min-height:0}}@media (max-width: 560px){.task-rail{position:sticky;top:auto;bottom:8px;border-radius:20px;box-shadow:0 14px 36px #0f172a24}.task-rail__topline{gap:8px}.task-rail__actions{grid-template-columns:1fr}.task-rail__focus,.premium-inline-card--compact{display:none}}.play-stage{display:grid;gap:16px;min-height:0}.task-rail{display:grid;gap:14px;padding:16px 18px;position:relative;z-index:1;border:1px solid rgba(37,99,235,.08);box-shadow:0 10px 30px #0f172a0f;overflow:hidden}.task-rail__main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.task-rail__copy{display:grid;gap:10px;min-width:0}.task-rail__topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.task-rail__sentence{margin:0;font-size:clamp(1.45rem,2.5vw,2.5rem);line-height:1.12;letter-spacing:-.02em;max-width:22ch}.task-rail__sentence .keyword{color:#2563eb;font-weight:700}.task-rail__hint{margin:0;color:#475569;font-size:.98rem}.task-rail__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;max-width:360px}.task-rail__actions .primary-button,.task-rail__actions .secondary-button{white-space:nowrap}.task-rail__meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:12px;align-items:stretch}.task-rail__focus,.task-rail__status{min-height:74px;border-radius:16px;padding:12px 14px;background:#f8fbff;border:1px solid rgba(37,99,235,.08);min-width:0}.task-rail__focus{display:grid;gap:6px;align-content:start}.task-rail__status{display:grid;gap:8px;align-content:start}.task-rail__status-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.task-rail .stats-grid--compact{min-width:250px;height:100%;align-self:stretch}.task-rail .stats-grid--compact h3{margin:4px 0 0}.premium-inline-card--compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.feedback-correct.task-rail{box-shadow:0 0 0 1px #22c55e2e,0 10px 30px #22c55e14}.feedback-incorrect.task-rail{box-shadow:0 0 0 1px #ef444429,0 10px 30px #ef444414}.feedback-listening.task-rail{box-shadow:0 0 0 1px #2563eb29,0 10px 30px #2563eb14}@media (max-width: 1100px){.task-rail__main{grid-template-columns:1fr}.task-rail__actions{justify-content:flex-start;max-width:none}.task-rail__meta{grid-template-columns:1fr}.task-rail .stats-grid--compact{min-width:0}.premium-inline-card--compact{grid-template-columns:1fr}}@media (max-width: 720px){.play-column{gap:14px}.task-rail{padding:14px;gap:12px}.task-rail__sentence{font-size:1.28rem;max-width:none}.task-rail__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.task-rail__actions .primary-button,.task-rail__actions .secondary-button{width:100%;min-width:0}.task-rail__focus,.task-rail__status{min-height:0}}@media (max-width: 560px){.task-rail{position:relative;bottom:auto;top:auto;border-radius:20px;box-shadow:0 14px 36px #0f172a24}.task-rail__topline{gap:8px}.task-rail__actions{grid-template-columns:1fr}.task-rail__focus,.premium-inline-card--compact{display:none}}.header{grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:16px;padding:16px 18px}.header-copy--compact{gap:6px}.header-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-title{font-size:1.1rem;font-weight:800;color:#0f172a}.header-actions--compact{display:flex;align-items:center;gap:10px;justify-content:flex-end}.header-stats{gap:8px}.stat-pill--compact{min-width:0;padding:10px 12px;border-radius:16px;gap:4px}.stat-pill--compact small{display:none}.teacher-panel-trigger{min-width:0;white-space:nowrap}.play-column{gap:14px}.play-stage{gap:12px}.task-rail.task-rail--compact{padding:14px 16px;border-radius:22px}.task-rail__main.task-rail__main--compact{grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.task-rail__copy{gap:8px}.task-rail__sentence{max-width:none;font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.08}.task-rail__hint,.task-rail__meta,.task-rail__focus,.task-rail__status{display:none!important}.task-rail__actions.task-rail__actions--compact{max-width:none;justify-content:flex-end;align-items:center;gap:8px}.task-rail__actions.task-rail__actions--compact .primary-button,.task-rail__actions.task-rail__actions--compact .secondary-button,.task-rail__actions.task-rail__actions--compact .ghost-button{padding:10px 14px;border-radius:14px}.task-rail__status-line{margin-top:2px;font-size:.92rem}.premium-inline-card--quiet{padding:16px 18px;border-radius:22px;gap:10px}.premium-inline-card--quiet h3{font-size:1.05rem;margin:0 0 4px}@media (max-width: 980px){.header{grid-template-columns:1fr;align-items:start}.header-actions--compact{justify-content:space-between;flex-wrap:wrap}.task-rail__main.task-rail__main--compact{grid-template-columns:1fr;align-items:start}.task-rail__actions.task-rail__actions--compact{justify-content:flex-start}}@media (max-width: 720px){.header{padding:14px 16px}.header-title-row{align-items:flex-start}.task-rail.task-rail--compact{padding:12px 14px}.task-rail__sentence{font-size:1.4rem}.task-rail__actions.task-rail__actions--compact{display:grid;grid-template-columns:1fr 1fr;width:100%}.task-rail__actions.task-rail__actions--compact .primary-button,.task-rail__actions.task-rail__actions--compact .secondary-button,.task-rail__actions.task-rail__actions--compact .ghost-button{width:100%;min-width:0}.premium-inline-card--quiet .premium-inline-card__actions{width:100%}.premium-inline-card--quiet .premium-inline-card__actions>button{width:100%}}@media (max-width: 520px){.header-actions--compact{align-items:stretch}.header-stats,.teacher-panel-trigger{width:100%}.task-rail__actions.task-rail__actions--compact{grid-template-columns:1fr}.task-rail__sentence{font-size:1.28rem}}.board-shell--clean{padding:12px 14px;border-radius:24px}.board-shell--clean .board-header,.board-shell--clean .board-zone__header{display:none!important}.board-stage--clean{gap:12px}.board-zone--clean{gap:10px}.targets-grid--clean,.objects-grid--clean,.tap-board-grid--clean{gap:12px}.board-shell--clean .subtle{display:none}.board-shell--clean .label,.board-shell--clean .drop-target__label,.board-shell--clean .object-card .label,.board-shell--clean .prepositions-anchor__label{display:block}.board-shell--clean .object-card--clean{min-height:112px;border-radius:18px}.board-shell--clean .tap-board-grid{margin-top:0}.board-shell--clean .prepositions-anchor{min-height:112px;justify-content:center;gap:8px}.board-shell--clean .prepositions-anchor__emoji{font-size:1.75rem}.board-shell--clean .prepositions-anchor__label{font-size:1.15rem;font-weight:800;color:#0f172a}.step-tracker--minimal{margin-bottom:8px;justify-content:flex-start}.step-tracker--minimal+.card,.step-tracker--minimal+.board-shell,.step-tracker--minimal+section{margin-top:0}.board-shell--clean .object-card .subtle,.board-shell--clean .drop-target .subtle,.board-shell--clean .drop-target-card .subtle,.board-shell--clean .draggable-object .subtle,.board-shell--clean .draggable-item .subtle{display:none!important}.board-shell--clean .emoji{margin-bottom:6px}@media (max-width: 900px){.board-shell--clean{padding:10px 12px}.targets-grid--clean,.objects-grid--clean,.tap-board-grid--clean{gap:10px}.board-shell--clean .object-card--clean,.board-shell--clean .prepositions-anchor{min-height:100px}}@media (max-width: 640px){.board-shell--clean{padding:8px 10px;border-radius:20px}.board-stage--clean{gap:10px}.targets-grid--clean,.objects-grid--clean,.tap-board-grid--clean{gap:8px}.board-shell--clean .object-card--clean,.board-shell--clean .prepositions-anchor{min-height:92px}.step-tracker--minimal{margin-bottom:6px}}.board-shell--advanced{padding:12px 14px;border-radius:24px;border:1px solid rgba(37,99,235,.1);background:linear-gradient(180deg,#fffef7,#fff)}.advanced-directions__tracker{display:flex;align-items:center;gap:8px;margin-bottom:10px}.advanced-directions__tracker-item{display:flex;align-items:center;gap:8px}.advanced-directions__dot{width:12px;height:12px;border-radius:999px;background:#cbd5e1;border:2px solid transparent}.advanced-directions__dot.is-active{background:#f59e0b;border-color:#f59e0b40}.advanced-directions__dot.is-complete{background:#2563eb}.advanced-directions__line{width:24px;height:2px;background:#cbd5e1;border-radius:999px}.advanced-directions__carry{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#0f172a;border:1px solid rgba(37,99,235,.1)}.advanced-directions__carry-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.advanced-directions__body{display:block}.play-stage{position:relative}.task-rail--commercial{overflow:hidden;border:1px solid rgba(37,99,235,.1);background:linear-gradient(135deg,#fffffffa,#f8fbfff5),radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 34%)}.task-rail__sentence{text-wrap:balance}.child-guidance-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#eff6ff);border:1px solid rgba(245,158,11,.18);box-shadow:0 12px 28px #14213d0f}.child-guidance-card__spark{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#ffffffc7;box-shadow:inset 0 0 0 1px #14213d0f}.child-guidance-card__topline{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.child-guidance-card__title,.child-guidance-card__body,.child-guidance-card__selected{margin:0}.child-guidance-card__title{font-size:.82rem;color:#92400e;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.child-guidance-card__body{margin-top:2px;color:#1e293b;font-size:1.02rem;font-weight:700}.child-guidance-card__selected{margin-top:6px;color:#2563eb;font-weight:700;font-size:.92rem}.live-feedback{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:12px;align-items:center;padding:12px 14px;border-radius:20px;background:#f8fbffeb;border:1px solid rgba(37,99,235,.1)}.live-feedback__status{display:flex;gap:10px;align-items:center;min-width:0}.live-feedback__icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #14213d12}.live-feedback__eyebrow,.live-feedback__message{margin:0}.live-feedback__eyebrow{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:800}.live-feedback__message{color:#14213d;font-weight:750}.live-feedback__context{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.live-feedback--correct{background:linear-gradient(135deg,#f0fdf4f5,#fffffff0);border-color:#22c55e38}.live-feedback--incorrect{background:linear-gradient(135deg,#fef2f2f5,#fffffff0);border-color:#ef444433}.live-feedback--listening{background:linear-gradient(135deg,#eff6fffa,#fffffff0);border-color:#2563eb3d}.selected-chip{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:800;font-size:.88rem}.mode-board-frame{position:relative;display:grid;gap:12px}.mode-board-header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:24px;background:#ffffffd1;border:1px solid rgba(20,33,61,.07);box-shadow:0 12px 30px #14213d0f}.mode-board-header__identity{display:flex;gap:12px;align-items:center;min-width:0}.mode-board-header__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #14213d0f;font-size:1.25rem}.mode-board-header__topline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mode-board-header h3,.mode-board-header p{margin:0}.mode-board-header h3{font-size:1rem}.mode-board-header p{color:#64748b}.mode-board-header__hint{flex:0 0 auto;padding:8px 10px;border-radius:999px;background:#f8fafc;color:#475569;font-size:.86rem;font-weight:800}.mode-board-header--tap{background:linear-gradient(135deg,#ecfdf5db,#ffffffe6)}.mode-board-header--prepositions{background:linear-gradient(135deg,#eff6ffeb,#ffffffe6)}.mode-board-header--multi_step,.mode-board-header--two_step{background:linear-gradient(135deg,#f5f3ffe6,#ffffffe6)}.mode-board-header--advanced_directions{background:linear-gradient(135deg,#faf5fff0,#ffffffeb);border-color:#9333ea24}.task-transition{position:absolute;z-index:12;left:50%;top:58%;transform:translate(-50%,-50%);display:inline-flex;gap:10px;align-items:center;padding:16px 20px;border-radius:999px;background:#fffffff5;box-shadow:0 24px 70px #0f172a38;border:1px solid rgba(20,33,61,.08);color:#14213d;font-size:1.08rem;font-weight:900;animation:task-transition-pop .7s ease both;pointer-events:none}.task-transition__icon{font-size:1.35rem}.task-transition--success{color:#166534}.task-transition--error{color:#991b1b}.task-transition--step,.task-transition--new-task{color:#1d4ed8}.feedback-correct .draggable-object.selected,.feedback-correct .drop-target--ready{box-shadow:0 0 0 4px #22c55e2e,0 16px 34px #22c55e24}.feedback-incorrect .draggable-object.selected,.feedback-incorrect .drop-target--ready{animation:feedback-nudge .28s ease both}@keyframes task-transition-pop{0%{opacity:0;transform:translate(-50%,-44%) scale(.92)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}to{opacity:0;transform:translate(-50%,-54%) scale(.98)}}@keyframes feedback-nudge{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (max-width: 760px){.live-feedback,.mode-board-header{grid-template-columns:1fr}.live-feedback{display:grid}.live-feedback__context,.mode-board-header{align-items:flex-start;justify-content:flex-start}.mode-board-header{flex-direction:column}.task-transition{top:54%;width:calc(100% - 36px);justify-content:center;border-radius:22px}}@media (max-width: 560px){.child-guidance-card{grid-template-columns:1fr}.mode-board-header__hint{width:100%;text-align:center}}@media (prefers-reduced-motion: reduce){.task-transition,.feedback-incorrect .draggable-object.selected,.feedback-incorrect .drop-target--ready{animation:none}}.task-rail--commercial{display:grid;gap:12px}.child-guidance-card--compact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;padding:10px 12px;border-radius:18px;background:#f8fbffe0;border:1px solid rgba(37,99,235,.1);box-shadow:none;animation:guidance-enter .22s ease both}.child-guidance-card--idle{background:linear-gradient(135deg,#fffbebd6,#eff6ffc7);border-color:#f59e0b29}.child-guidance-card--correct{background:linear-gradient(135deg,#f0fdf4f0,#ffffffe0);border-color:#22c55e42}.child-guidance-card--incorrect,.child-guidance-card--error{background:linear-gradient(135deg,#fef2f2f0,#ffffffe0);border-color:#ef44443d}.child-guidance-card--listening{background:linear-gradient(135deg,#eff6fff5,#ffffffe0);border-color:#2563eb42}.child-guidance-card__spark{width:34px;height:34px;border-radius:13px;font-size:1rem}.child-guidance-card__line{display:flex;gap:8px;align-items:baseline;min-width:0;margin:0;color:#14213d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.child-guidance-card__line strong{flex:0 0 auto;color:#92400e;font-size:.82rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.child-guidance-card--correct .child-guidance-card__line strong{color:#166534}.child-guidance-card--incorrect .child-guidance-card__line strong,.child-guidance-card--error .child-guidance-card__line strong{color:#991b1b}.child-guidance-card--listening .child-guidance-card__line strong{color:#1d4ed8}.child-guidance-card__line span{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.98rem;font-weight:760}.child-guidance-card__context{justify-self:end;max-width:min(32vw,280px);padding:6px 9px;border-radius:999px;background:#ffffffb8;color:#475569;font-size:.84rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-board-header--compact{padding:10px 14px;border-radius:22px}.mode-board-header--compact .mode-board-header__identity{gap:10px}.mode-board-header--compact .mode-board-header__icon{width:38px;height:38px;border-radius:15px;font-size:1.05rem}.mode-board-header--compact h3{margin:0;font-size:.98rem;line-height:1.1}.mode-board-header--compact p,.mode-board-header__hint{display:none!important}.mode-board-frame.has-selection .drop-target--ready,.mode-board-frame.has-selection .preposition-zone--ready,.mode-board-frame.has-selection .zone-button--ready{box-shadow:0 0 0 4px #2563eb21,0 16px 36px #2563eb24;border-color:#2563eb57}.mode-board-frame.has-selection .draggable-object.selected,.mode-board-frame.has-selection .object-card.is-selected,.mode-board-frame.has-selection .object-card--selected{box-shadow:0 0 0 4px #2563eb26,0 18px 42px #2563eb29}.mode-board-frame.focus-correct .draggable-object.selected,.mode-board-frame.focus-correct .drop-target--ready,.mode-board-frame.focus-correct .preposition-zone--ready,.mode-board-frame.focus-correct .zone-button--ready{box-shadow:0 0 0 5px #22c55e2b,0 18px 42px #22c55e24;border-color:#22c55e61}.mode-board-frame.focus-incorrect .draggable-object.selected,.mode-board-frame.focus-incorrect .drop-target--ready,.mode-board-frame.focus-incorrect .preposition-zone--ready,.mode-board-frame.focus-incorrect .zone-button--ready{animation:feedback-nudge .28s ease both}.task-transition{animation:task-transition-pop .7s cubic-bezier(.2,.9,.2,1) both}.task-transition--success{background:radial-gradient(circle at 22% 25%,rgba(34,197,94,.18),transparent 30%),#fffffff7}@keyframes guidance-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 760px){.child-guidance-card--compact{grid-template-columns:auto minmax(0,1fr)}.child-guidance-card__context{grid-column:2;justify-self:start;max-width:100%}.mode-board-header--compact{flex-direction:row;align-items:center;justify-content:space-between}}@media (max-width: 560px){.child-guidance-card__line{display:block}.child-guidance-card__line strong{margin-right:6px}}@media (prefers-reduced-motion: reduce){.child-guidance-card--compact,.task-transition,.mode-board-frame.focus-incorrect .draggable-object.selected,.mode-board-frame.focus-incorrect .drop-target--ready,.mode-board-frame.focus-incorrect .preposition-zone--ready,.mode-board-frame.focus-incorrect .zone-button--ready{animation:none}}:root{--sb-safe-bottom: env(safe-area-inset-bottom, 0px)}.primary-button,.secondary-button,.ghost-button,.teacher-panel-trigger,.avatar-option,.pack-toggle,select,input,button{min-height:44px}button,.draggable-object,.drop-target,.object-card,.object-card--tap,.preposition-zone,.zone-button{touch-action:manipulation}.task-rail__actions,.task-rail__actions--compact{position:static!important;inset:auto!important;transform:none!important;z-index:auto!important}.teacher-drawer{height:100dvh;max-height:100dvh;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.teacher-drawer__header{position:sticky;top:0;z-index:4;background:inherit}.teacher-drawer__content{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + var(--sb-safe-bottom))}@media (max-width: 900px){.app-shell{padding-inline:clamp(10px,2.4vw,18px)}.play-column{gap:14px}.task-rail--commercial{gap:10px;padding:clamp(14px,2.6vw,20px)}.task-rail__main--compact{display:grid;grid-template-columns:1fr;gap:12px}.task-rail__sentence{font-size:clamp(1.7rem,5vw,2.2rem);line-height:1.08;max-width:none}.task-rail__actions--compact{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}.task-rail__actions--compact>button{min-height:48px}.mode-board-frame{gap:10px}.mode-board-header--compact{padding:9px 12px}}@media (max-width: 720px){.header{margin-bottom:12px}.play-stage{display:grid;gap:12px}.task-rail--commercial{border-radius:24px;padding:14px}.task-rail__sentence{font-size:clamp(1.55rem,7vw,2rem);line-height:1.08;letter-spacing:-.035em}.task-rail__actions--compact{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;width:100%}.task-rail__actions--compact>button{width:100%;min-height:50px;padding:10px 12px;border-radius:18px;white-space:nowrap}.child-guidance-card--compact{min-height:48px;padding:9px 10px;border-radius:17px}.child-guidance-card__spark{width:32px;height:32px}.child-guidance-card__line span{font-size:.94rem}.child-guidance-card__context{display:none}.mode-board-header--compact{border-radius:20px}.mode-board-header--compact .mode-board-header__icon{width:34px;height:34px;border-radius:14px}.board-shell{gap:12px;border-radius:24px;padding:clamp(12px,3vw,16px)}.objects-grid,.targets-grid,.tap-board-grid,.targets-grid--play,.objects-grid--play{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.draggable-object,.drop-target,.object-card,.object-card--tap{min-height:104px;padding:12px 10px;border-radius:20px}.object-emoji,.target-emoji,.object-card .emoji{font-size:1.9rem}.object-label,.target-label,.object-card .label{font-size:.94rem;line-height:1.12}.teacher-drawer{top:0;right:0;bottom:0;left:0;width:100vw;border-radius:0}.teacher-drawer__header{align-items:center;padding:14px 14px 12px}.teacher-drawer__header h2{font-size:1.08rem;line-height:1.15}.teacher-drawer__content{padding:12px;gap:12px}}@media (max-width: 420px){.task-rail__actions--compact{grid-template-columns:1fr 1fr}.task-rail__actions--compact>button:nth-child(3){grid-column:1 / -1}.task-rail__actions--compact>button{font-size:.94rem}.mode-badge,.step-badge{font-size:.76rem;padding:6px 9px}.task-rail__sentence{font-size:clamp(1.42rem,7.5vw,1.82rem)}.draggable-object,.drop-target,.object-card,.object-card--tap{min-height:94px;padding:10px 8px;border-radius:18px}.object-emoji,.target-emoji,.object-card .emoji{font-size:1.7rem}}@media (max-height: 760px) and (max-width: 900px){.header{padding-block:12px;margin-bottom:10px}.task-rail--commercial{padding-block:12px}.task-rail__sentence{font-size:clamp(1.42rem,4.4vw,1.92rem)}.child-guidance-card--compact{min-height:44px;padding-block:7px}.mode-board-header--compact{padding-block:8px}.board-shell{gap:10px}.objects-grid,.targets-grid,.tap-board-grid,.targets-grid--play,.objects-grid--play{gap:8px}.draggable-object,.drop-target,.object-card,.object-card--tap{min-height:86px;padding-block:8px}.object-emoji,.target-emoji,.object-card .emoji{font-size:1.55rem}}@media (min-width: 721px) and (max-width: 1024px){.objects-grid,.targets-grid,.tap-board-grid,.targets-grid--play,.objects-grid--play{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}}@supports not (height: 100dvh){.teacher-drawer{height:100vh;max-height:100vh}}.teacher-drawer__header--tabs{gap:16px;border-bottom:1px solid rgba(20,33,61,.08)}.teacher-drawer__subtitle{margin:4px 0 0;max-width:42rem}.teacher-drawer-tabs{position:sticky;top:0;z-index:3;display:flex;gap:8px;overflow-x:auto;padding:10px 14px;background:#f8fbfff5;border-bottom:1px solid rgba(20,33,61,.08);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.teacher-drawer-tab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 12px;border-radius:999px;border:1px solid rgba(20,33,61,.08);background:#ffffffc7;color:#475569;font-weight:850;font-size:.88rem;white-space:nowrap;box-shadow:none}.teacher-drawer-tab:hover{color:#1d4ed8;border-color:#2563eb38;background:#fff}.teacher-drawer-tab.is-active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb47;box-shadow:inset 0 0 0 1px #2563eb14}.teacher-drawer__content--tabbed{padding-top:14px}.teacher-drawer-panel{display:grid;gap:14px;animation:teacher-panel-enter .18s ease both}.teacher-drawer-panel>.settings-panel,.teacher-drawer-panel>.settings-group,.teacher-drawer-panel>.profile-switcher,.teacher-drawer-panel>.card{margin:0}.teacher-account-card{padding:16px;border-radius:22px;background:#ffffffeb;border:1px solid rgba(20,33,61,.08)}.teacher-drawer-panel--practice .settings-panel .teacher-section-heading,.teacher-drawer-panel--voice .settings-panel .teacher-section-heading{padding-bottom:2px}@keyframes teacher-panel-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.teacher-drawer__subtitle{display:none}.teacher-drawer-tabs{padding:8px 10px}.teacher-drawer-tab{min-height:40px;padding-inline:10px;font-size:.82rem}.teacher-drawer__content--tabbed{padding-top:10px}}@media (prefers-reduced-motion: reduce){.teacher-drawer-panel{animation:none}}.premium-game-shell{position:relative;isolation:isolate;overflow:hidden;border-radius:34px;min-height:min(720px,calc(100dvh - 210px));border:1px solid rgba(59,130,246,.22);background:#dff5ff;box-shadow:0 26px 80px #0f172a24}.premium-scene-backdrop,.premium-scene-backdrop>*{position:absolute;pointer-events:none}.premium-scene-backdrop{top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 12% 15%,rgba(255,255,255,.88),transparent 23%),linear-gradient(180deg,#cef,#eaf8ff 38%,#fef1c6 62%,#f5d58f)}.premium-scene-backdrop__sky{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 42%,rgba(255,255,255,.3),transparent 22%),radial-gradient(circle at 72% 28%,rgba(255,255,255,.26),transparent 26%);opacity:.72}.premium-scene-backdrop__sun{top:34px;right:42px;width:clamp(64px,8vw,94px);height:clamp(64px,8vw,94px);border-radius:999px;background:radial-gradient(circle at 33% 28%,rgba(255,255,255,.65),transparent 22%),radial-gradient(circle,#fde68a,#fbbf24 65%,#f59e0b);box-shadow:0 0 34px #fbbf2466;animation:premium-soft-float 7s ease-in-out infinite}.premium-scene-backdrop__cloud{height:44px;border-radius:999px;background:#ffffffb8;filter:blur(.2px)}.premium-scene-backdrop__cloud:before,.premium-scene-backdrop__cloud:after{content:"";position:absolute;bottom:8px;border-radius:999px;background:inherit}.premium-scene-backdrop__cloud:before{left:22px;width:42px;height:42px}.premium-scene-backdrop__cloud:after{right:24px;width:58px;height:58px}.premium-scene-backdrop__cloud--one{top:72px;left:42%;width:150px;animation:premium-cloud-drift 13s ease-in-out infinite}.premium-scene-backdrop__cloud--two{top:152px;left:7%;width:116px;opacity:.58;animation:premium-cloud-drift 16s ease-in-out infinite reverse}.premium-scene-backdrop__hills{left:-8%;right:-8%;bottom:22%;height:34%;background:radial-gradient(ellipse at 17% 100%,rgba(74,222,128,.42) 0%,rgba(74,222,128,.42) 42%,transparent 43%),radial-gradient(ellipse at 70% 100%,rgba(34,197,94,.32) 0%,rgba(34,197,94,.32) 46%,transparent 47%)}.premium-scene-backdrop__path{left:36%;bottom:-18%;width:32%;height:52%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#fbbf242e,#b4530929);transform:perspective(360px) rotateX(52deg)}.premium-scene-backdrop__tree{bottom:44%;width:76px;height:120px}.premium-scene-backdrop__tree:before{content:"";position:absolute;left:33px;bottom:0;width:14px;height:56px;border-radius:999px;background:linear-gradient(180deg,#92400e,#78350f)}.premium-scene-backdrop__tree:after{content:"";position:absolute;left:0;top:0;width:76px;height:76px;border-radius:38px 42px 34px 44px;background:radial-gradient(circle at 34% 30%,#86efac 0 18%,transparent 19%),radial-gradient(circle at 62% 36%,#4ade80 0 22%,transparent 23%),radial-gradient(circle at 47% 58%,#22c55e 0 27%,transparent 28%)}.premium-scene-backdrop__tree--one{right:7%}.premium-scene-backdrop__tree--two{left:6%;transform:scale(.82);opacity:.74}.premium-scene-stage{position:relative;display:grid;gap:12px;padding:clamp(14px,2vw,24px)}.premium-scene-hero{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,2.4vw,30px);min-height:clamp(126px,17vw,190px)}.guide-character{display:grid;justify-items:center;gap:6px;margin:0}.guide-character--scene{align-self:end}.guide-character__portrait{width:clamp(96px,14vw,176px);height:clamp(96px,14vw,176px);display:grid;place-items:center;border-radius:28px;background:linear-gradient(180deg,#ffffffe0,#fff8e5c7);border:1px solid rgba(255,255,255,.7);box-shadow:0 22px 44px #0f172a29}.guide-character__avatar{width:94%;height:94%;object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:50% 82%;animation:milo-float 3.2s ease-in-out infinite}.guide-character--happy .guide-character__avatar{animation:milo-happy-pop .52s cubic-bezier(.2,.9,.2,1),milo-float 3.2s ease-in-out .52s infinite}.guide-character--thinking .guide-character__avatar{animation:milo-thinking-tilt .72s ease,milo-float 3.2s ease-in-out .72s infinite}.guide-character__caption{display:grid;padding:6px 10px;text-align:center;line-height:1.05;border-radius:16px;background:#ffffff9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guide-character__caption strong{color:#0f172a;font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:950}.guide-character__caption span{color:#64748b;font-size:.72rem;font-weight:800}.character-speech-bubble{position:relative;width:fit-content;max-width:min(560px,100%);padding:clamp(12px,1.7vw,20px) clamp(16px,2.2vw,26px);border-radius:28px 28px 28px 10px;background:#ffffffeb;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 46px #0f172a21;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.character-speech-bubble:before{content:"";position:absolute;left:-10px;bottom:22px;width:22px;height:22px;background:inherit;border-left:1px solid rgba(15,23,42,.08);border-bottom:1px solid rgba(15,23,42,.08);transform:rotate(45deg)}.character-speech-bubble p{margin:0;color:#172554;font-size:clamp(1.05rem,2vw,1.45rem);font-weight:950;line-height:1.18;text-wrap:balance}.character-speech-bubble strong,.character-speech-bubble .keyword{color:#2563eb}.premium-mission-card{position:relative;z-index:3;border-radius:22px;background:#ffffffb8;border:1px solid rgba(245,158,11,.24);box-shadow:0 14px 32px #0f172a14;overflow:hidden}.premium-mission-card--compact[open]{background:linear-gradient(135deg,#fffbebeb,#ffffffd6)}.premium-mission-card__summary{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding:10px 14px;cursor:pointer;list-style:none}.premium-mission-card__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#fff7ed;box-shadow:inset 0 0 0 1px #f59e0b2e}.premium-mission-card__label{color:#92400e;font-size:.78rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.premium-mission-card__context{justify-self:end;min-width:0;max-width:min(280px,40vw);color:#1d4ed8;font-size:.86rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-mission-card__body{padding:0 16px 14px 58px}.premium-mission-card__eyebrow,.premium-mission-card h3,.premium-mission-card p{margin:0}.premium-mission-card__eyebrow{color:#92400e;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.premium-mission-card h3{margin-top:2px;color:#0f172a;font-size:clamp(.98rem,1.35vw,1.14rem)}.premium-mission-card p{margin-top:2px;color:#475569;font-weight:700}.premium-game-shell__board-wrap{position:relative;z-index:2;padding:clamp(10px,1.6vw,18px);border-radius:30px;background:linear-gradient(180deg,#ffffffb3,#fff7e0a3),linear-gradient(90deg,#92400e1a,#fbbf2414);border:1px solid rgba(255,255,255,.78);box-shadow:0 20px 55px #92400e29}.premium-play-surface{position:absolute;inset:auto 0 0;height:28%;border-radius:0 0 30px 30px;background:repeating-linear-gradient(90deg,rgba(180,83,9,.1) 0 1px,transparent 1px 64px),linear-gradient(180deg,#fbbf242e,#92400e29);opacity:.7}.premium-game-shell__board{position:relative;z-index:1}.premium-game-shell .board-shell{border:2px solid rgba(255,255,255,.82);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.7),transparent 34%),linear-gradient(180deg,#ffffffb3,#fffbeb8f);box-shadow:inset 0 1px #ffffffd1,0 14px 36px #0f172a0f}.premium-game-shell .objects-grid,.premium-game-shell .targets-grid,.premium-game-shell .tap-board-grid,.premium-game-shell .targets-grid--play,.premium-game-shell .objects-grid--play{gap:clamp(8px,1.2vw,14px)}.premium-game-shell .draggable-object,.premium-game-shell .drop-target,.premium-game-shell .object-card,.premium-game-shell .object-card--tap,.premium-game-shell .preposition-zone,.premium-game-shell .zone-button{min-height:clamp(82px,9vw,122px);padding:clamp(8px,1vw,12px);border-radius:22px;border-width:2px;background:linear-gradient(180deg,#ffffffc7,#fff8e5b8);box-shadow:0 12px 26px #0f172a17;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.premium-game-shell .targets-grid .drop-target:nth-child(1),.premium-game-shell .targets-grid--play .drop-target:nth-child(1){background:linear-gradient(180deg,#ffe4e6,#fff7ed);border-color:#f8717161}.premium-game-shell .targets-grid .drop-target:nth-child(2),.premium-game-shell .targets-grid--play .drop-target:nth-child(2){background:linear-gradient(180deg,#fef3c7,#fff7ed);border-color:#f59e0b61}.premium-game-shell .targets-grid .drop-target:nth-child(3),.premium-game-shell .targets-grid--play .drop-target:nth-child(3){background:linear-gradient(180deg,#dcfce7,#f7fee7);border-color:#22c55e57}.premium-game-shell .targets-grid .drop-target:nth-child(4),.premium-game-shell .targets-grid--play .drop-target:nth-child(4){background:linear-gradient(180deg,#dbeafe,#eff6ff);border-color:#0ea5e966}.premium-game-shell .targets-grid .drop-target:nth-child(5),.premium-game-shell .targets-grid--play .drop-target:nth-child(5){background:linear-gradient(180deg,#f3e8ff,#faf5ff);border-color:#a855f757}.premium-game-shell .targets-grid .drop-target:nth-child(6),.premium-game-shell .targets-grid--play .drop-target:nth-child(6){background:linear-gradient(180deg,#ffedd5,#fff7ed);border-color:#fb923c57}.premium-game-shell .object-emoji,.premium-game-shell .target-emoji,.premium-game-shell .object-card .emoji,.premium-game-shell .draggable-object span:first-child,.premium-game-shell .drop-target span:first-child{font-size:clamp(2.1rem,4.3vw,3.35rem);line-height:1;filter:drop-shadow(0 7px 9px rgba(15,23,42,.14))}.premium-game-shell .object-label,.premium-game-shell .target-label,.premium-game-shell .object-card .label,.premium-game-shell .draggable-object strong,.premium-game-shell .drop-target strong{color:#172033;font-size:clamp(.88rem,1.35vw,1.05rem);font-weight:950}.premium-game-shell .draggable-object:hover,.premium-game-shell .drop-target:hover,.premium-game-shell .object-card:hover,.premium-game-shell .object-card--tap:hover,.premium-game-shell .preposition-zone:hover,.premium-game-shell .zone-button:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 18px 36px #0f172a24}.premium-game-shell .draggable-object.selected,.premium-game-shell .object-card.is-selected,.premium-game-shell .object-card--selected,.premium-game-shell .drop-target--ready,.premium-game-shell .preposition-zone--ready,.premium-game-shell .zone-button--ready{box-shadow:0 0 0 5px #2563eb24,0 20px 48px #2563eb2e;border-color:#2563eb80}.premium-game-shell--correct .draggable-object.selected,.premium-game-shell--correct .object-card.is-selected,.premium-game-shell--correct .object-card--selected,.premium-game-shell--correct .drop-target--ready,.premium-game-shell--correct .preposition-zone--ready,.premium-game-shell--correct .zone-button--ready{box-shadow:0 0 0 6px #22c55e33,0 20px 48px #22c55e33;border-color:#22c55e80}.premium-game-shell--incorrect .draggable-object.selected,.premium-game-shell--incorrect .object-card.is-selected,.premium-game-shell--incorrect .object-card--selected,.premium-game-shell--incorrect .drop-target--ready,.premium-game-shell--incorrect .preposition-zone--ready,.premium-game-shell--incorrect .zone-button--ready{animation:premium-gentle-shake .32s ease both}.premium-reward-strip{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(120px,240px) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:24px;background:#ffffffc7;border:1px solid rgba(255,255,255,.72);box-shadow:0 16px 36px #0f172a1a}.premium-reward-strip__medal{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:radial-gradient(circle,#fef3c7,#f59e0b);box-shadow:0 10px 22px #f59e0b40;font-size:1.4rem}.premium-reward-strip__copy{display:grid;min-width:0;line-height:1.16}.premium-reward-strip__copy strong{color:#0f172a;font-weight:950}.premium-reward-strip__copy span{color:#64748b;font-size:.82rem;font-weight:750}.premium-reward-strip__meter{overflow:hidden;height:14px;border-radius:999px;background:#0f172a14}.premium-reward-strip__meter span{display:block;width:58%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#84cc16,#facc15);box-shadow:0 0 18px #84cc168c}.premium-reward-strip__helper{max-width:230px;padding:10px 14px;border-radius:18px 18px 6px;color:#172554;background:#ffffffeb;font-weight:900;box-shadow:0 10px 24px #0f172a1a}.reward-burst{position:absolute;z-index:8;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none}.reward-burst__badge{display:inline-flex;align-items:center;gap:7px;padding:14px 18px;border-radius:999px;color:#166534;font-weight:950;background:#fffffff7;box-shadow:0 24px 70px #0f172a38;animation:reward-badge-pop .82s ease both}.reward-burst__spark{position:absolute;width:12px;height:12px;border-radius:999px;background:#fbbf24;box-shadow:0 0 18px #fbbf24e6;animation:reward-spark .82s ease both}.reward-burst__spark--one{left:-14px;top:8px}.reward-burst__spark--two{right:-16px;top:-8px;animation-delay:80ms}.reward-burst__spark--three{left:50%;bottom:-16px;animation-delay:.14s}@keyframes milo-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes milo-happy-pop{0%{transform:translateY(0) scale(.94)}45%{transform:translateY(-12px) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes milo-thinking-tilt{0%,to{transform:rotate(0)}35%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}}@keyframes premium-cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(24px)}}@keyframes premium-soft-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}@keyframes premium-gentle-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes reward-badge-pop{0%{opacity:0;transform:translateY(10px) scale(.88)}18%{opacity:1;transform:translateY(0) scale(1.05)}72%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.98)}}@keyframes reward-spark{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(12px,-34px) scale(1.4)}}@media (max-width: 900px){.premium-game-shell{min-height:auto}.premium-reward-strip{grid-template-columns:auto minmax(0,1fr)}.premium-reward-strip__meter,.premium-reward-strip__helper{grid-column:1 / -1}}@media (max-width: 720px){.premium-game-shell{border-radius:26px}.premium-scene-stage{padding:12px}.premium-scene-hero{grid-template-columns:auto minmax(0,1fr);min-height:108px;gap:10px}.guide-character__portrait{width:78px;height:78px;border-radius:22px}.guide-character__caption{display:none}.character-speech-bubble{padding:11px 13px;border-radius:20px}.character-speech-bubble:before{left:-7px;width:16px;height:16px}.character-speech-bubble p{font-size:.98rem}.premium-scene-backdrop__sun{right:18px;top:20px;width:56px;height:56px}.premium-scene-backdrop__tree{display:none}.premium-mission-card__summary{grid-template-columns:auto minmax(0,1fr)}.premium-mission-card__context{grid-column:1 / -1;justify-self:start;max-width:100%}.premium-mission-card__body{padding:0 12px 12px}.premium-game-shell__board-wrap{padding:8px;border-radius:24px}.premium-game-shell .draggable-object,.premium-game-shell .drop-target,.premium-game-shell .object-card,.premium-game-shell .object-card--tap,.premium-game-shell .preposition-zone,.premium-game-shell .zone-button{min-height:88px;border-radius:18px}.premium-reward-strip{display:none}}@media (max-width: 420px){.premium-scene-hero{align-items:start}.guide-character__portrait{width:64px;height:64px}.premium-game-shell .draggable-object,.premium-game-shell .drop-target,.premium-game-shell .object-card,.premium-game-shell .object-card--tap,.premium-game-shell .preposition-zone,.premium-game-shell .zone-button{min-height:76px;padding:7px}.premium-game-shell .object-emoji,.premium-game-shell .target-emoji,.premium-game-shell .object-card .emoji,.premium-game-shell .draggable-object span:first-child,.premium-game-shell .drop-target span:first-child{font-size:1.8rem}}@media (prefers-reduced-motion: reduce){.guide-character__avatar,.guide-character--happy .guide-character__avatar,.guide-character--thinking .guide-character__avatar,.premium-scene-backdrop__sun,.premium-scene-backdrop__cloud,.reward-burst__badge,.reward-burst__spark,.premium-game-shell--incorrect .draggable-object.selected,.premium-game-shell--incorrect .object-card.is-selected,.premium-game-shell--incorrect .object-card--selected,.premium-game-shell--incorrect .drop-target--ready,.premium-game-shell--incorrect .preposition-zone--ready,.premium-game-shell--incorrect .zone-button--ready{animation:none!important}}.premium-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.76);background:#ffffffd1;color:#334155;box-shadow:0 8px 22px #0f172a12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font:inherit;text-align:left;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.premium-chip:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f172a1a}.premium-chip:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:2px}.premium-chip__icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:999px;background:#ffffffdb;box-shadow:inset 0 0 0 1px #0f172a0f;font-size:.92rem}.premium-chip__label{flex:0 0 auto;color:#7c2d12;font-size:.78rem;font-weight:950;letter-spacing:.055em;text-transform:uppercase}.premium-chip__context{min-width:0;max-width:min(42vw,320px);color:#1d4ed8;font-size:.84rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-chip__chevron{flex:0 0 auto;margin-left:auto;color:#94a3b8;font-weight:950;transition:transform .16s ease}.premium-mission-card[open] .premium-chip__chevron{transform:rotate(180deg)}.premium-chip--tips{background:linear-gradient(135deg,#fffbebd6,#eff6ffc7);border-color:#f59e0b2e}.premium-chip--mode{background:#ffffffc7;border-color:#2563eb24}.premium-chip--mission{width:100%;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;background:#ffffffb8;border-color:#f59e0b38;box-shadow:none}.practice-chrome-collapse__toggle{border:0}.practice-chrome-collapse__toggle>span:not(.premium-chip__icon):not(.premium-chip__label),.practice-chrome-collapse__toggle>strong:not(.premium-chip__context){display:none}.practice-chrome-collapse,.practice-chrome-collapse--mode{display:flex;align-items:center;gap:8px}.practice-chrome-collapse.is-collapsed,.practice-chrome-collapse--mode.is-collapsed{margin-block:2px}.premium-scene-hero{grid-template-columns:minmax(104px,auto) minmax(0,1fr);align-items:end}.guide-character--scene{transform:translateY(8px)}.guide-character--scene .guide-character__portrait{width:clamp(112px,15vw,190px);height:clamp(112px,15vw,190px);border-radius:34px}.character-speech-bubble{margin-bottom:clamp(22px,4.4vw,54px)}.premium-mission-card{box-shadow:0 10px 24px #0f172a12}.premium-mission-card__summary{min-height:42px;padding:7px 11px;list-style:none}.premium-mission-card__summary::-webkit-details-marker{display:none}.premium-reward-strip{grid-template-columns:auto minmax(0,1fr) minmax(150px,250px) auto;padding:10px 12px;background:linear-gradient(135deg,#ffffffd6,#fff7e0c2)}.premium-reward-strip__copy strong{color:#172554}.premium-reward-strip__helper{position:relative;border-radius:999px;background:#ffffffeb;color:#172554;box-shadow:0 10px 24px #0f172a14}.premium-reward-strip--correct .premium-reward-strip__medal{animation:reward-medal-pop .52s cubic-bezier(.2,.9,.2,1)}.premium-reward-strip--correct .premium-reward-strip__meter span{background:linear-gradient(90deg,#22c55e,#84cc16,#facc15);width:82%}.premium-reward-strip--incorrect .premium-reward-strip__helper{color:#92400e;background:#fff7ed}.premium-reward-strip--listening .premium-reward-strip__helper{color:#1d4ed8;background:#eff6ff}@keyframes reward-medal-pop{0%{transform:scale(.86) rotate(-8deg)}45%{transform:scale(1.14) rotate(6deg)}to{transform:scale(1) rotate(0)}}@media (max-width: 720px){.premium-chip{min-height:36px;padding:7px 10px}.premium-chip__context{max-width:100%}.premium-chip--mission{grid-template-columns:auto auto minmax(0,1fr)}.premium-chip--mission .premium-chip__chevron{display:none}.premium-scene-hero{align-items:center}.guide-character--scene{transform:none}.guide-character--scene .guide-character__portrait{width:82px;height:82px;border-radius:24px}.character-speech-bubble{margin-bottom:0}}@media (max-width: 420px){.premium-chip__label{font-size:.72rem}.premium-chip__context{font-size:.78rem}}@media (prefers-reduced-motion: reduce){.premium-reward-strip--correct .premium-reward-strip__medal{animation:none!important}}.premium-trial-gate{display:grid;gap:8px}.premium-trial-gate__badge{justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 8px 7px 12px;border-radius:999px;background:#ffffffdb;border:1px solid rgba(245,158,11,.24);box-shadow:0 12px 28px #0f172a14;color:#334155;font-size:.82rem;font-weight:800}.premium-trial-gate__badge strong{color:#1d4ed8;font-weight:950}.premium-trial-gate__spark{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#fff7ed}.premium-trial-gate__remaining{color:#92400e;font-size:.76rem;font-weight:950}.premium-trial-gate__badge button{min-height:30px;padding:5px 10px;border:0;border-radius:999px;background:#2563eb;color:#fff;font-weight:900;cursor:pointer}.premium-lock-overlay{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:12px;padding:16px;border-radius:26px;background:radial-gradient(circle at 10% 20%,rgba(251,191,36,.2),transparent 24%),linear-gradient(135deg,#fffbebf5,#eff6ffeb);border:1px solid rgba(245,158,11,.24);box-shadow:0 18px 44px #0f172a1a}.premium-lock-overlay__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:20px;background:#ffffffc2;box-shadow:inset 0 0 0 1px #0f172a0f;font-size:1.7rem}.premium-lock-overlay__copy{min-width:0}.premium-lock-overlay__eyebrow,.premium-lock-overlay h3,.premium-lock-overlay p{margin:0}.premium-lock-overlay__eyebrow{color:#92400e;font-size:.76rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.premium-lock-overlay h3{margin-top:3px;color:#0f172a;font-size:clamp(1rem,1.5vw,1.18rem)}.premium-lock-overlay p{margin-top:4px;color:#475569;font-weight:650}.premium-lock-overlay__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 720px){.premium-trial-gate__badge{justify-self:stretch;justify-content:space-between;border-radius:18px}.premium-lock-overlay{grid-template-columns:1fr;text-align:left}.premium-lock-overlay__actions{justify-content:stretch}.premium-lock-overlay__actions>button{flex:1 1 160px}}.site-page{min-height:100vh;padding:28px 24px 36px;max-width:1280px;margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 28px;flex-wrap:wrap}.site-logo{font-weight:800;color:#14213d;text-decoration:none;font-size:1.24rem;letter-spacing:-.02em}.site-nav{display:flex;gap:22px;flex-wrap:wrap}.site-nav a{color:#334155;text-decoration:none;font-weight:500}.site-header-actions,.site-hero-actions,.site-page-actions,.site-admin-actions,.site-inline-link-row,.site-action-pill-row,.site-admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.site-button,.site-action-pill,.site-cms-page-chip,.site-cms-sidebar-item{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;border-radius:18px;min-height:50px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,border-color .12s ease}.site-button:hover,.site-action-pill:hover,.site-inline-link:hover,.site-cms-page-chip:hover,.site-cms-sidebar-item:hover{opacity:.97}.site-button-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 14px 34px #2563eb2e}.site-button-secondary,.site-action-pill,.site-cms-page-chip,.site-cms-sidebar-item{background:#ffffffe0;color:#0f172a;border:1px solid #dbe4f0;box-shadow:0 8px 24px #0f172a0a}.site-user-pill,.site-kicker,.site-price-pill,.site-step-pill,.site-proof-pill,.site-admin-badge,.site-audience-link-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 13px;font-size:.85rem}.site-user-pill,.site-proof-pill,.site-admin-badge.is-neutral,.site-kicker,.site-price-pill,.site-step-pill,.site-audience-link-pill{background:#e8f0fe;color:#1d4ed8}.site-admin-badge.is-success{background:#dcfce7;color:#166534}.site-admin-badge.is-warning{background:#fef3c7;color:#92400e}.site-hero,.site-page-hero{display:grid;grid-template-columns:1.42fr .96fr;gap:28px;align-items:start;padding:18px 0 8px}.site-page-hero-admin{align-items:end;padding-bottom:0}.site-hero-copy h1,.site-page-hero h1{font-size:3.9rem;line-height:.98;letter-spacing:-.045em;margin:14px 0 16px;color:#0f172a;max-width:12ch}.site-hero-subheadline,.site-page-lead,.site-muted{color:#475569}.site-hero-subheadline{max-width:48rem;font-size:1.14rem;line-height:1.55}.site-hero-panel-title{margin:14px 0 10px;color:#0f172a;font-size:1.55rem;line-height:1.2;letter-spacing:-.03em}.site-hero-panel,.site-surface-card,.site-feature-card,.site-pricing-card,.site-audience-card,.site-faq-card,.site-journey-card,.site-proof-card,.site-legal-card,.site-admin-panel,.site-admin-card{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:28px;padding:24px;box-shadow:0 18px 48px #0f172a0e}.site-hero-panel{background:linear-gradient(180deg,#fffffff5,#f8fafcf5);padding:22px}.site-proof-inline,.site-proof-grid,.site-feature-grid,.site-pricing-grid,.site-audience-grid,.site-faq-list,.site-journey-grid,.site-footer-grid,.site-admin-summary-grid,.site-mini-stats,.site-admin-metrics,.site-admin-grid-two{display:grid;gap:18px}.site-proof-inline{gap:12px;margin-top:18px}.site-feature-grid,.site-pricing-grid,.site-audience-grid,.site-proof-grid,.site-journey-grid,.site-footer-grid,.site-admin-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.site-mini-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 22px}.site-admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.site-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.site-mini-stat,.site-admin-summary-card,.site-admin-metric{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:20px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0f172a09}.site-mini-stat-label,.site-admin-summary-label,.site-admin-metric-label,.site-footer-heading,.site-admin-meta{color:#64748b;font-size:.82rem;text-transform:none}.site-mini-stat-value,.site-admin-summary-value,.site-admin-metric-value,.site-footer-brand{margin-top:6px;color:#0f172a;font-weight:700;word-break:break-word}.site-section{padding:58px 0 8px}.site-section-alt{padding-top:46px}.site-section-heading h2,.site-cta-band h2,.site-admin-intro h2,.site-admin-intro h3{margin:10px 0 8px;color:#0f172a;letter-spacing:-.03em}.site-check-list{margin:14px 0 0 18px;color:#334155}.site-inline-link{color:#1d4ed8;text-decoration:none;font-weight:700}.site-pricing-card-featured{border-color:#93c5fd;box-shadow:0 20px 48px #2563eb14}.site-audience-strip{margin-top:18px;display:grid;gap:10px}.site-audience-strip-label{color:#64748b;font-size:.9rem;font-weight:600}.site-audience-strip-links{display:flex;flex-wrap:wrap;gap:10px}.site-audience-link-pill{text-decoration:none;font-weight:600;padding:10px 14px}.site-audience-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.site-audience-card-arrow{color:#94a3b8;font-size:1.1rem}.site-cta-band{margin-top:36px;padding:30px 30px 28px;border-radius:32px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;box-shadow:0 18px 44px #2563eb14}.site-cta-band-copy{max-width:46rem}.site-footer{margin-top:56px;padding:34px 0 18px;border-top:1px solid #e2e8f0}.site-footer-grid{grid-template-columns:1.35fr .8fr .9fr .8fr 1fr;align-items:start;gap:22px}.site-footer-brand-block{max-width:24rem}.site-footer-brand{font-size:1.08rem;letter-spacing:-.02em}.site-footer-tagline{margin-top:10px;line-height:1.6}.site-footer-heading{margin-bottom:12px;font-weight:700;color:#475569}.site-footer-links{display:grid;gap:10px}.site-footer-links a,.site-footer-links span{color:#334155;text-decoration:none;line-height:1.55}.site-footer-bottom{margin-top:24px;color:#64748b;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-legal-meta{display:grid;gap:8px;margin-bottom:22px}.site-legal-warning,.error-text,.site-success-text{border-radius:14px;padding:10px 12px}.site-legal-warning,.error-text{background:#fff7ed;color:#9a3412}.site-success-text{background:#ecfdf5;color:#166534}.site-admin-stack,.site-admin-list,.site-cms-sidebar-list{display:grid;gap:18px}.site-admin-card-head,.site-admin-intro{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-admin-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.site-admin-input,.site-admin-select,.site-admin-textarea{width:100%;border-radius:14px;border:1px solid #cbd5e1;background:#fff;padding:12px 14px;font:inherit}.site-admin-field{display:grid;gap:8px;flex:1 1 280px}.site-admin-textarea{min-height:110px;resize:vertical}.site-admin-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:180px}.site-cms-sidebar-item,.site-cms-page-chip{justify-content:space-between}.site-cms-sidebar-item,.site-cms-page-chip,.site-cms-sidebar{text-align:left}.site-cms-sidebar-item.is-active,.site-cms-page-chip.is-active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.legal-section h2{margin-bottom:8px;color:#0f172a}.legal-section p,.legal-section li,.site-feature-card p,.site-faq-card p,.site-audience-card p,.site-proof-card p,.site-journey-card p,.site-pricing-card p{color:#334155}@media (max-width: 1180px){.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1100px){.site-hero,.site-page-hero,.site-admin-grid-two{grid-template-columns:1fr}.site-hero-copy h1,.site-page-hero h1{font-size:3.15rem;max-width:14ch}.site-page-hero-admin{padding-bottom:6px}}@media (max-width: 960px){.site-page{padding:22px 18px 30px}.site-feature-grid,.site-pricing-grid,.site-audience-grid,.site-footer-grid,.site-mini-stats,.site-admin-summary-grid,.site-admin-metrics,.site-journey-grid,.site-proof-grid,.site-admin-grid-two{grid-template-columns:1fr}.site-hero-copy h1,.site-page-hero h1{font-size:2.5rem;max-width:none}.site-cta-band{padding:24px}}