body{background:#f2f8fd!important;color:#22486d}body>header{background:transparent!important}.learn-main .sheet,.panel,.play-panel{background:#ffffffed!important;border:1px solid #dfedf8!important;box-shadow:0 5px 22px #2e6b9d07!important}.app-dock{background:#fbfdfffa!important;border:1px solid #d6eafa!important;box-shadow:0 7px 25px #3b76a01a!important}.app-dock a{min-height:54px}.app-dock a[aria-current=page]{background:#e5f3fe}.learn-main .action,.learn-main button:not(.secondary):not(.choice):not(.lesson-card){background:#087fdb}.scan-sheet{text-align:center}.scan-illustration{width:160px;height:160px;padding:24px;border-radius:35px;margin:12px auto 20px;background:#e9f6ff}.scan-illustration svg{width:100%;height:100%;fill:none;stroke:#168bda;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.scan-beam{stroke:#42cbb4!important;animation:scanfloat 2.4s ease-in-out 2}.loop-steps{display:flex;gap:5px;margin:22px 0}.loop-steps span{flex:1;padding:12px 3px;text-align:center;border-radius:12px;background:#e6f0f8;color:#416783;font-size:11px;font-weight:700}.loop-steps .selected{background:#108bdd;color:white}.video-art{font-size:60px;display:grid;place-items:center;background:#e8f6ff;min-height:135px;border-radius:23px;color:#087fdb;margin:15px 0}.settings-row{display:flex;justify-content:space-between;min-height:58px;align-items:center;border-bottom:1px solid #e9f0f6;color:#28587d;text-decoration:none;font-size:15px}.content-row{width:100%;justify-content:flex-start!important;text-align:left;margin:5px 0}.return-lesson{display:block;padding:14px;margin-bottom:12px;background:#e1f2ff;color:#19669e;border-radius:16px;text-decoration:none;font-size:14px;font-weight:700}.scan-home{display:flex;align-items:center;gap:14px;border:1px solid #d7eafa;border-radius:22px;background:#fff;padding:18px;margin:15px 0;color:#245479;text-decoration:none}.scan-home svg{width:35px;height:35px;fill:none;stroke:#168bda;stroke-width:2;flex-shrink:0}.scan-home strong{display:block;font-size:17px}.scan-home small{display:block;margin-top:5px;color:#59768b;line-height:1.4}.home-logo{animation:logo-arrive .5s ease-out 1}.top-settings{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.top-settings a{padding:15px 18px;background:#e7f4ff;color:#28638d;border-radius:17px;text-decoration:none;font-weight:650}.offline-note{padding:12px 16px;border:1px solid #e5dfc4;border-radius:14px;background:#fff9e6;font-size:13px;margin:12px 0}@keyframes scanfloat{50%{transform:translateY(12px)}}@keyframes logo-arrive{from{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:none}}html[data-reduce=true] *,html[data-reduce=true] *:before,html[data-reduce=true] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:350px){.loop-steps span{font-size:10px}.learn-main h1{font-size:27px!important}.scan-home{padding:14px}.app-dock a{font-size:9px!important}}
.content-shelf{margin-bottom:24px;padding:18px;background:#fff;border:1px solid #e0edf7;border-radius:24px}.content-shelf .primary{margin-top:15px}

/* Lightweight glass: only the small navigation surfaces use backdrop blur. */
*{box-sizing:border-box}html{scroll-behavior:auto}body{background:linear-gradient(145deg,#eaf7ff 0%,#f6f9ff 50%,#f2f0ff 100%)!important;background-attachment:scroll!important}body>header{max-width:800px;margin:0 auto!important;padding:16px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px;height:auto!important}body>header .home-logo{width:145px!important;height:60px!important;object-fit:contain!important;animation:none}body>header>a:first-child{min-width:0}.scanner-top{display:flex;align-items:center;gap:7px;flex-shrink:0;text-decoration:none;color:#0877c7;background:#ffffffc9;border:1px solid #fff;border-radius:18px;min-height:50px;padding:10px 14px;box-shadow:0 3px 10px #1f74a810}.scanner-top svg{width:27px;height:27px}.scanner-top span{font-size:14px;font-weight:750}main{padding-left:18px!important;padding-right:18px!important}.app-dock{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9!important;border:1px solid #fff!important;border-radius:27px!important}.game-card,.sheet,.lesson-card,.today-item{min-width:0;overflow-wrap:anywhere}.games-grid{gap:14px!important}.game-card{height:auto!important;min-height:168px;padding:18px!important;border-radius:25px!important;background:#ffffffd9!important;border:1px solid white!important;box-shadow:0 3px 14px #326b9910!important}.home-icon{width:58px!important;height:58px!important;font-size:23px!important;border-radius:19px!important;display:grid!important;place-items:center!important}.home-icon svg{width:32px;height:32px}.card-detail{line-height:1.45!important}.learn-main .cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.learn-main .lesson-card{height:auto!important;min-height:180px!important;padding:20px!important;gap:12px!important;white-space:normal!important;line-height:1.45!important;position:relative!important;overflow:visible!important}.learn-main .lesson-card strong,.learn-main .lesson-card small{display:block!important;position:static!important;max-width:100%;height:auto!important}.learn-main .lesson-card small{font-size:14px!important}.learn-main .sheet{padding:20px!important}.learn-main .row>*{min-width:0}.learn-main .choice{min-width:0}.welcome-star{animation:none!important}.game-card:active,.scanner-top:active{transform:scale(.98)}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #178fe3;outline-offset:3px}@media(max-width:380px){.learn-main .cards:has(.lesson-card){grid-template-columns:1fr}.learn-main .lesson-card{min-height:130px!important}.games-grid{gap:10px!important}.game-card{padding:14px!important}.scanner-top span{display:none}}@media(prefers-reduced-transparency:reduce){.app-dock{backdrop-filter:none;background:#fff!important}}

.month-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:20px 0}.learn-main .month-tabs button{padding:10px 4px;min-height:45px;font-size:12px;border-radius:14px}.learn-main .month-tabs button[aria-pressed=true]{background:#087fdb;color:white}

/* Responsive icon and card pass for compact phones through tablets. */
body>header{width:min(100%,800px)!important;padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
main{width:min(100%,800px)!important;margin-inline:auto!important;padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.game-card{width:100%!important;min-width:0!important;align-items:flex-start!important}
.game-card strong{font-size:clamp(15px,4.2vw,18px)!important;line-height:1.25!important}
.home-icon{flex:0 0 auto!important;width:clamp(50px,15vw,58px)!important;height:clamp(50px,15vw,58px)!important}
.home-icon svg{width:55%!important;height:55%!important;max-width:32px;max-height:32px}
.app-dock{left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:620px!important;margin-inline:auto!important;padding:6px!important;gap:2px!important}
.app-dock a{min-width:0!important;padding:7px 3px!important;overflow:hidden!important}
.app-dock a svg,.app-dock a .dock-icon{width:24px!important;height:24px!important;flex:0 0 24px!important}
.app-dock a span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:380px){body>header .home-logo{width:118px!important;height:52px!important}.scanner-top{width:48px!important;height:48px!important;min-height:48px!important;padding:10px!important;justify-content:center!important;border-radius:16px!important}.games-grid{gap:10px!important}.game-card{min-height:150px!important;padding:14px!important}.card-detail{font-size:13px!important}.learn-main .cards{grid-template-columns:1fr!important}.month-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-dock a{font-size:10px!important}}
@media(max-width:320px){.games-grid{grid-template-columns:1fr!important}.game-card{min-height:116px!important}.app-dock a span{font-size:9px!important}}
@media(min-width:700px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.game-card{min-height:180px!important}.learn-main .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V1.7 retained activity surfaces */
.lesson-card{height:auto!important;min-height:160px;overflow-wrap:anywhere}.cards{align-items:stretch}.sheet{border-radius:24px}.learn-main{padding-bottom:110px}.lesson-card small{line-height:1.5}.settings-row{min-height:52px}
/* 1.7.1 shared UI */
html,body{background:#fff!important}.dashboard-header .home-logo{width:158px!important;height:74px!important;object-fit:contain}.action,button:not(.choice){font-weight:700}.hero-picture{color:#246adb;animation:learning-pop .35s ease}.choice{border-radius:20px!important;border:2px solid #dce8ff!important;color:#2865ca!important;background:#edf4ff!important;min-height:76px}.choice:nth-child(2){background:#f2eaff!important;color:#8550b8!important;border-color:#e7d8fc!important}.choice:nth-child(3){background:#fff1d9!important;color:#a96816!important;border-color:#f8ddb0!important}.choice:active{transform:scale(.96)}@keyframes learning-pop{from{opacity:.4;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hero-picture{animation:none}}
/* Compact header on retained learning screens */
.dashboard-header{padding-top:calc(8px + env(safe-area-inset-top))!important;padding-bottom:8px!important;min-height:72px!important}.dashboard-header .home-logo{width:139px!important;height:55px!important;display:block}html[data-native=true] .dashboard-header{padding-top:8px!important}.scanner-top{min-height:46px!important}.learn-main{margin-top:12px!important}