:root{color-scheme:light;--bg: #f7f0e3;--surface: #fffdf8;--surface-strong: #ffffff;--ink: #22313c;--muted: #60727b;--brand: #256f7c;--brand-dark: #184b57;--accent: #e07a2f;--accent-soft: #fff0d9;--success: #2f8a58;--line: #dde4de;--sky: #d7efff;--sun: #ffe7a8;--coral: #ffddcf;--leaf: #d8f2dc;--twilight: #e8ddff;--shadow: 0 18px 40px rgba(32, 49, 60, .1);--shadow-lg: 0 24px 58px rgba(32, 49, 60, .13);--radius: 18px;--radius-sm: 14px;--radius-md: 22px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,239,196,.55),transparent 36%),radial-gradient(circle at top right,rgba(215,239,255,.62),transparent 28%),linear-gradient(180deg,#fffc,#ffffffd6),linear-gradient(135deg,#f7efe2,#eef7f1 52%,#f8f1eb)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,.text-button:focus-visible{outline:3px solid rgba(47,111,107,.28);outline-offset:3px}.app-shell{position:relative;min-height:100vh;padding:18px}.app-shell__backdrop{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(32,49,60,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(32,49,60,.025) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.34),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.34),transparent 92%)}.app-shell__header,.app-shell__main{position:relative;z-index:1}.app-shell__header{max-width:1120px;margin:0 auto 18px;padding:16px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:#fffdf8d6;border:1px solid rgba(221,228,222,.95);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell__brand{min-width:0}.app-shell__title,.app-shell__subtitle,.app-shell__microcopy{display:block;margin:0}.app-shell__title{font-size:1.2rem;font-weight:800}.app-shell__subtitle{margin-top:4px;font-size:.95rem;font-weight:700}.app-shell__microcopy{margin-top:4px;color:var(--muted);font-size:.92rem}.app-shell__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}.profile-selector{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px;border:1px solid rgba(47,111,107,.14);border-radius:16px;background:#f7f9f7eb}.profile-selector__label{font-size:.82rem;font-weight:800;color:var(--muted);padding-inline:4px 2px}.profile-selector__controls{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-selector__button{min-height:42px;min-width:84px;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:linear-gradient(180deg,#eef5f1,#e5ede8);color:var(--ink);font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.profile-selector__button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#e8f1ec,#dce8e2)}.profile-selector__button:focus-visible{outline:3px solid rgba(47,111,107,.28);outline-offset:3px}.profile-selector__button--active,.profile-selector__button--active:hover{background:linear-gradient(180deg,#dff5ef,#cde8db);box-shadow:inset 0 0 0 1px #2f6f6b2e}.profile-selector__button--test{background:linear-gradient(180deg,#eef0ff,#e6ecff)}.profile-selector__button--test:hover{background:linear-gradient(180deg,#e2e7ff,#d6dfff)}.app-shell__main{max-width:1120px;margin:0 auto}.home-screen,.screen,.reward-screen{display:grid;gap:18px}.home-screen{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:stretch}.home-screen__hero,.home-screen__panel,.reading-card,.reward-screen__card,.panel,.stat-card,.level-card{background:var(--surface);border:1px solid rgba(221,228,222,.95);border-radius:var(--radius);box-shadow:var(--shadow)}.home-screen__hero{position:relative;padding:28px;display:grid;align-content:center;gap:20px;min-height:440px;background:radial-gradient(circle at top left,rgba(255,227,163,.36),transparent 24%),radial-gradient(circle at top right,rgba(215,239,255,.42),transparent 26%),linear-gradient(180deg,#fffdf8,#f8fbf6);grid-template-columns:minmax(140px,160px) minmax(0,1fr);align-items:center;overflow:hidden}.home-screen__hero:before{content:"";position:absolute;inset:auto 24px 28px;height:10px;border-radius:999px;background:linear-gradient(90deg,#2f6f6b24,#d67f3d3d,#2f6f6b1f)}.home-screen__guide-wrap{display:grid;gap:12px;justify-items:center;align-self:center}.home-screen__guide{width:148px;height:148px;display:grid;place-items:center;justify-self:center;position:relative;aspect-ratio:1}.home-screen__guide-message{max-width:12rem;margin:0;padding:10px 12px;border:1px solid rgba(47,111,107,.14);border-radius:16px 16px 16px 6px;background:#ffffffd1;color:var(--brand-dark);font-size:.9rem;font-weight:900;line-height:1.25;text-align:center;box-shadow:0 10px 22px #20313c14}.home-screen__guide-art{width:100%;height:100%;overflow:visible;display:block}.home-screen__guide-halo{fill:#ffe7a861}.home-screen__guide-face{fill:#fff9f1;stroke:#20313c14;stroke-width:1.2}.home-screen__guide-eye{fill:#21404f}.home-screen__guide-smile,.home-screen__guide-cape,.home-screen__guide-bookline{fill:none;stroke:#21404f;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.home-screen__guide-cape{stroke:#e07a2f}.home-screen__guide-bookline{stroke:#2f6f6bb8}.home-screen__copy{min-width:0}.home-screen__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.home-screen__chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:linear-gradient(180deg,#fff,#f4f8f3);border:1px solid rgba(47,111,107,.12);color:var(--brand-dark);font-size:.82rem;font-weight:800}.home-screen__guide:after{content:"";position:absolute;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,rgba(255,231,168,.3),transparent 65%);z-index:-1}.home-screen__guide{display:grid;place-items:center}.home-screen__copy h1{margin:0;font-size:clamp(2.3rem,6vw,4.1rem);line-height:1.02}.home-screen__lead{max-width:34rem;margin:12px 0 0;font-size:1.1rem;line-height:1.6;color:var(--muted)}.home-screen__mission-callout{display:inline-flex;align-items:center;width:fit-content;margin:18px 0 0;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,#fff0da,#ffe8b3);color:var(--brand-dark);font-size:.92rem;font-weight:900;box-shadow:inset 0 0 0 1px #d67f3d26}.home-screen__panel{padding:22px;display:grid;align-content:start;gap:22px;background:linear-gradient(180deg,#ffffffb8,#fffffff5),linear-gradient(180deg,#fff9ef,#f4faf5)}.home-screen__progress-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-screen__stats{display:grid;gap:6px;padding:18px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff4db,#ffebc0)}.home-screen__stats span{color:#7a520c;font-size:.86rem;font-weight:900}.home-screen__stats strong{font-size:1.7rem}.home-screen__stats--soft{background:linear-gradient(180deg,#eaf7f1,#dff2ea)}.home-screen__stats--soft span{color:var(--brand-dark)}.home-screen__shelf{display:grid;gap:12px;padding:16px;border-radius:var(--radius-sm);border:1px solid rgba(47,111,107,.12);background:radial-gradient(circle at top right,rgba(255,231,168,.2),transparent 26%),linear-gradient(180deg,#fbfff8,#f4faf5)}.home-screen__shelf-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.home-screen__shelf-count{color:var(--muted);font-size:.86rem;font-weight:700}.home-screen__shelf-grid,.home-screen__empty-stickers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-screen__empty-sticker{display:grid;place-items:center;aspect-ratio:1;border:1px dashed rgba(47,111,107,.22);border-radius:18px;background:linear-gradient(180deg,#ffffffbf,#f1f8f4eb);color:#2f6f6b75;font-size:1.25rem;font-weight:900}.home-screen__mission{display:grid;gap:10px;padding:18px;border-radius:var(--radius-sm);border:1px solid rgba(47,111,107,.12);background:radial-gradient(circle at top right,rgba(215,239,255,.34),transparent 30%),linear-gradient(180deg,#f8fcfb,#f2f8f4)}.home-screen__mission strong{font-size:1.2rem}.home-screen__mission p{margin:0;color:var(--muted);line-height:1.5}.home-screen__mission-badge{justify-self:start;padding:6px 10px;border-radius:999px;background:#edf6f1;color:var(--brand-dark);font-size:.8rem;font-weight:800}.stack{display:grid;gap:12px}.row{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:58px;padding:14px 18px;border-radius:18px;font-weight:800;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.primary-button{background:linear-gradient(180deg,#2d7f8d,#25606c);color:#fff;box-shadow:0 12px 24px #2f6f6b2e}.primary-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#2a6e7b,#1f505a)}.secondary-button{background:linear-gradient(180deg,#f1f5f2,#e7ece8);color:var(--ink)}.secondary-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#e9f0eb,#dde6df)}.secondary-button--small{min-height:46px;padding-inline:14px;border-radius:14px}.primary-button--compact{min-height:50px;padding-inline:16px;border-radius:16px}.read-aloud-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;width:fit-content;padding-inline:16px;gap:8px}.read-aloud-button:before{content:"🔊"}.audio-unavailable{opacity:.62;cursor:not-allowed}.text-button{background:transparent;color:var(--brand);padding:0;font-weight:800}.eyebrow{margin:0 0 10px;font-size:.88rem;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.screen__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.screen__header h2{margin:0;font-size:1.7rem}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.level-card{padding:20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;column-gap:16px;align-items:center;text-align:left;min-height:188px;width:min(100%,460px);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;overflow:hidden;position:relative}.level-card>:not(.level-card__route){grid-column:2}.level-card:hover{transform:translateY(-1px);border-color:#2f6f6b40;box-shadow:0 18px 30px #20313c1f}.level-card--active{border-color:#2f6f6b73;background:radial-gradient(circle at top right,rgba(255,231,168,.28),transparent 28%),linear-gradient(180deg,#f6fcf8,#eef8f1);box-shadow:0 20px 36px #20313c21,0 0 0 3px #2f6f6b14}.level-card--completed{border-color:#2b84543d;background:linear-gradient(180deg,#fbfffc,#edf9f1)}.level-card--available{background:linear-gradient(180deg,#fffefb,#f8fbf6)}.level-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:7px;background:#2f6f6b1a}.level-card__route{display:grid;justify-self:start;grid-column:1;grid-row:1 / span 6;align-self:center}.level-card__node{width:72px;height:72px;display:inline-grid;place-items:center;border-radius:22px;background:linear-gradient(180deg,#fff7e8,#f8e1b4);box-shadow:inset 0 0 0 1px #ffffffa3,0 10px 18px #20313c14}.level-card__art{width:78px;height:78px;display:inline-grid;place-items:center;border-radius:22px;background:linear-gradient(180deg,#ffffffc2,#f4f9f6e6);box-shadow:inset 0 0 0 1px #ffffff8c,0 8px 18px #20313c14;aspect-ratio:1}.level-card__art-svg{width:100%;height:100%;display:block}.level-card__icon-emoji{font-size:1.7rem;line-height:1}.level-card__title{font-size:1.18rem;font-weight:800}.level-card__step{justify-self:start;padding:5px 9px;border-radius:999px;background:#20313c0f;color:var(--muted);font-size:.76rem;font-weight:900}.level-card__description{color:var(--muted);line-height:1.4}.level-card__meta{justify-self:start;padding:6px 10px;border-radius:999px;background:#2f6f6b14;color:var(--brand-dark);font-size:.78rem;font-weight:900}.level-card__badge{justify-self:start;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#edf6f1,#dff2ea);color:var(--brand-dark);font-size:.8rem;font-weight:800}.level-card__hint{justify-self:start;padding:6px 10px;border-radius:999px;background:#fff2dd;color:#9e5c00;font-size:.8rem;font-weight:800}.level-card__status{display:inline-flex;align-items:center;min-height:34px;justify-self:start;padding:6px 10px;border-radius:999px;background:#2f6f6b14;color:var(--brand-dark);font-size:.78rem;font-weight:900}.level-card__status--active{background:linear-gradient(180deg,#dff5ef,#cde8db)}.level-card__trail{color:var(--muted);font-size:.84rem;font-weight:800}.level-card--completed .level-card__status{background:linear-gradient(180deg,#edf9f0,#dff2ea);color:var(--success)}.level-card--available .level-card__status{background:linear-gradient(180deg,#fff5e7,#ffe7c2);color:#9e5c00}.level-card__callout{justify-self:start;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#f3f8ff,#e3edff);color:#305c9c;font-size:.8rem;font-weight:900}.screen__lede{margin:6px 0 0;color:var(--muted);font-size:.96rem}.screen--level-map{gap:18px}.level-map__banner{display:flex;justify-content:center}.level-map__banner-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#fff2db,#ffe4bc);color:#9e5c00;font-weight:900;box-shadow:inset 0 0 0 1px #d67f3d24}.level-map{position:relative;margin:0;padding:8px 0 0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.level-map:before{content:"";position:absolute;inset:30px auto 30px 50%;width:8px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#2f6f6b2e,#d67f3d42);box-shadow:0 0 0 1px #ffffff8f}.level-map__item{min-width:0;display:grid}.level-map__item--left{grid-column:1;justify-items:end}.level-map__item--right{grid-column:2;justify-items:start}.reading-screen{display:grid;gap:18px}.reading-card{width:min(100%,880px);margin:0 auto;padding:clamp(20px,3.5vw,32px);display:grid;gap:20px;background:radial-gradient(circle at top right,rgba(255,240,217,.6),transparent 26%),linear-gradient(180deg,#fffefb,#f6fbf7)}.reading-card--success{border-color:#2b845447}.reading-card--success .reading-card__text-panel{border-color:#2b845442;background:radial-gradient(circle at top right,rgba(216,242,220,.5),transparent 26%),linear-gradient(180deg,#fff,#f3fbf5);box-shadow:inset 0 0 0 1px #ffffffb3,0 16px 30px #2f8a5817}.reading-card--help{border-color:#d67f3d57;background:linear-gradient(180deg,#fffdf8,#fff8ee)}.reading-card--skip{border-color:#5f6f773d;background:linear-gradient(180deg,#fffdfb,#f8f6f2)}.reading-card--question{border-color:#2f6f6b52;background:linear-gradient(180deg,#fbfffe,#f4fbf8)}.reading-card--question-success{border-color:#2b845457;background:linear-gradient(180deg,#f5fff8,#eef9f1)}.reading-card--question-retry{border-color:#d67f3d57;background:linear-gradient(180deg,#fffaf3,#fff5ea)}.reading-card__top{display:flex;justify-content:space-between;align-items:center;gap:14px}.progress-bar{display:grid;gap:8px;width:100%}.progress-bar__steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.progress-bar__steps:before{content:"";position:absolute;left:22px;right:22px;top:50%;height:6px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#2f6f6b2e,#d67f3d2e)}.progress-bar__step{position:relative;display:grid;place-items:center}.progress-bar__step-dot{position:relative;z-index:1;width:100%;min-height:38px;display:grid;place-items:center;border-radius:999px;border:1px solid #d9e3de;background:linear-gradient(180deg,#f8faf9,#edf3ef);color:var(--muted);font-weight:800;font-size:.82rem}.progress-bar__step--active .progress-bar__step-dot{border-color:#2f6f6b38;background:linear-gradient(180deg,#2d7f8d,#6fc07f);color:#fff;box-shadow:0 8px 16px #2f6f6b24}.progress-bar__track{height:18px;border-radius:999px;background:#e6ede8;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.progress-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d7f8d,#7fd188);transition:width .2s ease}.progress-bar__label{font-weight:800;color:var(--muted);font-size:.94rem}.star-counter{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,#fff4d0,#ffe5a8);color:#a86200;font-weight:900;transition:transform .14s ease,box-shadow .14s ease}.star-counter__icon{font-size:1.1rem}.star-counter--pulse{transform:translateY(-1px) scale(1.03);box-shadow:0 10px 18px #b86d0024;animation:star-bump .42s ease}.reading-card__body{display:grid;gap:16px}.reading-card__mission-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.reading-card__badge{justify-self:start;padding:7px 12px;border-radius:999px;background:#edf6f1;color:var(--brand-dark);font-size:.82rem;font-weight:900}.reading-card__type{justify-self:start;color:var(--muted);font-size:.9rem;font-weight:700}.reading-card__text-panel{display:grid;place-items:center;min-height:clamp(190px,32vw,320px);padding:clamp(22px,5vw,42px);border:1px solid rgba(47,111,107,.14);border-radius:var(--radius-md);background:radial-gradient(circle at bottom left,rgba(255,231,168,.22),transparent 24%),linear-gradient(180deg,#fff,#fbf8f1)}.reading-card__text{margin:0;font-size:clamp(2rem,7vw,3.6rem);line-height:1.08;font-weight:900;letter-spacing:0;color:var(--ink);white-space:pre-line;text-align:center;overflow-wrap:anywhere}.clickable-text{display:inline}.clickable-word{display:inline;margin:0;padding:.06em .14em;border:0;border-radius:.45em;background:#2f6f6b0a;color:inherit;font:inherit;line-height:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:.11em;text-underline-offset:.12em}.clickable-word:hover{color:var(--brand-dark);background:#2f6f6b1a;text-decoration-color:currentColor}.clickable-word:focus-visible{outline:3px solid rgba(47,111,107,.28);outline-offset:2px;background:#2f6f6b1f;color:var(--brand-dark);text-decoration-color:currentColor}.clickable-word:active{background:#2f6f6b24}.reading-card__audio-tip{margin:0;color:var(--brand-dark);font-size:.9rem;font-weight:800}.reading-card__listening-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.reading-card__hint{display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#fff7e9,#fff0da);border:1px solid rgba(214,127,61,.18)}.reading-card__hint-label{margin:0;color:#9e5c00;font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.reading-card__syllables,.reading-card__feedback,.reward-screen__copy,.panel__row p,.stat-card span{margin:0;color:var(--muted)}.reading-card__syllables{padding:14px 16px;border-radius:16px;background:#f3f7f4;font-size:1.15rem;font-weight:800}.reading-card__feedback{padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#edf9f0,#e3f4e8);color:var(--success);font-weight:800;box-shadow:inset 0 0 0 1px #2f8a5814}.reading-card--swipeable{touch-action:pan-y;cursor:grab;transform-origin:center center;backface-visibility:hidden;will-change:transform}.reading-card--swipeable:active{cursor:grabbing}.reading-card--swiping{border-color:#2f6f6b6b;box-shadow:0 24px 48px #20313c29,0 0 0 3px #2f6f6b14;z-index:2}.reading-card__swipe-hint{margin:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f5f8f6;border:1px dashed rgba(47,111,107,.22);color:var(--muted);font-size:.92rem;font-weight:700}.reading-card__swipe-arrow{flex:0 0 auto;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;background:linear-gradient(180deg,#dff5ef,#cde8db);color:var(--brand-dark);font-size:1.1rem;font-weight:900}.swipe-hint{margin:0;padding:10px 12px;border-radius:14px;background:#f5f8f6;border:1px dashed rgba(47,111,107,.22);color:var(--muted);font-size:.92rem;font-weight:700}.level-one-board{width:min(100%,1040px);margin:0 auto;display:grid;gap:18px}.level-one-board__top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;border:1px solid rgba(221,228,222,.95);border-radius:var(--radius);background:#fffdf8e6;box-shadow:var(--shadow)}.level-one-board__explore-status{display:grid;gap:3px;min-width:min(100%,320px);padding:10px 14px;border-radius:16px;background:linear-gradient(180deg,#eef8f4,#e4f1eb);color:var(--brand-dark);box-shadow:inset 0 0 0 1px #2f6f6b14}.level-one-board__explore-status span{color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.level-one-board__explore-status strong{font-size:1.08rem}.level-one-board__challenge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:clamp(20px,4vw,32px);border:1px solid rgba(47,111,107,.16);border-radius:var(--radius-md);background:radial-gradient(circle at top right,rgba(255,231,168,.32),transparent 28%),radial-gradient(circle at bottom left,rgba(215,239,255,.3),transparent 24%),linear-gradient(180deg,#fffdf8,#f7fbf8);box-shadow:var(--shadow-lg)}.level-one-board__challenge--explore{border-color:#b86d002e}.level-one-board__challenge--mission{border-color:#2f6f6b38}.level-one-board__guide{width:clamp(72px,10vw,108px);height:clamp(72px,10vw,108px);display:grid;place-items:center;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.85),transparent 56%),linear-gradient(180deg,#fff1c8,#f2c978);color:#7a520c;font-size:clamp(1.55rem,4vw,2.25rem);font-weight:900;box-shadow:0 14px 24px #b86d001f}.level-one-board__challenge-copy{min-width:0}.level-one-board__challenge-copy h2{margin:0;font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.05}.level-one-board__target{margin:8px 0;color:var(--brand-dark);font-size:clamp(3.4rem,10vw,6.4rem);line-height:.95;font-weight:900;letter-spacing:0}.level-one-board__target--soft{color:#8a5d12;font-size:clamp(2.4rem,8vw,4.6rem)}.level-one-board__instruction{margin:0;color:var(--muted);font-size:1.02rem;font-weight:800;line-height:1.45}.level-one-board__challenge-actions{display:grid;gap:10px;justify-items:end}.level-one-board__mini-route{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.level-one-board__route-step{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,#f2f6f4,#e7eee9);color:var(--muted);font-size:.9rem;font-weight:900}.level-one-board__route-step--active{background:linear-gradient(180deg,#dff5ef,#cde8db);color:var(--brand-dark)}.level-one-board__feedback{margin:0;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#edf9f0,#e3f4e8);color:var(--success);font-weight:900;box-shadow:inset 0 0 0 1px #2f8a5814}.level-one-board__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.level-one-group{display:grid;gap:14px;padding:18px;border:1px solid rgba(221,228,222,.95);border-radius:var(--radius);background:radial-gradient(circle at top right,rgba(255,240,217,.34),transparent 28%),linear-gradient(180deg,#fff,#f8fbf6);box-shadow:var(--shadow)}.level-one-group__header{display:grid;gap:4px}.level-one-group__header h3,.level-one-group__header p{margin:0}.level-one-group__header h3{font-size:1.15rem}.level-one-group__header p{color:var(--muted);font-weight:800;line-height:1.35}.level-one-group__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:12px}.level-one-tile{min-height:84px;display:grid;place-items:center;padding:10px;border:1px solid rgba(47,111,107,.14);border-radius:20px;background:radial-gradient(circle at top,rgba(255,255,255,.86),transparent 56%),linear-gradient(180deg,#fff9ef,#f1f8f4);color:var(--ink);box-shadow:0 12px 20px #20313c12;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.level-one-tile:hover{transform:translateY(-2px);border-color:#2f6f6b47;box-shadow:0 16px 26px #20313c1c}.level-one-tile:active{transform:translateY(0) scale(.98)}.level-one-tile:focus-visible{outline:3px solid rgba(47,111,107,.28);outline-offset:3px}.level-one-tile--selected{border-color:#b86d006b;background:radial-gradient(circle at top,rgba(255,255,255,.9),transparent 56%),linear-gradient(180deg,#fff1c8,#f5db94);box-shadow:0 14px 24px #b86d0029,0 0 0 4px #ffd56c38}.level-one-tile:disabled{cursor:default;opacity:.72;transform:none}.level-one-tile__text{font-size:clamp(2.1rem,7vw,3.2rem);line-height:1;font-weight:900;letter-spacing:0}.comprehension-card{display:grid;gap:clamp(22px,4vw,30px);padding:clamp(24px,5vw,40px);background:radial-gradient(circle at top right,rgba(215,239,255,.26),transparent 28%),linear-gradient(180deg,#fff,#f6fbf7);border:1px solid rgba(47,111,107,.16);border-radius:calc(var(--radius) + 4px);box-shadow:0 18px 42px #20313c1c,0 0 0 1px #ffffff73 inset}.comprehension-card__header{display:grid;gap:10px;max-width:44rem}.comprehension-card__header h2,.comprehension-card__question h3{margin:0}.comprehension-card__header h2{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.02}.comprehension-card__lead{margin:0;color:var(--muted);line-height:1.55;font-size:1.02rem}.comprehension-question{display:grid;gap:18px;padding:24px;border-radius:22px;background:linear-gradient(180deg,#fefcf7,#f1f8f4);border:1px solid rgba(47,111,107,.14);box-shadow:0 12px 26px #20313c14}.comprehension-card__question{display:grid;gap:20px;padding:26px;border-radius:24px;background:radial-gradient(circle at top right,rgba(255,231,168,.28),transparent 30%),linear-gradient(180deg,#fdfcf8,#f1f8f4);border:1px solid rgba(47,111,107,.14);box-shadow:0 14px 28px #20313c14}.comprehension-card__question h3{color:var(--ink);font-size:clamp(2rem,5.2vw,3.5rem);line-height:1.04;font-weight:900;letter-spacing:0;max-width:18ch}.comprehension-options,.comprehension-card__actions{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.comprehension-option{min-height:84px;padding:16px 18px;text-align:center;line-height:1.15;font-size:1.08rem}.comprehension-card__option{min-height:84px;padding:16px 18px;text-align:center;line-height:1.15;font-size:1.08rem;background:linear-gradient(180deg,#f2f7f4,#e8f1ec)}.comprehension-feedback{margin:0;padding:12px 14px;border-radius:16px;background:#edf9f0;color:var(--success);font-weight:800}.comprehension-card__feedback{margin:0;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#edf9f0,#e3f4e8);color:var(--success);font-weight:800}.comprehension-card__reward{display:grid;place-items:center;gap:10px;min-height:132px;padding:18px;border-radius:24px;background:radial-gradient(circle at top,#ffffffeb,#fff9),linear-gradient(180deg,#fff7e6,#f4fbf6);border:1px solid rgba(47,111,107,.16);box-shadow:0 14px 26px #20313c14,inset 0 0 0 1px #ffffff80;text-align:center}.comprehension-card__reward-symbol{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:999px;background:linear-gradient(180deg,#fffffff5,#fff5dce6);font-size:2.35rem;filter:drop-shadow(0 8px 14px rgba(32,49,60,.1));animation:reward-pop .9s ease-in-out 1}.comprehension-card__reward-label{color:var(--brand-dark);font-size:1.18rem;font-weight:900;line-height:1.15}.comprehension-card__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}.back-to-reading-button{min-height:52px}.reading-card__question-feedback{padding:12px 14px;border-radius:16px;background:#f5f8f6;color:var(--brand-dark);font-weight:800}.reading-card__question{display:grid;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#fff5e7,#f4fbf6)}.reading-card__question-label{margin:0;font-weight:900;font-size:1.05rem}.reading-card__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reading-card__read-button{position:relative;overflow:hidden}.reading-card__read-button:after{content:"";position:absolute;inset:auto 14px 8px;height:4px;border-radius:999px;background:#ffffff6b}.reward-screen{place-items:center;min-height:68vh;padding-bottom:10px}.reward-screen__card{position:relative;width:min(100%,720px);padding:28px;text-align:center;overflow:hidden;display:grid;gap:18px;background:radial-gradient(circle at top,rgba(255,231,168,.35),transparent 26%),linear-gradient(180deg,#fffdf7,#f6fbf7)}.reward-screen__banner{display:grid;gap:10px;justify-items:center}.reward-screen__card h2{margin:0;font-size:clamp(2rem,5vw,3.2rem)}.reward-screen__chest{position:relative;width:min(100%,240px);height:auto;margin:0 auto;filter:drop-shadow(0 12px 18px rgba(32,49,60,.12));aspect-ratio:220 / 180}.reward-screen__chest:before{content:"";position:absolute;inset:-8px -10px auto;height:18px;border-radius:999px;background:radial-gradient(circle,#ffe7a8e6,#ffe7a800);filter:blur(6px)}.reward-screen__chest-art{display:block;width:100%;height:auto}.reward-screen__sticker-callout{display:grid;gap:10px;justify-items:center;padding:16px;border-radius:var(--radius-sm);border:1px solid rgba(47,111,107,.12);background:radial-gradient(circle at top right,rgba(255,231,168,.18),transparent 26%),linear-gradient(180deg,#fbfff8,#f4faf5)}.reward-screen__sticker-callout--next{border-style:dashed;background:radial-gradient(circle at top right,rgba(215,239,255,.22),transparent 26%),linear-gradient(180deg,#fff,#f4faf5)}.reward-screen__sticker-callout h3{margin:0;font-size:1.18rem;line-height:1.15}.reward-screen__sticker-copy{margin:0;color:var(--brand-dark);font-size:1rem;font-weight:800}.reward-screen__sticker-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,360px)}.reward-screen__next-reward{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;border:1px dashed rgba(47,111,107,.24);background:linear-gradient(180deg,#fff7e8,#edf8f2);color:#2f6f6b94;font-size:2rem;font-weight:900}.reward-screen__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reward-screen__summary-item{display:grid;gap:6px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#f7f6f2,#eef5f0);text-align:left}.reward-screen__summary-item span{color:var(--muted);font-size:.88rem;font-weight:700}.reward-screen__summary-item strong{color:var(--ink);font-size:1.05rem}.reward-screen__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sticker-mark{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 14px rgba(32,49,60,.08));aspect-ratio:1}.sticker-mark__glyph{color:var(--sticker-ink, #22313c)}.reward-screen__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,#edf6f1,#dbefe5);color:var(--brand-dark);font-size:.82rem;font-weight:800}.reward-screen__badge-icon{font-size:.95rem}.album-screen{display:grid;place-items:center;min-height:68vh;padding-bottom:10px}.album-screen__card{width:min(100%,780px);display:grid;gap:18px;padding:28px;border-radius:var(--radius-md);border:1px solid rgba(221,228,222,.95);background:radial-gradient(circle at top right,rgba(255,231,168,.18),transparent 25%),linear-gradient(180deg,#fffdf8,#f7fbf8);box-shadow:var(--shadow-lg)}.album-screen__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.album-screen__copy{min-width:0;display:grid;gap:6px}.album-screen__copy h2{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.05}.album-screen__lead,.album-screen__hint{margin:0;line-height:1.5}.album-screen__lead{font-weight:800;color:var(--brand-dark)}.album-screen__hint{color:var(--muted)}.album-screen__empty-note{margin:4px 0 0;width:fit-content;padding:8px 10px;border-radius:999px;background:linear-gradient(180deg,#fff2db,#ffe6be);color:#9e5c00;font-size:.86rem;font-weight:900}.album-screen__stats{min-width:146px;display:grid;gap:6px;justify-items:center;padding:14px 16px;border-radius:var(--radius-sm);background:#eef7f3;border:1px solid rgba(47,138,88,.12)}.album-screen__stats span{color:var(--muted);font-size:.85rem;font-weight:700;text-align:center}.album-screen__stats strong{font-size:1.6rem}.album-screen__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:12px}.album-tile{position:relative;display:grid;gap:10px;padding:12px;border-radius:var(--radius-sm);background:#fffdf8;border:1px solid rgba(32,49,60,.08);box-shadow:0 12px 22px #20313c0d;min-height:178px}.album-tile--locked{border-style:dashed;background:linear-gradient(180deg,#ffffffd1,#f3f8f6f5)}.album-tile__art{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center}.album-tile--locked .sticker-mark{opacity:.28;filter:grayscale(1) drop-shadow(0 8px 12px rgba(32,49,60,.05))}.album-tile__veil{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#ffffffe0;color:var(--brand-dark);font-weight:900;font-size:1rem;box-shadow:0 8px 16px #20313c14}.album-tile__text{display:grid;gap:4px}.album-tile__ribbon{justify-self:start;padding:4px 8px;border-radius:999px;background:#edf6f1;color:var(--brand-dark);font-size:.72rem;font-weight:900}.album-tile--locked .album-tile__ribbon{background:#fff2dd;color:#9e5c00}.album-tile__text strong{font-size:.98rem;line-height:1.15}.album-tile__text span{color:var(--muted);font-size:.84rem;font-weight:700}.album-screen__footer{display:flex;justify-content:center}.reward-screen__confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:-20px;width:10px;height:18px;border-radius:3px;opacity:.9;animation:confetti-drop 1.9s linear infinite}.confetti--0{left:10%;background:#ef8864}.confetti--1{left:28%;background:#5db58a;animation-delay:.2s}.confetti--2{left:60%;background:#f4c550;animation-delay:.4s}.confetti--3{left:82%;background:#6389d8;animation-delay:.1s}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card{padding:18px;display:grid;gap:8px}.stat-card strong{font-size:1.35rem}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{padding:18px;background:linear-gradient(180deg,#ffffffeb,#fff),linear-gradient(180deg,#fffdf9,#f7fbf8)}.panel h3{margin:0 0 14px;font-size:1.05rem}.panel--summary{background:radial-gradient(circle at top right,rgba(255,231,168,.22),transparent 24%),linear-gradient(180deg,#fffdf9,#f8fcf7)}.panel--admin{background:radial-gradient(circle at top right,rgba(215,239,255,.24),transparent 24%),linear-gradient(180deg,#fffdf9,#f7fbf8)}.panel--insights{background:radial-gradient(circle at top right,rgba(216,242,220,.24),transparent 24%),linear-gradient(180deg,#fffdf9,#f8fbfa)}.panel--danger{border-color:#e07a2f42;background:radial-gradient(circle at top right,rgba(255,231,168,.22),transparent 24%),linear-gradient(180deg,#fffdf8,#fff7ef)}.panel__list{display:grid;gap:12px}.panel__row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.panel__row--stacked{align-items:flex-start}.panel__row:first-child{border-top:0;padding-top:0}.panel__row strong{display:block}.panel__row span{text-align:right;color:var(--muted)}.panel__empty{margin:0;color:var(--muted);line-height:1.6}.panel__form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.panel__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.field{display:grid;gap:8px}.field span{font-size:.92rem;font-weight:800;color:var(--muted)}.field__input{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(47,111,107,.18);border-radius:14px;background:#fff;color:var(--ink);font:inherit}.field__input:focus-visible{outline:3px solid rgba(47,111,107,.28);outline-offset:3px}.level-card[data-level="1"] .level-card__icon{background:linear-gradient(180deg,#fff4cf,#ffd89a)}.level-card[data-level="2"] .level-card__icon{background:linear-gradient(180deg,#dff5ef,#bee9d5)}.level-card[data-level="3"] .level-card__icon{background:linear-gradient(180deg,#e8f2ff,#cde0ff)}.level-card[data-level="4"] .level-card__icon{background:linear-gradient(180deg,#ffe6d9,#ffcdb9)}.level-card[data-level="5"] .level-card__icon{background:linear-gradient(180deg,#f1e7ff,#dcc8ff)}.adult-zone .panel__actions .secondary-button:last-child{border:1px solid rgba(224,122,47,.22);background:linear-gradient(180deg,#fff2e5,#fde6cf)}.adult-zone .panel__actions .secondary-button:last-child:hover{background:linear-gradient(180deg,#ffe8d1,#fcd9b8)}@keyframes confetti-drop{0%{transform:translateY(0) rotate(0)}to{transform:translateY(160vh) rotate(220deg)}}@keyframes star-bump{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.08)}to{transform:translateY(-1px) scale(1.03)}}@keyframes sparkle{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-2px) scale(1.15);opacity:1}}@keyframes reward-pop{0%{transform:scale(.72) rotate(-8deg);opacity:0}18%{transform:scale(1.08) rotate(5deg);opacity:1}45%{transform:scale(1) rotate(0)}70%{transform:scale(1.04) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@media(max-width:940px){.home-screen,.two-column,.stats-grid,.panel__form-grid,.level-grid,.level-map{grid-template-columns:1fr}.level-map:before{inset:18px auto 18px 22px;width:6px;transform:none}.level-map__item--left,.level-map__item--right{grid-column:auto;justify-items:stretch}.reading-card__actions,.level-one-board__groups{grid-template-columns:1fr}.level-one-board__challenge{grid-template-columns:1fr;justify-items:start}.level-one-board__challenge-actions{width:100%;justify-items:stretch}.comprehension-options,.comprehension-card__actions{grid-template-columns:1fr}.app-shell__header,.screen__header{flex-direction:column;align-items:stretch}.app-shell__actions{justify-content:flex-start}.home-screen__hero{min-height:auto}.level-card{width:100%}}@media(max-width:640px){.app-shell{padding:12px}.app-shell__header,.home-screen__hero,.home-screen__panel,.reading-card,.reward-screen__card,.comprehension-card,.panel,.stat-card,.level-card{border-radius:18px}.level-card{width:100%}.home-screen__progress-cards{grid-template-columns:1fr}.home-screen__hero{min-height:auto;padding:22px}.reading-card__text{font-size:clamp(1.9rem,11vw,2.8rem)}.reading-card__top,.level-one-board__top{flex-direction:column;align-items:stretch}.level-one-board__mini-route{display:grid}.level-one-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-one-tile{min-height:76px;border-radius:18px}.reading-card__listening-row{display:grid}.read-aloud-button{width:100%;justify-content:center}.swipe-hint,.reading-card__swipe-hint{font-size:.88rem}.comprehension-card{gap:18px;padding:20px}.comprehension-card__question{gap:16px;padding:20px;border-radius:20px}.comprehension-card__question h3{max-width:none;font-size:clamp(1.7rem,9vw,2.5rem)}.comprehension-card__actions{gap:12px;grid-template-columns:1fr}.comprehension-card__option,.comprehension-option{min-height:72px;padding:14px 16px}.comprehension-card__reward{min-height:112px;padding:16px;border-radius:20px}.comprehension-card__reward-symbol{width:60px;height:60px;font-size:2rem}.comprehension-card__reward-label{font-size:1.04rem}.home-screen__lead{font-size:1rem}.home-screen__mission-callout{font-size:.88rem}.reward-screen__summary,.album-screen__header{grid-template-columns:1fr}.album-screen__stats{justify-items:start;width:fit-content}.album-screen__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-screen__sticker-row,.home-screen__shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,300px)}.home-screen__shelf-head{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.home-screen__hero{grid-template-columns:1fr;justify-items:start}.home-screen__guide{width:120px;height:120px;justify-self:start}.album-screen__card{padding:22px}.album-tile{min-height:164px}.level-card__node{width:64px;height:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.confetti,.star-counter--pulse,.reward-screen__chest-spark,.comprehension-card__reward-symbol{animation:none!important}.read-aloud-button,.clickable-word{transition:none!important}}