.hc-app-card,.hc-app-dialog,.hc-app-nav,.hc-app-offline{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-shadow:none}
.hc-app-card{display:flex;align-items:center;gap:24px;width:min(1180px,calc(100% - 32px));margin:34px auto;padding:28px;border:1px solid #54dece70;border-radius:24px;background:radial-gradient(circle at 0 0,#13483e,#081b29 65%);color:#edfaff;box-shadow:0 16px 40px #00101833}
.hc-app-card img{flex:0 0 auto;border-radius:17px}.hc-app-card h2{margin:.25em 0;color:#f3ffff;font-size:clamp(1.45rem,3vw,2rem);line-height:1.2}.hc-app-card p{margin:.5em 0;color:#c7dbe2;line-height:1.6}.hc-app-eyebrow{margin:.4em 0;color:#72ecd5!important;font-size:.68rem!important;font-weight:850;letter-spacing:.11em}
.hc-app-card a,.hc-app-dialog a{display:inline-block;padding:12px;color:#8af7e2;font-weight:750;text-underline-offset:4px}
.hc-app-primary{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 20px;border:0;border-radius:12px;background:linear-gradient(110deg,#62f4ce,#80e4fb);color:#05232a;font:inherit;font-weight:850;cursor:pointer}.hc-app-primary:disabled{opacity:.65;cursor:wait}
.hc-app-card[hidden],.hc-app-card [hidden],.hc-app-dialog [hidden],.hc-app-offline[hidden]{display:none!important}
.hc-app-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid #69e8d6;border-radius:22px;background:#091d2b;color:#edfaff;box-shadow:0 32px 90px #000b;line-height:1.6}.hc-app-dialog::backdrop{background:#001018c9;backdrop-filter:blur(5px)}.hc-app-dialog h2{margin:.3em 0;color:#fff;font-size:1.8rem;line-height:1.15}.hc-app-dialog h3{margin:1em 0 .25em;color:#9ff5df;font-size:1rem}.hc-app-dialog p{color:#d5e5ec}.hc-app-dialog img{border-radius:15px}.hc-app-dialog button,.hc-app-nav button{font:inherit}.hc-app-close{float:right;width:44px;height:44px;border:1px solid #86c9d155;border-radius:10px;background:#ffffff0a;color:#fff;font-size:1.8rem!important;cursor:pointer}.hc-app-progress-note{padding:0 16px 8px;border:1px solid #75e1cb45;border-radius:12px;background:#102d38}.hc-app-other,.hc-app-status{font-size:.9rem}.hc-app-status{color:#a4f1d7!important;min-height:1em}
.hc-app-nav{position:fixed;z-index:200;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid #71dfd54a;background:#061923f5;box-shadow:0 -8px 25px #00101844;backdrop-filter:blur(10px)}.hc-app-nav button,.hc-app-nav a{display:flex;justify-content:center;align-items:center;flex:1;max-width:220px;min-height:44px;padding:8px;border:1px solid #80c5cc33;border-radius:9px;background:#13313d;color:#efffff;text-decoration:none;font-size:.85rem;font-weight:750;cursor:pointer}
body[data-hc-standalone]{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}body[data-hc-standalone] :is(.hc-a11y-launcher,[data-helper-launcher]){bottom:calc(82px + env(safe-area-inset-bottom))!important}body[data-hc-standalone] [data-senior-site]::after{display:none}
.hc-app-offline{position:fixed;z-index:190;left:12px;right:12px;bottom:12px;max-width:600px;margin:auto;padding:12px 16px;border:1px solid #f0d07e;border-radius:12px;background:#392e12;color:#fff3ce;font-size:.85rem;line-height:1.45;pointer-events:none}body[data-hc-standalone] .hc-app-offline{bottom:calc(82px + env(safe-area-inset-bottom))}
.hc-app-card :is(button,a):focus-visible,.hc-app-dialog :is(button,a):focus-visible,.hc-app-nav :is(button,a):focus-visible{outline:3px solid #ffdb80;outline-offset:3px}
@media(max-width:560px){.hc-app-card{align-items:flex-start;gap:15px;padding:20px}.hc-app-card img{width:52px;height:52px}.hc-app-card a{padding-left:0;display:block}.hc-app-dialog{padding:22px}.hc-app-nav{gap:6px}.hc-app-nav button,.hc-app-nav a{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.hc-app-card *,.hc-app-dialog *,.hc-app-nav *{scroll-behavior:auto!important;transition:none!important}}
/* The installed app has its own online learning flow and profile navigation. */
html[data-hc-learner-app] body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
html[data-hc-learner-app] .hc-app-nav{display:none!important}
html[data-hc-learner-app] a[href$=".pdf"],html[data-hc-learner-app] .y1-page-ref,html[data-hc-learner-app] .hc-format-note{display:none!important}
.hc-learner-bar{position:fixed;bottom:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#061324f5;border-top:1px solid #4d829c;color:white;backdrop-filter:blur(14px);font:700 13px system-ui,sans-serif}
.hc-learner-bar a{min-height:44px;display:flex;align-items:center;color:#ffe08a;text-decoration:none}.hc-learner-bar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:30vw}
.hc-hero__copy .hc-app-card{margin:16px 0 22px;padding:14px;border-radius:16px;display:flex;align-items:center;gap:14px;text-align:left;background:#0a2438;border:1px solid #63d7f0;color:white;box-shadow:0 8px 30px #00102255}
.hc-hero__copy .hc-app-card img{width:58px;height:58px;border-radius:12px;flex-shrink:0}.hc-hero__copy .hc-app-card h2{font-size:clamp(17px,3vw,22px);line-height:1.2;margin:0 0 7px;color:#fff}.hc-hero__copy .hc-app-card p{font-size:13px;margin:0 0 9px;color:#d0e1ed}.hc-hero__copy .hc-app-card button{min-height:44px;padding:9px 14px;font-size:13px}.hc-hero__copy .hc-app-card a{font-size:13px;color:#ffdb75;display:inline-block;padding:8px}

/* App-only presentation; website menus and print resources retain their layouts. */
html[data-hc-learner-app] :is(.junior-topbar,.junior-hero,.junior-subjects,.junior-lesson-links,.y4-topbar,.y4-nav,.y5-topbar,.y5-nav,.y6-topbar,.y6-nav,.senior-site>.topbar,.senior-nav,.senior-banner,.senior-route-options,.extension-hero,.weekly>.hero,.y5-adventure>.hero,.y6-adventure>.hero,.junior-progress,nav.journey,.site-header,.site-footer){display:none!important}
html[data-hc-learner-app] [data-hc-panel-hidden]{display:none!important}
html[data-hc-learner-app] body{margin:0;min-height:100dvh;padding-top:env(safe-area-inset-top)!important;padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
html[data-hc-learner-app] :is(main,.junior-main,.hc-extension,.weekly,.y5-page,.y6-page){width:100%;max-width:100%;box-sizing:border-box;margin:0 auto;padding-left:12px;padding-right:12px}
.hc-activity-header{box-sizing:border-box;padding:16px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:#061324;color:#edfaff;border-bottom:1px solid #4d829c;font-family:system-ui,sans-serif}
.hc-activity-header h1{font-size:clamp(22px,6vw,32px);line-height:1.2;margin:6px 0;overflow-wrap:anywhere}.hc-activity-header p{font-size:14px;line-height:1.5;margin:4px 0;color:#cce3ef}
.hc-activity-controls{position:fixed;z-index:9999;bottom:calc(76px + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:8px 16px;background:#061324f5;border-top:1px solid #4d829c}
.hc-activity-controls button{min-height:48px;min-width:100px;padding:10px 18px;border-radius:14px;border:1px solid #6ab4ca;background:#10384b;color:#f3fbff;font:700 16px system-ui,sans-serif;cursor:pointer}.hc-activity-controls button:last-child{background:#ffe08a;color:#061324}.hc-activity-controls button:disabled{opacity:.5;cursor:default}
.hc-activity-controls button:focus-visible{outline:3px solid #69f5df;outline-offset:3px}
html[data-hc-learner-app] :is(.hc-extension,.junior-task,.y1-activity-anchor){min-height:calc(100dvh - 285px)}
html[data-hc-learner-app] textarea{min-height:180px;max-width:100%;box-sizing:border-box}
.hc-activity-recovery{padding:14px;border:1px solid #d5b96c;border-radius:12px;background:#362b13;color:#fff3d2}

.hc-feedback-link{display:flex;align-items:center;justify-content:center;min-height:48px;max-width:420px;box-sizing:border-box;margin:24px auto;padding:12px 16px;color:inherit;border:1px solid currentColor;border-radius:12px;text-align:center;font:700 15px system-ui,sans-serif;text-underline-offset:4px}.hc-feedback-link:focus-visible{outline:3px solid #e5ac29;outline-offset:3px}

/* Shared resource activities use their own app presentation and persistent exit. */
html[data-hc-app-resource] :is(body>header,.extras-topbar,.extras-footer){display:none!important}
html[data-hc-app-resource] body{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
html[data-hc-app-resource] main{max-width:900px;padding-top:16px}
html[data-hc-app-resource] .extras-hero.compact{border-radius:18px;min-height:0}
html[data-hc-app-resource] :is(button,input,select){min-height:44px}
html[data-hc-app-resource] :is(img,video,iframe,canvas){max-width:100%}
/* Give finger drawing useful space in the app while keeping page widths fluid. */
html[data-hc-learner-app] .y1-draw-canvas{height:clamp(280px,50dvh,440px)}
html[data-hc-app-resource] .hc-learner-bar{gap:6px;padding-inline:10px}
html[data-hc-app-resource] .hc-learner-bar>span{max-width:20vw}
@media(max-width:600px){
 html[data-hc-app-resource] .recipe-head{flex-wrap:wrap}
 html[data-hc-app-resource] .challenge{grid-template-columns:minmax(0,1fr)}
 html[data-hc-app-resource] .challenge :is(article,aside){min-width:0;max-width:100%}
}