@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fredoka:wght@500;600;700&family=Quicksand:wght@400;500;600&display=swap";:root{font-family:var(--font-body);color:var(--text-primary);background:var(--space-bg-deep);font-synthesis:none;--font-display: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body: "DM Sans", Inter, system-ui, sans-serif;--font-slogan: "Quicksand", "Avenir Next", "Trebuchet MS", system-ui, sans-serif;--space-bg-deep: #283654;--space-bg-mid: #3a496b;--space-bg-soft: #596984;--surface-primary: #fbfaf6;--surface-secondary: #f4f6fb;--surface-muted: #edf1f7;--surface-glow: rgba(251, 250, 246, .92);--text-primary: #24304a;--text-secondary: #64708a;--text-on-dark: #fbfaf6;--border-soft: #dce3ee;--focus-ring: #d6b65f;--danger: #b94f57;--danger-soft: #f6dfe3;--success: #3f7d58;--success-soft: #dceedd;--accent-home: #d6b65f;--accent-drill: #9a8fdc;--accent-blend: #dec75f;--accent-heart: #d68ab6;--accent-worksheet: #83b8b3;--accent-students: #91b996;--accent-data: #78aeba;--accent-leaderboard: #d3ad58;--accent-earth: #7fa8c7;--accent-alien: #91bd83;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 34px;--radius-pill: 999px;--shadow-sm: 0 8px 20px rgba(17, 26, 53, .08);--shadow-card: 0 18px 44px rgba(17, 26, 53, .14);--shadow-hover: 0 22px 54px rgba(17, 26, 53, .18);--shadow-dialog: 0 30px 100px rgba(7, 12, 28, .45);--motion-fast: .15s;--motion-normal: .22s;--ease-standard: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.app{min-height:100vh;background:radial-gradient(circle at 12% 14%,rgba(214,182,95,.18),transparent 24%),radial-gradient(circle at 86% 8%,rgba(145,189,131,.18),transparent 23%),radial-gradient(circle at 72% 72%,rgba(154,143,220,.16),transparent 28%),linear-gradient(180deg,var(--space-bg-deep),var(--space-bg-mid) 56%,var(--space-bg-soft))}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(251,250,246,.58) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(214,182,95,.55) 0 1px,transparent 1.4px);background-size:82px 82px,127px 127px;background-position:12px 10px,38px 42px;opacity:.42;z-index:0}.app>*{position:relative;z-index:1}.app-header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:10px clamp(20px,5vw,72px);border-bottom:1px solid rgba(220,227,238,.16);background:#26324fdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-on-dark);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{width:54px;height:54px;border-radius:0;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.brand strong,.brand small{display:block}.brand strong{font:700 18px/1.05 var(--font-display)}.brand small{margin-top:3px;color:#c8d4ea;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);flex:1;min-width:0}.header-actions>.button{flex:0 0 auto;min-height:42px;padding:10px 16px;white-space:nowrap}.student-selector{width:auto;max-width:min(720px,58vw);color:#c8d4ea;font-size:12px;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;position:relative}.student-selector-head{display:flex;align-items:center;gap:7px;min-width:0;flex:0 1 auto}.student-selector-head>span{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#dbe6f8}.student-selector-head strong{color:#fff;min-width:0;max-width:clamp(190px,22vw,310px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-clear-button{border:1px solid rgba(255,255,255,.24);background:#ffffff1a;color:#fff;border-radius:var(--radius-pill);padding:4px 8px;cursor:pointer;font-size:11px;font-weight:800}.student-selector-tabs{display:flex;flex:0 0 auto;width:fit-content;max-width:100%;padding:2px;border-radius:var(--radius-pill);background:#ffffff1a}.student-selector-tabs button{border:0;border-radius:var(--radius-pill);background:transparent;color:#dbe6f8;padding:6px 9px;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}.student-selector-tabs button.active{background:#fff;color:var(--text-primary)}.student-selector-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:35;width:min(330px,calc(100vw - 32px));padding:14px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);box-shadow:var(--shadow-dialog);display:grid;gap:10px}.student-selector-popover label{display:grid;gap:5px}.student-selector-popover label>span{color:var(--text-secondary);font-size:12px;font-weight:800}.student-selector-popover select,.student-selector-popover input{width:100%;min-height:40px;padding:9px 12px;border-radius:14px;font-size:13px;font-weight:700}.student-search-field{min-width:0}.student-search-results{display:grid;gap:7px;max-height:230px;overflow-y:auto;padding-right:2px}.student-search-results button{border:1px solid var(--border-soft);border-radius:14px;background:#fff;color:var(--text-primary);cursor:pointer;display:grid;gap:1px;text-align:left;padding:9px 11px;min-width:0;max-width:none}.student-search-results button.active{background:var(--surface-secondary);border-color:var(--accent-data)}.student-search-results button strong,.student-search-results button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-search-results button span{font-size:11px;opacity:.78}.student-selector-empty,.student-selector-note{color:var(--text-secondary);font-size:12px;font-weight:700;align-self:center}.student-selector-note{position:absolute;right:0;top:calc(100% + 4px);color:#fff6d7;white-space:nowrap}.student-selector select,input,select{border:1px solid var(--border-soft);background:#fff;border-radius:var(--radius-pill);padding:11px 14px;color:var(--text-primary);min-height:44px}.student-selector select{font-weight:700}.button{border:0;border-radius:var(--radius-pill);padding:12px 19px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;font-weight:800;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast),background var(--motion-fast),opacity var(--motion-fast)}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary,.button-start,.button-next{background:var(--space-bg-mid);color:#fff}.button-secondary,.button-control{background:var(--surface-muted);color:var(--text-primary)}.button-danger{background:var(--danger);color:#fff}.button-ghost{background:#ffffff14;color:inherit}.button-ghost:hover{background:#ffffff26}.button-end{background:transparent;border:1px solid var(--border-soft);color:var(--text-secondary)}.button-earth{background:var(--accent-earth);color:#0d2135}.button-alien{background:var(--accent-alien);color:#16321f}.button-correct{background:var(--success-soft);color:var(--success)}.button-incorrect{background:var(--danger-soft);color:var(--danger)}.button-show-heart{background:var(--accent-heart);color:#fff}.button-show-heart.is-shown{background:#a8799f}.text-button{border:0;background:transparent;color:var(--danger);font-size:13px;font-weight:800;cursor:pointer}.account-entry{position:relative;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);background:#ffffff14;color:var(--text-on-dark);cursor:pointer;min-height:42px;padding:7px 16px;display:grid;align-content:center;gap:1px;text-align:left;white-space:nowrap}.account-entry.is-open{visibility:hidden;pointer-events:none}.account-entry span{color:#c8d4ea;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.account-entry strong{font-size:14px}.account-auth-actions{display:flex;gap:8px}.account-drawer-layer,.account-overlay-backdrop,.account-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120}.account-drawer-backdrop,.account-overlay-backdrop,.account-dialog-backdrop{background:#070c1c94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.account-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:default}.account-drawer{position:fixed;top:0;right:0;z-index:121;width:min(360px,92vw);height:100vh;background:var(--surface-primary);color:var(--text-primary);box-shadow:var(--shadow-dialog);padding:28px;display:grid;grid-template-rows:auto 1fr auto;gap:26px}.account-drawer-user{width:100%;min-height:48px;padding:6px 4px;border:0;background:transparent;color:var(--text-primary);cursor:pointer;font:700 24px var(--font-display);text-align:left}.account-drawer-user:hover,.account-drawer-user:focus-visible{color:var(--accent-warm-deep)}.account-drawer nav,.account-drawer-bottom{display:grid;gap:10px;align-content:start}.account-drawer-navigation{min-height:0;overflow-y:auto;display:grid;gap:18px;align-content:start;padding-right:4px}.account-drawer nav button,.account-drawer-bottom button{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#fff;color:var(--text-primary);cursor:pointer;padding:14px 16px;text-align:left;font-weight:900}.account-drawer-bottom{align-self:end;border-top:1px solid var(--border-soft);padding-top:16px}.account-drawer-bottom p{margin:0;color:var(--text-secondary);font-size:13px}.account-drawer-bottom .danger-link{color:var(--danger)}.account-overlay-backdrop{z-index:110;display:grid;place-items:center;padding:104px 28px 28px}.account-overlay-page{width:min(1160px,96vw);height:min(860px,calc(100vh - 132px));max-height:calc(100vh - 132px);overflow:hidden;background:var(--surface-primary);border:1px solid rgba(220,227,238,.86);border-radius:var(--radius-xl);box-shadow:var(--shadow-dialog);padding:0;display:flex;flex-direction:column;min-height:0}.account-overlay-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:30px 30px 22px;border-bottom:1px solid var(--border-soft);flex:0 0 auto}.account-overlay-heading h1{margin:0;font:700 36px var(--font-display)}.account-overlay-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px 30px 30px}.account-overlay-body>.modal-backdrop{position:static;inset:auto;z-index:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:block;padding:0}.account-overlay-body .student-manager-modal{width:100%;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.account-overlay-body .student-manager-modal>.modal-heading,.account-overlay-body .student-manager-tabs{display:none}.account-profile-page{display:grid;gap:18px;max-width:680px}.account-profile-card{display:grid;gap:14px;padding:18px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-secondary)}.account-profile-card label{display:grid;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:800}.account-status-row{display:flex;justify-content:space-between;gap:14px;color:var(--text-secondary)}.success-banner{padding:14px;border-radius:var(--radius-md);color:var(--success);background:var(--success-soft);border:1px solid #c6dfc7}.account-dialog-backdrop{z-index:130;display:grid;place-items:center;padding:24px}.account-delete-dialog{width:min(520px,94vw);padding:28px;border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:var(--shadow-dialog);display:grid;gap:16px}.account-delete-dialog h2{margin:0;color:var(--danger);font:700 32px var(--font-display)}.account-delete-dialog p{margin:0;color:var(--text-secondary);line-height:1.5}.account-delete-dialog label{display:grid;gap:7px;color:var(--text-secondary);font-weight:800}.account-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--text-secondary)}.eyebrow-accent{color:var(--accent-home)}.home-page,.heart-page{min-height:calc(100vh - 88px);color:var(--text-primary)}.home-page{padding-bottom:80px}.phonics-learn,.phonics-drill,.phonics-blend{background:transparent}.phonics-learn{--module-accent: #91b996;--module-soft: #e7f3e8;--module-ink: #315f37}.phonics-drill{--module-accent: var(--accent-drill);--module-soft: #eeeafd;--module-ink: #53468f}.phonics-blend{--module-accent: var(--accent-blend);--module-soft: #fff6ce;--module-ink: #755f09}.hero{max-width:1320px;margin:auto;padding:46px clamp(24px,5vw,72px) 44px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(300px,.58fr);align-items:end;gap:56px;color:var(--text-on-dark);position:relative;overflow:hidden}.home-page{position:relative;overflow:hidden}.home-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.86) 0 1.3px,transparent 1.8px),radial-gradient(circle,rgba(243,215,127,.82) 0 1.8px,transparent 2.5px),radial-gradient(circle,rgba(255,255,255,.72) 0 2.4px,transparent 3px);background-size:68px 68px,126px 126px,190px 190px;background-position:12px 26px,72px 34px,18px 116px;opacity:.62}.home-page:after{content:"";position:absolute;inset:92px 0 auto 0;height:240px;pointer-events:none;opacity:.62;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 760 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='M66 64c64 18 128 16 192-6' stroke='%23f3d77f' stroke-width='4' stroke-linecap='round' opacity='.55'/%3E%3Cpath d='M612 80c-62 24-110 56-146 98' stroke='%23fbfaf6' stroke-width='4' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M632 56l-24 10 21 15' stroke='%23fbfaf6' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' opacity='.72'/%3E%3Cellipse cx='156' cy='172' rx='68' ry='20' stroke='%23f3d77f' stroke-width='5' transform='rotate(-12 156 172)' opacity='.6'/%3E%3Ccircle cx='156' cy='172' r='35' fill='%2391bd83' opacity='.42'/%3E%3Cellipse cx='710' cy='172' rx='48' ry='14' stroke='%23dec75f' stroke-width='4' transform='rotate(-18 710 172)' opacity='.64'/%3E%3Ccircle cx='710' cy='172' r='25' fill='%239a8fdc' opacity='.38'/%3E%3Cpath d='M370 42l5 10 11 3-11 4-5 10-5-10-11-4 11-3 5-10Z' fill='%23fbfaf6' opacity='.8'/%3E%3Cpath d='M504 24l4 8 9 3-9 3-4 8-4-8-9-3 9-3 4-8Z' fill='%23f3d77f' opacity='.8'/%3E%3C/g%3E%3C/svg%3E") center top/100% auto no-repeat}.hero:after{content:"";position:absolute;right:clamp(28px,8vw,120px);top:34px;width:clamp(150px,20vw,260px);aspect-ratio:1;pointer-events:none;opacity:.72;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cellipse cx='130' cy='130' rx='112' ry='38' stroke='%23f5dfa0' stroke-width='6' opacity='.75' transform='rotate(-16 130 130)'/%3E%3Ccircle cx='130' cy='130' r='64' fill='%2391bd83'/%3E%3Cpath d='M78 134c34 18 78 20 112 3' stroke='%237fa8c7' stroke-width='12' stroke-linecap='round' opacity='.8'/%3E%3Ccircle cx='103' cy='105' r='9' fill='%23f5dfa0' opacity='.7'/%3E%3Ccircle cx='160' cy='156' r='7' fill='%2324304a' opacity='.22'/%3E%3Cpath d='M41 74l7 15 16 5-16 6-7 15-7-15-16-6 16-5 7-15Z' fill='%23fbfaf6' opacity='.8'/%3E%3Cpath d='M214 42l5 11 12 4-12 4-5 11-5-11-12-4 12-4 5-11Z' fill='%23fbfaf6' opacity='.7'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.hero-logo{width:clamp(118px,13vw,176px);max-height:180px;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 30px rgba(7,12,28,.22))}.hero-brand-lockup{display:flex;align-items:center;gap:18px;margin-bottom:var(--space-6)}.hero-brand-name span,.hero-brand-name strong{display:block}.hero-brand-name span{font:700 clamp(30px,4vw,48px)/1 var(--font-display);color:#fbfaf6}.hero-brand-name strong{margin-top:4px;font:700 clamp(40px,5.7vw,72px)/.96 var(--font-display);color:#f3d77f}.hero h1{font:500 clamp(27px,2.9vw,42px)/1.06 var(--font-slogan);margin:0;letter-spacing:0;max-width:620px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:#f3d77f;font-weight:500}.heart-feature{background:var(--surface-glow);border:1px solid rgba(220,227,238,.84);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;color:var(--text-primary);box-shadow:var(--shadow-card);transition:transform var(--motion-normal) var(--ease-standard),box-shadow var(--motion-normal)}.heart-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.heart-feature-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--accent-heart) 82%,white);color:#6f3b62;font-size:24px}.heart-feature small,.heart-feature strong{display:block}.heart-feature small{color:var(--text-secondary);margin-bottom:5px}.heart-feature strong{font:700 20px var(--font-display)}.feature-arrow{margin-left:auto;font-size:24px;color:var(--accent-heart)}.library-section{max-width:1320px;margin:auto;padding:32px clamp(24px,5vw,72px);background:var(--surface-primary);border:1px solid rgba(220,227,238,.82);border-top:7px solid var(--module-accent, var(--accent-home));border-radius:var(--radius-xl);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.library-section:before{content:"";position:absolute;inset:0 0 auto auto;width:250px;height:130px;opacity:.22;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 130' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2324304a' stroke-width='3' opacity='.8'%3E%3Cpath d='M26 72c52-60 124-66 194-18'/%3E%3Cpath d='M54 96c44-32 97-35 158-5'/%3E%3C/g%3E%3Cg fill='%2324304a' opacity='.85'%3E%3Ccircle cx='48' cy='50' r='3'/%3E%3Ccircle cx='103' cy='30' r='2.5'/%3E%3Ccircle cx='178' cy='45' r='3.5'/%3E%3Cpath d='M211 24l4 8 9 3-9 3-4 8-4-8-9-3 9-3 4-8Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.library-section>*{position:relative;z-index:1}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--space-4);border-bottom:1px solid var(--border-soft);padding-bottom:20px;margin-bottom:24px}.section-heading h2,.heart-library-heading h2{font:700 31px var(--font-display);margin:0}.section-heading>p{color:var(--text-secondary);font-size:14px}.alien-earth-toolbar{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,520px);align-items:end;gap:18px;margin-bottom:24px}.mode-tabs{display:flex;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:5px}.mode-tabs button,.mode-toggle button,.student-manager-tabs button,.quantity-tabs button{border:0;background:transparent;border-radius:var(--radius-pill);padding:13px 22px;color:var(--text-secondary);cursor:pointer;font-weight:900}.mode-tabs-large button{min-height:66px;flex:1;font-size:17px}.mode-tabs button.active,.mode-toggle button.active,.student-manager-tabs button.active,.quantity-tabs button.active{background:#fff;color:var(--space-bg-mid);box-shadow:var(--shadow-sm)}.mode-tabs .mode-tab-learn.active{background:#e7f3e8;color:#315f37;border-bottom:3px solid #91b996}.mode-tabs .mode-tab-drill.active{background:#eeeafd;color:#53468f;border-bottom:3px solid var(--accent-drill)}.mode-tabs .mode-tab-blend.active{background:#fff6ce;color:#755f09;border-bottom:3px solid var(--accent-blend)}.phonics-search,.pattern-search{display:grid;gap:12px}.phonics-search{grid-template-columns:minmax(130px,180px) 1fr}.phonics-search label,.pattern-search,.group-form label,.student-manager-tools label,.student-data-controls label,.manual-word-row label,.leaderboard-controls label,.heart-search{display:grid;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:800}.phonics-search input,.phonics-search select,.pattern-search input,.student-form input,.student-fields input,.group-form input,.student-manager-tools input,.student-data-controls input,.student-data-controls select,.manual-word-row input,.group-edit-row input,.leaderboard-controls input,.leaderboard-controls select,.heart-search input{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:#fff;color:var(--text-primary);padding:13px 16px;min-height:46px}.pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pattern-card{background:#fff;border:1px solid var(--border-soft);border-left:6px solid var(--module-accent, var(--accent-home));border-radius:var(--radius-lg);padding:24px;min-height:230px;display:flex;flex-direction:column;width:100%;cursor:pointer;text-align:left;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast),border-color var(--motion-fast);position:relative;overflow:hidden}.pattern-card:after{content:"";position:absolute;right:-24px;top:-28px;width:92px;height:92px;border-radius:50%;border:16px solid color-mix(in srgb,var(--module-accent, var(--accent-home)) 28%,transparent);pointer-events:none}.pattern-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--module-accent, var(--accent-home)) 50%,var(--border-soft))}.phonics-learn .pattern-card{background:linear-gradient(180deg,#fff,#f7fcf7)}.phonics-learn .button-primary,.phonics-learn .button-start,.phonics-learn .button-next{background:#91b996;color:#15321d}.category-card{min-height:178px}.category-heading{display:flex;align-items:center;gap:16px;margin:0 0 18px}.category-heading h3{margin:0;font:700 28px var(--font-display)}.pattern-glyph{align-self:flex-start;min-width:78px;min-height:62px;padding:0 14px;display:grid;place-items:center;border-radius:22px;background:var(--module-soft, var(--surface-muted));color:var(--space-bg-mid);color:var(--module-ink, var(--space-bg-mid));font:700 25px/1.05 var(--font-display);max-width:100%;text-align:center}.pattern-copy{margin:22px 0 20px;position:relative;z-index:1}.pattern-copy h3{font:700 25px var(--font-display);margin:0 0 16px}.count-row{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--text-secondary);font-size:13px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot-earth{background:var(--accent-earth)}.dot-alien{background:var(--accent-alien)}.pattern-actions{display:grid;gap:10px;margin-top:auto}.loading-state,.error-banner,.empty-note{padding:28px;border-radius:var(--radius-lg);background:#fff;color:var(--text-secondary);text-align:center;border:1px solid var(--border-soft)}.loading-state:before{content:"";display:block;width:34px;height:34px;margin:0 auto 12px;border-radius:50%;border:6px solid var(--surface-muted);border-top-color:var(--accent-home);animation:planet-spin 1.2s linear infinite}.error-banner{color:#8e2e37;background:var(--danger-soft);border-color:#efc6cc}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f7f6}.auth-panel{width:min(440px,100%);padding:28px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 16px 42px #20303a1f}.auth-panel>img{width:74px;height:74px;object-fit:contain}.auth-panel h1{margin:4px 0 20px;font:700 34px var(--font-display)}.auth-panel>p{color:var(--text-secondary);line-height:1.5}.auth-form{display:grid;gap:14px;margin:18px 0}.auth-form label{display:grid;gap:6px;font-weight:700}.auth-form input{width:100%}.auth-support{margin:24px 0 0;font-size:13px}.auth-legal-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft);font-size:12px}.auth-legal-links a{color:var(--text-secondary)}.legal-page{min-height:100vh;background:#f7f9f8;color:var(--text-primary)}.legal-header,.legal-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(20px,5vw,72px);background:#fff;border-bottom:1px solid var(--border-soft)}.legal-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px;font-size:13px}.legal-brand{color:var(--space-bg-mid);font:700 19px var(--font-display)}.legal-document{width:min(860px,calc(100% - 40px));margin:0 auto;padding:48px 0 72px;line-height:1.72}.legal-document h1{margin:0 0 24px;font:700 40px var(--font-display);letter-spacing:0}.legal-document h2{margin:38px 0 12px;font:700 23px var(--font-display);letter-spacing:0}.legal-document h3{margin:26px 0 8px;font-size:17px}.legal-document p{margin:0 0 16px}.legal-document li{margin:7px 0}.legal-document code{padding:2px 5px;border-radius:4px;background:var(--surface-muted);overflow-wrap:anywhere}.legal-footer{border-top:1px solid var(--border-soft);border-bottom:0;color:var(--text-secondary);font-size:13px}.account-legal-nav{padding-top:12px;border-top:1px solid var(--border-soft)}.account-drawer .account-legal-nav button{padding:8px 4px;border:0;background:transparent;color:var(--text-secondary);font-size:13px}.student-privacy-notice{grid-column:1 / -1;margin:0;color:var(--text-secondary);font-size:12px;line-height:1.45}@media(max-width:680px){.legal-header,.legal-footer{align-items:flex-start;flex-direction:column}.legal-header nav{justify-content:flex-start}.legal-document{padding-top:32px}.legal-document h1{font-size:32px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#070c1ca8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:24px}.modal{width:min(780px,100%);max-height:88vh;overflow:auto;background:var(--surface-primary);border:1px solid rgba(220,227,238,.86);border-radius:var(--radius-xl);padding:30px;box-shadow:var(--shadow-dialog)}.student-manager-modal{width:min(1080px,100%)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.modal-heading h2{font:700 34px var(--font-display);margin:0}.icon-button{border:0;background:var(--surface-muted);border-radius:50%;width:42px;height:42px;font-size:26px;cursor:pointer}.student-form,.group-form,.student-manager-tools,.student-data-controls,.manual-word-row,.leaderboard-controls{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:16px;border-radius:var(--radius-lg);background:var(--surface-secondary);border:1px solid var(--border-soft)}.student-form{margin:24px 0}.student-form label{font-size:12px;font-weight:800;color:var(--text-secondary)}.student-form label span{font-weight:500}.student-list{display:grid;gap:10px;max-height:360px;overflow:auto}.student-row{display:flex;align-items:center;gap:12px;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:12px;background:#fff}.student-row.is-inactive{opacity:.56}.student-avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:var(--accent-students);color:#15321d;font-weight:900;border:0;cursor:pointer;flex:0 0 auto}.student-fields{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.student-fields input{margin:0;padding:8px 12px;min-height:38px}.student-fields span{display:block;width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--surface-secondary);padding:9px 12px;color:var(--text-secondary);min-height:38px}.student-manager-tabs{display:flex;gap:8px;margin:24px 0;padding:5px;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--surface-muted)}.student-manager-tabs button{flex:1;min-height:48px}.student-manager-tabs button:nth-child(1).active{background:#e7f3e8;color:#315f37}.student-manager-tabs button:nth-child(2).active{background:#e2f1f4;color:#27616a}.student-manager-tabs button:nth-child(3).active{background:#fff3cc;color:#7d610f}.student-manager-panel{display:grid;gap:18px}.student-manager-tools{grid-template-columns:1fr auto}.student-data-controls{grid-template-columns:1fr minmax(170px,.5fr) minmax(210px,.7fr)}.inline-check{display:flex!important;align-items:center;gap:8px}.inline-check input{width:auto;min-height:auto}.group-management-list,.student-row-section{display:grid;gap:10px}.student-row-section h3{margin:8px 0 0;font:700 20px var(--font-display);color:var(--space-bg-mid)}.student-group-section{border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;background:#fff}.student-group-heading{width:100%;min-height:54px;border:0;background:#f7faf8;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;text-align:left}.student-group-heading span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent-students) 40%,white);color:#15321d;font-weight:900}.student-group-heading small{color:var(--text-secondary);font-weight:800}.student-group-body{display:grid;gap:12px;padding:14px;border-top:1px solid var(--border-soft)}.group-edit-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.student-row-main{flex:1;display:grid;gap:8px;min-width:0}.student-detail-panel{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px;border-radius:var(--radius-md);background:var(--surface-secondary)}.student-group-checks{display:flex;flex-wrap:wrap;gap:10px 14px}.student-group-checks label,.error-bank-category-filter label{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:800}.student-row-actions{display:flex;gap:10px}.student-summary-card,.leaderboard-summary-card{display:grid;gap:18px;align-items:center;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#fff;padding:18px}.student-summary-card{grid-template-columns:1fr auto auto auto;border-left:6px solid var(--accent-data)}.leaderboard-summary-card{grid-template-columns:1fr auto;border-left:6px solid var(--accent-leaderboard)}.student-summary-card h3,.leaderboard-summary-card h3{margin:0;font:700 30px var(--font-display)}.student-summary-card p,.leaderboard-summary-card p{margin:4px 0 0;color:var(--text-secondary)}.student-summary-card strong,.leaderboard-summary-card strong{display:block;font:700 31px var(--font-display);color:var(--space-bg-mid);text-align:center}.student-summary-card span,.leaderboard-summary-card span{display:block;color:var(--text-secondary);font-size:12px;font-weight:800;text-align:center}.error-bank-workbench{display:grid;gap:12px}.error-bank-category-filter{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:12px 16px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#fff}.error-bank-category-filter>span{font-weight:900;color:var(--space-bg-mid)}.student-data-actions,.blend-action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.error-bank-table-wrap{overflow:auto;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#fff}.error-bank-table{width:100%;border-collapse:collapse;min-width:760px}.error-bank-table th,.error-bank-table td{padding:13px 14px;border-bottom:1px solid var(--border-soft);text-align:left}.error-bank-table th{background:var(--surface-secondary);color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.error-bank-table tr:last-child td{border-bottom:0}.error-bank-table tbody tr:hover{background:#fbfcff}.leaderboard-table td:first-child{font-weight:900;color:#8a6a24}.blend-mixer{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1fr);gap:24px;align-items:start}.blend-category-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.blend-category-chip{min-height:54px;border:1px solid color-mix(in srgb,var(--accent-blend) 40%,var(--border-soft));border-radius:var(--radius-pill);background:#fff;cursor:pointer;font-weight:900;color:var(--space-bg-mid)}.blend-category-chip.selected{background:var(--accent-blend);border-color:var(--accent-blend);color:#fff;box-shadow:var(--shadow-sm)}.blend-start-panel{display:grid;gap:24px;background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.selected-category-list{display:flex;flex-wrap:wrap;gap:8px}.selected-category-list span{padding:8px 12px;border-radius:var(--radius-pill);background:#eeeafb;color:#51417e;font-size:13px;font-weight:900}.empty-selection{margin:0;color:var(--text-secondary)}.quantity-tabs{display:flex;gap:8px}.drill-page,.drill-player-page{min-height:100vh;background:radial-gradient(circle at 18% 15%,rgba(154,143,220,.25),transparent 22%),radial-gradient(circle at 78% 12%,rgba(222,199,95,.18),transparent 20%),linear-gradient(180deg,#2d3a5c,#465879 60%,#5a6a84);color:var(--text-on-dark);overflow:hidden}.drill-page{display:flex;flex-direction:column;padding:20px clamp(20px,3vw,44px)}.theme-earth{--module-accent: #91b996}.theme-alien{--module-accent: var(--accent-alien)}.theme-blend{--module-accent: var(--accent-blend)}.drill-page.theme-earth{background:radial-gradient(circle at 18% 15%,rgba(145,185,150,.28),transparent 24%),radial-gradient(circle at 82% 8%,rgba(243,215,127,.16),transparent 20%),linear-gradient(180deg,#31425c,#4e6670 62%,#627c7a)}.theme-earth .mode-label b,.theme-earth .progress-label{color:#e7f3e8}.theme-earth .image-word-card{border:2px solid rgba(145,185,150,.82);background:linear-gradient(180deg,#fff,#f6fbf5);box-shadow:0 22px 58px #315f372e}.theme-earth .button-start,.theme-earth .button-next,.theme-earth .button-primary{background:#91b996;color:#15321d}.theme-earth .button-control{background:#e7f3e8;color:#315f37}.drill-status-bar{min-height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:#dce6f6;font-size:13px}.mode-label{display:flex;align-items:center;gap:12px;color:var(--text-on-dark);font-weight:800}.mode-label b{border-left:1px solid rgba(220,227,238,.34);padding-left:12px}.session-person{background:#ffffff1f;padding:8px 13px;border-radius:var(--radius-pill)}.progress-label{text-align:right;font-weight:800}.drill-stage{flex:1;min-height:0;display:grid;place-items:center;padding:22px}.big-word-card,.image-word-card{width:min(1050px,90vw);min-height:min(520px,60vh);background:var(--surface-primary);color:var(--text-primary);border-radius:var(--radius-xl);display:grid;place-items:center;box-shadow:var(--shadow-card);border:1px solid rgba(220,227,238,.86)}.big-word-card span{font:700 clamp(95px,16vw,220px)/1 var(--font-display);color:var(--text-primary)}.image-word-card{grid-template-columns:1fr 1fr;gap:40px;padding:45px 70px}.image-word-card img{width:100%;max-width:400px;max-height:330px;object-fit:contain}.image-word-card .fit-word-shell{width:100%;height:min(190px,26vh)}.fit-word-shell{width:100%;min-width:0;display:grid;place-items:center}.fit-word{margin:0;max-width:100%;white-space:nowrap;overflow:visible;display:inline-block;font-family:var(--font-display);font-weight:700;line-height:.98;letter-spacing:0;text-align:center}.image-word-text .fit-word{color:var(--text-primary)}.image-placeholder{width:min(400px,100%);min-height:280px;display:grid;place-items:center;border:2px dashed var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-secondary);color:var(--text-secondary);font-weight:800}.image-placeholder span{font:800 20px/1.2 var(--font-body)}.session-controls{min-height:82px;display:flex;align-items:center;justify-content:center;gap:12px}.session-controls .button{min-height:54px;padding-inline:24px;font-size:16px}.response-controls{display:flex;gap:12px;padding:0 10px;border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}.start-screen,.complete-card,.ready-card{text-align:center}.start-screen span,.complete-card p,.ready-card p{color:var(--text-secondary);font-size:17px}.start-screen h1{font:700 clamp(100px,18vw,250px)/.9 var(--font-display);margin:15px 0;color:var(--accent-home)}.complete-card,.ready-card{color:var(--text-primary);background:var(--surface-primary);border-radius:var(--radius-xl);padding:44px;box-shadow:var(--shadow-card)}.complete-card>span{font-size:60px;color:var(--accent-home)}.complete-card h1{font:700 clamp(45px,6vw,80px) var(--font-display);margin:10px 0}.mode-orb{width:90px;height:90px;border-radius:28px;display:grid;place-items:center;margin:auto auto 28px;font-size:38px;background:var(--module-accent, var(--accent-drill));color:#fff}.ready-card{margin:auto;width:min(660px,90vw)}.ready-card h1{font:700 50px var(--font-display);margin:0}.ready-card p{line-height:1.6;max-width:450px;margin:18px auto 28px}.drill-player-page{display:grid;grid-template-rows:auto 1fr auto;padding:22px clamp(20px,4vw,58px)}.drill-player-header{min-height:82px;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;gap:20px}.drill-player-title{text-align:center;position:relative}.drill-player-title:before{content:"";position:absolute;left:calc(50% - 172px);top:8px;width:42px;height:42px;opacity:.9;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M39 7c12 7 19 20 16 35L34 21C29 16 31 10 39 7Z' fill='%23fbfaf6' stroke='%2324304a' stroke-width='3'/%3E%3Cpath d='M23 34 9 41l14 5 5 14 7-14' fill='%2391bd83' stroke='%2324304a' stroke-width='3'/%3E%3Cpath d='M34 21 18 37l17 17 16-16' fill='%239a8fdc' stroke='%2324304a' stroke-width='3'/%3E%3Ccircle cx='42' cy='29' r='6' fill='%23dec75f' stroke='%2324304a' stroke-width='3'/%3E%3Cpath d='M16 50c-5 3-8 7-10 13 6-2 10-5 13-10' stroke='%23dec75f' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.drill-player-title p,.drill-player-title span{display:block;margin:0;color:#dce6f6;font-weight:800}.drill-player-title p{font-size:13px;text-transform:uppercase;letter-spacing:.12em}.drill-player-title h1{font:700 42px var(--font-display);margin:4px 0;color:#fff}.drill-player-header time{justify-self:end;min-width:92px;padding:12px 16px;border-radius:var(--radius-pill);background:#ffffff1f;color:#fff;font-weight:900;text-align:center}.word-stage{display:grid;place-items:center;min-height:0;padding:clamp(12px,3vw,42px)}.word-stage .fit-word-shell{width:min(1120px,94vw);height:min(340px,42vh)}.drill-word-text .fit-word{color:#fff;text-shadow:0 8px 32px rgba(0,0,0,.28)}.drill-player-controls{min-height:128px;display:grid;align-content:center;justify-items:center;gap:12px}.drill-player-controls .navigation-row,.quick-score-row{display:flex;justify-content:center;gap:12px}.drill-player-controls .button{min-height:54px;min-width:132px}.score-button{width:82px;height:66px;border:0;border-radius:22px;cursor:pointer;font:900 38px/1 var(--font-display);display:grid;place-items:center}.score-button.correct{background:var(--success-soft);color:var(--success)}.score-button.incorrect{background:var(--danger-soft);color:var(--danger)}.complete-drill-page{place-items:center;grid-template-rows:1fr;position:relative}.drill-complete-card{width:min(760px,92vw);background:var(--surface-primary);color:var(--text-primary);border-radius:var(--radius-xl);padding:42px;text-align:center;box-shadow:var(--shadow-card);z-index:1}.drill-complete-card h1{font:700 clamp(40px,6vw,70px)/1 var(--font-display);margin:10px 0 14px;color:var(--space-bg-mid)}.drill-complete-card>p{color:var(--text-secondary);font-size:18px}.score-grid,.error-bank-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0;color:var(--text-secondary)}.score-grid span,.error-bank-summary span{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:15px;background:#fff}.score-grid b,.error-bank-summary b{display:block;font:700 30px var(--font-display);color:var(--space-bg-mid)}.fireworks{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.fireworks span{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--accent-home) 0 7px,transparent 8px),radial-gradient(circle at 20% 30%,var(--accent-heart) 0 6px,transparent 7px),radial-gradient(circle at 80% 70%,var(--accent-alien) 0 6px,transparent 7px),radial-gradient(circle at 70% 20%,var(--accent-drill) 0 6px,transparent 7px);animation:firework-pop 1.6s ease-in-out infinite}.fireworks span:nth-child(1){top:12%;left:14%}.fireworks span:nth-child(2){top:18%;right:16%;animation-delay:.25s}.fireworks span:nth-child(3){bottom:16%;left:20%;animation-delay:.45s}.fireworks span:nth-child(4){bottom:12%;right:18%;animation-delay:.7s}.heart-page{background:radial-gradient(circle at 12% 20%,rgba(214,138,182,.18),transparent 25%),radial-gradient(circle at 88% 18%,rgba(222,199,95,.12),transparent 22%)}.heart-topbar{display:grid;grid-template-columns:minmax(120px,.72fr) auto minmax(260px,.72fr);align-items:center;padding:24px clamp(24px,5vw,72px);border-bottom:1px solid rgba(220,227,238,.16);color:var(--text-on-dark)}.heart-topbar>.button-ghost{justify-self:start;min-height:38px;padding:8px 13px;font-size:13px}.heart-title{display:flex;align-items:center;gap:12px}.heart-title>span{width:56px;height:56px;border-radius:18px;background:var(--accent-heart);color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 12px 28px #66375b38}.heart-title h1{font:700 clamp(34px,4vw,48px)/.95 var(--font-display);margin:0}.heart-title .eyebrow{margin-bottom:2px;color:#e7c8dd}.mode-toggle{justify-self:end;display:flex;background:#ffffff1f;padding:4px;border-radius:var(--radius-pill)}.mode-toggle button{color:#dce6f6}.heart-library{max-width:1120px;margin:48px auto 80px;padding:48px 30px;background:var(--surface-primary);border-top:7px solid var(--accent-heart);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.heart-library:after{content:"";position:absolute;right:28px;top:24px;width:118px;height:118px;opacity:.2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 14c12 18 28 26 48 31-20 5-36 13-48 31-12-18-28-26-48-31 20-5 36-13 48-31Z' fill='%23d68ab6'/%3E%3Cellipse cx='60' cy='60' rx='51' ry='16' fill='none' stroke='%23dec75f' stroke-width='5' transform='rotate(-18 60 60)'/%3E%3C/svg%3E") center/contain no-repeat}.heart-library-heading{text-align:center;margin-bottom:40px}.heart-library-heading h2{font-size:43px}.heart-library-heading>p:last-child{color:var(--text-secondary);font-size:17px}.heart-search{width:min(460px,100%);margin:24px auto 0;text-align:left}.heart-word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.heart-word-tile{min-height:180px;padding:20px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#fff;cursor:pointer;text-align:left;display:flex;flex-direction:column;transition:transform var(--motion-fast),box-shadow var(--motion-fast);box-shadow:var(--shadow-sm)}.heart-word-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.heart-word-tile small{color:#aa7fa1;font-weight:800}.heart-word-tile strong{font:700 48px var(--font-display);margin:auto 0;color:var(--text-primary)}.heart-word-tile span{color:#8d5f85;font-size:13px;font-weight:800}.heart-word-tile span b{float:right;font-size:18px}.heart-learn-stage,.heart-drill-stage{min-height:calc(100vh - 184px);display:grid;place-items:center;position:relative;padding:50px;grid-template-rows:auto 1fr auto;gap:24px;color:var(--text-on-dark)}.stage-back{position:absolute;top:28px;left:clamp(24px,5vw,72px);border:0;background:transparent;color:#dce6f6;font-weight:800;cursor:pointer}.learn-card,.heart-done-card,.heart-drill-card{background:var(--surface-primary);color:var(--text-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.learn-card{min-width:min(780px,88vw);min-height:min(520px,62vh);display:grid;grid-template-columns:1fr 1fr;place-items:center;gap:34px;padding:45px}.heart-word-image-frame{width:100%;min-height:300px;display:grid;place-items:center}.heart-word-image-frame img{max-width:100%;max-height:300px;width:100%;height:auto;object-fit:contain}.heart-word-image-placeholder{border:2px dashed #e2c7da;border-radius:var(--radius-lg);background:#fbf4fa;color:#d3a4c3}.heart-word-image-placeholder span{font-size:clamp(64px,10vw,120px)}.heart-learn-word{height:min(230px,28vh)}.heart-learn-word .fit-word{color:var(--text-primary)}.heart-drill-status{width:100%;min-height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#dce6f6}.heart-ready-card{background:var(--surface-primary)}.heart-mode-orb{background:var(--accent-heart);color:#fff}.phrase-progress{width:100%;text-align:center;color:#dce6f6;font-size:13px}.phrase-progress .stage-back{top:22px}.heart-phrase-card{font:700 clamp(58px,8.5vw,125px)/1.4 var(--font-display);text-align:center;color:#fff;padding:30px;white-space:pre-wrap}.heart-mark{position:relative;color:#ffd4ec;display:inline-block;animation:heart-pop .28s ease-out}.heart-mark:after{content:"";position:absolute;top:-15%;right:-12%;bottom:-15%;left:-12%;border:.06em solid #ffd4ec;border-radius:50% 45% 50% 42%;transform:rotate(-4deg);pointer-events:none}.heart-mark:before{content:"♥";position:absolute;top:-.5em;right:-.35em;font-size:.25em;color:#ffd4ec}.heart-done-card{width:min(720px,90vw);min-height:min(440px,56vh);display:grid;place-items:center;align-content:center;gap:22px;text-align:center;padding:48px}.heart-done-card h2{font:700 clamp(82px,13vw,160px)/1 var(--font-display);margin:0}.heart-drill-card{width:min(920px,90vw);min-height:min(540px,62vh);display:grid;place-items:center;align-content:center;gap:26px;text-align:center;padding:48px}.heart-drill-word{width:100%;height:min(240px,30vh)}.heart-drill-word .fit-word{color:var(--text-primary)}.heart-drill-card img{max-width:min(330px,72vw);max-height:240px;width:100%;object-fit:contain}.heart-drill-card .heart-word-image-frame{width:min(360px,78vw);min-height:240px}.heart-drill-card .heart-word-image-frame img{max-height:240px}.heart-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.heart-controls .button{min-height:58px;min-width:140px;font-size:16px}kbd{border:1px solid rgba(255,255,255,.5);border-bottom-width:2px;border-radius:6px;padding:2px 6px;font-size:11px}@keyframes firework-pop{0%,to{transform:scale(.7);opacity:.35}50%{transform:scale(1.1);opacity:1}}@keyframes heart-pop{0%{transform:scale(.88);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes planet-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:900px){.pattern-grid,.heart-word-grid{grid-template-columns:repeat(2,1fr)}.alien-earth-toolbar,.hero,.blend-mixer,.phonics-search,.student-data-controls,.student-summary-card,.leaderboard-controls{grid-template-columns:1fr}.app-header{position:relative;align-items:flex-start;flex-direction:column}.header-actions{width:100%;flex-wrap:wrap}.student-selector{width:100%}.image-word-card,.learn-card{grid-template-columns:1fr;gap:15px;padding:25px}.image-word-card img{max-height:230px}.drill-status-bar,.heart-drill-status{grid-template-columns:1fr auto}.session-person{display:none}.drill-player-header{grid-template-columns:1fr;text-align:center}.drill-player-header time{justify-self:center}}@media(max-width:640px){.pattern-grid,.heart-word-grid,.blend-category-picker{grid-template-columns:1fr}.mode-tabs,.mode-tabs-large,.student-manager-tabs{flex-direction:column;border-radius:var(--radius-lg)}.hero{padding-top:34px}.hero h1{font-size:clamp(25px,7.4vw,34px)}.section-heading,.modal-footer{align-items:flex-start;gap:15px;flex-direction:column}.library-section,.heart-library{border-radius:var(--radius-lg);padding-inline:18px}.student-form,.group-form,.student-manager-tools,.manual-word-row,.group-edit-row,.student-detail-panel{grid-template-columns:1fr}.student-selector{max-width:100%;flex-wrap:wrap;justify-content:flex-start}.student-selector-popover{left:0;right:auto}.student-row{align-items:flex-start}.student-fields,.score-grid,.error-bank-summary{grid-template-columns:1fr}.heart-topbar{grid-template-columns:1fr;gap:14px}.mode-toggle{justify-self:stretch}.mode-toggle button{flex:1}.session-controls{flex-wrap:wrap}.response-controls{order:-1;width:100%;justify-content:center;border:0}}