body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,.brand,.play-world,.completion h1,.reward-total strong{font-family:var(--font-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);font-weight:600}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.eyebrow{font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-faint);font-weight:800}.star-pill,.activity-progress,.today-footer,.reward-total strong,.cq-nav-count{font-variant-numeric:tabular-nums}.activity h1,.activity-visual,.reading-adventure .scene-text,.letter-tiles button,.letter-slots button,.letter-tray button,.phoneme-boxes>button,.train-car strong,.word-picture,.writing-guide input,.scene-text,.story-book p{font-family:var(--font-reading);letter-spacing:.01em}.panel,.today-card,.nova-card,.badge-card,.game-card,.story-shelf>button,.world-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out)}.world-card,.game-card,.story-shelf>button,.plaza-portals button,.wonder-world,.wonder-destination,.creative-doors button{cursor:pointer;transition:transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out)}@media (hover:hover) and (pointer:fine){.world-card:hover,.game-card:hover,.story-shelf>button:hover,.plaza-portals button:hover,.wonder-world:hover,.wonder-destination:hover,.creative-doors button:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}.world-card:active,.game-card:active,.story-shelf>button:active,.plaza-portals button:active,.wonder-world:active,.wonder-destination:active,.creative-doors button:active,.answers button:active:not(:disabled){transition-duration:var(--dur-instant);transform:translateY(1px)scale(.985)}.primary{font-family:var(--font-display);letter-spacing:0;border-radius:var(--radius-md);background:var(--gradient-leaf);border:0;border-bottom:var(--press-depth) solid var(--green-800);box-shadow:var(--shadow-sm), var(--shadow-inset);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);font-weight:600}.primary:hover:not(:disabled){box-shadow:var(--shadow-md), var(--shadow-inset);transform:translateY(-2px)}.primary:active:not(:disabled){transform:translateY(var(--press-depth));margin-bottom:var(--press-depth);box-shadow:none;border-bottom-width:0}.secondary{border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);font-weight:700}.secondary:hover:not(:disabled){border-color:var(--green-300);background:var(--green-50)}.secondary:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}.answers button{border-radius:var(--radius-lg);border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-bottom-width:5px}@media (hover:hover) and (pointer:fine){.answers button:hover:not(:disabled){border-color:var(--green-300);box-shadow:var(--shadow-md);transform:translateY(-3px)}}.answers button.chosen{border-color:var(--sun-400);background:var(--sun-100)}.answers button.correct{border-color:var(--green-400);background:var(--green-100);animation:cq-correct var(--dur-celebrate) var(--ease-bounce)}@keyframes cq-correct{0%{transform:scale(1)}35%{transform:scale(1.06)}60%{transform:scale(.98)}to{transform:scale(1)}}@keyframes cq-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cq-fade{0%{opacity:0}to{opacity:1}}@keyframes cq-pop{0%{opacity:0;transform:scale(.88)}70%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.cq-main>*,.worlds-grid>*,.game-grid>*,.badge-grid>*,.wonder-worlds>*,.cq-sheet-grid>*{animation:cq-rise var(--dur-slow) var(--ease-out) both}.worlds-grid>:first-child,.game-grid>:first-child,.badge-grid>:first-child,.wonder-worlds>:first-child,.cq-sheet-grid>:first-child{animation-delay:30ms}.worlds-grid>:nth-child(2),.game-grid>:nth-child(2),.badge-grid>:nth-child(2),.wonder-worlds>:nth-child(2),.cq-sheet-grid>:nth-child(2){animation-delay:60ms}.worlds-grid>:nth-child(3),.game-grid>:nth-child(3),.badge-grid>:nth-child(3),.wonder-worlds>:nth-child(3),.cq-sheet-grid>:nth-child(3){animation-delay:90ms}.worlds-grid>:nth-child(4),.game-grid>:nth-child(4),.badge-grid>:nth-child(4),.wonder-worlds>:nth-child(4),.cq-sheet-grid>:nth-child(4){animation-delay:.12s}.worlds-grid>:nth-child(5),.game-grid>:nth-child(5),.badge-grid>:nth-child(5),.wonder-worlds>:nth-child(5),.cq-sheet-grid>:nth-child(5){animation-delay:.15s}.worlds-grid>:nth-child(6),.game-grid>:nth-child(6),.badge-grid>:nth-child(6),.wonder-worlds>:nth-child(6),.cq-sheet-grid>:nth-child(6){animation-delay:.18s}.worlds-grid>:nth-child(7),.game-grid>:nth-child(7),.badge-grid>:nth-child(7),.wonder-worlds>:nth-child(7),.cq-sheet-grid>:nth-child(7){animation-delay:.21s}.worlds-grid>:nth-child(n+8),.game-grid>:nth-child(n+8),.badge-grid>:nth-child(n+8),.wonder-worlds>:nth-child(n+8),.cq-sheet-grid>:nth-child(n+8){animation-delay:.24s}.progress-track{border-radius:var(--radius-pill);background:var(--line-soft);height:8px;overflow:hidden}.progress-track span{border-radius:var(--radius-pill);background:var(--gradient-leaf);height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}.activity-progress>div>span{border-radius:var(--radius-pill);transition:background var(--dur-base) var(--ease-out)}.activity-progress>div>span.done{background:var(--green-400)}.star-pill{background:var(--gradient-gold);color:var(--green-900);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);font-weight:800}.big-reward{background:var(--gradient-gold);color:var(--green-900);border-radius:var(--radius-lg);box-shadow:var(--shadow-gold);animation:cq-pop var(--dur-celebrate) var(--ease-bounce) both}.celebration{background:var(--gradient-gold);box-shadow:var(--shadow-gold);animation:cq-pop var(--dur-celebrate) var(--ease-bounce) both}.badge-card.earned{background:var(--gradient-dawn);border-color:var(--sun-300);box-shadow:var(--shadow-md)}@keyframes cq-shine{0%{background-position:-160% 0}to{background-position:260% 0}}.badge-card.earned:after{content:"";border-radius:inherit;pointer-events:none;animation:cq-shine 1.6s var(--ease-out) 1 both;background:linear-gradient(105deg,#0000 38%,#ffffff8c 50%,#0000 62%) 0 0/220% 100%;position:absolute;inset:0}.badge-card{position:relative;overflow:hidden}@keyframes cq-breathe{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-1.2deg)}}.nova-note .fox,.nova-card-title>span{animation:cq-breathe 4.5s var(--ease-in-out) infinite;display:inline-block}.activity .fox,.feedback .fox{animation:none}.feedback{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);animation:cq-rise var(--dur-base) var(--ease-out) both}.feedback.positive{background:var(--green-100);border-color:var(--green-200)}@keyframes cq-shimmer{0%{background-position:180% 0}to{background-position:-80% 0}}.cq-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--sand-200) 20%, var(--sand-100) 42%, var(--sand-200) 64%);background-size:220% 100%;animation:1.5s linear infinite cq-shimmer}.cq-skeleton-text{height:14px;margin-bottom:var(--space-3)}.cq-skeleton-card{height:168px}.cq-skeleton-hero{height:280px}.loading{color:var(--ink-faint);font-family:var(--font-display)}.cq-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cq-route-skeleton{display:block}.cq-skeleton-shape{gap:var(--space-5);flex-direction:column;display:flex}.cq-skeleton-heading{gap:var(--space-2);flex-direction:column;display:flex}.cq-skeleton-heading .cq-skeleton-text{height:20px;margin-bottom:0}.cq-skeleton-row,.cq-skeleton-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.cq-skeleton-row{grid-template-columns:repeat(3,1fr)}.cq-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1181px){.cq-skeleton-grid{grid-template-columns:repeat(3,1fr)}}.cq-skeleton-panel{height:200px}.cq-skeleton-canvas{gap:var(--space-4);min-height:min(60dvh,520px);display:flex}.cq-skeleton-rail{border-radius:var(--radius-xl);flex:none;width:88px}.cq-skeleton-surface{border-radius:var(--radius-xl);flex:1}@media (max-width:767px){.cq-skeleton-grid>:nth-child(n+4){display:none}.cq-skeleton-canvas{flex-direction:column}.cq-skeleton-rail{width:100%;height:64px}.cq-skeleton-surface{min-height:40dvh}.cq-skeleton-hero{height:200px}}.cq-route-error,.cq-notfound{text-align:center;align-items:center;gap:var(--space-3);max-width:34rem;padding:var(--space-8) var(--space-6);flex-direction:column;margin-inline:auto;display:flex}.cq-route-error h1,.cq-notfound h1{font-size:var(--text-2xl);margin:0}.cq-route-error p,.cq-notfound p{margin:0}.cq-route-error-mark,.cq-notfound>span[aria-hidden]{font-size:48px;line-height:1}.cq-route-error-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.cq-route-error-actions .primary,.cq-route-error-actions .secondary,.cq-notfound .primary{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding-inline:var(--space-5);text-decoration:none;display:inline-flex}.cq-notfound{min-height:60dvh;padding-block:var(--space-10);justify-content:center}input,form select,textarea{border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--surface);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);min-height:var(--touch-min)}input:focus,form select:focus,textarea:focus{border-color:var(--green-400);box-shadow:0 0 0 4px var(--green-50)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.cq-main>*,.worlds-grid>*,.game-grid>*,.badge-grid>*,.wonder-worlds>*,.cq-sheet-grid>*{opacity:1;animation:none;transform:none}.nova-note .fox,.nova-card-title>span{animation:none}.badge-card.earned:after{display:none}.cq-skeleton{animation:none}.celebration-layer{display:none}.primary:active:not(:disabled){border-bottom-width:var(--press-depth);margin-bottom:0;transform:none}}[data-reduced-motion] *,[data-reduced-motion] :before,[data-reduced-motion] :after{scroll-behavior:auto;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}[data-reduced-motion] .celebration-layer{display:none}.world-card[data-world]{background:var(--world-soft);border:1px solid var(--world-line)}.world-card[data-world] h3{color:var(--world-ink)}.world-card[data-world] p,.world-card[data-world] .world-progress,.world-card[data-world] .world-tag{color:var(--world-ink);opacity:.82}.world-card[data-world] .world-symbol{background:color-mix(in srgb, var(--world-line) 72%, #fff);color:var(--world-ink);box-shadow:0 4px 0 color-mix(in srgb, var(--world-line) 88%, #000 6%)}.world-card[data-world] .progress-track{background:color-mix(in srgb, var(--world-line) 60%, #fff)}.world-card[data-world] .progress-track span{background:var(--world-deep)}
.cq-shell{background:var(--cream);min-height:100dvh;display:flex}.cq-skip{top:calc(var(--safe-top) + var(--space-2));left:var(--space-2);z-index:100;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--leaf);color:#fff;transition:transform var(--dur-base) var(--ease-out);font-weight:700;position:fixed;transform:translateY(-200%)}.cq-skip:focus-visible{transform:translateY(0)}.cq-rail{background:var(--surface);border-right:1px solid var(--line);padding:calc(var(--safe-top) + var(--space-6)) var(--space-3) calc(var(--safe-bottom) + var(--space-4));padding-left:max(var(--space-3), var(--safe-left));flex-direction:column;flex:none;display:none}.cq-rail-head{gap:var(--space-4);display:grid}.cq-rail-nav{gap:var(--space-1);margin-top:var(--space-6);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}.cq-rail-divider{border:0;border-top:1px dashed var(--line);margin:var(--space-3) var(--space-2)}.cq-rail-foot{padding-top:var(--space-4);gap:var(--space-1);margin-top:auto;display:grid}.cq-nav-item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-3);border-radius:var(--radius-md);color:var(--ink-soft);font-size:var(--text-sm);text-align:left;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;font-weight:600;display:flex}.cq-nav-item:hover:not(:disabled){background:var(--surface-sunk)}.cq-nav-item.is-active{color:#1b654b;background:#e7efe1}.cq-nav-icon{flex:none;place-items:center;display:grid;position:relative}.cq-nav-icon svg{width:22px;height:22px}.cq-nav-count{border-radius:var(--radius-pill);background:var(--gold);color:#fff;min-width:18px;font-size:var(--text-2xs);text-align:center;padding:0 4px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-10px}.cq-nav-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.cq-column{flex-direction:column;flex:1;min-width:0;display:flex}.cq-topbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;padding:var(--safe-top) max(var(--shell-gutter), var(--safe-right)) 0 max(var(--shell-gutter), var(--safe-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fffefaf2;display:flex;position:sticky;top:0}.cq-crumb{min-width:0;font-size:var(--text-sm);color:#7c887f}.cq-crumb-current{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-weight:700;display:block;overflow:hidden}.cq-topbar-actions{align-items:center;gap:var(--space-3);flex:none;display:flex}.cq-main{width:100%;max-width:var(--shell-max);padding:var(--space-6) max(var(--shell-gutter), var(--safe-right)) calc(var(--shell-tabbar) + var(--space-8) + var(--safe-bottom)) max(var(--shell-gutter), var(--safe-left));flex:1;margin-inline:auto}.cq-footer{justify-content:space-between;gap:var(--space-4);max-width:var(--shell-max);width:100%;padding:var(--space-5) max(var(--shell-gutter), var(--safe-left)) calc(var(--shell-tabbar) + var(--space-5) + var(--safe-bottom));border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--ink-faint);margin-inline:auto;display:flex}.cq-tabbar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:var(--space-1) max(var(--space-1), var(--safe-left)) calc(var(--space-1) + var(--safe-bottom)) max(var(--space-1), var(--safe-right));background:#fffefaf7;align-items:stretch;display:flex;position:fixed;inset:auto 0 0}.cq-nav-tab{justify-content:center;gap:var(--space-1);min-width:0;min-height:max(var(--touch-child), 56px);padding:var(--space-2) var(--space-1);font-size:var(--text-2xs);text-align:center;flex-direction:column;flex:1 1 0}.cq-nav-tab .cq-nav-label{text-align:center;white-space:nowrap;width:100%}.cq-nav-tab.is-active{color:var(--leaf);background:0 0}.cq-nav-tab.is-active .cq-nav-icon:after{content:"";border-radius:var(--radius-pill);z-index:-1;background:#e7efe1;position:absolute;inset:-8px -12px}.cq-sheet-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c372866;align-items:flex-end;display:flex;position:fixed;inset:0}.cq-sheet{overscroll-behavior:contain;background:var(--surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-height:85dvh;padding:var(--space-5) max(var(--space-5), var(--safe-left)) calc(var(--shell-tabbar) + var(--space-5) + var(--safe-bottom)) max(var(--space-5), var(--safe-right));animation:cq-sheet-in var(--dur-slow) var(--ease-out);overflow-y:auto}@keyframes cq-sheet-in{0%{opacity:.6;transform:translateY(14%)}to{opacity:1;transform:translateY(0)}}.cq-sheet-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.cq-sheet-head h2{font-size:var(--text-lg)}.cq-sheet-close{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-pill);background:var(--surface-sunk);color:var(--ink-soft);border:0;place-items:center;display:grid}.cq-sheet-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.cq-sheet-utility{gap:var(--space-1);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line);display:grid}@media (min-width:768px){.cq-tabbar{display:none}.cq-rail{width:var(--shell-rail);height:100dvh;display:flex;position:sticky;top:0}.cq-nav-rail{justify-content:center;gap:var(--space-1);min-height:var(--touch-child);padding:var(--space-2) var(--space-1);font-size:var(--text-2xs);text-align:center;flex-direction:column}.cq-nav-rail .cq-nav-label{text-align:center;white-space:normal;width:100%;line-height:var(--leading-tight)}.cq-topbar{min-height:64px}.cq-main{padding-bottom:calc(var(--space-10) + var(--safe-bottom))}.cq-footer{padding-bottom:calc(var(--space-6) + var(--safe-bottom))}}@media (min-width:1181px){.cq-rail{width:var(--shell-sidebar);padding-inline:var(--space-5)}.cq-nav-rail{justify-content:flex-start;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3);font-size:var(--text-sm);text-align:left;flex-direction:row}.cq-nav-rail .cq-nav-label{text-align:left;white-space:nowrap}.cq-topbar{min-height:var(--shell-topbar)}}@media (min-width:1550px){.cq-main{padding-top:var(--space-10)}}@media (max-width:926px) and (orientation:landscape) and (max-height:500px){.cq-topbar{min-height:44px}.cq-nav-tab{min-height:46px}.cq-nav-tab .cq-nav-label{display:none}.cq-main{padding-block:var(--space-4) calc(var(--space-12) + var(--safe-bottom))}}@media (prefers-reduced-motion:reduce){.cq-sheet{animation:none}.cq-skip{transition:none}}.cq-shell:has(.cq-immersive[data-active=true]) .cq-tabbar{display:none}.cq-rail-head .brand{font-size:var(--text-xl)}.cq-rail-head .explorer-switch{margin:0}.cq-rail-foot .nav-item{min-height:var(--touch-min);margin-bottom:0}.cq-rail-foot .nova-note{margin:0 0 var(--space-3)}.cq-rail-foot .version{margin-top:var(--space-3)}@media (max-width:1180px){.cq-rail-head .brand{justify-content:center;gap:0;font-size:0}.cq-rail-head .brand small{display:none}.cq-rail-head .brand-icon{font-size:var(--text-base)}.cq-rail-head .explorer-switch{padding:var(--space-2);gap:var(--space-1);flex-direction:column}.cq-rail-head .explorer-switch label>span{font-size:0}.cq-rail-head .explorer-switch>svg{display:none}.cq-rail-head .explorer-switch select{font-size:var(--text-2xs);text-align:center}.cq-rail-foot .nova-note,.cq-rail-foot .version{display:none}.cq-rail-foot .nav-item{justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);font-size:var(--text-2xs);text-align:center;flex-direction:column}}@media (max-width:767px){.cq-rail,.cq-sheet-utility .nova-note{display:none}.cq-sheet-utility .nav-item{min-height:var(--touch-min)}}.answers button{min-height:max(var(--touch-child), 72px)}.read-button{min-height:var(--touch-min)}.nova-offer{background:var(--gold-soft);color:#8a6a1c;animation:cq-offer-in var(--dur-slow) var(--ease-spring);border-color:#e0c98a}@keyframes cq-offer-in{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}[data-band=early-preschool] .answers,[data-band=prek] .answers{gap:var(--space-4)}[data-band=early-preschool] .answers button{font-size:var(--text-3xl)}[data-band=prek] .answers button{font-size:var(--text-2xl)}[data-band=grade2] .activity h1,[data-band=grade3] .activity h1{font-size:var(--text-2xl);line-height:var(--leading-snug)}@media (max-width:767px){.answers{flex-direction:column}.answers button{width:100%}}@media (prefers-reduced-motion:reduce){.nova-offer{animation:none}}.cq-label-short,.cq-nav-tab .cq-label-full{display:none}.cq-nav-tab .cq-label-short{display:inline}.cq-rail-more{display:none}@media (min-width:768px) and (max-width:1180px){.cq-nav-rail .cq-label-full{display:none}.cq-nav-rail .cq-label-short{display:inline}.cq-rail-divider,.cq-rail-divider~.cq-nav-rail:not(.cq-rail-more){display:none}.cq-rail-more{display:flex}.cq-rail-foot{display:none}.cq-rail-nav{justify-content:flex-start;overflow:visible}}.cq-rail{overscroll-behavior:contain;overflow-y:auto}.cq-rail-head .explorer-switch select,.cq-rail-head .explorer-switch label>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (min-width:768px){.cq-sheet-backdrop{padding:var(--space-6);justify-content:center;align-items:center}.cq-sheet{border-radius:var(--radius-2xl);width:min(620px,100%);max-height:min(80dvh,720px);padding:var(--space-6);box-shadow:var(--shadow-xl);animation:cq-sheet-pop var(--dur-base) var(--ease-spring)}@keyframes cq-sheet-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.cq-sheet-utility .nav-item{min-height:var(--touch-min);font-size:var(--text-sm)}.cq-sheet-utility .nova-note{display:none}}.cq-rail-nav{flex:none;overflow:visible}.cq-rail{overflow-y:auto}@media (max-height:940px){.cq-rail-foot .nova-note{display:none}}@media (min-width:1181px) and (min-height:941px){.cq-rail-foot .nova-note{margin:0 0 var(--space-3);padding:var(--space-3)}.cq-rail-foot .nova-note .fox{font-size:var(--text-2xl)}.cq-rail-foot .nova-note strong{font-size:var(--text-sm);margin:var(--space-1) 0}.cq-rail-foot .nova-note p{font-size:var(--text-xs);line-height:var(--leading-snug)}.cq-rail-foot .nova-note>span:last-child{font-size:var(--text-2xs);margin-top:var(--space-2)}}
.cq-immersive{gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:var(--space-3);flex-direction:column;display:flex;overflow:hidden}.cq-immersive[data-active=true]{z-index:60;background:var(--cream);padding:var(--safe-top) max(var(--space-3), var(--safe-right)) max(var(--space-3), var(--safe-bottom)) max(var(--space-3), var(--safe-left));overscroll-behavior:contain;border:0;border-radius:0;gap:0;position:fixed;inset:0}.cq-stage-bar{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.cq-stage-title{min-width:0;font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cq-stage-tools{align-items:center;gap:var(--space-2);flex:none;display:flex}.cq-stage-exit,.cq-stage-fullscreen{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunk);color:#386d55;font-size:var(--text-sm);border:1px solid #bfcdb8;font-weight:700;display:inline-flex}.cq-stage-exit{min-width:var(--touch-child);background:var(--leaf);border-color:var(--leaf-deep);border-bottom-width:var(--press-depth);color:#fff;flex:none}.cq-stage-exit svg,.cq-stage-fullscreen svg{flex:none;width:20px;height:20px}.cq-stage-surface{border-radius:var(--radius-lg);overscroll-behavior:contain;flex:1;place-items:center;width:100%;min-height:0;display:grid;overflow:auto}.cq-stage-surface>*{max-width:100%;max-height:100%}.cq-immersive[data-active=true] .cq-stage-surface{height:100%;overflow:hidden}@media (max-width:767px){.cq-immersive{padding:var(--space-2)}.cq-stage-title{font-size:var(--text-base);flex-basis:100%;order:-1}.cq-stage-fullscreen span{display:none}.cq-stage-fullscreen{min-width:var(--touch-min);padding-inline:var(--space-3)}}@media (orientation:landscape) and (max-height:500px){.cq-immersive[data-active=true] .cq-stage-bar{gap:var(--space-2);padding:0}.cq-immersive[data-active=true] .cq-stage-title{flex-basis:auto;order:0}.cq-stage-exit,.cq-stage-fullscreen{min-height:40px;padding-block:var(--space-1)}}@media (prefers-reduced-motion:reduce){.cq-immersive,.cq-stage-surface{transition:none}}.studio-stage{gap:var(--space-3);flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.studio-stage .studio-toolbox{flex:none;margin:0}.studio-stage .drawing-canvas{aspect-ratio:1000/700;object-fit:contain;touch-action:none;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;flex:1;width:100%;min-height:0;margin-inline:auto}.cq-immersive[data-active=true] .studio-stage .drawing-canvas{width:auto;max-width:100%;height:auto;max-height:100%}.cq-immersive[data-active=true] .cq-stage-surface>.studio-stage{justify-content:flex-start;align-items:center}@media (max-width:767px){.studio-stage .tool-row{gap:var(--space-2);flex-wrap:wrap}.studio-stage .tool-row button{min-height:var(--touch-min)}}.play-header-tools{align-items:center;gap:var(--space-3);display:flex}.play-fullscreen{min-width:var(--touch-min);min-height:var(--touch-min);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-soft);place-items:center;display:grid}.play-overlay[data-fullscreen=true]{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.play-overlay[data-fullscreen=true] .play-header{padding-inline:max(var(--space-5), var(--safe-left))}.play-overlay[data-fullscreen=true] .activity{margin-block:var(--space-8)}@media (orientation:landscape) and (max-height:560px){.play-overlay[data-fullscreen=true] .play-header{height:52px}.play-overlay[data-fullscreen=true] .activity{margin-block:var(--space-4)}}
.auth-page{min-height:100dvh;padding:max(var(--space-6), var(--safe-top)) max(var(--space-5), var(--safe-right)) max(var(--space-6), var(--safe-bottom)) max(var(--space-5), var(--safe-left));background:radial-gradient(ellipse 70% 50% at 15% 0%, var(--green-50), transparent 70%), radial-gradient(ellipse 60% 45% at 100% 100%, var(--sun-100), transparent 65%), var(--cream);place-items:center;display:grid}.auth-layout{gap:var(--space-6);align-items:center;width:100%;max-width:62rem;display:grid}@media (min-width:900px){.auth-layout{gap:var(--space-10);grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}}.auth-card{padding:var(--space-8) var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}@media (min-width:600px){.auth-card{padding:var(--space-10) var(--space-8)}}.auth-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);text-decoration:none;display:inline-flex}.auth-card h1{margin:0 0 var(--space-2);font-size:var(--text-3xl)}.auth-card .lead{margin:0 0 var(--space-6);color:var(--ink-faint)}.auth-card form{gap:var(--space-4);flex-direction:column;display:flex}.auth-card label{gap:var(--space-2);font-weight:700;font-size:var(--text-sm);flex-direction:column;display:flex}.auth-card input{padding:0 var(--space-4);font-size:var(--text-base);font-weight:400}.auth-password-field{display:block;position:relative}.auth-password-field input{width:100%;padding-right:calc(var(--touch-min) + var(--space-1))}.auth-reveal{top:50%;right:var(--space-1);width:var(--touch-min);height:var(--touch-min);color:var(--ink-faint);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;transform:translateY(-50%)}.auth-reveal:hover{color:var(--green-600)}.auth-card label small{font-weight:600;font-size:var(--text-xs);color:var(--ink-faint);align-items:center;gap:6px;display:inline-flex}.auth-card label small.is-met{color:var(--green-600)}.auth-submit{justify-content:center;align-items:center;gap:var(--space-2);min-height:calc(var(--touch-min) + 6px);margin-top:var(--space-2);font-size:var(--text-base);display:inline-flex}.auth-submit .spin{animation:1s linear infinite cq-spin}@keyframes cq-spin{to{transform:rotate(360deg)}}.auth-links{gap:var(--space-3);margin:var(--space-6) 0 0;font-size:var(--text-sm);flex-wrap:wrap;align-items:center;display:flex}.auth-links span{color:var(--line)}.auth-resolved{margin-top:var(--space-4)}.auth-resolved .secondary{min-height:var(--touch-min);padding-inline:var(--space-5);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.auth-message{gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg);animation:cq-rise var(--dur-base) var(--ease-out) both;border:1px solid;grid-template-columns:auto 1fr;align-items:start;display:grid}.auth-message:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.auth-message strong{margin-bottom:2px;display:block}.auth-message p{font-size:var(--text-sm);margin:0}.auth-message>span[aria-hidden]{border-radius:var(--radius-pill);place-items:center;width:28px;height:28px;font-weight:800;display:grid}.auth-message.is-error{color:var(--w-coral-ink);background:var(--w-coral-soft);border-color:var(--w-coral-line)}.auth-message.is-error>span[aria-hidden]{color:#fff;background:var(--w-coral-deep)}.auth-message.is-notice{color:var(--green-900);background:var(--green-50);border-color:var(--green-200)}.auth-message.is-notice>span[aria-hidden]{color:var(--green-700)}.auth-aside{padding:0 var(--space-2)}.auth-aside h2{margin:var(--space-2) 0 var(--space-5);font-size:var(--text-2xl)}.auth-aside ul{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.auth-aside li{gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--ink-faint);grid-template-columns:auto 1fr;align-items:start;display:grid}.auth-aside li strong{color:var(--ink);margin-bottom:2px;display:block}.auth-aside li>span[aria-hidden]{width:38px;height:38px;color:var(--green-700);background:var(--green-100);border-radius:var(--radius-md);place-items:center;display:grid}.auth-note{margin:var(--space-6) 0 0;font-size:var(--text-xs);color:var(--ink-faint)}@media (prefers-reduced-motion:reduce){.auth-submit .spin{animation-duration:1.6s}.auth-message{animation:none}}