:root{color-scheme:light;--bg: #f4f7f3;--card: rgba(255, 255, 252, .94);--card-strong: #fffefd;--line: rgba(39, 58, 64, .11);--text: #24313a;--muted: #687681;--primary: #e87455;--primary-strong: #c95c43;--teal: #1b9a85;--gold: #d8a84a;--success: #4fae73;--danger: #d85f54;--blue: #4f77c7;--violet: #7469c9;--surface-soft: #f3f7f2;--shadow: 0 24px 60px rgba(35, 54, 60, .11);--display-font: "Avenir Next Condensed", "Trebuchet MS", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at 16% 18%,rgba(232,116,85,.12),transparent 25%),radial-gradient(circle at 84% 16%,rgba(27,154,133,.12),transparent 24%),linear-gradient(180deg,#fbfcf8,#f3f7f2 54%,#e8f0ec)}button,input{font:inherit}a{color:inherit;text-decoration:none}.tablet-shell{--theme-shell-bg: radial-gradient(circle at 16% 18%, rgba(232, 116, 85, .13), transparent 24%), radial-gradient(circle at 84% 16%, rgba(27, 154, 133, .13), transparent 24%), linear-gradient(180deg, #fbfcf8 0%, #f3f7f2 56%, #e8f0ec 100%);--theme-home-shell-bg: #f7faf5;--theme-screen-bg: radial-gradient(circle at top left, rgba(232, 116, 85, .09), transparent 28%), radial-gradient(circle at bottom right, rgba(27, 154, 133, .11), transparent 25%), linear-gradient(180deg, rgba(255, 255, 252, .98) 0%, rgba(239, 247, 242, .94) 100%);--theme-page-bg: linear-gradient(180deg, #fbfcf8 0%, #eef6f1 100%);--theme-panel-bg: rgba(255, 255, 252, .96);--theme-panel-border: rgba(153, 178, 171, .32);--theme-panel-shadow: 0 24px 48px rgba(39, 65, 66, .08), inset 0 1px 0 rgba(255, 255, 255, .96);--theme-side-bg: linear-gradient(180deg, rgba(249, 252, 247, .98), rgba(253, 254, 251, .94));--theme-side-toggle-color: #1b9a85;--theme-side-toggle-bg: rgba(231, 247, 242, .94);--theme-side-today-bg: linear-gradient(135deg, rgba(238, 248, 241, .97), rgba(255, 249, 239, .92));--theme-home-hero-bg: linear-gradient(155deg, rgba(255, 255, 255, .86) 0%, rgba(255, 255, 255, .4) 36%, rgba(255, 255, 255, 0) 66%), linear-gradient(132deg, #fff7e8 0%, #ecf7ee 36%, #d8f0e7 68%, #f3e6c8 100%), url(/backgrounds/home-learning-stage.svg);--theme-home-hero-before: linear-gradient(118deg, rgba(255, 245, 218, .34) 0%, rgba(255, 255, 255, 0) 34%), linear-gradient(252deg, rgba(232, 116, 85, .1) 0%, rgba(255, 255, 255, 0) 42%);--theme-home-hero-after: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(240, 248, 233, .72) 62%, rgba(221, 232, 181, .78) 100%);--theme-home-hero-border: rgba(205, 221, 193, .9);--theme-home-hero-shadow: 0 24px 46px rgba(63, 97, 72, .11), 0 10px 22px rgba(35, 54, 60, .04), inset 0 1px 0 rgba(255,255,255,.94);--theme-home-hero-title: #29383a;--theme-home-hero-kicker: #a65d3f;--theme-action-bg: #e87455;--theme-action-shadow: 0 18px 32px rgba(201, 92, 67, .22), inset 0 1px 0 rgba(255,255,255,.2);--theme-action-ink: #c95c43;--theme-home-hill-main: linear-gradient(180deg, rgba(214, 231, 165, .82) 0%, rgba(176, 207, 128, .74) 100%);--theme-home-hill-soft: linear-gradient(180deg, rgba(232, 224, 164, .72) 0%, rgba(206, 193, 124, .66) 100%);--primary: #e87455;--primary-strong: #c95c43;--teal: #1b9a85;min-height:100vh;padding:18px;display:grid;place-items:center;background:var(--theme-shell-bg)}.tablet-shell[data-theme=sky]{--theme-shell-bg: radial-gradient(circle at 16% 18%, rgba(98, 158, 218, .15), transparent 24%), radial-gradient(circle at 84% 16%, rgba(53, 169, 154, .1), transparent 24%), linear-gradient(180deg, #f8fbff 0%, #edf5fb 56%, #e8eef3 100%);--theme-home-shell-bg: #f7fbfd;--theme-screen-bg: radial-gradient(circle at top left, rgba(98, 158, 218, .13), transparent 28%), radial-gradient(circle at bottom right, rgba(53, 169, 154, .1), transparent 24%), linear-gradient(180deg, rgba(249, 252, 255, .98) 0%, rgba(237, 246, 250, .94) 100%);--theme-page-bg: linear-gradient(180deg, #fbfdff 0%, #eef7fa 100%);--theme-panel-bg: rgba(250, 253, 255, .96);--theme-panel-border: rgba(185, 214, 229, .58);--theme-panel-shadow: 0 24px 48px rgba(38, 87, 130, .07), inset 0 1px 0 rgba(255, 255, 255, .95);--theme-side-bg: linear-gradient(180deg, rgba(247, 252, 255, .97), rgba(252, 254, 255, .94));--theme-side-toggle-color: #2a88cf;--theme-side-toggle-bg: rgba(237, 247, 255, .94);--theme-side-today-bg: linear-gradient(135deg, rgba(236, 248, 255, .97), rgba(241, 255, 251, .94));--theme-home-hero-bg: linear-gradient(155deg, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .34) 35%, rgba(255, 255, 255, 0) 66%), linear-gradient(132deg, #eff9ff 0%, #d9f0ff 36%, #bfe8ff 68%, #d8f3f0 100%), url(/backgrounds/home-learning-stage.svg);--theme-home-hero-before: linear-gradient(118deg, rgba(255, 255, 255, .44) 0%, rgba(255, 255, 255, 0) 34%), linear-gradient(252deg, rgba(82, 166, 231, .2) 0%, rgba(255, 255, 255, 0) 42%);--theme-home-hero-after: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(233, 248, 255, .76) 62%, rgba(200, 232, 250, .86) 100%);--theme-home-hero-border: rgba(192, 221, 236, .88);--theme-home-hero-shadow: 0 24px 46px rgba(50, 131, 196, .12), 0 10px 22px rgba(63, 47, 29, .03), inset 0 1px 0 rgba(255,255,255,.92);--theme-home-hero-title: #1f3954;--theme-home-hero-kicker: #2a88cf;--theme-action-bg: #4f77c7;--theme-action-shadow: 0 18px 32px rgba(79, 119, 199, .2), inset 0 1px 0 rgba(255,255,255,.18);--theme-action-ink: #3d64b4;--theme-home-hill-main: linear-gradient(180deg, rgba(207, 235, 252, .84) 0%, rgba(154, 207, 238, .78) 100%);--theme-home-hill-soft: linear-gradient(180deg, rgba(213, 242, 240, .78) 0%, rgba(156, 218, 214, .7) 100%);--primary: #4f77c7;--primary-strong: #3d64b4;--teal: #2f93ad}.tablet-shell[data-theme=meadow]{--theme-shell-bg: radial-gradient(circle at 16% 18%, rgba(159, 203, 111, .15), transparent 24%), radial-gradient(circle at 84% 16%, rgba(43, 157, 131, .11), transparent 24%), linear-gradient(180deg, #fbfdf8 0%, #f0f7ed 56%, #e6efe3 100%);--theme-home-shell-bg: #f8fbf5;--theme-screen-bg: radial-gradient(circle at top left, rgba(187, 223, 124, .16), transparent 28%), radial-gradient(circle at bottom right, rgba(104, 188, 171, .12), transparent 24%), linear-gradient(180deg, rgba(252, 255, 248, .98) 0%, rgba(240, 248, 234, .94) 100%);--theme-page-bg: linear-gradient(180deg, #fefff9 0%, #f1f8ee 100%);--theme-panel-bg: rgba(253, 255, 249, .96);--theme-panel-border: rgba(185, 216, 174, .58);--theme-panel-shadow: 0 24px 48px rgba(78, 126, 58, .07), inset 0 1px 0 rgba(255, 255, 255, .95);--theme-side-bg: linear-gradient(180deg, rgba(251, 255, 247, .97), rgba(253, 255, 251, .94));--theme-side-toggle-color: #1f978f;--theme-side-toggle-bg: rgba(244, 253, 250, .94);--theme-side-today-bg: linear-gradient(135deg, rgba(249, 255, 240, .97), rgba(235, 255, 249, .94));--theme-home-hero-bg: linear-gradient(155deg, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .34) 35%, rgba(255, 255, 255, 0) 66%), linear-gradient(132deg, #f2ffe9 0%, #def8ee 36%, #bdeee4 68%, #dff4bb 100%), url(/backgrounds/home-learning-stage.svg);--theme-home-hero-before: linear-gradient(118deg, rgba(255, 248, 210, .34) 0%, rgba(255, 255, 255, 0) 34%), linear-gradient(252deg, rgba(113, 210, 199, .2) 0%, rgba(255, 255, 255, 0) 42%);--theme-home-hero-after: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(245, 255, 231, .74) 62%, rgba(223, 244, 184, .86) 100%);--theme-home-hero-border: rgba(193, 237, 221, .86);--theme-home-hero-shadow: 0 24px 46px rgba(31, 151, 143, .12), 0 10px 22px rgba(63, 47, 29, .035), inset 0 1px 0 rgba(255,255,255,.92);--theme-home-hero-title: #23423e;--theme-home-hero-kicker: #2f8b7c;--theme-action-bg: #1b9a85;--theme-action-shadow: 0 18px 32px rgba(27, 154, 133, .21), inset 0 1px 0 rgba(255,255,255,.18);--theme-action-ink: #157d6c;--theme-home-hill-main: linear-gradient(180deg, rgba(215, 244, 164, .84) 0%, rgba(159, 219, 105, .78) 100%);--theme-home-hill-soft: linear-gradient(180deg, rgba(230, 246, 166, .78) 0%, rgba(177, 223, 103, .7) 100%);--primary: #1b9a85;--primary-strong: #157d6c;--teal: #1b9a85}.tablet-frame{width:min(100%,1240px);padding:18px;border-radius:38px;background:linear-gradient(180deg,#20282a,#111719);box-shadow:0 42px 90px #1421242e,inset 0 1px #ffffff14}.tablet-screen{position:relative;overflow:hidden;min-height:min(900px,calc(100vh - 72px));max-height:calc(100vh - 72px);border-radius:28px;background:var(--theme-screen-bg);padding:18px 18px 22px}.tablet-notch{position:absolute;left:50%;top:10px;transform:translate(-50%);width:148px;height:18px;border-radius:999px;background:#15120f}.student-app{height:calc(min(900px,calc(100vh - 72px)) - 40px);min-height:calc(min(900px,calc(100vh - 72px)) - 40px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding-top:18px;position:relative}.student-app.learn-mode{grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;padding-top:14px}.student-app.home-shell-mode{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding-top:12px}.tablet-shell:has(.student-app.home-shell-mode),.tablet-shell:has(.student-app.home-shell-mode) .tablet-screen{background:var(--theme-home-shell-bg)}.tablet-statusbar{display:flex;justify-content:space-between;align-items:center;padding:2px 8px 0;font-size:13px;font-weight:700;color:#53493d}.student-rail{position:relative;z-index:18;display:grid;grid-template-columns:220px minmax(0,1fr) auto;grid-template-areas:"brand copy top" "brand progress top";gap:12px 16px;padding:18px 20px;border-radius:30px;background:#fffcf6cc;border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 40px #3f2f1d14,inset 0 1px #ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rail-brand{grid-area:brand;display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding-right:14px;border-right:1px solid rgba(88,68,46,.08)}.rail-logo{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(241,194,93,.52),transparent 28%),radial-gradient(circle at 72% 38%,rgba(31,151,143,.22),transparent 30%),linear-gradient(180deg,#fffaf2,#f4e5c7);border:1px solid rgba(241,194,93,.26);font-size:26px;font-weight:900;color:var(--primary-strong)}.rail-brand-title{font-size:20px;font-weight:800}.rail-brand-subtitle{margin-top:4px;font-size:13px;color:var(--muted)}.rail-copy{grid-area:copy;align-self:center}.rail-copy h1{margin:0;font-size:38px;line-height:1.08;letter-spacing:-.03em}.rail-copy p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.rail-top{grid-area:top;display:flex;align-items:center;justify-content:flex-end;gap:12px}.rail-tools{display:flex;align-items:center;gap:10px}.study-profile{display:none;align-items:center;gap:12px;min-width:0;padding:0;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.study-profile.visible{display:flex}.profile-trigger{padding:0;border:0;background:transparent;cursor:pointer}.study-profile-avatar{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(241,194,93,.55),transparent 26%),radial-gradient(circle at 70% 38%,rgba(31,151,143,.24),transparent 30%),linear-gradient(180deg,#fffaf1,#f4e5c5);border:1px solid rgba(241,194,93,.3);color:var(--primary-strong);font-size:20px;font-weight:900}.study-profile-avatar.has-image,.account-avatar.has-image,.admin-user-avatar.has-image,.admin-topbar-avatar.has-image{background-image:var(--avatar-photo)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent;border-color:#58442e24}.study-profile-copy{display:grid;gap:2px;min-width:0}.study-profile-copy strong{font-size:15px;line-height:1.2}.study-profile-copy span{font-size:12px;line-height:1.3;color:var(--muted)}.tool-button,.icon-fab,.stepper-button{border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.tool-button:hover,.icon-fab:hover,.stepper-button:hover,.primary-button:hover,.secondary-button:hover,.accent-button:hover,.pill-button:hover,.choice-tile:hover,.package-card:hover,.keycap:hover{transform:translateY(-1px)}.tool-button{min-width:54px;height:54px;padding:0 18px;border-radius:18px;background:#ffffffe6;border:1px solid rgba(88,68,46,.1);color:var(--text);box-shadow:0 12px 24px #3f2f1d14,inset 0 1px #ffffffe0}.tool-button.icon{width:54px;padding:0;font-size:22px}.tool-button.muted{color:var(--muted)}.tool-button.compact{min-width:0;height:48px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:700}.rail-progress{grid-area:progress;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.student-rail.study-mode,.student-rail.material-mode{grid-template-columns:1fr;grid-template-areas:"top";gap:0;min-height:64px;padding:0 6px;border-radius:18px;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.student-rail.home-mode{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand top";align-items:center;gap:10px 16px;padding:14px 18px;overflow:visible}.student-rail.compact-mode{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand top";align-items:center;gap:10px 16px;padding:10px 14px;border-radius:22px;background:#fffcf6b8}.student-rail.compact-mode .rail-brand{grid-template-columns:44px minmax(0,1fr);gap:10px;border-right:0;padding-right:0}.student-rail.compact-mode .rail-logo{width:44px;height:44px;border-radius:16px;font-size:20px}.student-rail.compact-mode .rail-brand-title{font-size:16px}.student-rail.compact-mode .rail-brand-subtitle{margin-top:2px;font-size:12px}.student-rail.home-mode .rail-brand{grid-template-columns:54px minmax(0,1fr);gap:10px;border-right:0;padding-right:0}.student-rail.home-mode .rail-logo{width:54px;height:54px;border-radius:20px;font-size:24px}.rail-home-avatar{width:54px;display:grid;justify-items:start}.student-rail.home-mode .rail-brand-title{font-size:18px}.student-rail.home-mode .rail-brand-subtitle{margin-top:2px}.rail-account-avatar{width:54px;height:54px;margin:0;border-radius:20px;box-shadow:0 14px 24px #3f2f1d1a,inset 0 1px #ffffffdb}.student-profile-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:46;display:grid;align-items:start;justify-items:start;padding:84px 24px 24px;background:#1b17121f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.student-profile-sheet{width:min(440px,calc(100vw - 48px));display:grid;gap:18px;padding:22px;border-radius:30px;background:radial-gradient(circle at 16% 18%,rgba(241,194,93,.16),transparent 26%),radial-gradient(circle at 82% 16%,rgba(31,151,143,.08),transparent 24%),linear-gradient(180deg,#fffffffa,#f8f1e4f5);border:1px solid rgba(255,255,255,.86);box-shadow:0 26px 54px #3f2f1d24,inset 0 1px #ffffffeb}.student-profile-sheet-head{display:grid;grid-template-columns:72px minmax(0,1fr) 40px;gap:14px;align-items:center}.student-profile-sheet-avatar{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(241,194,93,.55),transparent 26%),radial-gradient(circle at 70% 38%,rgba(31,151,143,.24),transparent 30%),linear-gradient(180deg,#fffaf1,#f4e5c5);border:1px solid rgba(241,194,93,.3);color:var(--primary-strong);font-size:30px;font-weight:900}.student-profile-sheet-avatar.has-image{background-image:var(--avatar-photo)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent;border-color:#58442e24}.student-profile-sheet-copy{display:grid;gap:6px;min-width:0}.student-profile-sheet-copy strong{font-size:30px;line-height:1.02;letter-spacing:-.03em}.student-profile-sheet-copy span{font-size:14px;color:var(--muted)}.student-profile-close{width:40px;height:40px;border-radius:14px;border:0;background:#ffffffe0;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.student-profile-sheet-body{display:grid;gap:14px}.student-profile-card{display:grid;gap:4px;padding:16px 18px;border-radius:22px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08)}.student-profile-card span,.student-profile-note{font-size:13px;color:var(--muted);line-height:1.6}.student-profile-card strong{font-size:22px;line-height:1.12;letter-spacing:-.03em}.student-profile-card small{font-size:14px;color:#6e604f;line-height:1.55}.student-profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.student-profile-stat{display:grid;gap:8px;padding:16px 18px;border-radius:22px;background:#ffffffdb;border:1px solid rgba(88,68,46,.08)}.student-profile-stat span{font-size:13px;color:var(--muted)}.student-profile-stat strong{font-size:38px;line-height:1;letter-spacing:-.04em}.student-profile-stat.warm strong{color:#b8663f}.student-profile-stat.cool strong{color:#1e7f78}.student-profile-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.student-profile-actions .primary-button.large,.student-profile-actions .secondary-button.large{min-height:60px;font-size:18px;border-radius:20px;white-space:nowrap}.student-profile-footer{display:flex;justify-content:flex-end}.student-profile-logout{min-height:38px;padding:0 14px;border-radius:999px;border:0;background:#fff2f0e6;color:#a34b44;font-size:13px;font-weight:700;cursor:pointer}.profile-fade-enter-active,.profile-fade-leave-active{transition:opacity .18s ease}.profile-fade-enter-from,.profile-fade-leave-to{opacity:0}.student-rail.study-mode .rail-brand,.student-rail.study-mode .rail-copy,.student-rail.study-mode .rail-progress,.student-rail.material-mode .rail-brand,.student-rail.material-mode .rail-copy,.student-rail.material-mode .rail-progress{display:none!important}.student-rail.study-mode .rail-top,.student-rail.material-mode .rail-top{justify-content:space-between}.progress-pill{padding:12px 14px;border-radius:20px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08);display:grid;gap:8px}.progress-pill span{font-size:13px;color:var(--muted)}.progress-pill strong{font-size:16px}.progress-track{height:8px;border-radius:999px;background:#58442e14;overflow:hidden}.progress-fill{height:100%;border-radius:999px}.progress-fill.warm{background:linear-gradient(90deg,var(--gold),#efb44d)}.progress-fill.cool{background:linear-gradient(90deg,#63c2ba,var(--teal))}.student-workspace{position:relative;z-index:1;min-height:0;overflow:auto;padding-right:4px}.student-workspace.home-mode{background:#fff;overflow:hidden;padding-right:0;display:grid}.student-workspace.learn-mode{overflow:hidden;padding-right:0;display:grid}.student-workspace.learn-mode>*{min-height:0}.student-workspace.auth-mode{display:grid;place-items:center;padding-right:0}.student-workspace::-webkit-scrollbar{width:8px}.student-workspace::-webkit-scrollbar-thumb{background:#58442e24;border-radius:999px}.hidden{display:none!important}.student-stepper{display:flex;justify-content:space-between;align-items:center;padding:0 8px 4px}.stepper-button{width:72px;height:72px;border-radius:999px;font-size:28px;box-shadow:var(--shadow)}.stepper-button.ghost{background:#ffffffeb;color:var(--text)}.stepper-button.primary{background:var(--primary);color:#fff}.stepper-button:disabled{opacity:.38;cursor:not-allowed;transform:none}.student-toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%);padding:12px 18px;border-radius:999px;background:#79b85d29;border:1px solid rgba(121,184,93,.24);color:#3d6d2e;font-size:14px;font-weight:800;box-shadow:0 20px 36px #3d6d2e24}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%) translateY(6px)}.page-stack,.study-screen,.complete-screen,.home-screen,.auth-screen,.material-layout{min-height:100%}.page-copy,.auth-copy,.quiz-card-copy,.build-copy{display:grid;gap:8px}.page-copy h2,.auth-copy strong,.quiz-card-copy h3,.build-copy strong,.complete-hero h2{margin:0;font-size:30px;line-height:1.08;letter-spacing:-.03em}.page-copy p,.auth-copy span,.quiz-card-copy p,.build-copy p,.support-copy{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.eyebrow,.sequence-pill,.complete-badge,.cutout-strip-badge{min-height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08);color:#7e6f5d;font-size:12px;font-weight:800}.auth-screen{min-height:100%;display:grid;grid-template-columns:1.2fr .9fr;gap:18px;align-items:stretch}.auth-hero,.auth-panel,.study-card,.package-card,.home-card,.complete-hero,.quiz-card,.material-board,.paper-preview{border-radius:30px;background:var(--card);border:1px solid rgba(255,255,255,.75);box-shadow:0 20px 44px #3f2f1d14,inset 0 1px #ffffffe0}.auth-hero{padding:34px;display:grid;align-content:end;gap:18px;background:radial-gradient(circle at 22% 24%,rgba(241,194,93,.34),transparent 22%),radial-gradient(circle at 78% 18%,rgba(31,151,143,.14),transparent 22%),linear-gradient(180deg,#fffaf1,#f4e4bc)}.auth-mark{width:96px;height:96px;display:grid;place-items:center;border-radius:30px;background:#ffffffc2;font-size:38px;font-weight:900;color:var(--primary-strong)}.auth-hero h1{margin:0;font-size:62px;line-height:.96;letter-spacing:-.05em}.auth-hero p{margin:0;font-size:22px;line-height:1.45;color:#5d5144}.auth-tags{display:flex;flex-wrap:wrap;gap:10px}.auth-tags span,.package-meta span,.word-chip,.complete-badge,.word-chip.muted{min-height:36px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;background:#ffffffdb;border:1px solid rgba(88,68,46,.08);font-size:13px;font-weight:700}.auth-panel{padding:28px;display:grid;align-content:center;gap:16px}.auth-simple-screen,.home-simple-page{min-height:100%;display:grid;place-items:center;padding:12px 12px 92px}.auth-refined-screen{min-height:max(100%,680px);width:100%;display:grid;place-items:center;align-content:center;padding:24px 12px 32px}.home-refined-page{min-height:100%;display:grid;place-items:center;padding:12px 12px 92px}.auth-simple-panel,.home-simple-card{width:min(100%,760px);border-radius:32px;background:#ffffffeb;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 44px #3f2f1d14,inset 0 1px #ffffffe0}.auth-refined-shell,.home-refined-card{width:min(100%,780px);border-radius:34px;background:#ffffffeb;border:1px solid rgba(255,255,255,.8);box-shadow:0 22px 46px #3f2f1d14,inset 0 1px #ffffffe0}.auth-refined-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;align-self:center;margin:auto}.auth-refined-shell.register{width:min(100%,900px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.auth-refined-brand{display:grid;align-content:center;gap:18px;padding:34px 30px;background:radial-gradient(circle at 22% 24%,rgba(241,194,93,.24),transparent 24%),radial-gradient(circle at 80% 18%,rgba(31,151,143,.08),transparent 24%),linear-gradient(180deg,#fffaf1f5,#f5e9cce0)}.auth-refined-brand.register{justify-items:center;text-align:center}.auth-refined-mark{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:#ffffffd1;border:1px solid rgba(241,194,93,.24);color:var(--primary-strong);font-size:30px;font-weight:900}.auth-refined-copy{display:grid;gap:10px}.auth-refined-brand.register .auth-refined-copy{justify-items:center}.auth-refined-copy strong{font-size:40px;line-height:.98;letter-spacing:-.04em}.auth-refined-copy p{margin:0;color:#645748;font-size:16px;line-height:1.7}.auth-refined-brand.register .auth-refined-copy p{max-width:280px}.auth-refined-tags{display:flex;flex-wrap:wrap;gap:10px}.auth-refined-tags.centered{justify-content:center}.auth-refined-tags span{min-height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;background:#ffffffd1;border:1px solid rgba(88,68,46,.08);color:#766957;font-size:12px;font-weight:700}.auth-refined-panel{display:grid;align-content:center;gap:16px;padding:34px 30px}.auth-refined-head{display:grid;gap:6px}.auth-refined-head.centered{justify-items:center;text-align:center}.auth-refined-head strong{font-size:28px;line-height:1.04}.auth-refined-head span{color:var(--muted);font-size:14px}.auth-refined-actions{display:grid;gap:12px}.auth-simple-panel{display:grid;gap:18px;padding:30px}.auth-simple-head{display:flex;align-items:center;gap:16px}.auth-simple-mark{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(241,194,93,.46),transparent 28%),radial-gradient(circle at 70% 38%,rgba(31,151,143,.16),transparent 30%),linear-gradient(180deg,#fffaf1,#f4e5c5);border:1px solid rgba(241,194,93,.26);color:var(--primary-strong);font-size:28px;font-weight:900}.auth-simple-copy{display:grid;gap:4px}.auth-simple-copy strong{font-size:28px;line-height:1.05}.auth-simple-copy span{color:var(--muted);font-size:15px}.auth-simple-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-panel.wide{max-width:860px;margin:0 auto}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:8px}.field span{font-size:13px;font-weight:700;color:var(--muted)}.field.centered-label span{text-align:center}.text-input{width:100%;min-height:58px;padding:0 18px;border-radius:18px;border:1px solid rgba(88,68,46,.12);background:#ffffffeb;color:var(--text);outline:none}.text-input:focus{border-color:#ef7d5757;box-shadow:0 0 0 4px #ef7d5714}.auth-actions,.home-actions,.answer-actions,.material-actions,.action-row,.audio-actions{display:flex;gap:12px;flex-wrap:wrap}.material-actions.vertical{flex-direction:column}.primary-button,.secondary-button,.accent-button,.pill-button,.choice-tile,.keycap{min-height:56px;padding:0 22px;border-radius:18px;border:0;font-size:15px;font-weight:800;cursor:pointer}.primary-button{background:linear-gradient(180deg,#ff9a68 0%,var(--primary) 100%);color:#fff;box-shadow:0 16px 34px #ef7d5738}.secondary-button{background:#ffffffeb;color:var(--text);border:1px solid rgba(88,68,46,.08)}.accent-button{background:#1f978f24;color:#176f69;border:1px solid rgba(31,151,143,.16)}.primary-button.large,.secondary-button.large{flex:1;min-height:72px;font-size:24px;border-radius:24px}.secondary-button.compact,.primary-button.compact,.accent-button.compact{min-height:44px;padding-inline:16px;font-size:13px;border-radius:999px}.inline-feedback{margin:0;padding:12px 14px;border-radius:18px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08);font-size:14px;line-height:1.55;color:var(--muted)}.inline-feedback.success{background:#79b85d1f;border-color:#79b85d3d;color:#3d6d2e}.inline-feedback.error,.menu-item.danger{color:#8d453b}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.package-select-page,.vocab-book-page,.learning-record-page{height:100%;min-height:100%;display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;background:var(--theme-page-bg);overflow:hidden}.student-side-nav{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;padding:8px 12px 16px 18px;background:var(--theme-side-bg)}.student-side-head{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"profile profile" "toggle .";align-items:center;gap:8px 14px}.student-side-profile{grid-area:profile;min-width:0;min-height:74px;border:0;padding:0;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;color:inherit;background:transparent;text-align:left;cursor:pointer}.student-side-toggle{grid-area:toggle;justify-self:center;width:36px;height:36px;border:1px solid rgba(33,173,142,.13);border-radius:13px;display:grid;place-items:center;color:var(--theme-side-toggle-color);background:var(--theme-side-toggle-bg);box-shadow:0 10px 20px #1822340e;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.student-side-toggle:hover{color:#15806d;background:#fff;transform:translateY(-1px);box-shadow:0 14px 24px #18223413}.student-side-toggle svg{width:18px;height:18px}.student-side-avatar{width:64px!important;height:64px!important;margin:0!important;border-radius:23px!important;font-size:25px!important;box-shadow:0 12px 24px #3f2f1d14}.student-side-avatar.has-image{background-size:148%!important;background-position:center 42%!important}.student-side-profile-copy{min-width:0;display:grid;gap:7px}.student-side-profile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#282a38;font-size:18px;line-height:1.1;font-weight:1000}.student-side-profile-copy strong span{margin-left:5px}.student-side-profile-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5b6170;font-size:12px;font-weight:900}.student-side-menu{min-height:0;display:grid;align-content:center;gap:28px;padding:14px 0}.student-side-menu-item{--side-color: #21ad8e;--side-bg: rgba(33, 173, 142, .1);position:relative;width:100%;min-height:50px;border:0;border-radius:14px;padding:0 18px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:15px;color:var(--side-color);background:transparent;text-align:left;transition:background .16s ease,transform .16s ease}.student-side-menu-item span{width:30px;height:30px;display:grid;place-items:center;border-radius:11px}.student-side-menu-item svg{width:22px;height:22px}.student-side-menu-item strong{font-size:15px;line-height:1.1;font-weight:1000}.student-side-menu-item.review{--side-color: #f08a1d;--side-bg: rgba(240, 138, 29, .13)}.student-side-menu-item.packages{--side-color: #4d7be5;--side-bg: rgba(77, 123, 229, .12)}.student-side-menu-item.profile{--side-color: #7467d9;--side-bg: rgba(116, 103, 217, .12)}.student-side-menu-item.active{background:var(--side-bg)}.student-side-menu-item:not(.active):hover{background:#f7fafceb;transform:translate(2px)}.student-side-today{min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px;padding:14px 8px 12px 16px;border-radius:18px;background:var(--theme-side-today-bg);border:1px solid var(--theme-panel-border);box-shadow:0 14px 26px #1822340d}.student-side-today div{min-width:0;display:grid;gap:8px}.student-side-today strong{color:#333848;font-size:14px;line-height:1.18;font-weight:1000}.student-side-today span{color:#7a8391;font-size:12px;font-weight:800}.student-side-today img{width:74px;max-width:100%;align-self:end;justify-self:end;filter:drop-shadow(0 10px 16px rgba(84,107,55,.14))}.student-side-today-mini{display:none}.package-select-board{width:100%;min-height:0;min-width:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:22px;padding:28px 34px 32px;border-radius:20px;background:var(--theme-panel-bg);border:1px solid var(--theme-panel-border);box-shadow:var(--theme-panel-shadow);overflow:hidden}.package-select-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,45%);align-items:start;gap:22px}.package-select-title{display:grid;gap:8px}.package-select-title h1{margin:0;color:#2f3544;font-size:34px;line-height:1.05;letter-spacing:0}.package-select-title p{margin:0;color:#6f7787;font-size:16px;font-weight:700}.package-select-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:18px}.package-search-field{min-width:min(320px,100%);height:44px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:9px;background:#f4f6fa;border:1px solid transparent;color:#9aa3b2;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.package-search-field:focus-within{background:#fff;border-color:#1fb38f38;box-shadow:0 0 0 4px #1fb38f14}.package-search-field svg{width:16px;height:16px;flex:0 0 auto}.package-search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#333b4b;font:inherit;font-size:13px;font-weight:700}.package-search-field input::placeholder{color:#9aa3b2}.package-vocab-button{height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;border-radius:9px;border:1px solid rgba(31,179,143,.18);background:#fff;color:#2f4350;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:0 10px 22px #1822340a;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.package-vocab-button:hover{transform:translateY(-1px);border-color:#1fb38f57;box-shadow:0 14px 26px #18223412}.package-vocab-button svg{width:17px;height:17px;color:#18b995}.package-category-tabs{display:flex;align-items:center;gap:16px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.package-shelf-tabs{display:inline-flex;width:fit-content;max-width:100%;gap:6px;padding:5px;border-radius:14px;background:#f4f6fa;border:1px solid rgba(226,230,236,.72)}.package-shelf-tab{min-width:112px;height:42px;padding:0 14px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#6f7787;font-size:13px;font-weight:1000;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.package-shelf-tab span{min-width:24px;height:24px;display:inline-grid;place-items:center;border-radius:999px;background:#ffffffd1;color:#8490a1;font-size:12px}.package-shelf-tab.active{background:#fff;color:#263141;box-shadow:0 10px 20px #1822340f}.package-shelf-tab.active span{background:#1fb38f1f;color:#14a980}.package-category-tabs::-webkit-scrollbar{display:none}.package-category-tab{min-width:72px;height:40px;padding:0 18px;border:1px solid rgba(226,230,236,.72);border-radius:999px;background:#ffffffdb;color:#798191;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:0 10px 20px #18223409;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.package-category-tab:hover{transform:translateY(-1px);border-color:#1fb38f2e;color:#2f4350}.package-category-tab.active{color:#fff;background:linear-gradient(135deg,#25c6a2,#14a980);border-color:transparent;box-shadow:0 14px 24px #14a9802e}.package-select-list{display:grid;align-content:start;gap:12px;min-height:0;overflow-y:auto;padding-right:2px}.package-select-item{width:100%;min-height:130px;display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px;border:1px solid rgba(226,230,236,.8);border-radius:14px;background:#ffffffc7;text-align:left;box-shadow:0 14px 28px #18223409;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;cursor:pointer}.package-select-item:hover{transform:translateY(-1px);background:#fff;border-color:#1fb38f33;box-shadow:0 18px 34px #18223412}.package-select-item.active{border-color:#1fb38f3d;background:#fff}.package-select-item.joined:not(.active){border-color:#1fb38f1f}.package-select-cover{position:relative;width:92px;height:92px;border-radius:9px;display:grid;place-items:center;overflow:hidden;color:#fff;box-shadow:0 16px 28px #1822341f}.package-select-cover:before,.package-select-cover:after{content:"";position:absolute;border-radius:999px;opacity:.26;background:#ffffffb3}.package-select-cover:before{width:52px;height:52px;top:-18px;left:-12px}.package-select-cover:after{width:24px;height:24px;right:12px;bottom:16px}.package-select-cover.tone-primary{background:linear-gradient(145deg,#5f7cff,#6574ec 48%,#7160d9)}.package-select-cover.tone-middle{background:linear-gradient(145deg,#27d09b,#25b98e 52%,#168f7c)}.package-select-cover.tone-high{background:linear-gradient(145deg,#8156db,#7740c7 56%,#5b31a2)}.package-select-cover.tone-college{background:linear-gradient(145deg,#3d86e8,#286bc4)}.package-select-cover.tone-exam{background:linear-gradient(145deg,#4f6378,#2e3f54)}.package-select-cover.tone-abroad{background:linear-gradient(145deg,#eb7e65,#ce5e76)}.package-select-cover.tone-life{background:linear-gradient(145deg,#2bb6b0,#25858f)}.package-select-cover.tone-other{background:linear-gradient(145deg,#8793a4,#697589)}.cover-letter{position:absolute;z-index:1;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:23px;font-weight:1000;line-height:1;text-shadow:0 2px 6px rgba(24,34,52,.18);box-shadow:0 8px 16px #18223424}.cover-letter.a{top:22px;left:31px;background:#ff998b}.cover-letter.b{top:42px;left:20px;background:#8bc7ff}.cover-letter.c{top:39px;left:49px;background:#ffe468;color:#fff}.cover-go{position:relative;z-index:1;justify-self:start;margin-left:18px;font-size:20px;line-height:.92;font-weight:1000;color:#fff7b6;letter-spacing:0;text-shadow:0 2px 8px rgba(19,96,78,.22)}.cover-mini-badge{position:absolute;z-index:1;right:18px;bottom:20px;width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#fff3;border:1px solid rgba(255,255,255,.24);font-size:18px;font-weight:1000}.cover-title{position:relative;z-index:1;padding:0 12px;white-space:pre-line;text-align:center;font-size:18px;line-height:1.18;font-weight:1000;letter-spacing:0}.package-select-main{min-width:0;display:grid;gap:10px}.package-select-item-head{display:flex;align-items:center;gap:8px;min-width:0}.package-select-item-head h2{margin:0;color:#2f3544;font-size:18px;line-height:1.2;font-weight:1000;letter-spacing:0}.package-grade-tag{height:22px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;background:#ecf3ff;color:#4d7be5;font-size:11px;font-weight:1000}.package-joined-tag{height:22px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;background:#1fb38f1f;color:#14a980;font-size:11px;font-weight:1000}.package-select-description{margin:0;color:#6f7787;font-size:13px;font-weight:700;line-height:1.45}.package-select-progress-row{display:flex;flex-wrap:wrap;align-items:center;gap:30px;color:#747d8d;font-size:12px;font-weight:800}.package-select-progress-row strong{margin-left:6px;color:#2f3544;font-weight:1000}.package-select-progress-track{width:min(320px,100%);height:4px;border-radius:999px;background:#eef1f4;overflow:hidden}.package-select-progress-fill{height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#25c6a2,#14a980)}.package-item-actions{display:grid;gap:8px;justify-items:stretch}.package-preview-button,.package-start-button,.package-leave-button{min-width:106px;height:42px;padding:0 20px;border-radius:9px;font-size:13px;font-weight:1000;white-space:nowrap;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.package-preview-button{border:1px solid rgba(226,230,236,.9);background:#fff;color:#5d6878}.package-start-button{border:0;background:#dff4ef;color:#14a980}.package-leave-button{border:1px solid rgba(226,230,236,.9);background:#fff7f6;color:#b65a50}.package-preview-button:hover,.package-start-button:hover,.package-leave-button:hover{transform:translateY(-1px)}.package-shelf-tab:focus-visible,.package-preview-button:focus-visible,.package-start-button:focus-visible,.package-leave-button:focus-visible,.package-empty-button:focus-visible,.package-preview-close:focus-visible,.package-preview-secondary:focus-visible,.package-preview-primary:focus-visible{outline:3px solid rgba(31,179,143,.18);outline-offset:2px}.package-preview-button:hover{color:#2f4350;box-shadow:0 12px 22px #1822340f}.package-start-button:hover{background:#25c6a2;color:#fff;box-shadow:0 14px 24px #14a98029}.package-leave-button:hover{background:#fff0ed;color:#9f4138;box-shadow:0 12px 22px #aa473d14}.package-empty-state{min-height:220px;display:grid;place-content:center;justify-items:center;gap:8px;color:#8a93a2;text-align:center}.package-empty-state strong{color:#2f3544;font-size:18px}.package-empty-state span{font-size:13px;font-weight:700}.package-empty-button{height:42px;padding:0 18px;border:0;border-radius:10px;background:#dff4ef;color:#14a980;font-size:13px;font-weight:1000}.package-preview-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:24px;background:#1f263247;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.package-preview-panel{position:relative;width:min(520px,calc(100vw - 32px));max-height:min(760px,calc(100svh - 32px));display:grid;gap:18px;overflow-y:auto;padding:24px;border-radius:24px;background:#fffffffa;border:1px solid rgba(255,255,255,.8);box-shadow:0 28px 70px #18223438}.package-preview-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:12px;display:grid;place-items:center;background:#f3f5f8;color:#6f7787;font-size:22px;line-height:1}.package-preview-cover{width:108px;height:108px;border-radius:14px;display:grid;place-items:center;overflow:hidden;color:#fff;box-shadow:0 18px 34px #18223424}.package-preview-copy{display:grid;gap:8px}.package-preview-copy span,.package-preview-section>span,.package-preview-stats span{color:#6f7787;font-size:12px;font-weight:900}.package-preview-copy h2{margin:0;color:#283142;font-size:28px;line-height:1.12;letter-spacing:0}.package-preview-copy p{margin:0;color:#5d6878;font-size:14px;line-height:1.65;font-weight:700}.package-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.package-preview-stats div{min-height:74px;display:grid;align-content:center;gap:6px;padding:12px;border-radius:14px;background:#f6f8fb;border:1px solid rgba(226,230,236,.72)}.package-preview-stats strong{color:#273142;font-size:20px;line-height:1}.package-preview-section{display:grid;gap:10px}.package-preview-words{display:flex;flex-wrap:wrap;gap:8px}.package-preview-words span{min-height:34px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#f6f8fb;color:#657081;font-size:12px;font-weight:800}.package-preview-words strong{color:#273142}.package-preview-loading{min-height:52px;display:grid;place-items:center;border-radius:14px;background:#f6f8fb;color:#7c8493;font-size:13px;font-weight:800}.package-preview-actions{display:grid;gap:10px}.package-preview-primary,.package-preview-secondary{min-height:54px;border-radius:14px;font-size:15px;font-weight:1000}.package-preview-primary{border:0;background:linear-gradient(135deg,#25c6a2,#14a980);color:#fff}.package-preview-secondary{border:1px solid rgba(226,230,236,.95);background:#fff;color:#b65a50}.package-preview-fade-enter-active,.package-preview-fade-leave-active{transition:opacity .18s ease}.package-preview-fade-enter-from,.package-preview-fade-leave-to{opacity:0}.vocab-book-board{width:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:18px;padding:28px 34px 32px;border-radius:20px;background:#fffffff2;border:1px solid rgba(221,226,232,.72);box-shadow:0 24px 48px #18223414,inset 0 1px #fffffff2;overflow:hidden}.vocab-book-header{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:16px}.vocab-back-button,.vocab-icon-button{width:44px;height:44px;border:1px solid rgba(226,230,236,.78);border-radius:12px;display:grid;place-items:center;color:#3e4a5d;background:#fff;box-shadow:0 12px 22px #1822340b;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.vocab-back-button:hover,.vocab-icon-button:hover{transform:translateY(-1px);border-color:#1fb38f3d;box-shadow:0 16px 28px #18223413}.vocab-back-button svg,.vocab-icon-button svg{width:18px;height:18px}.vocab-book-title{min-width:0;display:grid;gap:8px}.vocab-book-title span{color:#15a987;font-size:13px;font-weight:1000}.vocab-book-title h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f3544;font-size:34px;line-height:1.05;letter-spacing:0}.vocab-book-title p{margin:0;color:#6f7787;font-size:15px;font-weight:800}.vocab-book-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.vocab-icon-button:disabled,.vocab-practice-button:disabled,.vocab-primary-button:disabled,.vocab-remove-button:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.vocab-practice-button{height:44px;padding:0 14px;border:1px solid rgba(33,173,142,.16);border-radius:12px;display:inline-flex;align-items:center;gap:7px;color:#187c70;background:#f2fffaeb;font-size:13px;font-weight:1000;white-space:nowrap;transition:transform .16s ease,background .16s ease}.vocab-practice-button:hover:not(:disabled){transform:translateY(-1px);background:#fff}.vocab-practice-button svg{width:16px;height:16px}.vocab-primary-button{height:44px;padding:0 18px;border:0;border-radius:12px;display:inline-flex;align-items:center;gap:8px;color:#fff;background:linear-gradient(135deg,#23c49e,#14a980);font-size:14px;font-weight:1000;white-space:nowrap;box-shadow:0 14px 24px #14a9802e;transition:transform .16s ease,box-shadow .16s ease}.vocab-primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 30px #14a9803d}.vocab-primary-button svg{width:17px;height:17px}.vocab-book-summary{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vocab-summary-card{min-height:82px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:14px;border:1px solid rgba(226,230,236,.72);border-radius:14px;background:#fff;box-shadow:0 12px 22px #18223409}.vocab-summary-card>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#16aa87;background:#20c19a1c}.vocab-summary-card.pronunciation>span{color:#4d7be5;background:#4d7be51c}.vocab-summary-card.spelling>span{color:#ef8a24;background:#ef8a241f}.vocab-summary-card.review>span{color:#7467d9;background:#7467d91f}.vocab-summary-card svg{width:21px;height:21px}.vocab-summary-card div{min-width:0;display:grid;gap:5px}.vocab-summary-card strong{color:#2f3544;font-size:27px;line-height:1;font-weight:1000}.vocab-summary-card small{color:#7b8391;font-size:12px;font-weight:900}.vocab-book-tools{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:center;gap:18px}.vocab-filter-tabs{min-width:0;display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.vocab-filter-tabs::-webkit-scrollbar{display:none}.vocab-filter-tab{min-width:76px;height:38px;padding:0 13px;border:1px solid rgba(226,230,236,.78);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#747d8d;background:#fff;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:0 10px 18px #18223409;transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease}.vocab-filter-tab:hover{transform:translateY(-1px);color:#2f4350;border-color:#1fb38f33}.vocab-filter-tab.active{color:#fff;background:linear-gradient(135deg,#24b895,#149f7d);border-color:transparent}.vocab-filter-tab strong{font-size:12px;line-height:1}.vocab-search-field{height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:12px;color:#9aa3b2;background:#f4f6fa;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.vocab-search-field:focus-within{background:#fff;border-color:#1fb38f38;box-shadow:0 0 0 4px #1fb38f14}.vocab-search-field svg{width:16px;height:16px;flex:0 0 auto}.vocab-search-field input{width:100%;min-width:0;border:0;outline:0;color:#333b4b;background:transparent;font:inherit;font-size:13px;font-weight:800}.vocab-search-field input::placeholder{color:#9aa3b2}.vocab-book-list{min-height:0;display:grid;align-content:start;gap:12px;overflow-y:auto;padding-right:2px}.vocab-book-item{min-width:0;min-height:112px;display:grid;grid-template-columns:64px minmax(180px,1fr) minmax(190px,.8fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid rgba(226,230,236,.8);border-radius:14px;background:#ffffffdb;box-shadow:0 12px 24px #18223409}.vocab-word-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#5e7ef8,#24b895);box-shadow:0 14px 22px #4d7be529}.vocab-word-mark strong{font-size:25px;line-height:1;font-weight:1000}.vocab-word-main{min-width:0;display:grid;gap:8px}.vocab-word-head{min-width:0;display:flex;align-items:baseline;gap:10px}.vocab-word-head h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f3544;font-size:23px;line-height:1.1;letter-spacing:0}.vocab-word-head span{min-width:0;color:#7b8391;font-size:13px;font-weight:900;white-space:nowrap}.vocab-word-main p{margin:0;color:#5d6675;font-size:14px;font-weight:800;line-height:1.4}.vocab-word-meta{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.vocab-word-meta span,.vocab-word-meta small{min-height:24px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;color:#15a987;background:#20c19a1a;font-size:11px;font-weight:1000}.vocab-word-meta small{color:#6b7280;background:#f3f5f8}.vocab-word-note{min-width:0;display:grid;gap:8px;color:#667080}.vocab-word-note span{font-size:13px;line-height:1.45;font-weight:800}.vocab-word-note small{color:#9aa3b2;font-size:11px;font-weight:800}.vocab-remove-button{height:38px;padding:0 13px;border:1px solid rgba(226,230,236,.78);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#7b8391;background:#fff;font-size:12px;font-weight:1000;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,color .16s ease}.vocab-remove-button:hover:not(:disabled){transform:translateY(-1px);color:#b75245;border-color:#b7524538}.vocab-remove-button svg{width:15px;height:15px}.vocab-book-loading{min-height:260px;display:grid;align-content:start;gap:12px}.vocab-book-loading span{height:98px;border-radius:14px;background:linear-gradient(90deg,#f4f6fa,#fff 45%,#f4f6fa);background-size:220% 100%;animation:vocab-loading 1.2s ease-in-out infinite;border:1px solid rgba(226,230,236,.62)}@keyframes vocab-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.vocab-book-state{min-height:260px;display:grid;place-content:center;justify-items:center;gap:12px;color:#7b8391;text-align:center}.vocab-book-state>svg{width:42px;height:42px;color:#18b995}.vocab-book-state strong{color:#2f3544;font-size:18px;font-weight:1000}.vocab-book-state button{min-width:92px;height:38px;border:0;border-radius:11px;color:#fff;background:#18b995;font-size:13px;font-weight:1000}.learning-record-board{width:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;padding:24px 30px 28px;border-radius:20px;background:#fffffff5;border:1px solid rgba(221,226,232,.72);box-shadow:0 24px 48px #18223414,inset 0 1px #fffffff2;overflow:hidden}.learning-record-header{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px}.learning-record-back,.learning-record-refresh,.learning-record-detail-head button{width:40px;height:40px;border:1px solid rgba(226,230,236,.78);border-radius:12px;display:grid;place-items:center;color:#3e4a5d;background:#fff;box-shadow:0 12px 22px #1822340b;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.learning-record-back:hover,.learning-record-refresh:hover:not(:disabled),.learning-record-detail-head button:hover{transform:translateY(-1px);border-color:#1fb38f3d;box-shadow:0 16px 28px #18223413}.learning-record-back svg,.learning-record-refresh svg,.learning-record-detail-head button svg{width:18px;height:18px}.learning-record-title{min-width:0;display:grid;gap:0}.learning-record-title h1{margin:0;color:#2f3544;font-size:30px;line-height:1.04;letter-spacing:0}.learning-record-tabs{min-height:40px;display:inline-flex;align-items:center;gap:5px;padding:4px;border-radius:12px;background:#f4f6fa;border:1px solid rgba(226,230,236,.72)}.learning-record-tabs button{height:32px;min-width:62px;border:0;border-radius:9px;padding:0 13px;color:#748091;background:transparent;font-size:13px;font-weight:1000;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.learning-record-tabs button.active{color:#fff;background:linear-gradient(135deg,#24b895,#149f7d);box-shadow:0 10px 18px #14a98029}.learning-record-summary{min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.learning-record-stat{min-height:60px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(226,230,236,.72);border-radius:12px;background:#fff;box-shadow:0 8px 18px #18223407}.learning-record-stat>span{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:#16aa87;background:#20c19a1c}.learning-record-stat.reviewed>span{color:#ef8a24;background:#ef8a241f}.learning-record-stat.speech>span{color:#4d7be5;background:#4d7be51c}.learning-record-stat.score>span{color:#7467d9;background:#7467d91f}.learning-record-stat.weak>span{color:#bf5b4f;background:#bf5b4f1a}.learning-record-stat.streak>span{color:#27a68f;background:#1fb38f1a}.learning-record-stat svg{width:17px;height:17px}.learning-record-stat div{min-width:0;display:grid;gap:3px}.learning-record-stat strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f3544;font-size:22px;line-height:1;font-weight:1000}.learning-record-stat small{color:#7b8391;font-size:11px;font-weight:900}.learning-record-content{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.learning-record-list-panel,.learning-record-weak-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:16px;border-radius:16px;background:#fff;border:1px solid rgba(226,230,236,.76);box-shadow:0 14px 28px #18223409;overflow:hidden}.learning-record-list-panel{grid-template-rows:auto auto minmax(0,1fr)}.learning-record-panel-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-record-panel-head div{min-width:0;display:grid;gap:5px}.learning-record-panel-head strong{color:#2f3544;font-size:17px;line-height:1.1;font-weight:1000}.learning-record-panel-head span{color:#8a93a2;font-size:12px;font-weight:800}.learning-record-panel-head.compact strong{font-size:16px}.learning-record-refresh{width:38px;height:38px;border-radius:11px;flex:0 0 auto}.learning-record-refresh:disabled{opacity:.55;cursor:not-allowed}.learning-record-kind-tabs{min-width:0;display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.learning-record-kind-tabs::-webkit-scrollbar{display:none}.learning-record-kind-tabs button{min-width:fit-content;height:34px;padding:0 11px;border:1px solid rgba(226,230,236,.78);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#747d8d;background:#fff;font-size:12px;font-weight:1000;white-space:nowrap;box-shadow:0 8px 16px #18223408;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.learning-record-kind-tabs button:hover:not(:disabled){transform:translateY(-1px);color:#2f4350;border-color:#1fb38f33}.learning-record-kind-tabs button.active{color:#fff;background:linear-gradient(135deg,#24b895,#149f7d);border-color:transparent;box-shadow:0 12px 20px #14a98029}.learning-record-kind-tabs button:disabled{opacity:.55;cursor:not-allowed}.learning-record-kind-tabs strong{font-size:11px;line-height:1;font-weight:1000}.learning-record-list,.learning-record-weak-list{min-height:0;display:grid;align-content:start;gap:10px;overflow-y:auto;padding-right:2px}.learning-record-item{min-width:0;min-height:92px;display:grid;grid-template-columns:48px minmax(0,1fr) 92px;align-items:center;gap:13px;padding:14px;border:1px solid rgba(226,230,236,.78);border-radius:14px;background:#ffffffdb;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.learning-record-item:hover{transform:translateY(-1px);background:#fff;border-color:#1fb38f33;box-shadow:0 14px 26px #1822340f}.learning-record-type{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#18aa88;background:#20c19a1a}.learning-record-item.warning .learning-record-type,.learning-record-item.ok .learning-record-type{color:#ef8a24;background:#ef8a241f}.learning-record-item.strong .learning-record-type{color:#7467d9;background:#7467d91f}.learning-record-item.danger .learning-record-type{color:#bf5b4f;background:#bf5b4f1c}.learning-record-type svg{width:22px;height:22px}.learning-record-main{min-width:0;max-width:100%;display:grid;gap:7px;overflow:hidden}.learning-record-line{min-width:0;display:flex;align-items:baseline;gap:9px}.learning-record-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f3544;font-size:20px;line-height:1.08;font-weight:1000}.learning-record-line span{min-height:22px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;color:#15a987;background:#20c19a1a;font-size:11px;font-weight:1000;white-space:nowrap}.learning-record-line small{margin-left:auto;color:#9aa3b2;font-size:12px;font-weight:800;white-space:nowrap}.learning-record-main p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d6675;font-size:13px;font-weight:800}.learning-record-meta{width:100%;min-width:0;max-width:100%;display:flex;flex-wrap:wrap;gap:6px;overflow:hidden}.learning-record-meta span{min-width:0;max-width:100%;flex:0 1 auto;min-height:22px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8391;background:#f4f6fa;font-size:11px;font-weight:900}.learning-record-result{justify-self:end;min-width:0;max-width:92px;display:grid;justify-items:end;gap:5px}.learning-record-result strong{color:#18a987;font-size:15px;line-height:1.1;font-weight:1000}.learning-record-item.warning .learning-record-result strong,.learning-record-item.ok .learning-record-result strong{color:#ef8a24}.learning-record-item.strong .learning-record-result strong{color:#7467d9}.learning-record-item.danger .learning-record-result strong{color:#bf5b4f}.learning-record-result small{color:#8a93a2;font-size:12px;font-weight:900}.learning-record-aside{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px}.learning-record-text-button{height:34px;border:1px solid rgba(31,179,143,.16);border-radius:10px;padding:0 12px;color:#149f7d;background:#fff;font-size:12px;font-weight:1000;white-space:nowrap}.learning-record-weak-item{min-width:0;display:grid;gap:9px;padding:13px;border-radius:13px;background:#f7faf9;border:1px solid rgba(226,230,236,.62)}.learning-record-weak-item div:first-child{min-width:0;display:grid;gap:5px}.learning-record-weak-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f3544;font-size:17px;line-height:1.1;font-weight:1000}.learning-record-weak-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667080;font-size:12px;font-weight:800}.learning-record-weak-tags{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.learning-record-weak-tags small{min-height:22px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;color:#bf5b4f;background:#bf5b4f1a;font-size:11px;font-weight:1000}.learning-record-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.learning-record-actions button{min-height:46px;border:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(135deg,#23c49e,#14a980);font-size:13px;font-weight:1000;box-shadow:0 14px 24px #14a98029;transition:transform .16s ease,box-shadow .16s ease}.learning-record-actions button:last-child{color:#ef8a24;background:#ef8a241f;box-shadow:none}.learning-record-actions button:hover{transform:translateY(-1px);box-shadow:0 18px 30px #14a98033}.learning-record-actions button:last-child:hover{box-shadow:0 14px 24px #ef8a241f}.learning-record-actions svg{width:17px;height:17px}.learning-record-loading{min-height:220px;display:grid;align-content:start;gap:10px}.learning-record-loading span{height:86px;border-radius:14px;background:linear-gradient(90deg,#f4f6fa,#fff 45%,#f4f6fa);background-size:220% 100%;animation:vocab-loading 1.2s ease-in-out infinite;border:1px solid rgba(226,230,236,.62)}.learning-record-state,.learning-record-mini-state{min-height:220px;display:grid;place-content:center;justify-items:center;gap:12px;color:#7b8391;text-align:center}.learning-record-mini-state{min-height:150px}.learning-record-state>svg,.learning-record-mini-state>svg{width:42px;height:42px;color:#18b995}.learning-record-state strong{color:#2f3544;font-size:18px;font-weight:1000}.learning-record-mini-state span{color:#8a93a2;font-size:13px;font-weight:900}.learning-record-state button{min-width:92px;height:38px;border:0;border-radius:11px;color:#fff;background:#18b995;font-size:13px;font-weight:1000}.learning-record-detail-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;justify-items:end;background:#161e2d3d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.learning-record-detail{width:min(440px,calc(100vw - 24px));height:100%;display:grid;align-content:start;gap:16px;padding:26px;background:#fff;box-shadow:-24px 0 54px #18223429;overflow-y:auto}.learning-record-detail-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:14px;align-items:start}.learning-record-detail-head div{min-width:0;display:grid;gap:8px}.learning-record-detail-head span{color:#15a987;font-size:12px;font-weight:1000}.learning-record-detail-head h2{margin:0;color:#2f3544;font-size:34px;line-height:1.05;letter-spacing:0}.learning-record-detail-head p{margin:0;color:#667080;font-size:14px;line-height:1.45;font-weight:800}.learning-record-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.learning-record-detail-grid div,.learning-record-detail-texts div,.learning-record-audio{min-width:0;display:grid;gap:7px;padding:13px;border-radius:13px;background:#f7faf9;border:1px solid rgba(226,230,236,.62)}.learning-record-detail-grid small,.learning-record-detail-texts small,.learning-record-audio small{color:#8a93a2;font-size:11px;font-weight:1000}.learning-record-detail-grid strong{overflow-wrap:anywhere;color:#2f3544;font-size:14px;line-height:1.35;font-weight:1000}.learning-record-detail-texts{display:grid;gap:10px}.learning-record-detail-texts p{margin:0;overflow-wrap:anywhere;color:#3e4a5d;font-size:14px;line-height:1.5;font-weight:800}.learning-record-metrics{display:grid;gap:10px}.learning-record-metrics article{display:grid;gap:7px}.learning-record-metrics div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#687180;font-size:12px;font-weight:900}.learning-record-metrics strong{color:#2f3544}.learning-record-metrics article:after{content:"";grid-row:2;height:5px;border-radius:999px;background:#edf1f4}.learning-record-metrics i{grid-row:2;height:5px;border-radius:999px;background:linear-gradient(90deg,#24b895,#4d7be5);z-index:1}.learning-record-audio audio{width:100%;min-width:0}.record-detail-fade-enter-active,.record-detail-fade-leave-active{transition:opacity .16s ease}.record-detail-fade-enter-active .learning-record-detail,.record-detail-fade-leave-active .learning-record-detail{transition:transform .18s ease}.record-detail-fade-enter-from,.record-detail-fade-leave-to{opacity:0}.record-detail-fade-enter-from .learning-record-detail,.record-detail-fade-leave-to .learning-record-detail{transform:translate(20px)}.package-card{padding:20px;display:grid;gap:16px}.package-card.active{border-color:#ef7d5738;box-shadow:0 22px 40px #ef7d571f,inset 0 1px #ffffffe0}.package-head{display:flex;justify-content:space-between;gap:16px}.package-head strong{font-size:22px}.package-head p{margin:8px 0 0;color:var(--muted);line-height:1.6}.package-state{white-space:nowrap;color:var(--primary-strong);font-size:13px;font-weight:800}.package-meta,.word-chip-row,.complete-badges,.cutout-footer-chips{display:flex;flex-wrap:wrap;gap:10px}.card{padding:22px;border-radius:28px;background:#ffffffeb;border:1px solid rgba(88,68,46,.08);box-shadow:0 18px 34px #3f2f1d0f,inset 0 1px #ffffffd1}.hero{background:linear-gradient(145deg,#fffffffa,#f1c25d2e)}.chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(88,68,46,.08);background:#ffffffd6;font-size:12px;font-weight:700}.primary-btn,.ghost-btn{width:100%;padding:18px 20px;border-radius:20px;font-size:16px;font-weight:700;border:0;cursor:pointer;transition:transform .14s ease,opacity .14s ease}.primary-btn{color:#fff;background:linear-gradient(135deg,var(--primary),#f49b68)}.ghost-btn{color:var(--text);background:#ffffffd6;border:1px solid rgba(88,68,46,.08)}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.package-actions{display:grid;gap:12px}.home-prototype-page{position:relative;min-height:100%;display:grid;gap:18px;align-content:start}.home-hero-card{min-height:132px;display:grid;gap:10px;align-content:center}.home-hero-card strong{display:block;font-size:18px}.home-hero-card p{margin:0;color:var(--muted);line-height:1.55}.package-list{display:grid;gap:16px}.home-stage-page{position:relative;min-height:100%;display:grid}.home-stage-surface{position:relative;min-height:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:24px;padding:34px 36px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(241,194,93,.16),transparent 24%),radial-gradient(circle at 82% 18%,rgba(31,151,143,.08),transparent 24%),linear-gradient(180deg,#fffffffa,#f8f1e4f0);border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 58px #3f2f1d14,inset 0 1px #ffffffdb}.home-stage-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff29,#ffffff05);pointer-events:none}.home-stage-main,.home-stage-companion{position:relative;z-index:1}.home-stage-main{min-width:0;display:grid;align-content:center;gap:18px;padding-right:8px}.home-stage-copy{display:grid;gap:8px;max-width:620px}.home-stage-copy h2{margin:0;font-size:clamp(42px,5.8vw,78px);line-height:.98;letter-spacing:-.05em}.home-stage-stats{width:min(100%,620px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-stage-stat{min-height:112px;padding:16px 18px;border-radius:24px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08);display:grid;align-content:center;justify-items:start;gap:8px;text-align:left}.home-stage-stat span{color:var(--muted);font-size:13px;font-weight:800}.home-stage-stat strong{font-size:clamp(44px,5vw,62px);line-height:.9;letter-spacing:-.04em}.home-stage-stat small{color:#8a7a67;font-size:12px;font-weight:800}.home-stage-stat.warm strong{color:#cf6e48}.home-stage-stat.cool strong{color:#237d75}.home-stage-actions{width:min(100%,620px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.84fr);gap:12px}.home-stage-actions .primary-button.large,.home-stage-actions .secondary-button.large{width:100%;min-height:66px;font-size:20px;border-radius:24px}.home-stage-note{width:fit-content;padding:10px 16px;border-radius:999px;background:#ffffffdb;border:1px solid rgba(88,68,46,.08);color:var(--muted);font-size:13px;font-weight:700}.home-stage-companion{display:grid;align-content:center;justify-items:center;gap:10px;padding:20px 18px 16px;border-radius:32px;background:radial-gradient(circle at 50% 18%,rgba(241,194,93,.14),transparent 28%),linear-gradient(180deg,#ffffff6b,#ffffff1f)}.home-stage-bubble{width:min(100%,330px);padding:18px 20px;border-radius:28px 28px 12px;background:#ffffffeb;border:1px solid rgba(88,68,46,.08);box-shadow:0 14px 28px #3f2f1d0f,inset 0 1px #ffffffd6;display:grid;gap:6px;text-align:center}.home-stage-bubble strong{font-size:15px;color:#7a6652}.home-stage-bubble span{color:var(--text);font-size:17px;line-height:1.5;font-weight:800}.home-dashboard-page{background:var(--theme-page-bg);min-height:0;height:100%;display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding:0;overflow:hidden}.home-dashboard-main{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);gap:0;padding:24px 28px 28px;overflow:hidden}.home-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px;padding:2px 6px}.home-user-card{border:0;background:transparent;display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:14px;min-height:80px;padding:0;text-align:left;color:inherit;cursor:pointer}.home-user-avatar{width:80px!important;height:80px!important;margin:0!important;border-radius:28px!important;font-size:32px!important;box-shadow:0 12px 24px #3f2f1d14}.home-user-avatar.has-image{background-size:148%!important;background-position:center 46%!important}.home-user-copy{min-width:0;display:grid;align-content:center;gap:5px;min-height:80px}.home-user-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;line-height:1.05;color:#3e3a48}.home-hi-icon{margin-left:6px;font-size:.84em;vertical-align:.03em}.home-user-copy span{color:#6e6a78;font-size:15px;font-weight:800}.home-user-copy strong .home-hi-icon{margin-left:6px;color:inherit;font-size:.86em;vertical-align:.03em}.home-top-actions{display:flex;align-items:center;gap:12px;min-height:80px}.home-hero-tools{position:absolute;z-index:9;top:24px;right:28px;min-height:0}.home-icon-button{width:46px;height:46px;border-radius:16px;border:0;display:grid;place-items:center;background:#ffffffb8;color:#53505f;font-size:18px;font-weight:900;box-shadow:0 10px 22px #3f2f1d0e,inset 0 1px #ffffffe6;cursor:pointer}.home-icon-button.reward{color:#d96f25;background:linear-gradient(180deg,#fff7e8,#fff)}.home-icon-button.notice{color:#596fda;background:linear-gradient(180deg,#eef4ff,#fff)}.home-icon-button.package-switch{color:var(--theme-action-ink);background:linear-gradient(180deg,#ffffffc7,#fffffff5)}.home-icon-button.package-switch.active{color:#fff;background:linear-gradient(180deg,var(--theme-action-bg) 0%,var(--teal) 100%);box-shadow:0 14px 28px #1f978f2e,inset 0 1px #ffffff47}.home-icon-button:hover{transform:translateY(-1px)}.home-icon-button svg{width:22px;height:22px}.home-package-switcher{position:relative;display:grid}.home-package-popover{position:absolute;top:56px;right:0;z-index:24;width:min(360px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 112px));display:grid;gap:12px;padding:16px;overflow:auto;border-radius:22px;border:1px solid rgba(222,229,232,.9);background:#fffffff5;box-shadow:0 24px 52px #1a273329,inset 0 1px #fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-package-popover-head{display:grid;gap:4px;padding:2px 2px 4px}.home-package-popover-head span{color:#7d7a86;font-size:12px;font-weight:900}.home-package-popover-head strong{color:#34303c;font-size:18px;line-height:1.15;overflow-wrap:anywhere}.home-package-list{display:grid;gap:8px}.home-package-option{min-width:0;min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(226,231,232,.9);border-radius:16px;background:#fff;color:#34303c;text-align:left;cursor:pointer;box-shadow:0 10px 22px #2736400f}.home-package-option:hover{transform:translateY(-1px);border-color:#1f978f47}.home-package-option.active{border-color:#1f978f57;background:#1f978f1a;cursor:default}.home-package-option:disabled{cursor:wait;opacity:.78}.home-package-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#4fbcb0,#2f8e86);color:#fff;font-size:18px;font-weight:950;box-shadow:inset 0 1px #ffffff3d}.home-package-copy{min-width:0;display:grid;gap:3px}.home-package-copy strong,.home-package-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-package-copy strong{font-size:15px;line-height:1.15;font-weight:950}.home-package-copy small{color:#7a7583;font-size:12px;font-weight:800}.home-package-option em{justify-self:end;min-width:46px;padding:7px 9px;border-radius:999px;background:#1f978f1a;color:var(--theme-action-ink);font-size:12px;font-style:normal;font-weight:950;text-align:center}.home-package-option.active em{color:#fff;background:var(--teal)}.home-package-empty{display:grid;gap:4px;padding:14px;border-radius:16px;background:#f5f7f8f2;color:#7a7583}.home-package-empty strong{color:#403b48;font-size:15px}.home-package-empty span,.home-package-error{font-size:12px;font-weight:800}.home-package-error{margin:0;color:#c44531}.home-package-library-link{min-height:42px;border:0;border-radius:14px;background:#1f978f1f;color:var(--theme-action-ink);font-size:14px;font-weight:950;cursor:pointer}.home-package-library-link:hover{background:#1f978f2e}.home-package-pop-enter-active,.home-package-pop-leave-active{transition:opacity .16s ease,transform .16s ease}.home-package-pop-enter-from,.home-package-pop-leave-to{opacity:0;transform:translateY(-6px) scale(.98)}.home-reward-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;align-items:center;justify-items:end;padding:26px;background:#181c2324;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-reward-panel{width:min(460px,calc(100% - 16px));display:grid;gap:16px;padding:22px;border-radius:22px;background:#fffffffa;border:1px solid rgba(226,230,236,.82);box-shadow:0 28px 56px #18223429,inset 0 1px #fffffff2}.home-reward-head{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:14px}.home-reward-head div{min-width:0;display:grid;gap:5px}.home-reward-head span{color:#17a88b;font-size:12px;font-weight:1000}.home-reward-head h2{margin:0;color:#202536;font-size:26px;line-height:1.08;letter-spacing:0}.home-reward-head button{width:38px;height:38px;border:0;border-radius:13px;color:#7c8594;background:#f3f5f8;font-size:24px}.home-reward-loading{min-height:112px;display:grid;place-items:center;color:#7b8493;font-size:13px;font-weight:900}.home-reward-list{display:grid;gap:10px}.home-reward-badge{min-width:0;min-height:86px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid rgba(226,230,236,.8)}.home-reward-badge.earned{background:linear-gradient(135deg,#ecfff8fa,#fff8e8f0);border-color:#18b99538}.home-reward-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#18a98d;background:#18b9951f}.home-reward-icon svg{width:24px;height:24px}.home-reward-badge div{min-width:0;display:grid;gap:5px}.home-reward-badge strong,.home-reward-badge small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-reward-badge strong{color:#263044;font-size:15px;font-weight:1000}.home-reward-badge small{color:#7b8493;font-size:12px;font-weight:800}.home-reward-badge i{overflow:hidden;height:5px;border-radius:999px;background:#e2e6eceb}.home-reward-badge i b{display:block;height:100%;border-radius:inherit;background:#18b995}.home-reward-badge em{min-width:54px;color:#18a98d;font-size:12px;font-style:normal;font-weight:1000;text-align:right}.home-hero-panel{position:relative;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);grid-template-rows:minmax(0,1fr);align-items:stretch;border-radius:32px;background:var(--theme-home-hero-bg);background-size:auto,auto,cover;background-position:center;box-shadow:var(--theme-home-hero-shadow);border:1px solid var(--theme-home-hero-border)}.home-hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--theme-home-hero-before);pointer-events:none}.home-hero-panel:after{content:"";position:absolute;inset:auto 0 0;z-index:1;height:38%;background:var(--theme-home-hero-after);pointer-events:none}.home-hero-copy{position:relative;z-index:2;display:grid;align-content:start;justify-items:start;gap:20px;padding:96px 22px 150px 64px;color:#1f3d39;text-shadow:none}.home-hero-kicker{font-size:15px;font-weight:900;color:var(--theme-home-hero-kicker)}.home-hero-kicker-row{display:inline-flex;align-items:center;gap:12px;min-width:0}.home-assessment-button{height:36px;border:0;border-radius:14px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;color:var(--theme-action-ink);background:#ffffffbd;box-shadow:0 10px 22px #3f2f1d0e,inset 0 1px #ffffffeb;cursor:pointer;font-size:13px;font-weight:1000}.home-assessment-button svg{width:17px;height:17px}.home-assessment-button:hover{transform:translateY(-1px)}.home-hero-copy h1{margin:0;font-size:60px;line-height:1;color:var(--theme-home-hero-title);letter-spacing:0}.home-continue-button{min-width:278px;min-height:68px;border:0;border-radius:22px;padding:0 10px 0 24px;display:inline-grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:16px;background:var(--theme-action-bg);color:#fff;box-shadow:var(--theme-action-shadow);cursor:pointer;text-align:left}.home-continue-button span{min-width:0;display:grid;gap:3px}.home-continue-button span strong{color:inherit;font-size:19px;line-height:1.05}.home-continue-button span small{color:#ffffffc2;font-size:12px;font-weight:800}.home-continue-button i{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--theme-action-ink);background:#fffffff0;font-size:26px;font-style:normal}.home-continue-button:hover{transform:translateY(-2px)}.home-hero-companion{position:absolute;z-index:5;right:12%;bottom:126px;width:min(430px,86%);display:grid;grid-template-columns:minmax(144px,178px) minmax(180px,1fr);align-items:end;gap:8px;pointer-events:none}.home-hero-bubble{position:relative;width:178px;display:grid;align-self:start;gap:5px;margin-top:34px;padding:18px 20px;border-radius:20px;color:#304640;background:#ffffffc7;border:1px solid rgba(255,255,255,.84);box-shadow:0 14px 30px #3f2f1d14}.home-hero-bubble strong{font-size:15px}.home-hero-bubble span{font-size:18px;font-weight:900;color:#eb7f2f}.home-hero-art{position:relative;z-index:2;min-height:360px;overflow:hidden}.home-hill{position:absolute;border-radius:50% 50% 0 0;pointer-events:none}.home-hill.main{display:block;width:92%;height:34%;left:-22%;bottom:-12%;background:var(--theme-home-hill-main)}.home-hill.soft{display:block;width:82%;height:30%;right:-22%;bottom:-10%;background:var(--theme-home-hill-soft)}.home-cloud{position:absolute;width:92px;height:38px;border-radius:999px;background:#ffffffe0;box-shadow:22px -8px 0 4px #ffffffc7,46px 2px 0 -2px #ffffffb8}.home-cloud.cloud-a{display:none;top:84px;left:80px;opacity:.64}.home-cloud.cloud-b{display:none}.home-mumu-image{position:relative;z-index:4;justify-self:start;width:min(276px,100%);height:auto;filter:drop-shadow(0 18px 28px rgba(84,107,55,.18));animation:homeCharacterFloat 4.1s ease-in-out .35s infinite}.home-task-panel{position:absolute;z-index:7;left:34px;right:34px;bottom:26px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;min-height:112px;padding:18px 22px;border-radius:24px;background:#fffffff5;border:1px solid rgba(255,255,255,.72);box-shadow:0 10px 22px #2e97810b,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-task-panel h2{margin:0;font-size:18px;line-height:1.2;color:#3d3947;white-space:nowrap}.home-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-task-card{min-width:0;min-height:76px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 5px;align-items:center;gap:9px 13px;padding:10px 14px;border-radius:18px;background:transparent;border:0;box-shadow:none}.home-task-card.featured{background:#ffffffc7;border-color:#16b99f38;box-shadow:inset 0 1px #ffffffb8}.home-task-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#237b70;background:#237b701a;font-size:18px;font-weight:900}.home-task-icon svg{width:25px;height:25px}.home-task-card.mint .home-task-icon,.home-task-card.mint .home-task-fill{background:#16b99f}.home-task-card.orange .home-task-icon,.home-task-card.orange .home-task-fill{background:#ef9b24}.home-task-card.blue .home-task-icon,.home-task-card.blue .home-task-fill{background:#4e83dd}.home-task-card .home-task-icon{color:#fff}.home-task-copy{min-width:0;display:grid;gap:4px}.home-task-copy span{color:#746d61;font-size:13px;font-weight:800}.home-task-copy strong{color:#39362f;font-size:25px;line-height:1}.home-task-copy small{margin-left:2px;color:#9893a0;font-size:14px}.home-task-track{grid-column:1 / -1;width:100%;height:5px;overflow:hidden;border-radius:999px;background:#4e413014}.home-task-fill{height:100%;border-radius:inherit}.home-bottom-nav{width:100%;min-height:82px;justify-self:stretch;align-self:end;margin-top:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:10px;padding:10px 28px;border-top:1px solid rgba(88,68,46,.08);background:#ffffffa8;box-shadow:0 -8px 24px #3f2f1d0b,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-nav-item{--nav-color: #8c8996;--nav-bg: rgba(140, 137, 150, .1);--nav-active: #24c7b0;min-width:0;min-height:60px;border:0;border-radius:20px;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--nav-color);font-weight:900;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}.home-nav-item.home{--nav-color: #20bfa9;--nav-bg: rgba(32, 191, 169, .13);--nav-active: #24c7b0}.home-nav-item.learn{--nav-color: #31b68f;--nav-bg: rgba(49, 182, 143, .13);--nav-active: #31c7ae}.home-nav-item.review{--nav-color: #f08a1d;--nav-bg: rgba(255, 159, 31, .15);--nav-active: #ff9f1f}.home-nav-item.packages{--nav-color: #5796f4;--nav-bg: rgba(87, 150, 244, .14);--nav-active: #5796f4}.home-nav-item.profile{--nav-color: #7d72d9;--nav-bg: rgba(125, 114, 217, .13);--nav-active: #7d72d9}.home-nav-item span{width:34px;height:34px;display:grid;place-items:center;border-radius:13px;color:var(--nav-color);background:var(--nav-bg);font-size:16px}.home-nav-item svg{width:20px;height:20px}.home-nav-item strong{font-size:14px;line-height:1.1}.home-nav-item.active{color:var(--nav-active);background:var(--nav-bg)}.home-nav-item.active span{color:#fff;background:var(--nav-active);box-shadow:0 10px 18px #24c7b033}.home-nav-item:not(.active):hover{background:#ffffffa3;transform:translateY(-1px)}.profile-dashboard-page{min-height:0;height:100%;display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding:0;background:var(--theme-page-bg);overflow:hidden}@media (min-width: 821px){body.student-sidebar-collapsed .home-dashboard-page,body.student-sidebar-collapsed .profile-dashboard-page,body.student-sidebar-collapsed .package-select-page,body.student-sidebar-collapsed .vocab-book-page,body.student-sidebar-collapsed .learning-record-page,body.student-sidebar-collapsed .assessment-page{grid-template-columns:88px minmax(0,1fr);gap:18px}.student-side-nav.is-collapsed{gap:18px;padding:8px 8px 14px}.student-side-nav.is-collapsed .student-side-head{grid-template-columns:1fr;grid-template-areas:"profile" "toggle";justify-items:center;gap:8px}.student-side-nav.is-collapsed .student-side-profile{width:100%;min-height:58px;grid-template-columns:1fr;justify-items:center;gap:0}.student-side-nav.is-collapsed .student-side-profile-copy{width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.student-side-nav.is-collapsed .student-side-avatar{width:54px!important;height:54px!important;border-radius:20px!important;font-size:22px!important}.student-side-nav.is-collapsed .student-side-toggle{width:42px;height:36px}.student-side-nav.is-collapsed .student-side-menu{gap:18px;padding:8px 0}.student-side-nav.is-collapsed .student-side-menu-item{width:100%;min-height:50px;grid-template-columns:1fr;justify-items:center;gap:0;padding:0;text-align:center}.student-side-nav.is-collapsed .student-side-menu-item strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.student-side-nav.is-collapsed .student-side-menu-item span{width:42px;height:42px;border-radius:15px;color:var(--side-color);background:transparent;box-sizing:border-box}.student-side-nav.is-collapsed .student-side-menu-item svg{width:22px;height:22px}.student-side-nav.is-collapsed .student-side-menu-item.active{background:transparent}.student-side-nav.is-collapsed .student-side-menu-item.active span{background:var(--side-bg)}.student-side-nav.is-collapsed .student-side-menu-item:not(.active):hover{transform:translateY(-1px)}.student-side-nav.is-collapsed .student-side-today{min-height:82px;grid-template-columns:1fr;justify-items:center;gap:4px;padding:10px 6px;border-radius:16px}.student-side-nav.is-collapsed .student-side-today div{justify-items:center;gap:2px}.student-side-nav.is-collapsed .student-side-today-full,.student-side-nav.is-collapsed .student-side-today span{display:none}.student-side-nav.is-collapsed .student-side-today-mini{display:block;color:#333848;font-size:12px;line-height:1;font-weight:1000}.student-side-nav.is-collapsed .student-side-today img{width:48px;justify-self:center}}@media (min-width: 821px) and (max-width: 1024px){body.student-sidebar-collapsed .home-dashboard-page,body.student-sidebar-collapsed .profile-dashboard-page,body.student-sidebar-collapsed .package-select-page,body.student-sidebar-collapsed .vocab-book-page,body.student-sidebar-collapsed .learning-record-page,body.student-sidebar-collapsed .assessment-page{grid-template-columns:80px minmax(0,1fr);gap:14px}.student-side-nav.is-collapsed .student-side-avatar{width:50px!important;height:50px!important}.student-side-nav.is-collapsed .student-side-menu-item span{width:38px;height:38px}}.profile-dashboard-top{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px}.profile-top-user{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px}.profile-top-avatar{width:58px!important;height:58px!important;margin:0!important;border-radius:20px!important;font-size:24px!important;box-shadow:0 12px 24px #3f2f1d14}.profile-top-avatar.has-image{background-size:146%!important;background-position:center 35%!important}.profile-top-copy{min-width:0;display:grid;gap:4px}.profile-top-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#242333;font-size:24px;line-height:1.05}.profile-top-copy span{color:#6f6b7b;font-size:14px;font-weight:800}.profile-top-actions{display:flex;align-items:center;gap:12px}.profile-icon-button{width:42px;height:42px;border:0;border-radius:14px;display:grid;place-items:center;color:#272635;background:#ffffffe6;box-shadow:0 10px 22px #3f2f1d12,inset 0 1px #ffffffeb;cursor:pointer}.profile-icon-button svg{width:20px;height:20px}.profile-dashboard-main{width:100%;min-width:0;min-height:0;overflow-y:auto;display:grid;grid-template-rows:auto auto auto;align-content:start;gap:14px;padding:24px 28px 28px;border-radius:20px;background:var(--theme-panel-bg);border:1px solid var(--theme-panel-border);box-shadow:var(--theme-panel-shadow)}.profile-dashboard-main::-webkit-scrollbar{width:0}.profile-hero-panel{position:relative;min-height:158px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:20px;padding:22px 24px;border-radius:18px;border:1px solid rgba(58,203,171,.16);background:linear-gradient(90deg,#f9fffaf5,#effffad1 55%,#edf9dce6),url(/backgrounds/home-learning-stage.svg);background-size:cover;background-position:center;box-shadow:0 14px 30px #2e978112,inset 0 1px #ffffffdb}.profile-hero-panel:after{content:"";position:absolute;left:0;right:0;bottom:-36px;height:98px;background:linear-gradient(90deg,#c4f0ccb8,#9ddeacad);border-radius:50% 50% 0 0/82% 82% 0 0;pointer-events:none}.profile-hero-copy{position:relative;z-index:2;display:grid;align-content:center;gap:16px;min-width:0;padding-right:8px}.profile-hero-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.profile-identity-block{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px}.profile-avatar-button{width:74px;min-height:88px;border:0;display:grid;justify-items:center;align-content:start;gap:7px;color:#167f79;background:transparent;font-size:12px;line-height:1.1;font-weight:1000;cursor:pointer}.profile-main-avatar,.profile-edit-avatar,.profile-option-avatar{margin:0!important;box-shadow:0 12px 24px #3f2f1d1a}.profile-main-avatar{width:68px!important;height:68px!important;border-radius:22px!important;font-size:27px!important}.profile-hero-title{min-width:0;display:grid;gap:6px}.profile-hero-title h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#171623;font-size:29px;line-height:1.05}.profile-hero-title p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#596373;font-size:13px;line-height:1.2;font-weight:900}.profile-hero-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0}.profile-hero-controls .profile-icon-button{box-shadow:0 8px 18px #3f2f1d0f,inset 0 1px #ffffffeb}.profile-edit-button{min-height:34px;padding:0 13px;border:1px solid rgba(31,151,143,.18);border-radius:12px;display:inline-flex;align-items:center;gap:8px;color:#167f79;background:#ffffffdb;font-size:14px;font-weight:900;cursor:pointer}.profile-edit-button svg{width:18px;height:18px}.profile-level-pill{width:fit-content;min-height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;color:#fff;background:linear-gradient(90deg,#12b89e,#20c7ae);font-size:14px;font-weight:900;box-shadow:0 10px 20px #12b89e29}.profile-level-pill svg{width:18px;height:18px;color:#ffe08a}.profile-info-row{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;border-radius:14px;background:#ffffff85;border:1px solid rgba(255,255,255,.58)}.profile-info-row span{min-width:0;min-height:54px;padding:9px 10px;border-radius:10px;display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 8px;color:#555562;background:#ffffff9e;box-shadow:none;font-size:13px;font-weight:800}.profile-info-row svg{grid-row:1 / 3;width:16px;height:16px;color:#18bca2}.profile-info-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8594;font-size:11px;line-height:1.1;font-weight:800}.profile-info-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#343b4a;font-size:13px;line-height:1.12;font-weight:1000}.profile-hero-sheep{position:relative;z-index:2;justify-self:end;align-self:end;width:86px;max-width:100%;filter:drop-shadow(0 16px 24px rgba(84,107,55,.16))}.profile-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-stat-card{min-height:70px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:11px 16px;border-radius:14px;background:#fffffff5;border:1px solid rgba(33,41,53,.06);box-shadow:0 12px 26px #3f2f1d0b}.profile-stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:15px}.profile-stat-icon svg{width:24px;height:24px}.profile-stat-card>div{min-width:0;display:grid;gap:4px}.profile-stat-card>div>span{color:#33313d;font-size:13px;font-weight:900}.profile-stat-card strong{color:#22212f;font-size:25px;line-height:1}.profile-stat-card small{margin-left:5px;color:#22212f;font-size:13px;font-weight:800}.profile-stat-card.mint strong{color:#15b99f}.profile-stat-card.mint .profile-stat-icon{color:#16b99f;background:#16b99f1f}.profile-stat-card.orange strong{color:#ef850f}.profile-stat-card.orange .profile-stat-icon{color:#ef850f;background:#ef850f1f}.profile-stat-card.blue strong{color:#2878f0}.profile-stat-card.blue .profile-stat-icon{color:#2878f0;background:#2878f01f}.profile-content-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:start;gap:14px}.profile-side-stack{min-width:0;display:grid;gap:14px}.profile-section{min-height:auto;align-self:start;padding:18px;border-radius:16px;background:#fffffff5;border:1px solid rgba(33,41,53,.06);box-shadow:0 12px 26px #3f2f1d0b}.profile-section h2{margin:0 0 14px;color:#22212f;font-size:19px;line-height:1.2}.profile-section-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.profile-section-head h2{margin:0}.profile-text-button{min-height:32px;border:1px solid rgba(31,151,143,.16);border-radius:999px;padding:0 14px;color:#167f79;background:#f7fdfaeb;font-size:13px;font-weight:1000;cursor:pointer}.profile-detail-list{display:grid;gap:10px;margin-top:12px}.profile-basic-section .profile-detail-list{margin-top:0}.profile-detail-row{min-height:54px;display:grid;grid-template-columns:36px minmax(88px,.52fr) minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;border-radius:12px;background:#f8fbfa;border:1px solid rgba(226,230,236,.68)}.profile-detail-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#16a88e;background:#16b99f1a}.profile-detail-row svg{width:19px;height:19px}.profile-detail-row small{color:#7b8493;font-size:12px;line-height:1.1;font-weight:900}.profile-detail-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263044;font-size:14px;line-height:1.15;font-weight:1000;text-align:right}.profile-identity-section,.profile-overview-section,.profile-current-package-section,.profile-actions-section{min-width:0;border-radius:18px;background:#fffffff5;border:1px solid rgba(33,41,53,.06);box-shadow:0 12px 26px #3f2f1d0b}.profile-panel-head{min-width:0;display:grid;gap:6px}.profile-panel-head.compact{grid-template-columns:minmax(0,1fr);gap:4px}.profile-panel-head>span{color:#16a88e;font-size:12px;line-height:1.1;font-weight:1000}.profile-panel-head h1,.profile-panel-head h2{margin:0;overflow-wrap:anywhere;color:#171623;font-size:28px;line-height:1.08;letter-spacing:0}.profile-panel-head h2{font-size:20px}.profile-panel-head p{margin:0;color:#6c7584;font-size:13px;line-height:1.45;font-weight:800}.profile-identity-section{position:relative;min-height:188px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 188px;align-items:stretch;gap:18px;padding:22px 24px;border-color:#3acbab29;background:linear-gradient(90deg,#f9fffaf5,#effffad1 58%,#f4fae5e6),url(/backgrounds/home-learning-stage.svg);background-size:cover;background-position:center;box-shadow:0 14px 30px #2e978112,inset 0 1px #ffffffdb}.profile-identity-section:after{content:"";position:absolute;left:0;right:0;bottom:-42px;height:92px;background:linear-gradient(90deg,#c4f0cc9e,#9ddeac8f);border-radius:50% 50% 0 0/82% 82% 0 0;pointer-events:none}.profile-identity-main,.profile-identity-tools{position:relative;z-index:2}.profile-identity-main{min-width:0;display:grid;align-content:center;gap:12px}.profile-identity-row{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px}.profile-identity-section .profile-avatar-button{width:64px;min-height:74px;gap:6px;font-size:11px}.profile-identity-section .profile-main-avatar{width:60px!important;height:60px!important;border-radius:20px!important;font-size:24px!important}.profile-identity-copy{min-width:0;display:grid;gap:10px}.profile-identity-copy p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#596373;font-size:13px;line-height:1.2;font-weight:900}.profile-identity-meta{min-width:0;display:grid;grid-template-columns:minmax(128px,.9fr) minmax(150px,1.05fr) minmax(120px,.85fr);gap:8px}.profile-identity-meta span{min-width:0;min-height:46px;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 8px;padding:7px 9px;border-radius:12px;color:#555562;background:#ffffffad;border:1px solid rgba(255,255,255,.72)}.profile-identity-meta svg{grid-row:1 / 3;width:17px;height:17px;color:#18bca2}.profile-identity-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8594;font-size:11px;line-height:1.1;font-weight:800}.profile-identity-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#343b4a;font-size:13px;line-height:1.12;font-weight:1000}.profile-identity-tools{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);justify-items:end;align-items:start;gap:10px}.profile-identity-buttons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.profile-hero-sheep{align-self:end;width:90px;max-width:100%;filter:drop-shadow(0 16px 24px rgba(84,107,55,.16))}.profile-overview-section,.profile-actions-section{display:grid;gap:12px;padding:18px}.profile-current-package-section{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding:18px}.profile-package-main{min-width:0;display:grid;align-content:space-between;gap:22px}.profile-package-progress{display:grid;gap:8px}.profile-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6f7886;font-size:13px;font-weight:900}.profile-progress-head strong{color:#22212f;font-size:16px;line-height:1.1}.profile-progress-track{overflow:hidden;height:12px;border-radius:999px;background:#edf2f1;box-shadow:inset 0 1px 2px #1e2d3414}.profile-progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#16b99f,#2878f0);transition:width .22s ease}.profile-package-progress>small{justify-self:end;color:#6d7582;font-size:12px;line-height:1;font-weight:900}.profile-package-aside{min-width:0;display:grid;gap:10px}.profile-learn-button,.profile-change-package-button{width:100%;min-height:54px;padding:0 16px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px}.profile-learn-button svg,.profile-change-package-button svg{width:20px;height:20px;flex:0 0 auto}.profile-package-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-package-metrics article{min-width:0;min-height:56px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 8px;padding:8px;border-radius:13px;background:#f8fbfa;border:1px solid rgba(226,230,236,.68)}.profile-package-metrics article>span{grid-row:1 / 3;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;color:#16a88e;background:#16b99f1a}.profile-package-metrics svg{width:18px;height:18px}.profile-package-metrics small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8493;font-size:11px;line-height:1.1;font-weight:900}.profile-package-metrics strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263044;font-size:14px;line-height:1.15;font-weight:1000}.profile-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-action-card{min-width:0;min-height:68px;padding:10px;border:1px solid rgba(226,230,236,.78);border-radius:14px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;color:#262535;background:#fff;text-align:left;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.profile-action-card>svg{width:17px;height:17px;color:#8d8d97}.profile-action-card:hover{transform:translateY(-1px);border-color:#1f978f29;background:#f7fdfaf5}.profile-action-card.danger{background:#fffaf9c7}.profile-action-card.danger:hover{background:#fff5f4eb}.profile-action-card.danger .profile-list-copy strong,.profile-action-card.danger>svg{color:#b84a47}.profile-action-card.danger .profile-list-copy small{color:#9a6a68}.profile-simple-card,.profile-simple-study,.profile-simple-actions{min-width:0;border-radius:18px;background:#fffffff5;border:1px solid rgba(33,41,53,.06);box-shadow:0 12px 26px #3f2f1d0b}.profile-simple-card{min-height:118px;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px}.profile-simple-avatar{width:76px;min-height:76px;align-content:center}.profile-simple-avatar .profile-main-avatar{width:68px!important;height:68px!important}.profile-simple-copy{min-width:0;display:grid;gap:6px}.profile-simple-copy>span,.profile-simple-study-head>span{color:#16a88e;font-size:12px;line-height:1.1;font-weight:1000}.profile-simple-copy h1,.profile-simple-study-head h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#171623;font-size:28px;line-height:1.08;letter-spacing:0}.profile-simple-copy p,.profile-simple-study-head p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#687282;font-size:13px;line-height:1.35;font-weight:850}.profile-simple-edit{min-height:38px;border-radius:13px}.profile-simple-study{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"head actions" "progress actions" "stats actions";align-items:center;gap:14px 20px;padding:20px}.profile-simple-study-head{grid-area:head;min-width:0;display:grid;gap:7px}.profile-simple-study-head h2{font-size:26px}.profile-simple-study .profile-package-progress{grid-area:progress}.profile-simple-stats{grid-area:stats;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.profile-simple-stats span{min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;color:#485365;background:#f5f8f7;border:1px solid rgba(226,230,236,.72);font-size:12px;font-weight:900}.profile-simple-main-actions{grid-area:actions;display:grid;gap:10px}.profile-simple-main-actions .profile-learn-button,.profile-simple-main-actions .profile-change-package-button{min-height:52px;border-radius:16px;font-size:17px}.profile-simple-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}.profile-simple-action{min-width:0;min-height:54px;border:1px solid rgba(226,230,236,.78);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#263044;background:#fff;font-size:14px;font-weight:1000;cursor:pointer}.profile-simple-action svg{width:18px;height:18px;color:#16a88e;flex:0 0 auto}.profile-simple-action.danger{color:#b84a47;background:#fffaf9c7}.profile-simple-action.danger svg{color:#b84a47}.profile-mini-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.profile-mini-actions button{min-width:0;min-height:42px;border:1px solid rgba(226,230,236,.78);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#263044;background:#fff;font-size:12px;line-height:1.1;font-weight:1000;cursor:pointer}.profile-mini-actions svg{width:17px;height:17px;color:#16a88e;flex:0 0 auto}.profile-list{overflow:hidden;display:grid;border:1px solid rgba(33,41,53,.06);border-radius:14px}.profile-list-item{min-height:68px;padding:0 18px;border:0;border-bottom:1px solid rgba(33,41,53,.06);display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:14px;background:#ffffffad;color:#262535;text-align:left;cursor:pointer}.profile-list-item:last-child{border-bottom:0}.profile-list-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px}.profile-list-icon svg{width:21px;height:21px}.profile-list-icon.mint,.profile-list-icon.green{color:#16b99f;background:#16b99f1f}.profile-list-icon.blue{color:#2878f0;background:#2878f01f}.profile-list-icon.purple{color:#7167dd;background:#7167dd1f}.profile-list-icon.gold{color:#e99a17;background:#e99a1721}.profile-list-icon.gray{color:#525365;background:#5253651a}.profile-list-icon.danger{color:#c8504d;background:#c8504d1a}.profile-list-copy{min-width:0;display:grid;gap:6px}.profile-list-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#22212f;font-size:16px;line-height:1.15}.profile-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b8995;font-size:13px;font-weight:700}.profile-list-item>svg{color:#8d8d97;width:18px;height:18px}.profile-list-item.danger{color:#b84a47;background:#fffaf9c7}.profile-list-item.danger .profile-list-copy strong,.profile-list-item.danger>svg{color:#b84a47}.profile-list-item.danger .profile-list-copy small{color:#9a6a68}.profile-list-item:hover{background:#f7fdfaf2}.profile-list-item.danger:hover{background:#fff5f4eb}.profile-action-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:48;display:grid;align-items:center;justify-items:end;padding:26px;background:#181c2324;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-action-sheet{width:min(560px,calc(100% - 16px));max-height:min(720px,calc(100% - 16px));overflow-y:auto;display:grid;gap:18px;padding:22px;border-radius:20px;background:#fffffffa;border:1px solid rgba(226,230,236,.82);box-shadow:0 28px 56px #18223429,inset 0 1px #fffffff2}.profile-action-head{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:14px}.profile-action-head div{min-width:0;display:grid;gap:5px}.profile-action-head span{color:#17a88b;font-size:12px;font-weight:1000}.profile-action-head h2{margin:0;color:#202536;font-size:26px;line-height:1.08;letter-spacing:0}.profile-action-head button{width:38px;height:38px;border:0;border-radius:13px;color:#7c8594;background:#f4f6fa;font-size:24px;line-height:1}.profile-action-form,.profile-action-body{display:grid;gap:14px}.profile-action-form label{display:grid;gap:8px;color:#394152;font-size:13px;font-weight:1000}.profile-avatar-editor{min-height:84px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-radius:15px;background:linear-gradient(135deg,#edfffaeb,#fffaeee0);border:1px solid rgba(33,173,142,.12)}.profile-edit-avatar{width:68px!important;height:68px!important;border-radius:22px!important;font-size:27px!important}.profile-avatar-editor>div:not(.account-avatar){min-width:0;display:grid;gap:6px}.profile-avatar-editor strong,.profile-form-section h3{margin:0;color:#242b3b;font-size:16px;line-height:1.15}.profile-avatar-editor small{color:#7b8493;font-size:12px;line-height:1.4;font-weight:800}.profile-avatar-upload{min-width:106px;height:42px;border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#168d7e;background:#ffffffd1;box-shadow:inset 0 1px #ffffffeb;cursor:pointer;font-size:13px;font-weight:1000}.profile-avatar-upload svg{width:17px;height:17px}.profile-avatar-upload:disabled{cursor:not-allowed;opacity:.62}.profile-avatar-file{display:none}.profile-avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-avatar-options button{min-height:72px;border:1px solid rgba(226,230,236,.82);border-radius:14px;display:grid;place-items:center;background:#fff;cursor:pointer}.profile-avatar-options button.active{border-color:#16b99fb3;box-shadow:0 0 0 4px #16b99f1a}.profile-option-avatar{width:54px!important;height:54px!important;border-radius:18px!important}.profile-form-section{display:grid;gap:12px;padding:14px;border-radius:15px;background:#fff;border:1px solid rgba(226,230,236,.76)}.profile-readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-readonly-grid article{min-height:58px;display:grid;align-content:center;gap:6px;padding:12px;border-radius:12px;background:#f8fbfa;border:1px solid rgba(226,230,236,.68)}.profile-readonly-grid span{color:#7b8493;font-size:12px;font-weight:900}.profile-readonly-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263044;font-size:15px}.profile-action-form input,.profile-action-form select{width:100%;min-height:46px;border:1px solid rgba(226,230,236,.92);border-radius:12px;padding:0 14px;color:#252b3a;background:#fff;font:inherit;font-size:14px;font-weight:800;outline:0}.profile-action-form input:focus,.profile-action-form select:focus{border-color:#1fb38f52;box-shadow:0 0 0 4px #1fb38f14}.profile-action-note{padding:12px 14px;border-radius:13px;color:#687282;background:#f5f8fa;font-size:13px;line-height:1.55;font-weight:800}.profile-action-buttons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.profile-action-buttons.inline{justify-content:flex-start}.profile-action-buttons .primary-button,.profile-action-buttons .secondary-button{min-height:42px;padding:0 16px;border-radius:12px;font-size:13px;font-weight:1000}.profile-action-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-action-metrics article{min-height:78px;display:grid;align-content:center;gap:8px;padding:14px;border-radius:14px;background:#f8fbfa;border:1px solid rgba(33,173,142,.1)}.profile-action-metrics span,.profile-package-list small,.profile-settings-row small,.profile-family-card small,.profile-badge-grid small,.profile-empty-panel span{color:#7b8493;font-size:12px;line-height:1.45;font-weight:800}.profile-action-metrics strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#253044;font-size:18px;line-height:1.15}.profile-package-list{overflow:hidden;display:grid;border:1px solid rgba(226,230,236,.76);border-radius:14px}.profile-package-list button{min-height:60px;border:0;border-bottom:1px solid rgba(226,230,236,.72);display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:12px;padding:0 14px;color:#252b3a;background:#fff;text-align:left}.profile-package-list button:last-child{border-bottom:0}.profile-package-list button>span{min-width:0;display:grid;gap:5px}.profile-package-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.profile-package-list svg{width:17px;height:17px;color:#8d96a5}.profile-family-card{min-height:112px;display:grid;align-content:center;gap:7px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#edfffaf0,#fff8eaeb);border:1px solid rgba(33,173,142,.13)}.profile-family-card span{color:#17a88b;font-size:12px;font-weight:1000}.profile-family-card strong{color:#242b3b;font-size:24px;line-height:1.08}.profile-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-badge-grid article{min-height:138px;display:grid;align-content:start;gap:9px;padding:14px;border-radius:15px;background:#fff;border:1px solid rgba(226,230,236,.78)}.profile-badge-grid article.locked{opacity:.58}.profile-badge-grid article>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;color:#e99a17;background:#e99a1721}.profile-badge-grid svg{width:22px;height:22px}.profile-badge-grid strong{color:#252b3a;font-size:15px;line-height:1.2}.profile-settings-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;border:1px solid rgba(226,230,236,.76);border-radius:14px;background:#fff}.profile-settings-row div:first-child{display:grid;gap:5px}.profile-settings-row strong{color:#252b3a;font-size:15px}.profile-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-theme-options button{position:relative;min-height:58px;border:1px solid rgba(226,230,236,.8);border-radius:14px;padding:10px 12px 10px 40px;display:grid;align-content:center;gap:3px;color:#253044;background:#f8fafc;text-align:left;font-size:13px;font-weight:1000}.profile-theme-options button:before{content:"";position:absolute;left:13px;top:50%;width:16px;height:16px;border-radius:6px;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffffb3,0 3px 9px #2637481f}.profile-theme-options button[data-theme-key=warm]:before{background:linear-gradient(135deg,#fff2c9,#f0b65b)}.profile-theme-options button[data-theme-key=sky]:before{background:linear-gradient(135deg,#dff6ff,#6ab7f5)}.profile-theme-options button[data-theme-key=meadow]:before{background:linear-gradient(135deg,#e7ffd8,#34c99f)}.profile-theme-options button span,.profile-theme-options button small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-theme-options button small{color:#7b8493;font-size:11px;line-height:1.2;font-weight:800}.profile-theme-options button.active{color:#127463;border-color:#18b99557;background:linear-gradient(135deg,#ecfff8fa,#f5ffeff5);box-shadow:0 10px 22px #14b7941c}.profile-theme-options button.active small{color:#4d8279}.profile-target-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.profile-target-options button{min-height:42px;border:1px solid rgba(226,230,236,.8);border-radius:14px;color:#596273;background:#f8fafc;font-size:13px;font-weight:1000}.profile-target-options button.active{color:#fff;border-color:transparent;background:#18b995;box-shadow:0 10px 22px #14b79424}.profile-empty-panel{min-height:220px;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center}.profile-empty-panel svg{width:42px;height:42px;color:#18b995}.profile-empty-panel strong{color:#252b3a;font-size:18px}.profile-bottom-nav .home-nav-item.profile{--nav-color: #16b99f;--nav-bg: rgba(22, 185, 159, .12);--nav-active: #16b99f}.profile-bottom-nav{min-height:66px;margin-top:4px;padding-top:6px;padding-bottom:6px}.profile-bottom-nav .home-nav-item{min-height:54px}@keyframes homeCharacterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.account-fab{width:68px;height:68px;border-radius:22px;border:0;background:#ffffffeb;box-shadow:0 18px 34px #3f2f1d1a,inset 0 1px #ffffffe6;cursor:pointer}.account-avatar{width:44px;height:44px;margin:auto;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(241,194,93,.55),transparent 26%),radial-gradient(circle at 70% 38%,rgba(31,151,143,.24),transparent 30%),linear-gradient(180deg,#fffaf1,#f4e5c5);border:1px solid rgba(241,194,93,.3);color:var(--primary-strong);font-size:22px;font-weight:900}.account-avatar span,.study-profile-avatar span,.admin-user-avatar span,.admin-topbar-avatar span{line-height:1}.home-simple-page,.home-refined-page{position:relative}.home-simple-card{display:grid;gap:24px;padding:36px 34px;background:radial-gradient(circle at 18% 24%,rgba(241,194,93,.16),transparent 24%),radial-gradient(circle at 80% 18%,rgba(31,151,143,.08),transparent 24%),linear-gradient(180deg,#fffffffa,#f8f1e4f0)}.home-refined-card{display:grid;gap:20px;padding:34px 34px 30px;background:radial-gradient(circle at 18% 24%,rgba(241,194,93,.14),transparent 24%),radial-gradient(circle at 80% 18%,rgba(31,151,143,.06),transparent 24%),linear-gradient(180deg,#fffffffa,#f8f1e4f0)}.home-refined-head{display:grid;gap:8px;justify-items:center;text-align:center}.home-refined-kicker{min-height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;background:#ffffffd1;border:1px solid rgba(88,68,46,.08);color:#7a6a58;font-size:12px;font-weight:800}.home-refined-head strong{font-size:clamp(22px,2.4vw,30px);line-height:1.08;letter-spacing:-.03em}.home-refined-head p{margin:0;max-width:440px;color:var(--muted);font-size:14px;line-height:1.6}.home-refined-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-refined-stat{min-height:100px;border-radius:20px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08);display:grid;place-items:center;gap:6px;text-align:center}.home-refined-stat strong{font-size:clamp(28px,3vw,38px);line-height:1}.home-refined-stat span{color:var(--muted);font-size:13px;font-weight:700}.home-refined-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-refined-actions .primary-button.large,.home-refined-actions .secondary-button.large{width:100%;min-height:58px;font-size:18px}.home-refined-note{justify-self:center;padding:10px 16px;border-radius:999px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08);color:var(--muted);font-size:13px;font-weight:700}.home-simple-head{display:grid;gap:10px;justify-items:center;text-align:center}.home-simple-head strong{font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.04em}.home-simple-head p{margin:0;max-width:520px;color:var(--muted);font-size:18px;line-height:1.6}.home-simple-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-simple-stat{min-height:132px;border-radius:24px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08);display:grid;place-items:center;gap:6px;text-align:center}.home-simple-stat strong{font-size:clamp(42px,5vw,60px);line-height:1}.home-simple-stat span{color:var(--muted);font-size:14px;font-weight:700}.home-simple-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-simple-actions .primary-button.large,.home-simple-actions .secondary-button.large{width:100%}.home-simple-note{justify-self:center;padding:10px 16px;border-radius:999px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08);color:var(--muted);font-size:13px;font-weight:700}.danger-btn{color:#8d453b}.home-screen{position:relative;min-height:100%;padding:12px}.home-card.hero{min-height:100%;display:grid;align-content:center;gap:24px;padding:34px;background:radial-gradient(circle at 24% 24%,rgba(241,194,93,.2),transparent 20%),radial-gradient(circle at 74% 22%,rgba(31,151,143,.12),transparent 20%),linear-gradient(180deg,#fffffffa,#f8f1e4f0)}.home-card-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.home-card-top h2{margin:10px 0 0;font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-.05em}.home-card-top p{margin:14px 0 0;color:var(--muted);font-size:18px}.home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-tile{padding:18px;border-radius:24px;background:#ffffffdb;border:1px solid rgba(88,68,46,.08);display:grid;gap:8px;justify-items:center}.stat-tile strong{font-size:44px;line-height:1}.stat-tile span{color:var(--muted);font-size:14px}.home-actions.dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-floating{position:absolute;z-index:5}.home-floating.left-top{top:28px;left:28px}.home-floating.left-bottom{bottom:28px;left:28px}.icon-fab{width:70px;height:70px;border-radius:24px;background:#ffffffe6;color:var(--primary-strong);font-size:26px;font-weight:900;box-shadow:0 18px 36px #3f2f1d1a}.icon-fab.ghost{color:var(--text)}.floating-menu{position:absolute;left:0;top:calc(100% + 10px);min-width:160px;padding:10px;border-radius:22px;background:#fffffff0;border:1px solid rgba(88,68,46,.08);box-shadow:0 20px 36px #3f2f1d1f;display:grid;gap:8px}.floating-menu.theme{bottom:calc(100% + 10px);top:auto}.menu-item{min-height:44px;padding:0 14px;border-radius:16px;border:0;background:#f7f5f0f5;text-align:left;cursor:pointer}.study-screen{min-height:100%;display:grid}.learning-shell{position:relative;min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;padding:2px 68px 6px;overflow:hidden}.learning-hud{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.learning-hud-pill{min-height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fffbf4eb;border:1px solid rgba(88,68,46,.08);color:#634f3b;font-size:12px;font-weight:800;letter-spacing:.01em}.learning-hud-pill.muted{color:var(--muted)}.learning-hud-pill.soft{background:#eef7f4e0;color:#2f756e}.learning-hud-pill.mode{background:#ffffffdb;color:#42526b}.learning-shell.mode-review .learning-hud-pill:first-child,.learning-shell.mode-review .learning-hud-pill.mode{background:#e8f0fff0;border-color:#4e83dd29;color:#1d4ed8}.learning-hud-pill.accent{background:#ef7d5729;color:#b95535}.learning-hud-pill.ready{background:#1f978f29;color:#216d67}.learning-hud-pill.error{background:#dc26261f;color:#b42318}.learning-canvas{position:relative;min-height:0;overflow:hidden;border-radius:34px;background:radial-gradient(circle at 18% 22%,rgba(241,194,93,.18),transparent 24%),radial-gradient(circle at 82% 18%,rgba(31,151,143,.1),transparent 24%),linear-gradient(180deg,#fffffffa,#f7f1e6f2);border:1px solid rgba(255,255,255,.72);box-shadow:0 24px 60px #3f2f1d14,inset 0 1px #ffffffdb}.learning-shell.mode-review .learning-canvas{background:radial-gradient(circle at 18% 22%,rgba(78,131,221,.16),transparent 25%),radial-gradient(circle at 82% 18%,rgba(241,194,93,.14),transparent 24%),linear-gradient(180deg,#fffffffa,#eef5fff5)}.learning-canvas.with-photo-backdrop{isolation:isolate}.learning-canvas.with-photo-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--study-photo, none);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.34;filter:saturate(1.18) contrast(1.1) brightness(.9);pointer-events:none;transform:scale(1.015);z-index:0}.learning-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff2e,#ffffff05);pointer-events:none;z-index:0}.learning-canvas.with-photo-backdrop:after{background:radial-gradient(circle at 50% 36%,#fffcf60a,#fffcf614 42%,#fffcf63d),linear-gradient(180deg,#ffffff0a,#ffffff29 76%,#ffffff4d)}.page-new-spelling .learning-canvas.with-photo-backdrop:before,.page-review-cue .learning-canvas.with-photo-backdrop:before{opacity:.42;filter:saturate(1.22) contrast(1.12) brightness(.88)}.learning-canvas.has-companion .learning-stage{padding-inline:clamp(20px,3.2vw,42px);padding-bottom:112px;align-content:center}.learning-stage{position:relative;z-index:1;container-type:inline-size;height:100%;display:grid;align-content:start;justify-items:center;gap:10px;padding:20px 28px 76px;text-align:center}.learning-empty-canvas{display:grid;place-items:center;padding:32px;overflow:auto}.learning-empty-state{position:relative;z-index:1;width:min(720px,100%);display:grid;justify-items:center;gap:16px;text-align:center;color:var(--text)}.learning-empty-kicker{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:#1f978f1f;color:#176f69;font-size:12px;font-weight:900}.learning-shell.mode-review .learning-empty-kicker{background:#4e83dd21;color:#1d4ed8}.learning-empty-state h1{margin:0;font-size:44px;line-height:1.08;font-weight:1000}.learning-empty-state p{max-width:520px;margin:0;color:var(--muted);font-size:16px;line-height:1.7;font-weight:800}.learning-empty-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}.learning-empty-stat{min-width:0;display:grid;gap:6px;padding:14px 12px;border-radius:14px;background:#ffffffc7;border:1px solid rgba(88,68,46,.08)}.learning-empty-stat span{color:var(--muted);font-size:12px;font-weight:800}.learning-empty-stat strong{min-width:0;color:var(--text);font-size:16px;line-height:1.25;font-weight:1000;overflow-wrap:anywhere}.learning-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:4px}.learning-empty-action{min-height:54px;padding:0 18px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;white-space:normal}.learning-empty-action svg{width:18px;height:18px;flex:0 0 auto}.learning-poster{gap:clamp(10px,1.8vh,18px);align-content:center;justify-content:center;padding-block:18px 70px}.page-new-word .learning-poster{align-content:center;gap:clamp(12px,2.2vh,22px);padding-block:18px 70px}.page-new-word .learning-word.giant{margin:0;padding-bottom:.08em;line-height:1.04;font-size:min(var(--word-giant-size, clamp(150px, 22vw, 272px)),calc(96cqw / var(--word-fit-chars, 8) * 1.58))}.page-new-word .learning-meta-line{max-width:760px;margin:0;padding:6px 16px;border-radius:999px;background:#fffcf6c2;font-size:clamp(20px,2.2vw,32px);line-height:1.18;text-wrap:balance}.page-new-word .learning-meaning.strong{margin:0;font-size:clamp(36px,4vw,58px);line-height:1.16}.learning-companion-dock{position:absolute;top:auto;right:18px;bottom:18px;z-index:4;width:240px;display:grid;justify-items:end;gap:8px}.learning-companion-bubble{max-width:240px;padding:12px 14px;border-radius:20px 20px 8px;background:#fffcf6f0;border:1px solid rgba(88,68,46,.08);box-shadow:0 16px 34px #3f2f1d14,inset 0 1px #ffffffd6;color:#5d4a37;font-size:14px;font-weight:700;line-height:1.55;text-align:left;text-wrap:balance}.learning-recording-meter{position:absolute;left:50%;bottom:18px;z-index:5;width:min(520px,calc(100% - 56px));min-height:72px;transform:translate(-50%);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 6px;align-items:center;column-gap:16px;row-gap:10px;padding:12px 16px 14px;border-radius:22px;background:#fffcf6f0;border:1px solid rgba(88,68,46,.1);box-shadow:0 18px 38px #3f2f1d1f,inset 0 1px #ffffffe0;color:#584532;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.learning-playback-retry{position:absolute;left:50%;bottom:26px;z-index:6;transform:translate(-50%);display:flex;justify-content:center}.learning-playback-retry .compact{min-width:132px}.learning-recording-meter-head{display:inline-flex;align-items:center;gap:8px;min-width:108px;font-size:14px;font-weight:900;white-space:nowrap}.learning-recording-dot{width:10px;height:10px;border-radius:50%;background:#c9a24d;box-shadow:0 0 0 5px #c9a24d29}.learning-recording-meter.phase-recording .learning-recording-dot{background:#ef7d57;box-shadow:0 0 0 var(--voice-ring, 5px) #ef7d572e}.learning-recording-meter.phase-recognizing .learning-recording-dot{background:#1f978f;box-shadow:0 0 0 5px #1f978f29}.learning-recording-meter.phase-releasing .learning-recording-dot{background:#5d87a8;box-shadow:0 0 0 5px #5d87a829}.learning-recording-meter.phase-error .learning-recording-dot{background:#b95535;box-shadow:0 0 0 5px #b9553529}.learning-recording-bars{height:34px;display:grid;grid-template-columns:repeat(18,minmax(4px,1fr));align-items:center;gap:5px}.learning-recording-bar{height:28px;min-width:4px;border-radius:999px;background:linear-gradient(180deg,#ef7d57,#1f978f);transform-origin:center;transition:transform 90ms ease,opacity .12s ease}.learning-recording-meter.phase-preparing .learning-recording-bar,.learning-recording-meter.phase-recognizing .learning-recording-bar,.learning-recording-meter.phase-releasing .learning-recording-bar{background:linear-gradient(180deg,#c9a24d,#1f978f)}.learning-recording-track{grid-column:1 / -1;height:6px;overflow:hidden;border-radius:999px;background:#58442e1a}.learning-recording-track span{display:block;width:var(--voice-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef7d57,#1f978f);transition:width .12s linear}.learning-agent-debug-panel{position:absolute;right:16px;bottom:16px;z-index:6;width:min(300px,calc(100% - 32px));display:grid;gap:8px;padding:12px;border-radius:8px;background:#1f262ae0;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 38px #1c18132e;color:#fffaf0;font-size:12px;line-height:1.35;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.learning-agent-debug-head,.learning-agent-debug-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.learning-agent-debug-head strong{font-size:13px;letter-spacing:0}.learning-agent-debug-head span,.learning-agent-debug-row span,.learning-agent-debug-tools>span{color:#fffaf0ad}.learning-agent-debug-row strong,.learning-agent-debug-tool strong{min-width:0;overflow-wrap:anywhere}.learning-agent-debug-tools{display:grid;gap:6px}.learning-agent-debug-tool{display:grid;gap:2px;padding:7px 8px;border-radius:6px;background:#fffaf014}.learning-agent-debug-tool small{color:#fffaf0b8;overflow-wrap:anywhere}.learning-word{display:block;max-width:min(100%,12em);padding-block:.02em .06em;font-family:Chalkboard SE,Marker Felt,Trebuchet MS,Avenir Next Rounded,Avenir Next,sans-serif;font-weight:800;letter-spacing:0;line-height:1.02;color:#22586d;text-shadow:0 4px 0 rgba(255,255,255,.42);white-space:nowrap;text-wrap:normal;overflow-wrap:normal;word-break:normal}.learning-word.giant{font-size:min(var(--word-giant-size, clamp(164px, 22vw, 326px)),calc(96cqw / var(--word-fit-chars, 8) * 1.58))}.learning-word.medium{font-size:min(var(--word-medium-size, clamp(118px, 15.8vw, 218px)),calc(92cqw / var(--word-fit-chars, 8) * 1.5))}.learning-word.small{font-size:clamp(66px,9vw,112px)}.learning-word.flash{padding-bottom:.08em;line-height:1.04;font-size:min(var(--word-flash-size, clamp(126px, 16.2vw, 222px)),calc(90cqw / var(--word-fit-chars, 8) * 1.48))}.learning-meaning{margin:0;color:#5c4a35;text-wrap:balance}.learning-meaning.giant{font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1.18}.learning-meaning.strong{font-size:clamp(34px,3.8vw,50px);font-weight:800;line-height:1.25}.learning-meaning.strong.interaction-only-meaning{max-width:96%;display:block;writing-mode:horizontal-tb;white-space:nowrap;text-wrap:nowrap;word-break:keep-all;font-size:min(var(--meaning-line-size, clamp(56px, 7.4vw, 98px)),calc(88cqw / var(--meaning-fit-chars, 6)));line-height:1.12;text-align:center;color:#b85c36;text-shadow:0 3px 0 rgba(255,255,255,.66),0 14px 34px rgba(184,92,54,.18)}.learning-meaning.flash{padding:6px 16px;border-radius:999px;background:#fffcf6c7;font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.18}.learning-meta-line{font-size:clamp(24px,2.7vw,36px);font-weight:700;color:#4f7891}.learning-meta-line.centered{text-align:center}.learning-interaction-cue,.learning-review-interaction{display:grid;justify-items:center;gap:10px}.learning-interaction-cue,.learning-review-interaction-prompt{margin-bottom:clamp(70px,9vh,108px);padding:12px 22px;border-radius:8px;background:#fffcf6d1;color:#24576a;font-size:clamp(22px,2.4vw,32px);font-weight:800;box-shadow:0 10px 24px #442e141a;position:relative}.learning-interaction-cue strong,.learning-review-interaction-prompt{display:block}.learning-interaction-cue.is-listening,.learning-review-interaction-prompt.is-listening{animation:learning-prompt-breathe 1.15s ease-in-out infinite}.learning-interaction-cue.is-listening:after,.learning-review-interaction-prompt.is-listening:after{content:"";display:block;width:12px;height:12px;margin-top:8px;margin-inline:auto;border-radius:999px;background:#ef7d57eb;box-shadow:0 0 #ef7d573d;animation:learning-prompt-ping 1.15s ease-out infinite}@keyframes learning-prompt-breathe{0%,to{transform:translateY(0);box-shadow:0 10px 24px #442e141a}50%{transform:translateY(-4px);box-shadow:0 18px 32px #442e1424}}@keyframes learning-prompt-ping{0%{transform:scale(1);box-shadow:0 0 #ef7d573d}70%{transform:scale(1.12);box-shadow:0 0 0 12px #ef7d5700}to{transform:scale(1);box-shadow:0 0 #ef7d5700}}.learning-stage-note{margin:0;max-width:620px;color:var(--muted);font-size:18px;line-height:1.55;text-wrap:balance}.learning-stage-note.large{font-size:clamp(22px,2.6vw,30px)}.learning-stage-note.compact{max-width:720px;font-size:16px;line-height:1.45}.learning-flash-stage{gap:8px;align-content:center;justify-content:center;padding-block:26px 76px}.learning-flash-card{width:min(100%,840px);min-height:clamp(230px,38vh,330px);padding:22px 28px;border-radius:34px;border:1px dashed rgba(88,68,46,.18);background:#ffffffd6;display:grid;align-content:center;justify-items:center;gap:clamp(14px,2.4vh,26px);box-shadow:inset 0 1px #ffffffdb}.learning-flash-card.ghost{min-height:clamp(260px,42vh,360px);padding:0;border:0;background:transparent;box-shadow:none}.learning-flash-card.revealed{border-style:solid;background:#ffffffeb}.learning-flash-placeholder{max-width:440px;color:#72614e;font-size:clamp(26px,3vw,38px);line-height:1.45;font-weight:800}.learning-letter-stage{gap:clamp(18px,3vh,34px);align-content:center;justify-content:center;padding-block:18px 70px}.page-new-sentence .learning-letter-stage{align-content:center;gap:clamp(20px,3.4vh,40px);padding-block:18px 70px}.page-new-sentence .learning-word.medium{margin:0;padding-bottom:.08em;line-height:1.04;font-size:min(var(--word-medium-size, clamp(124px, 20vw, 220px)),calc(92cqw / var(--word-fit-chars, 8) * 1.5))}.learning-letter-ribbon{width:min(100%,940px);display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.page-new-sentence .learning-letter-ribbon{width:min(100%,760px);gap:14px;margin-top:2px}.learning-letter-pill{width:clamp(56px,7vw,80px);height:clamp(62px,8vw,88px);border-radius:22px;display:grid;place-items:center;background:#ffffffd1;border:1px solid rgba(88,68,46,.08);color:#755f49;font-size:clamp(28px,3vw,36px);font-weight:900;transition:transform .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.learning-letter-pill.active{background:#ef7d5729;border-color:#ef7d5738;color:var(--primary-strong);box-shadow:0 16px 28px #ef7d5724;transform:translateY(-5px)}.learning-letter-pill.passed{opacity:.56;transform:scale(.96)}.learning-sentence-stage{gap:10px;align-content:center;justify-content:center;padding-block:28px 76px}.learning-sentence{margin:0;max-width:980px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:clamp(58px,7.6vw,92px);line-height:1.08;font-weight:900;color:#2f251c;text-shadow:0 2px 0 rgba(255,255,255,.56),0 10px 28px rgba(255,252,246,.56)}.learning-sentence-cn{margin:0;max-width:720px;color:var(--muted);font-size:clamp(24px,3vw,34px);line-height:1.55}.learning-sentence-stage .learning-sentence,.review-cue-sentence{padding:8px 18px 12px;border-radius:28px;background:linear-gradient(180deg,#fffcf69e,#fffcf66b);border:1px solid rgba(255,255,255,.54);box-shadow:0 18px 42px #3f2f1d14,inset 0 1px #ffffff85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.learning-sentence-stage .learning-sentence-cn,.review-answer-cn{padding:4px 16px 6px;border-radius:999px;background:#fffcf685;box-shadow:0 10px 24px #3f2f1d0f;text-shadow:0 1px 0 rgba(255,255,255,.72)}.learning-practice-stage{gap:12px;padding-block:34px 78px}.page-new-recall .learning-practice-stage,.page-review-recall .learning-practice-stage{align-content:center;justify-content:center;gap:clamp(16px,2.2vh,24px);padding-block:clamp(34px,5.4vh,62px) 76px}.learning-practice-head{width:min(100%,900px);display:grid;gap:6px;justify-items:center}.page-new-recall .learning-practice-head,.page-review-recall .learning-practice-head{width:min(100%,960px);gap:10px}.learning-practice-head strong,.learning-review-prompt{margin:0;font-size:clamp(56px,7vw,96px);line-height:1.08;font-weight:800;color:var(--text);text-wrap:balance}.page-new-recall .learning-practice-head strong,.page-review-recall .learning-practice-head strong{font-size:clamp(78px,9.6vw,136px);line-height:.98;letter-spacing:-.04em}.learning-practice-head p{margin:0;max-width:680px;color:var(--muted);font-size:clamp(20px,2.2vw,28px);line-height:1.45}.learning-slot-row{width:min(100%,900px);gap:10px}.page-new-recall .learning-slot-row,.page-review-recall .learning-slot-row{width:min(100%,960px);gap:clamp(12px,1.6vw,18px)}.learning-slot-row .build-slot{width:clamp(54px,5.8vw,72px);height:clamp(60px,6.6vw,78px);font-size:clamp(24px,2.8vw,34px)}.page-new-recall .learning-slot-row .build-slot,.page-review-recall .learning-slot-row .build-slot{width:clamp(70px,7.2vw,96px);height:clamp(76px,8vw,104px);border-radius:24px;background:#fffcf6e6;border-color:#58442e2e;box-shadow:0 16px 34px #3f2f1d14,inset 0 1px #ffffffeb;font-size:clamp(32px,3.8vw,48px)}.learning-keyboard{width:min(100%,900px);grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:14px}.learning-keyboard .keycap{min-height:48px;padding:0;font-size:20px}.learning-practice-actions{width:min(100%,780px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center}.learning-primary-action{width:100%;min-height:72px;font-size:24px}.learning-secondary-action{width:100%;min-height:72px;font-size:20px}.learning-practice-actions-equal{width:min(100%,860px)}.learning-equal-action{width:100%;min-height:80px;font-size:24px;border-radius:24px}.learning-feedback-panel{width:min(100%,780px)}.page-new-recall .learning-feedback-panel,.page-review-recall .learning-feedback-panel{width:min(100%,860px);padding:16px 22px;font-size:16px}.learning-practice-stage .inline-feedback{width:min(100%,780px)}.page-new-recall .learning-practice-stage .inline-feedback,.page-review-recall .learning-practice-stage .inline-feedback{width:min(100%,860px);padding:16px 22px;border-radius:22px;font-size:16px}.learning-text-button{border:0;background:transparent;color:#7b6855;font-size:15px;font-weight:700;cursor:pointer}.learning-audio-pill{width:min(100%,720px);display:grid;gap:4px;padding:16px 18px;border-radius:22px;background:#ffffffe0;border:1px solid rgba(88,68,46,.08);box-shadow:inset 0 1px #ffffffd1}.learning-audio-pill strong{font-size:16px}.learning-audio-pill span{color:var(--muted);font-size:14px;line-height:1.5}.learning-spell-voice-stack{width:min(100%,760px);display:grid;gap:12px;justify-items:center}.page-new-recall .learning-spell-voice-stack,.page-review-recall .learning-spell-voice-stack{width:min(100%,720px);gap:0}.learning-spell-fallback{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.page-new-recall .learning-spell-fallback,.page-review-recall .learning-spell-fallback{gap:8px;padding:6px;border-radius:999px;background:#fffcf69e;border:1px solid rgba(88,68,46,.06);box-shadow:0 12px 28px #3f2f1d0f,inset 0 1px #ffffffc2}.page-new-recall .learning-spell-fallback .compact,.page-review-recall .learning-spell-fallback .compact{min-height:48px;padding-inline:22px;font-size:15px}.page-new-recall .learning-spell-fallback .compact:first-child,.page-review-recall .learning-spell-fallback .compact:first-child{min-width:148px}.learning-spell-auto-note{margin:0;color:var(--muted);font-size:14px;line-height:1.5;text-align:center}.review-cue-poster{gap:14px}.review-image-stage{gap:clamp(16px,2.8vh,28px);align-content:center;padding-block:18px 76px}.review-image-frame{width:min(100%,680px);aspect-ratio:4 / 3;border-radius:28px;overflow:hidden;background:#ffffffc7;border:1px solid rgba(88,68,46,.08);box-shadow:0 20px 46px #3f2f1d1f}.review-image-frame img{width:100%;height:100%;display:block;object-fit:cover}.review-image-placeholder{width:min(100%,680px);aspect-ratio:4 / 3;display:grid;place-items:center;padding:28px;border:1px solid rgba(88,68,46,.08);border-radius:28px;background:#ffffffc7;box-shadow:0 20px 46px #3f2f1d1f;color:var(--text);font-size:clamp(42px,6vw,72px);line-height:1.12;font-weight:900}.review-teach-poster{align-content:center;gap:clamp(12px,2vh,20px)}.review-cue-word{max-width:min(100%,820px);text-align:center}.review-cue-sentence{max-width:min(100%,920px)}.learning-result-stage{gap:10px;align-content:center;justify-content:center;padding-block:16px 66px}.learning-answer-sentence{width:min(100%,860px);padding:22px 24px;border-radius:24px;background:#ffffffe0;border:1px solid rgba(88,68,46,.08);display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.3}.review-answer-cn{max-width:780px;text-align:center}.review-answer-word{font-size:var(--word-review-size, clamp(112px, 14.5vw, 194px))}.edge-page-button{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:132px;border:0;border-radius:999px;display:grid;place-items:center;background:#ffffffc2;color:#4c3c2d;box-shadow:0 16px 34px #3f2f1d1a,inset 0 1px #ffffffdb;cursor:pointer;z-index:3;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.edge-page-button.left{left:12px}.edge-page-button.right{right:12px}.edge-page-button span{font-size:36px;line-height:1}.edge-page-button:hover{transform:translateY(-50%) scale(1.02)}.student-app.learn-mode .student-toast{bottom:18px}.study-screen.with-companion-dock{position:relative}.study-companion-dock{position:absolute;top:18px;right:18px;z-index:4;width:148px}.virtual-companion-panel{display:grid;justify-items:center}.virtual-companion-panel.compact{gap:0;padding:0;border-radius:0;box-shadow:none}.virtual-companion-stage{--companion-look-x: 0px;--companion-look-y: 0px;--companion-head-tilt: 0deg;--companion-body-tilt: 0deg;--companion-body-shift-y: 0px;--companion-mouth-open: 0;position:relative;display:grid;justify-items:center;gap:8px;padding:0;border:0;background:transparent;cursor:pointer}.virtual-companion-aura{position:absolute;top:8px;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,151,.72) 0%,rgba(255,215,151,.08) 62%,transparent 72%);filter:blur(2px)}.virtual-companion-panel.compact .virtual-companion-aura{width:132px;height:132px}.virtual-companion-avatar{position:relative;z-index:1;display:grid;justify-items:center;perspective:900px}.virtual-companion-avatar.uses-rive{width:136px;height:216px}.virtual-companion-avatar.uses-image{width:164px;height:216px;align-items:center}.virtual-companion-panel.compact .virtual-companion-stage{gap:8px;padding-top:0}.virtual-companion-live2d-shell{position:relative;display:grid;justify-items:center}.virtual-companion-rive,.virtual-companion-rive-canvas{position:relative;z-index:1;width:136px;height:216px;display:block}.virtual-companion-panel.compact .virtual-companion-rive,.virtual-companion-panel.compact .virtual-companion-rive-canvas{width:132px;height:208px}.virtual-companion-image-wrap{position:relative;z-index:1;width:162px;height:176px;margin-top:20px;transform-origin:50% 86%;animation:companionImageFloat 3.8s ease-in-out infinite}.virtual-companion-image-wrap.speaking{animation:companionImageTalk .92s ease-in-out infinite}.virtual-companion-image{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(93,68,43,.18)) drop-shadow(0 2px 0 rgba(255,255,255,.42));-webkit-user-select:none;user-select:none;pointer-events:none}.virtual-companion-panel.compact .virtual-companion-avatar.uses-image{width:154px;height:206px}.virtual-companion-panel.compact .virtual-companion-image-wrap{width:154px;height:168px;margin-top:20px}.virtual-companion-svg{position:relative;z-index:1;width:140px;height:218px;display:block}.virtual-companion-panel.compact .virtual-companion-svg{width:132px;height:206px}.virtual-companion-live2d-frame{position:absolute;top:10px;width:128px;height:186px;border-radius:40px 40px 28px 28px;background:linear-gradient(180deg,#fff6,#ffffff0f),linear-gradient(180deg,#ffdda829,#ffdda805);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #ffffff9e,0 16px 34px #73532e14;transform:translateZ(-8px)}.virtual-companion-character{position:relative;width:126px;height:206px;display:grid;justify-items:center;transform-origin:50% 100%;animation:companionFloat 3.8s ease-in-out infinite;transform:translateY(var(--companion-body-shift-y)) rotate(var(--companion-body-tilt));transition:transform .18s ease-out}.virtual-companion-shadow{position:absolute;bottom:6px;width:74px;height:16px;border-radius:50%;background:#573f2329;filter:blur(3px)}.virtual-companion-hair-back{position:absolute;top:18px;width:88px;height:90px;border-radius:44px 44px 34px 34px;background:linear-gradient(180deg,#704d2d,#4a2f1d)}.virtual-companion-head{position:relative;z-index:2;width:92px;height:98px;margin-top:12px;transform:translate(var(--companion-head-shift-x)) translateY(var(--companion-head-shift-y)) rotate(var(--companion-head-tilt));transform-origin:50% 85%;transition:transform .16s ease-out}.virtual-companion-panel.compact .virtual-companion-head{width:92px;height:98px}.virtual-companion-face{position:absolute;top:10px;right:10px;bottom:0;left:10px;border-radius:42px 42px 38px 38px;background:linear-gradient(180deg,#ffe7c9,#ffd5aa);box-shadow:inset 0 -8px #e3a85f29}.virtual-companion-face-light{position:absolute;left:22px;top:18px;width:38px;height:18px;border-radius:50%;background:#ffffff47;filter:blur(1px);transform:rotate(-18deg)}.virtual-companion-glasses{position:absolute;left:50%;top:42px;width:18px;height:18px;border:2px solid rgba(102,85,67,.3);border-radius:50%;transform:translate(-28px);opacity:0}.virtual-companion-glasses:before{content:"";position:absolute;left:16px;top:6px;width:12px;height:2px;border-radius:999px;background:#6655434d}.virtual-companion-glasses:after{content:"";position:absolute;left:28px;top:-2px;width:18px;height:18px;border:2px solid rgba(102,85,67,.3);border-radius:50%}.virtual-companion-ear{position:absolute;top:42px;width:12px;height:18px;border-radius:10px;background:#ffd8af}.virtual-companion-ear.left{left:6px}.virtual-companion-ear.right{right:6px}.virtual-companion-bang{position:absolute;top:6px;height:30px;background:linear-gradient(180deg,#714d2c,#553620)}.virtual-companion-panel.compact .virtual-companion-bang{top:6px;height:30px}.virtual-companion-bang.center{left:24px;width:44px;border-radius:18px 18px 24px 24px}.virtual-companion-bang.left{left:10px;width:30px;border-radius:18px 18px 20px 20px;transform:rotate(-18deg)}.virtual-companion-bang.right{right:10px;width:30px;border-radius:18px 18px 20px 20px;transform:rotate(18deg)}.virtual-companion-hair-loop{position:absolute;top:34px;width:20px;height:48px;border-radius:999px;background:linear-gradient(180deg,#6b472b,#4f3420)}.virtual-companion-hair-loop.left{left:2px;transform:rotate(10deg)}.virtual-companion-hair-loop.right{right:2px;transform:rotate(-10deg)}.virtual-companion-ribbon{position:absolute;top:4px;right:8px;width:18px;height:18px;border-radius:6px;background:linear-gradient(180deg,#ffd767,#f0af45);box-shadow:-10px 7px 0 -4px #ffd767f2,8px 8px 0 -4px #ffd767f2}.virtual-companion-eye{position:absolute;top:49px;width:15px;height:13px;border-radius:999px;background:linear-gradient(180deg,#fffdf7,#f9ebd4);border:1px solid rgba(88,61,29,.22);overflow:hidden;transform-origin:center;animation:companionBlink 6.4s ease-in-out infinite}.virtual-companion-panel.compact .virtual-companion-eye{top:49px;width:15px;height:13px}.virtual-companion-eye.left{left:28px}.virtual-companion-eye.right{right:28px}.virtual-companion-panel.compact .virtual-companion-eye.left{left:28px}.virtual-companion-panel.compact .virtual-companion-eye.right{right:28px}.virtual-companion-pupil{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#5b4832,#342718 72%);transform:translate(-50%,-50%) translate(var(--companion-look-x),var(--companion-look-y));transition:transform .12s ease-out}.virtual-companion-eye-glint{position:absolute;top:2px;left:3px;width:4px;height:4px;border-radius:50%;background:#ffffffdb}.virtual-companion-blush{position:absolute;top:62px;width:16px;height:9px;border-radius:50%;background:#ea858047;filter:blur(1px)}.virtual-companion-blush.left{left:18px}.virtual-companion-blush.right{right:18px}.virtual-companion-mouth{position:absolute;left:50%;bottom:16px;width:22px;height:10px;border:2px solid #c76e55;border-top:0;border-radius:0 0 18px 18px;background:#ffeded73;overflow:hidden;transform:translate(-50%) scaleY(calc(.4 + var(--companion-mouth-open) * .6));transform-origin:center top;transition:transform .12s ease-out,background .12s ease-out}.virtual-companion-panel.compact .virtual-companion-mouth{bottom:16px;width:22px;height:10px}.virtual-companion-mouth-inner{position:absolute;left:50%;bottom:0;width:13px;height:7px;border-radius:999px 999px 12px 12px;background:#cc706e6b;transform:translate(-50%)}.virtual-companion-upper{position:relative;z-index:1;width:118px;height:92px;margin-top:-4px;transform:rotate(var(--companion-upper-tilt));transition:transform .18s ease-out}.virtual-companion-body{position:absolute;left:50%;top:10px;width:84px;height:76px;transform:translate(-50%);border-radius:28px 28px 18px 18px;background:linear-gradient(180deg,#21a79e,#15716d);position:relative;box-shadow:inset 0 -8px #0d524e2e;overflow:hidden}.virtual-companion-panel.compact .virtual-companion-body{width:84px;height:76px}.virtual-companion-collar{position:absolute;left:50%;top:0;width:34px;height:22px;background:#fffaf1;clip-path:polygon(50% 100%,0 0,100% 0);transform:translate(-50%)}.virtual-companion-tie{position:absolute;left:50%;top:14px;width:12px;height:30px;border-radius:8px;background:linear-gradient(180deg,#f4b04b,#e08538);transform:translate(-50%)}.virtual-companion-badge{display:none}.virtual-companion-body-shine{position:absolute;top:8px;left:14px;width:22px;height:46px;border-radius:999px;background:#ffffff24;filter:blur(1px);transform:rotate(12deg)}.virtual-companion-sleeve{position:absolute;top:20px;width:12px;height:24px;border-radius:12px;background:#179188}.virtual-companion-sleeve.left{left:-5px;transform:rotate(16deg)}.virtual-companion-sleeve.right{right:-5px;transform:rotate(-16deg)}.virtual-companion-arm{position:absolute;top:30px;width:18px;height:56px;border-radius:999px;background:linear-gradient(180deg,#21a79e,#14716c);transform-origin:top center;transition:transform .18s ease-out}.virtual-companion-arm.left{left:12px;transform:rotate(16deg)}.virtual-companion-arm.right{right:12px;transform:rotate(-18deg)}.virtual-companion-hand{position:absolute;top:76px;width:16px;height:16px;border-radius:50%;background:#ffd8af;transition:transform .18s ease-out}.virtual-companion-hand.left{left:10px}.virtual-companion-hand.right{right:10px}.virtual-companion-lower{position:relative;width:118px;height:86px;margin-top:-8px;transform:rotate(var(--companion-lower-tilt));transition:transform .18s ease-out}.virtual-companion-skirt{position:absolute;left:50%;top:0;width:78px;height:52px;border-radius:16px 16px 30px 30px;background:linear-gradient(180deg,#f2b25a,#e78f4b);transform:translate(-50%);clip-path:polygon(8% 0,92% 0,100% 92%,0 92%)}.virtual-companion-skirt-fold{position:absolute;top:18px;width:10px;height:24px;border-radius:999px;background:#ffdeaa52}.virtual-companion-skirt-fold.left{left:38px;transform:rotate(10deg)}.virtual-companion-skirt-fold.right{right:38px;transform:rotate(-10deg)}.virtual-companion-leg{position:absolute;top:42px;width:14px;height:34px;border-radius:999px;background:linear-gradient(180deg,#ffdcb5,#f5c58a)}.virtual-companion-leg.left{left:42px}.virtual-companion-leg.right{right:42px}.virtual-companion-shoe{position:absolute;bottom:2px;width:24px;height:12px;border-radius:12px;background:#6d5138}.virtual-companion-shoe.left{left:34px}.virtual-companion-shoe.right{right:34px}.virtual-companion-panel.variant-teacher .virtual-companion-aura{width:156px;height:156px;background:radial-gradient(circle,rgba(255,220,152,.82) 0%,rgba(255,220,152,.16) 54%,transparent 72%),radial-gradient(circle at 68% 34%,rgba(128,193,180,.26) 0%,transparent 44%)}.virtual-companion-panel.variant-teacher .virtual-companion-live2d-frame{top:8px;width:132px;height:192px;border-radius:42px 42px 30px 30px;background:linear-gradient(180deg,#ffffff7a,#ffffff14),linear-gradient(180deg,#ffedc72e,#f0faf714)}.virtual-companion-panel.variant-teacher .virtual-companion-character{width:132px;height:214px}.virtual-companion-panel.variant-teacher .virtual-companion-shadow{width:82px;height:18px;background:#573f2324}.virtual-companion-panel.variant-teacher .virtual-companion-hair-back{top:14px;width:92px;height:102px;border-radius:46px 46px 38px 38px;background:linear-gradient(180deg,#744e3d,#4f3327)}.virtual-companion-panel.variant-teacher .virtual-companion-head{width:94px;height:102px;margin-top:10px}.virtual-companion-panel.variant-teacher .virtual-companion-face{top:11px;right:11px;bottom:0;left:11px;border-radius:44px 44px 40px 40px;background:linear-gradient(180deg,#ffead3,#ffd9b5)}.virtual-companion-panel.variant-teacher .virtual-companion-face-light{left:20px;top:16px;width:42px}.virtual-companion-panel.variant-teacher .virtual-companion-glasses{opacity:.8}.virtual-companion-panel.variant-teacher .virtual-companion-bang{background:linear-gradient(180deg,#7b5540,#5c3a2c)}.virtual-companion-panel.variant-teacher .virtual-companion-bang.center{left:26px;width:40px;border-radius:18px 18px 26px;transform:rotate(-8deg)}.virtual-companion-panel.variant-teacher .virtual-companion-bang.left{left:12px;width:28px;border-radius:18px 18px 24px 20px;transform:rotate(-24deg)}.virtual-companion-panel.variant-teacher .virtual-companion-bang.right{right:12px;width:24px;border-radius:18px 18px 16px 22px;transform:rotate(10deg)}.virtual-companion-panel.variant-teacher .virtual-companion-hair-loop{top:40px;width:18px;height:42px;background:linear-gradient(180deg,#734e3a,#55372b)}.virtual-companion-panel.variant-teacher .virtual-companion-ribbon{top:10px;right:10px;width:16px;height:12px;border-radius:999px;background:linear-gradient(180deg,#7fd0c0,#4eaa99);box-shadow:none;transform:rotate(18deg)}.virtual-companion-panel.variant-teacher .virtual-companion-eye{top:50px;width:16px;height:12px;background:linear-gradient(180deg,#fffefb,#f7efdf)}.virtual-companion-panel.variant-teacher .virtual-companion-eye.left{left:27px}.virtual-companion-panel.variant-teacher .virtual-companion-eye.right{right:27px}.virtual-companion-panel.variant-teacher .virtual-companion-pupil{width:7px;height:7px;background:radial-gradient(circle at 35% 35%,#645242,#2e241b 72%)}.virtual-companion-panel.variant-teacher .virtual-companion-blush{top:64px;width:14px;height:8px;background:#e6978438}.virtual-companion-panel.variant-teacher .virtual-companion-mouth{bottom:15px;width:24px;border-color:#cf7a5d}.virtual-companion-panel.variant-teacher .virtual-companion-upper{width:120px;height:96px;margin-top:-2px}.virtual-companion-panel.variant-teacher .virtual-companion-body{top:8px;width:86px;height:80px;border-radius:30px 30px 20px 20px;background:linear-gradient(180deg,#86bbad,#5e938c);box-shadow:inset 0 -8px #34615c2e}.virtual-companion-panel.variant-teacher .virtual-companion-collar{top:1px;width:38px;height:24px;background:#fffaf3}.virtual-companion-panel.variant-teacher .virtual-companion-tie{top:16px;width:14px;height:28px;border-radius:8px 8px 10px 10px;background:linear-gradient(180deg,#ffb974,#ea8e4d)}.virtual-companion-panel.variant-teacher .virtual-companion-badge{display:block;position:absolute;right:14px;top:18px;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#fff4d8,#ffd985);box-shadow:0 0 0 3px #fffaf08f}.virtual-companion-panel.variant-teacher .virtual-companion-body-shine{left:12px;width:20px;background:#ffffff2e}.virtual-companion-panel.variant-teacher .virtual-companion-sleeve{top:20px;background:#6ba79b}.virtual-companion-panel.variant-teacher .virtual-companion-arm{top:28px;background:linear-gradient(180deg,#81baae,#5e938c)}.virtual-companion-panel.variant-teacher .virtual-companion-hand{background:#ffd9b5}.virtual-companion-panel.variant-teacher .virtual-companion-lower{width:120px;height:90px;margin-top:-6px}.virtual-companion-panel.variant-teacher .virtual-companion-skirt{width:82px;height:56px;border-radius:18px 18px 32px 32px;background:linear-gradient(180deg,#8196ca,#6176a7);clip-path:polygon(10% 0,90% 0,100% 92%,0 92%)}.virtual-companion-panel.variant-teacher .virtual-companion-skirt-fold{top:20px;background:#e1eaff42}.virtual-companion-panel.variant-teacher .virtual-companion-leg{top:44px;height:36px;background:linear-gradient(180deg,#ffdfbf,#f2c490)}.virtual-companion-panel.variant-teacher .virtual-companion-shoe{width:25px;background:#6c5872}.virtual-companion-panel.variant-teacher .virtual-companion-signal{background:#fffcf6eb}.virtual-companion-panel.variant-teacher .virtual-companion-signal span{background:#619a906b}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-aura{width:164px;height:164px;background:radial-gradient(circle,rgba(255,232,183,.84) 0%,rgba(255,232,183,.18) 56%,transparent 74%),radial-gradient(circle at 32% 28%,rgba(255,196,214,.28) 0%,transparent 34%),radial-gradient(circle at 72% 42%,rgba(164,224,213,.22) 0%,transparent 40%)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-live2d-frame{top:8px;width:136px;height:194px;border-radius:44px 44px 32px 32px;background:linear-gradient(180deg,#ffffff85,#ffffff1a),linear-gradient(180deg,#fff1d633,#f1fef914)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-character{width:134px;height:216px}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-shadow{width:86px;height:18px;background:#7a654924}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-hair-back{top:10px;width:102px;height:96px;border-radius:42px 42px 34px 34px;background:radial-gradient(circle at 18% 28%,#fffdf9 0%,#fffdf9 18%,transparent 19%),radial-gradient(circle at 34% 14%,#fff9f2 0%,#fff9f2 17%,transparent 18%),radial-gradient(circle at 52% 10%,#fffefb 0%,#fffefb 17%,transparent 18%),radial-gradient(circle at 70% 16%,#fff9f2 0%,#fff9f2 16%,transparent 17%),radial-gradient(circle at 84% 28%,#fffdf8 0%,#fffdf8 18%,transparent 19%),linear-gradient(180deg,#fffaf4,#f2dfd2);box-shadow:inset 0 -8px #d7b8a833,0 6px 12px #a07d651a}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-head{width:96px;height:104px;margin-top:8px}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-face{top:14px;right:12px;bottom:2px;left:12px;border-radius:42px 42px 38px 38px;background:linear-gradient(180deg,#ffeacf,#ffdcb8);box-shadow:inset 0 -8px #e8b2812e}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-face-light{left:24px;top:22px;width:36px;background:#ffffff57}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-glasses{opacity:0}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-ear{top:34px;width:18px;height:28px;border-radius:14px 14px 16px 16px;background:linear-gradient(180deg,#fff6ee,#f4d9ca);box-shadow:inset 0 0 0 3px #ffdfe885}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-ear.left{left:0;transform:rotate(-18deg)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-ear.right{right:0;transform:rotate(18deg)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-bang{top:6px;height:22px;border-radius:999px;background:linear-gradient(180deg,#fffefd,#f4e1d7);box-shadow:inset 0 -3px #dcbbac38}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-bang.center{left:26px;width:42px;border-radius:20px 20px 28px 28px}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-bang.left{left:12px;width:26px;transform:rotate(-26deg)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-bang.right{right:12px;width:26px;transform:rotate(26deg)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-hair-loop{top:24px;width:20px;height:30px;border-radius:999px;background:linear-gradient(180deg,#d4b08d,#b98862);box-shadow:inset 0 -3px #79512d29}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-hair-loop.left{left:6px;transform:rotate(-44deg)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-hair-loop.right{right:6px;transform:rotate(44deg)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-ribbon{top:8px;right:6px;width:24px;height:14px;border-radius:999px;background:linear-gradient(180deg,#ff9ec1,#ff7eab);box-shadow:-12px 8px 0 -6px #ff98bdf0,10px 8px 0 -6px #ff98bdf0;transform:rotate(14deg)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-eye{top:55px;width:17px;height:14px;background:linear-gradient(180deg,#fffefc,#fbf1e3)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-eye.left{left:26px}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-eye.right{right:26px}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-pupil{width:8px;height:8px;background:radial-gradient(circle at 35% 35%,#665640,#2d2418 72%)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-blush{top:68px;width:15px;height:9px;background:#f395a43d}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-mouth{bottom:16px;width:24px;border-color:#d07a66}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-mouth-inner{background:#d3797c70}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-upper{width:120px;height:98px;margin-top:-2px}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-body{top:8px;width:88px;height:82px;border-radius:30px 30px 18px 18px;background:linear-gradient(180deg,#9fe0d0,#6fbca9);box-shadow:inset 0 -8px #407e6f29}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-collar{top:2px;width:40px;height:24px;background:#fffdf8}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-tie{top:17px;width:16px;height:26px;border-radius:8px 8px 12px 12px;background:linear-gradient(180deg,#ffd06f,#f5a24d)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-badge{display:block;position:absolute;right:12px;top:18px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#fff3d6,#ffd98a);box-shadow:0 0 0 3px #fffaf18f}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-body-shine{left:12px;width:20px;background:#fff3}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-sleeve{top:20px;background:#7ecdbc}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-arm{top:28px;background:linear-gradient(180deg,#9ddfcf,#71beab)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-hand{background:#ffe0bd}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-lower{width:122px;height:92px;margin-top:-6px}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-skirt{width:86px;height:56px;border-radius:20px 20px 34px 34px;background:linear-gradient(180deg,#ffb1c9,#f58daf);clip-path:polygon(10% 0,90% 0,100% 92%,0 92%)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-skirt-fold{top:20px;background:#ffe9f05c}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-leg{top:44px;height:36px;background:linear-gradient(180deg,#ffe1c0,#f4c79a)}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-shoe{width:26px;background:#8d6b8f}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-signal{background:#fffcf7f0}.virtual-companion-panel.variant-sheep-teacher .virtual-companion-signal span{background:#7bbfae7a}.virtual-companion-panel.variant-cartoon-sheep-teacher .virtual-companion-aura{width:168px;height:168px;background:radial-gradient(circle,rgba(255,231,185,.88) 0%,rgba(255,231,185,.18) 58%,transparent 74%),radial-gradient(circle at 28% 26%,rgba(255,181,211,.3) 0%,transparent 34%),radial-gradient(circle at 74% 42%,rgba(132,217,201,.26) 0%,transparent 42%)}.virtual-companion-panel.variant-cartoon-sheep-teacher .virtual-companion-live2d-frame{top:7px;width:158px;height:198px;border-radius:50px 50px 34px 34px;background:linear-gradient(180deg,#ffffff8f,#ffffff14),linear-gradient(180deg,#fff2dc38,#ebfff914)}.virtual-companion-panel.variant-cartoon-sheep-teacher .virtual-companion-signal{background:#fffcf7f0}.virtual-companion-panel.variant-cartoon-sheep-teacher .virtual-companion-signal span{background:#62b7a68a}.virtual-companion-signal{position:absolute;right:0;bottom:34px;display:flex;align-items:flex-end;gap:4px;padding:7px 8px;border-radius:999px;background:#fffbf4e6;border:1px solid rgba(95,69,33,.1);box-shadow:0 8px 18px #553f241f}.virtual-companion-signal span{width:4px;height:10px;border-radius:999px;background:#1f978f61}.virtual-companion-signal.active span:nth-child(1){animation:companionWave .9s ease-in-out infinite}.virtual-companion-signal.active span:nth-child(2){animation:companionWave .9s ease-in-out .12s infinite}.virtual-companion-signal.active span:nth-child(3){animation:companionWave .9s ease-in-out .24s infinite}.virtual-companion-panel.state-speaking .virtual-companion-mouth{background:#ffededd1}.virtual-companion-panel.state-speaking .virtual-companion-character{animation:companionTalk 1s ease-in-out infinite}.virtual-companion-panel.state-listening .virtual-companion-signal{background:#e8f8f5eb}.virtual-companion-panel.state-listening .virtual-companion-arm.right{transform:rotate(-8deg)}.virtual-companion-panel.state-listening .virtual-companion-hand.right{transform:translateY(-2px)}.virtual-companion-panel.state-celebrate .virtual-companion-signal{background:#fff5ddf0}.virtual-companion-panel.state-celebrate .virtual-companion-arm.left{transform:rotate(-18deg)}.virtual-companion-panel.state-celebrate .virtual-companion-arm.right{transform:rotate(18deg)}.virtual-companion-panel.state-celebrate .virtual-companion-hand.left,.virtual-companion-panel.state-celebrate .virtual-companion-hand.right{transform:translateY(-4px)}.virtual-companion-panel.state-alert .virtual-companion-signal{background:#ffece7f0}.virtual-companion-panel.mood-sunny .virtual-companion-aura{background:radial-gradient(circle,rgba(255,219,116,.86) 0%,rgba(255,219,116,.12) 62%,transparent 74%)}.virtual-companion-panel.mood-focus .virtual-companion-body{background:linear-gradient(180deg,#2b857d,#155f5a)}.virtual-companion-panel.expression-happy .virtual-companion-mouth{border-color:#d97a5c}.virtual-companion-panel.expression-concern .virtual-companion-mouth{width:18px;height:8px;border-radius:14px;border-top:2px solid #c76e55;border-bottom:0;background:transparent}.virtual-companion-panel.expression-concern .virtual-companion-mouth-inner{display:none}.virtual-companion-panel.expression-focus .virtual-companion-eye{height:12px}.virtual-companion-panel.gesture-guide .virtual-companion-arm.right{transform:rotate(-2deg)}.virtual-companion-panel.gesture-guide .virtual-companion-hand.right{transform:translate(2px,-2px)}.virtual-companion-panel.gesture-listen .virtual-companion-head{transform:translate(var(--companion-head-shift-x)) translateY(var(--companion-head-shift-y)) rotate(calc(var(--companion-head-tilt) - 3deg))}.virtual-companion-panel.gesture-cheer .virtual-companion-arm.left{transform:rotate(-26deg)}.virtual-companion-panel.gesture-cheer .virtual-companion-arm.right{transform:rotate(24deg)}.study-card,.complete-hero,.quiz-card,.material-board,.paper-preview{min-height:100%;padding:24px}.study-card{position:relative;overflow:hidden;display:grid;gap:18px;align-content:center;justify-items:center;text-align:center;background:radial-gradient(circle at 22% 26%,rgba(241,194,93,.16),transparent 20%),radial-gradient(circle at 78% 20%,rgba(31,151,143,.08),transparent 20%),linear-gradient(180deg,#fffffffa,#f8f1e4eb)}.study-card.with-photo-backdrop{isolation:isolate}.study-card.with-photo-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--study-photo, none);background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:.34;filter:saturate(1.08) contrast(1.02) brightness(.94);pointer-events:none;z-index:0}.study-card.with-photo-backdrop>*{position:relative;z-index:1}.hero-word,.review-word,.answer-word{font-family:var(--display-font);font-weight:700;line-height:.92;letter-spacing:-.05em;color:#2f261b}.hero-word{font-size:clamp(84px,10vw,146px);animation:floatWord 3.4s ease-in-out infinite}.hero-word.smaller{font-size:clamp(74px,8vw,120px)}.hero-scene,.review-scene{max-width:580px;margin:0;font-size:22px;line-height:1.45;color:#7b6220d1;text-shadow:0 1px 0 rgba(255,255,255,.5)}.meaning-line,.answer-meta{font-size:34px;font-weight:700}.pronunciation-line{font-size:22px;color:var(--muted)}.audio-stack{width:min(100%,540px);display:grid;gap:10px;justify-items:center}.audio-actions{width:100%}.audio-actions>*{flex:1}.audio-copy{display:grid;gap:4px;text-align:center}.audio-copy strong{font-size:14px}.audio-copy span{color:var(--muted);font-size:13px;line-height:1.5}.audio-stack.compact{width:min(100%,460px);gap:8px}.flash-stage{padding-block:30px}.flash-board{width:min(100%,760px);min-height:180px;border-radius:28px;border:1px dashed rgba(88,68,46,.16);background:#ffffffd6;display:grid;place-items:center;gap:8px}.flash-board.revealed{border-style:solid}.flash-board strong{font-size:40px}.flash-board span{font-size:28px;font-weight:700}.flash-placeholder{max-width:340px;color:var(--muted);font-size:17px;line-height:1.7;font-weight:700}.letter-stage,.sentence-stage,.choice-stage,.review-stage{padding-block:26px}.letter-ribbon{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(100%,860px)}.letter-pill{width:72px;height:82px;display:grid;place-items:center;border-radius:22px;background:#ffffffc7;border:1px solid rgba(88,68,46,.08);font-size:32px;font-weight:900;color:#735e47;animation:letterPulse 2.8s ease-in-out infinite;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease,color .22s ease,opacity .22s ease}.letter-pill:nth-child(2n){animation-delay:.2s}.letter-pill:nth-child(3n){animation-delay:.36s}.letter-pill.active{background:#ef7d5729;border-color:#ef7d5738;color:var(--primary-strong);box-shadow:0 16px 28px #ef7d5724;animation:letterReadSlide .42s ease}.letter-pill.passed{opacity:.58;transform:scale(.96)}.sentence-en{margin:0;max-width:840px;font-size:clamp(42px,5vw,58px);line-height:1.18;font-weight:900}.reading-sentence{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.sentence-token{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border-radius:16px;transition:transform .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.sentence-token.keyword{color:var(--primary-strong);background:#ef7d5724;padding-inline:12px}.sentence-token.active{transform:translateY(-5px) scale(1.04);background:#1f978f1f;color:#176f69;box-shadow:0 12px 24px #1f978f1a}.sentence-token.keyword.active{background:#ef7d5733;color:var(--primary-strong);box-shadow:0 12px 24px #ef7d571f}.sentence-cn{margin:0;color:var(--muted);font-size:22px;line-height:1.6}.build-stage,.choice-stage{justify-items:stretch;text-align:left}.new-recall-stage{gap:14px;align-content:center;justify-items:center;text-align:center;padding:18px 24px 20px}.new-recall-stage>*{width:min(100%,760px)}.new-recall-stage .build-copy{display:grid;gap:6px;justify-items:center;text-align:center}.new-recall-stage .build-copy strong{font-size:clamp(38px,5vw,54px);line-height:1.06}.new-recall-stage .build-copy p{margin:0;font-size:22px;font-weight:700;color:var(--muted)}.pill-switch,.hint-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.pill-button{min-height:44px;padding-inline:16px;border-radius:999px;background:#ffffffdb;border:1px solid rgba(88,68,46,.1);color:var(--muted)}.pill-button.active{background:#ef7d5724;color:var(--primary-strong);border-color:#ef7d572e}.slot-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.new-recall-stage .slot-row{max-width:760px}.build-slot{width:50px;height:56px;border-radius:14px;border:1px dashed rgba(88,68,46,.22);background:#ffffffd6;font-size:22px;font-weight:900;color:#755f49}.build-slot.filled{border-style:solid}.keyboard-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;padding:12px;border-radius:24px;background:#ffffffe0;border:1px solid rgba(88,68,46,.08)}.compact-keyboard{width:min(100%,760px);justify-self:center}.new-recall-stage .keycap{min-height:40px;padding:0 10px}.keycap{min-height:44px;border-radius:14px;background:#faf8f3f5;color:var(--text);border:1px solid rgba(88,68,46,.08);font-size:19px;font-weight:700;letter-spacing:.01em}.hint-level{color:var(--muted);font-size:13px;font-weight:700}.new-recall-stage .voice-build-panel{display:grid;gap:10px;justify-items:center}.new-recall-stage .audio-stack{width:min(100%,540px)}.hint-panel{padding:14px 16px;border-radius:18px;background:#ef7d5714;border:1px dashed rgba(239,125,87,.22);color:#6b5847;font-size:14px;line-height:1.65}.new-recall-stage .hint-panel,.new-recall-stage .reward-pill,.new-recall-stage .inline-feedback{width:min(100%,760px);justify-self:center}.build-actions{width:min(100%,760px);display:grid;gap:10px}.build-check{width:100%}.build-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reward-pill{justify-self:center;padding:10px 16px;border-radius:999px;background:#79b85d24;border:1px solid rgba(121,184,93,.24);color:#3d6d2e;font-size:13px;font-weight:800}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-tile{background:#ffffffe6;color:var(--text);border:1px solid rgba(88,68,46,.08);min-height:74px}.review-cue-stage,.review-choice-stage,.review-result-stage{justify-items:center;text-align:center}.review-cue-card,.review-prompt-card{width:min(100%,760px);display:grid;gap:10px;padding:22px 24px;border-radius:28px;background:#ffffffdb;border:1px solid rgba(88,68,46,.08);box-shadow:0 18px 34px #3f2f1d0a,inset 0 1px #ffffffd6}.review-prompt-card.subtle{background:#ffffffc7}.review-cue-label{justify-self:center;min-height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;background:#f5f2ecf0;border:1px solid rgba(88,68,46,.08);color:#7a6c59;font-size:12px;font-weight:800}.review-cue-title,.review-prompt-card strong{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.24;font-weight:800;color:var(--text)}.review-cue-note,.review-prompt-card span{margin:0;color:var(--muted);font-size:17px;line-height:1.65}.review-choice-stage .build-copy,.review-choice-stage .hint-panel,.review-choice-stage .inline-feedback,.review-choice-stage .slot-row,.review-choice-stage .keyboard-grid,.review-choice-stage .build-actions,.review-choice-stage .audio-stack,.review-choice-stage .hint-row{width:min(100%,760px);justify-self:center}.review-choice-stage .build-copy{display:grid;gap:8px;justify-items:center;text-align:center}.review-choice-stage .build-copy strong{font-size:clamp(30px,4vw,42px);line-height:1.12}.review-choice-stage .build-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.6}.review-slot-row{max-width:760px}.review-meta{font-size:26px;color:var(--muted);font-weight:700}.review-word{font-size:clamp(72px,8vw,118px)}.review-image-copy{max-width:660px;font-size:42px;line-height:1.24;font-weight:800}.answer-stage{gap:22px}.answer-word{font-size:clamp(64px,8vw,108px)}.review-result-note{margin:0;max-width:620px;color:var(--muted);font-size:18px;line-height:1.6}.answer-sentence{width:100%;padding:24px;border-radius:24px;background:#ffffffdb;border:1px solid rgba(88,68,46,.08);font-size:30px;font-weight:800;line-height:1.35;text-align:center}.answer-actions.single{width:min(100%,520px);justify-content:center}.complete-screen{min-height:100%;display:grid;gap:16px;align-content:center;justify-items:center;padding:12px}.complete-hero{width:min(100%,860px);min-height:280px;display:grid;gap:18px;align-content:center;justify-items:center;text-align:center}.complete-hero p{margin:0;max-width:640px;color:var(--muted);font-size:18px;line-height:1.6}.complete-actions{width:min(100%,720px);display:grid;gap:16px}.material-layout{min-height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) 340px;gap:16px}.material-board,.paper-preview{display:grid;gap:18px}.material-board-head,.paper-header,.paper-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.material-board-head span,.paper-header span,.paper-footer span,.paper-subtitle{color:var(--muted);font-size:13px;line-height:1.6}.material-board-head strong{font-size:18px;color:var(--primary-strong)}.cutout-stage-shell{min-height:100%;display:grid;gap:16px;align-content:center}.cutout-stage-strip{position:relative;min-height:320px;display:grid;gap:12px;align-content:center;justify-items:center;text-align:center;padding:28px 48px;border-radius:34px;background:radial-gradient(circle at 24% 26%,rgba(241,194,93,.16),transparent 20%),linear-gradient(180deg,#fffffffa,#f8f1e4f0);border:1.5px dashed rgba(239,125,87,.34)}.cutout-stage-strip:before{content:"";position:absolute;top:22px;bottom:22px;left:50%;border-left:2px dashed rgba(239,125,87,.22);transform:translate(-50%)}.cutout-stage-strip:after{content:"✂";position:absolute;right:20px;top:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#ef7d571f;color:var(--primary-strong)}.cutout-stage-strip.audio:after{content:"🔊"}.cutout-stage-strip.done:after{content:"✓";background:#79b85d29;color:#3d6d2e}.cutout-strip-face{font-family:var(--display-font);font-size:clamp(56px,7vw,88px);line-height:.96;font-weight:700;letter-spacing:-.04em}.cutout-stage-strip.chinese .cutout-strip-face,.cutout-stage-strip.audio .cutout-strip-face,.cutout-stage-strip.done .cutout-strip-face{font-size:clamp(42px,5vw,62px)}.cutout-strip-note{max-width:460px;color:var(--muted);font-size:15px;line-height:1.6}.material-side{display:grid}.quiz-card{padding:22px;display:grid;gap:16px;align-content:start}.cutout-coach-page{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;overflow:hidden}.cutout-coach-board{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;padding:22px;border-radius:34px;background:radial-gradient(circle at 18% 18%,rgba(241,194,93,.16),transparent 24%),radial-gradient(circle at 82% 12%,rgba(31,151,143,.08),transparent 24%),linear-gradient(180deg,#fffffffa,#f8f1e4f2);border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 54px #3f2f1d14,inset 0 1px #ffffffe6}.cutout-coach-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.cutout-coach-top div{display:grid;gap:4px}.cutout-coach-top span{color:var(--muted);font-size:13px;font-weight:800}.cutout-coach-top strong{color:var(--primary-strong);font-size:24px;line-height:1}.cutout-reset-button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(88,68,46,.08);background:#ffffffd1;color:#7a6753;font-size:13px;font-weight:800;cursor:pointer}.cutout-progress-track{height:10px;overflow:hidden;border-radius:999px;background:#58442e14}.cutout-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9a68,#ef7d57);transition:width .24s ease}.cutout-focus-area{min-height:0;display:grid;align-content:center;gap:16px}.cutout-focus-strip{position:relative;min-height:clamp(210px,36vh,300px);display:grid;align-content:center;justify-items:center;gap:12px;padding:26px 34px;overflow:hidden;text-align:center;border-radius:34px;background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(239,125,87,.18) calc(50% - 1px),rgba(239,125,87,.18) calc(50% + 1px),transparent calc(50% + 1px)),radial-gradient(circle at 26% 18%,rgba(255,255,255,.86),transparent 22%),linear-gradient(180deg,#fffffff0,#faf5ebe6);border:1.5px dashed rgba(239,125,87,.28);box-shadow:inset 0 1px #ffffffe0}.cutout-focus-strip:after{content:"✂";position:absolute;right:20px;top:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#ef7d571f;color:var(--primary-strong);font-size:15px}.cutout-focus-strip.audio:after{content:"音"}.cutout-focus-strip.done:after{content:"✓";background:#79b85d29;color:#3d6d2e}.cutout-step-pill{min-height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:#ffffffd6;border:1px solid rgba(88,68,46,.08);color:#7e6f5d;font-size:12px;font-weight:900}.cutout-focus-word{max-width:100%;color:var(--text);font-family:var(--display-font);font-size:clamp(62px,8vw,104px);line-height:.98;font-weight:800;letter-spacing:-.05em;overflow-wrap:anywhere}.cutout-focus-strip.chinese .cutout-focus-word,.cutout-focus-strip.audio .cutout-focus-word,.cutout-focus-strip.done .cutout-focus-word{font-size:clamp(44px,5.5vw,70px);letter-spacing:-.04em}.cutout-focus-hint{color:#756552;font-size:clamp(18px,2.1vw,24px);font-weight:800}.cutout-paper-work{position:relative;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.cutout-paper-stack{min-height:0;display:grid;align-content:center;gap:10px;overflow-y:auto;padding:6px 4px 96px;scroll-padding-bottom:96px}.cutout-paper-strip{position:relative;min-height:clamp(66px,10vh,92px);display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:12px 16px;overflow:hidden;border-radius:24px;background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(239,125,87,.12) calc(50% - 1px),rgba(239,125,87,.12) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(180deg,#fffffff5,#fcf6eceb);border:1.5px dashed rgba(239,125,87,.22);box-shadow:inset 0 1px #ffffffdb;transition:transform .22s ease,opacity .22s ease,border-color .22s ease,box-shadow .22s ease}.cutout-paper-strip.active{border-color:#ef7d5785;box-shadow:0 18px 34px #ef7d571f,inset 0 1px #ffffffe6;transform:translate(6px) scale(1.01)}.cutout-paper-strip.pending{opacity:.72}.cutout-paper-strip.cut{opacity:.38;transform:translate(-14px) rotate(-1.2deg)}.cutout-paper-strip.cut:before{content:"";position:absolute;inset:50% -8px auto -8px;border-top:2px dashed rgba(239,125,87,.58);transform:rotate(-4deg)}.cutout-paper-number{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#ffffffd1;color:#8a745f;font-size:13px;font-weight:900}.cutout-paper-strip strong{min-width:0;color:var(--text);font-family:var(--display-font);font-size:clamp(32px,4.8vw,58px);line-height:.98;letter-spacing:-.04em;text-align:center;overflow-wrap:anywhere}.cutout-paper-work.round-2 .cutout-paper-strip strong,.cutout-paper-work.round-3 .cutout-paper-strip strong{font-size:clamp(28px,4vw,46px)}.cutout-cut-mark{justify-self:center;width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:#ef7d571f;color:var(--primary-strong);font-size:16px}.cutout-letter-slots{grid-column:2;display:flex;justify-content:center;gap:6px;margin-top:4px}.cutout-letter-slots span{width:clamp(20px,2.6vw,32px);height:8px;border-radius:999px;background:#58442e29}.cutout-voice-dock{position:absolute;z-index:4;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px 0 4px;pointer-events:none;background:linear-gradient(180deg,#f8f1e400,#f8f1e4e6 58%,#f8f1e4fa)}.cutout-auto-listen{min-height:60px;padding:0 22px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:#ffffffe0;border:1px solid rgba(88,68,46,.08);color:#6c5946;box-shadow:0 12px 24px #3f2f1d14;pointer-events:auto}.cutout-auto-listen strong{font-size:16px;font-weight:900;line-height:1}.cutout-auto-listen-dot{width:12px;height:12px;border-radius:999px;background:#ef7d576b;box-shadow:0 0 0 5px #ef7d571f}.cutout-auto-listen.listening .cutout-auto-listen-dot{background:#ef7d57;animation:cutoutMicPulse .88s ease-in-out infinite}.cutout-mic-button{width:92px;height:92px;display:grid;place-items:center;border:0;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.58),transparent 26%),linear-gradient(180deg,#ff9a68 0%,var(--primary) 100%);color:#fff;box-shadow:0 18px 38px #ef7d573d;cursor:pointer}.cutout-mic-button span{font-size:36px;line-height:1}.cutout-mic-button.listening{animation:cutoutMicPulse .88s ease-in-out infinite}.cutout-answer-panel{width:min(100%,760px);justify-self:center;display:grid;gap:12px}.cutout-speech-panel{display:grid;justify-items:center;gap:10px}.cutout-speak-button{width:min(100%,560px);min-height:82px;border-radius:28px;font-size:clamp(24px,3vw,34px)}.cutout-speech-note{margin:0;max-width:620px;color:#756552;font-size:clamp(16px,1.9vw,22px);line-height:1.5;font-weight:800;text-align:center}.cutout-audio-row,.cutout-action-row,.cutout-mini-stats{display:flex;gap:10px}.cutout-audio-row{justify-content:center}.cutout-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cutout-input-grid.single{grid-template-columns:1fr}.cutout-input{min-height:66px;border-radius:22px;text-align:center;font-size:clamp(20px,2.4vw,28px);font-weight:800}.cutout-action-row{align-items:center}.cutout-action-row>*{flex:1}.cutout-action-row.done{width:min(100%,620px);justify-self:center}.cutout-feedback{text-align:center}.cutout-coach-side{min-width:0;display:grid;align-content:center;justify-items:center;gap:12px;padding:18px;border-radius:34px;background:radial-gradient(circle at 50% 20%,rgba(241,194,93,.16),transparent 24%),linear-gradient(180deg,#ffffffeb,#f8f1e4e0);border:1px solid rgba(255,255,255,.76);box-shadow:0 24px 54px #3f2f1d14,inset 0 1px #ffffffe0}.cutout-coach-bubble{width:100%;display:grid;gap:6px;padding:14px 16px;border-radius:24px 24px 10px;background:#fffcf6f0;border:1px solid rgba(88,68,46,.08);color:#5d4a37;text-align:left}.cutout-coach-bubble strong{font-size:16px}.cutout-coach-bubble span{color:#756552;font-size:14px;line-height:1.55;font-weight:700}.cutout-coach-side .virtual-companion-panel{width:100%}.cutout-mini-stats{justify-content:center;flex-wrap:wrap}.cutout-mini-stats span{min-height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:#ffffffc7;border:1px solid rgba(88,68,46,.08);color:#74614e;font-size:13px;font-weight:800}.paper-preview{padding:24px;background:linear-gradient(180deg,#fffffffa,#faf8f4f2)}.material-layout.print{grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:14px;overflow:hidden}.print-coach-page{min-height:100%}.print-coach-board{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:22px;border-radius:34px;background:radial-gradient(circle at 18% 18%,rgba(241,194,93,.16),transparent 24%),radial-gradient(circle at 82% 12%,rgba(31,151,143,.08),transparent 24%),linear-gradient(180deg,#fffffffa,#f8f1e4f2);border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 54px #3f2f1d14,inset 0 1px #ffffffe6}.print-coach-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.print-coach-top div:first-child{min-width:0;display:grid;gap:4px}.print-coach-top span{color:var(--muted);font-size:13px;font-weight:800}.print-coach-top strong{color:var(--primary-strong);font-size:24px;line-height:1;overflow-wrap:anywhere}.print-progress-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.print-progress-pills span{min-height:34px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;background:#ffffffc7;border:1px solid rgba(88,68,46,.08);color:#74614e;font-size:12px;font-weight:900}.print-paper-stage{min-height:0;display:block;padding:14px;overflow:auto;border-radius:28px;background:radial-gradient(circle at 24% 16%,rgba(255,255,255,.86),transparent 24%),linear-gradient(180deg,#fffcf6e6,#f1e7d7d1);border:1px dashed rgba(239,125,87,.18);box-shadow:inset 0 1px #ffffffdb}.print-pages{display:grid;justify-items:center;gap:18px}.paper-preview.compact{gap:14px;padding:28px 30px 24px}.paper-preview.a4-sheet{width:min(100%,540px);aspect-ratio:210 / 297;align-content:start;border-radius:4px;background:#fff;border:1px solid rgba(64,48,34,.12);box-shadow:0 22px 44px #2d241b29,0 2px #ffffffdb inset}.print-page,.print-empty-sheet{box-sizing:border-box}.print-page{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:792px}.print-empty-sheet{min-height:792px;align-content:center;justify-items:center;text-align:center}.print-empty-sheet strong{color:#17130f;font-size:24px}.print-empty-sheet span{max-width:320px;color:#645a50;font-size:14px;line-height:1.7}.print-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.print-page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding-bottom:12px;border-bottom:2px solid rgba(239,125,87,.36)}.print-page-title{display:grid;gap:5px}.print-kicker{color:var(--primary-strong);font-size:11px;line-height:1.2;font-weight:900}.print-page-title strong{color:#15120f;font-size:22px;line-height:1.12;overflow-wrap:anywhere}.print-meta-grid{display:grid;grid-template-columns:repeat(2,auto);gap:5px 12px;color:#4f473f;font-size:11px;line-height:1.35;font-weight:800;text-align:right;white-space:nowrap}.print-instruction{margin:0;padding:9px 12px;border-radius:14px;background:#fff7e7eb;border:1px dashed rgba(239,125,87,.22);color:#6b5847;font-size:12px;line-height:1.55;font-weight:800}.paper-subtitle{margin:0}.paper-body{display:grid;gap:10px}.paper-preview.compact .paper-body.print-table{align-self:start;gap:0;border-top:1px solid #d8d2c8;border-left:1px solid #d8d2c8}.print-table-head,.paper-strip.compact.print-row{display:grid;grid-template-columns:38px minmax(0,.95fr) minmax(0,1.15fr)}.print-table-head{min-height:34px;color:#80684f;background:#fff8eb;font-size:11px;line-height:1.2;font-weight:900;border-right:1px solid #d8d2c8;border-bottom:1px solid #d8d2c8}.print-table-head span{display:grid;align-items:center;min-width:0;padding:6px 10px;border-right:1px solid #d8d2c8}.print-table-head span:last-child{border-right:0}.paper-strip{display:grid;grid-template-columns:1fr 1fr;border-radius:18px;overflow:hidden;background:#fffffff0;border:1px solid var(--line)}.paper-strip>div{padding:16px;font-size:22px;font-weight:700}.paper-strip>div:first-child{border-right:1px dashed rgba(88,68,46,.14)}.paper-strip.compact{align-items:stretch;min-height:52px;border-radius:0;background:#fff;border:0;border-right:1px solid #d8d2c8;border-bottom:1px solid #d8d2c8}.paper-strip.compact>div{display:grid;align-items:center;min-width:0;padding:8px 12px}.paper-strip.compact>div:first-of-type{border-right:1px solid #d8d2c8}.print-row.mode-write-word,.print-row.mode-write-meaning,.mode-write-word .paper-strip.compact.print-row{min-height:66px}.mode-write-meaning .paper-strip.compact.print-row{min-height:60px}.paper-index{display:grid;place-items:center;background:#fff6e7;color:#8a745f;font-size:12px;font-weight:900;border-right:1px solid #d8d2c8}.paper-word{color:#16120f;font-family:var(--display-font);font-size:clamp(24px,2.55vw,36px);line-height:1;letter-spacing:0;overflow-wrap:anywhere}.paper-meaning{color:#2f2923;font-size:clamp(18px,1.8vw,27px);line-height:1.12;font-weight:800;overflow-wrap:anywhere}.paper-meaning.prompt{color:#332d27;font-size:clamp(16px,1.45vw,22px);line-height:1.28}.paper-answer.blank{align-items:end;padding-bottom:13px}.print-writing-line{display:block;width:100%;height:1px;border-bottom:1px solid #8a8176}.print-page-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;padding-top:10px;border-top:1px solid #d8d2c8;color:#655b50;font-size:11px;line-height:1.45;font-weight:800}.print-signature{display:inline-flex;align-items:end;gap:6px;white-space:nowrap}.print-signature i{display:inline-block;width:76px;border-bottom:1px solid #8a8176}.print-actions-side{align-content:start}.print-coach-side{min-width:0;display:grid;align-content:start;gap:10px}.print-actions-card{width:100%;display:grid;gap:14px;padding:16px;border-radius:24px;background:#fffcf6e6;border:1px solid rgba(88,68,46,.08);box-shadow:0 18px 34px #3f2f1d0f,inset 0 1px #ffffffdb}.print-side-title{display:block}.print-side-title strong{color:#15120f;font-size:17px;line-height:1.25}.print-option-group,.print-mode-switch{display:grid;gap:8px}.print-mode-button{display:flex;align-items:center;width:100%;min-height:50px;padding:0 14px;border-radius:14px;border:1px solid rgba(88,68,46,.1);background:#ffffffc7;color:#352d25;text-align:left;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.print-mode-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #3f2f1d12}.print-mode-button.active{border-color:#ef7d5747;background:#ef7d571f;box-shadow:inset 0 0 0 1px #ef7d5714}.print-mode-button strong{font-size:14px;line-height:1.2}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}@media print{@page{size:A4 portrait;margin:0}html,body,#app,.tablet-shell,.tablet-frame,.tablet-screen,.student-app,.student-workspace{width:auto!important;min-height:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;display:block!important;position:static!important;gap:0!important;background:#fff!important;box-shadow:none!important;border:0!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important}.tablet-statusbar,.tablet-notch,.student-rail,.student-toast,.student-profile-layer,.print-coach-top,.print-actions-side{display:none!important}.material-layout.print,.print-coach-page,.print-coach-board{display:block!important;width:100%!important;min-height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;gap:0!important}.print-paper-stage{display:block!important;padding:0!important;overflow:visible!important;border-radius:0!important;background:#fff!important}.print-pages{display:block!important;gap:0!important}.paper-preview.compact.print-page,.paper-preview.a4-sheet.print-page{width:210mm!important;max-width:none!important;min-height:297mm!important;height:297mm!important;aspect-ratio:auto!important;box-sizing:border-box!important;padding:12mm 13mm 10mm!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;break-after:page;page-break-after:always}.paper-preview.compact.print-page:last-child{break-after:auto;page-break-after:auto}.print-page-header{padding-bottom:4mm!important;border-bottom:.45mm solid #211b16!important}.print-kicker{font-size:9pt!important;color:#5f574d!important}.print-page-title strong{font-size:16pt!important;line-height:1.12!important;letter-spacing:0!important}.print-meta-grid{gap:1.6mm 5mm!important;font-size:8.5pt!important}.print-instruction{padding:2.5mm 3mm!important;border-radius:1.5mm!important;border:.25mm dashed #cfc4b7!important;background:#fbf8f1!important;font-size:9pt!important;line-height:1.45!important}.paper-preview.compact .paper-body.print-table{border-top:.25mm solid #d8d0c3!important;border-left:.25mm solid #d8d0c3!important}.print-table-head,.paper-strip.compact.print-row{display:grid!important;grid-template-columns:10mm minmax(0,.95fr) minmax(0,1.15fr)!important}.print-table-head{min-height:8mm!important;font-size:8.5pt!important;border-right:.25mm solid #d8d0c3!important;border-bottom:.25mm solid #d8d0c3!important}.print-table-head span{padding:1.5mm 2.5mm!important;border-right:.25mm solid #d8d0c3!important}.paper-strip.compact.print-row{min-height:13mm!important;break-inside:avoid;page-break-inside:avoid;background:#fff!important;border-color:#d8d0c3!important}.mode-write-word .paper-strip.compact.print-row{min-height:17mm!important}.mode-write-meaning .paper-strip.compact.print-row{min-height:15mm!important}.paper-strip.compact>div{min-width:0!important;padding:2mm 3mm!important}.paper-index{background:#f4efe6!important;font-size:9pt!important}.paper-word{font-size:18pt!important;line-height:1!important;letter-spacing:0!important;overflow-wrap:anywhere!important}.paper-meaning{font-size:13pt!important;line-height:1.15!important;overflow-wrap:anywhere!important}.paper-meaning.prompt{font-size:11.5pt!important;line-height:1.25!important}.paper-answer.blank{padding-bottom:3mm!important}.print-writing-line{border-bottom:.25mm solid #8a8176!important}.print-page-footer{padding-top:3mm!important;border-top:.25mm solid #d8d0c3!important;font-size:8.5pt!important;line-height:1.35!important}.print-signature i{width:22mm!important;border-bottom:.25mm solid #8a8176!important}}@keyframes floatWord{0%,to{transform:translateY(0) scale(.988)}50%{transform:translateY(-8px) scale(1.012)}}@keyframes companionWave{0%,to{height:10px;background:#1f978f5c}50%{height:18px;background:#1f978fe6}}@keyframes companionFloat{0%,to{transform:translateY(calc(var(--companion-body-shift-y) + 0px)) rotate(calc(var(--companion-body-tilt) - 1deg))}50%{transform:translateY(calc(var(--companion-body-shift-y) - 6px)) rotate(calc(var(--companion-body-tilt) + 1deg))}}@keyframes companionTalk{0%,to{transform:translateY(calc(var(--companion-body-shift-y) + 0px)) rotate(calc(var(--companion-body-tilt) - 1deg)) scale(1)}50%{transform:translateY(calc(var(--companion-body-shift-y) - 3px)) rotate(calc(var(--companion-body-tilt) + 1deg)) scale(1.02)}}@keyframes companionImageFloat{0%,to{transform:translateY(calc(var(--companion-body-shift-y) + 0px)) rotate(calc(var(--companion-body-tilt) - .8deg))}50%{transform:translateY(calc(var(--companion-body-shift-y) - 5px)) rotate(calc(var(--companion-body-tilt) + .8deg))}}@keyframes companionImageTalk{0%,to{transform:translateY(calc(var(--companion-body-shift-y) + 0px)) rotate(calc(var(--companion-body-tilt) - .8deg)) scale(1)}50%{transform:translateY(calc(var(--companion-body-shift-y) - 4px)) rotate(calc(var(--companion-body-tilt) + .8deg)) scale(1.025)}}@keyframes companionBlink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.2)}}@keyframes letterPulse{0%,to{transform:translateY(0);background:#ffffffc7}50%{transform:translateY(-5px);background:#ef7d5729;color:var(--primary-strong)}}@keyframes letterReadSlide{0%{transform:translate(18px) translateY(0) scale(.96);opacity:.72}to{transform:translate(0) translateY(-8px) scale(1.04);opacity:1}}@keyframes cutoutMicPulse{0%,to{transform:scale(1);box-shadow:0 18px 38px #ef7d573d}50%{transform:scale(1.06);box-shadow:0 22px 48px #ef7d5757}}.app-shell{min-height:100vh}.page-wrap{max-width:1200px;margin:0 auto;padding:24px}.admin-layout{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.admin-sidebar{border-right:1px solid rgba(32,49,40,.08);background:#e9efe8e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 16px}.admin-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.admin-brand-mark{width:34px;height:34px;border-radius:12px;background:radial-gradient(circle at 28% 30%,#f3d48f 0%,#f0c56e 32%,transparent 33%),radial-gradient(circle at 70% 68%,#8dbba6 0%,#5e8b73 32%,transparent 33%),linear-gradient(135deg,#fff5dd,#eef6ef)}.admin-nav{display:grid;gap:8px}.admin-nav a{padding:12px 14px;border-radius:16px;color:#203128}.admin-nav a.router-link-active{background:#5e8b7324;color:#466f59}.admin-main{padding:20px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin-bottom:18px;border-radius:24px;background:#ffffffe0}.admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:16px}.admin-card{padding:18px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(32,49,40,.08);box-shadow:0 18px 48px #40514514}.section-title{font-size:28px;font-weight:700;margin:0 0 8px}.section-subtitle{margin:0;color:#6f7e73}.table-placeholder,.detail-list,.stack{display:grid;gap:12px}.table-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:12px 14px;border-radius:16px;background:#f5f7f3f0;border:1px solid rgba(32,49,40,.08)}.detail-item{padding:14px;border-radius:16px;background:#f6f8f4f0;border:1px solid rgba(32,49,40,.08)}@media (max-width: 1120px){.study-companion-dock{position:relative;top:auto;right:auto;width:148px;margin:0 auto 12px}.student-rail{grid-template-columns:1fr;grid-template-areas:"brand" "copy" "tools" "progress"}.student-rail.compact{grid-template-areas:"brand" "copy" "tools"}.student-rail.home-mode{grid-template-columns:1fr;grid-template-areas:"brand" "tools";gap:10px}.student-profile-layer{padding:76px 16px 16px}.student-profile-sheet{width:min(100%,460px)}.student-profile-actions{grid-template-columns:1fr}.student-profile-footer{justify-content:flex-start}.rail-brand{border-right:0;padding-right:0}.package-grid,.auth-screen,.auth-simple-actions,.auth-refined-shell,.material-layout,.cutout-coach-page,.print-coach-page,.choice-grid,.home-stats,.home-actions.dual,.auth-grid,.home-simple-stats,.home-simple-actions,.home-refined-stats,.home-refined-actions,.rail-progress{grid-template-columns:1fr}.complete-actions{width:100%}.cutout-coach-page,.print-coach-page{gap:12px}.cutout-coach-side,.print-coach-side{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;justify-items:start}.cutout-coach-bubble{min-width:0}.cutout-mini-stats{justify-content:flex-start}.learning-canvas.has-companion .learning-stage{padding:20px 24px 132px;align-content:center}.learning-companion-dock{top:auto;right:18px;bottom:18px;transform:none;width:min(100%,280px);justify-items:end}.learning-companion-bubble{max-width:260px;text-align:left}.learning-recording-meter{width:min(460px,calc(100% - 32px));bottom:12px}.home-stage-surface{grid-template-columns:1fr;gap:18px;padding:24px}.home-dashboard-page,.profile-dashboard-page,.package-select-page,.vocab-book-page,.learning-record-page{grid-template-columns:210px minmax(0,1fr);gap:16px}.student-side-nav{padding-left:8px}.student-side-menu{gap:20px}.student-side-menu-item{padding-inline:14px}.package-select-board,.vocab-book-board{padding:26px}.learning-record-board{padding:22px}.learning-record-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-record-content{grid-template-columns:minmax(0,1fr)}.learning-record-aside{grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:minmax(0,1fr)}.vocab-book-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-book-item{grid-template-columns:58px minmax(0,1fr) auto}.vocab-word-note{grid-column:2 / -1}.package-select-header{grid-template-columns:1fr}.package-select-toolbar{justify-content:flex-start}.home-stage-main{padding-right:0}.home-stage-companion{padding:18px;border-top:1px solid rgba(88,68,46,.08);grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:start}.home-stage-bubble{width:min(100%,420px);text-align:left}}@media (max-width: 820px){.tablet-shell{padding:0}.tablet-frame{width:100%;min-height:100vh;padding:0;border-radius:0}.tablet-screen{min-height:100vh;max-height:none;border-radius:0;padding:12px}.student-app{height:auto;min-height:calc(100vh - 24px)}.student-app.learn-mode{min-height:calc(100vh - 24px)}.student-workspace,.student-workspace.learn-mode{padding-right:0}.student-profile-layer{padding:70px 12px 12px}.student-profile-sheet{width:100%;padding:18px;border-radius:24px}.student-profile-sheet-head{grid-template-columns:60px minmax(0,1fr) 36px;gap:12px}.student-profile-sheet-avatar{width:60px;height:60px;border-radius:20px;font-size:26px}.student-profile-sheet-copy strong{font-size:24px}.student-profile-stats{grid-template-columns:1fr}.student-stepper{padding-bottom:12px}.auth-hero h1,.home-card-top h2{font-size:48px}.hero-word,.review-word,.answer-word{font-size:64px}.home-stage-surface{padding:18px;border-radius:28px}.home-stage-copy h2{font-size:clamp(30px,11vw,52px)}.package-select-board{gap:18px;padding:20px;border-radius:18px}.home-dashboard-page,.profile-dashboard-page,.package-select-page,.vocab-book-page,.learning-record-page{height:auto;min-height:100%;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:14px;overflow:visible}.student-side-nav{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:12px;padding:0}.student-side-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"profile"}.student-side-toggle{display:none}.student-side-profile{min-height:64px;grid-template-columns:56px minmax(0,1fr)}.student-side-avatar{width:56px!important;height:56px!important;border-radius:20px!important;font-size:22px!important}.student-side-menu{grid-template-columns:repeat(5,minmax(0,1fr));align-content:stretch;gap:6px;padding:0}.student-side-menu-item{min-height:54px;grid-template-columns:1fr;justify-items:center;gap:3px;padding:4px;text-align:center}.student-side-menu-item span{width:28px;height:28px}.student-side-menu-item svg{width:18px;height:18px}.student-side-menu-item strong{font-size:12px}.student-side-today{display:none}.profile-dashboard-main{gap:12px;overflow:visible}.profile-hero-panel{grid-template-columns:1fr;min-height:156px;padding:16px}.profile-hero-copy{padding-right:0}.profile-hero-header{align-items:flex-start}.profile-hero-sheep{display:none}.profile-info-row{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat-grid,.profile-content-grid{grid-template-columns:1fr}.package-select-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.package-search-field{min-width:0}.package-select-item{grid-template-columns:86px minmax(0,1fr);gap:16px}.package-select-cover{width:78px;height:78px}.package-start-button{grid-column:1 / -1;justify-self:stretch}.learning-record-board{gap:16px;padding:20px;border-radius:18px;overflow:visible}.learning-record-header{grid-template-columns:44px minmax(0,1fr)}.learning-record-tabs{grid-column:1 / -1;justify-self:start}.learning-record-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-record-content,.learning-record-aside{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.learning-record-list-panel,.learning-record-weak-panel{min-height:320px}.learning-record-item{grid-template-columns:44px minmax(0,1fr);align-items:start}.learning-record-result{grid-column:2;justify-self:start;justify-items:start;min-width:0}.learning-record-line{flex-wrap:wrap}.learning-record-line small{margin-left:0}.learning-record-detail{width:100%}.cutout-coach-board,.cutout-coach-side,.print-coach-board,.print-coach-side{padding:16px;border-radius:26px}.cutout-coach-side,.print-coach-side{grid-template-columns:1fr;justify-items:center;text-align:center}.cutout-coach-bubble{text-align:center}.cutout-focus-strip{min-height:220px;padding:22px 20px}.cutout-paper-strip{min-height:62px;grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;padding:10px 12px;border-radius:20px}.cutout-paper-strip strong{font-size:clamp(28px,8vw,42px)}.cutout-paper-work.round-2 .cutout-paper-strip strong,.cutout-paper-work.round-3 .cutout-paper-strip strong{font-size:clamp(24px,6.8vw,36px)}.cutout-auto-listen{min-height:52px;padding:0 18px}.cutout-auto-listen strong{font-size:15px}.cutout-input-grid,.cutout-action-row{grid-template-columns:1fr}.cutout-action-row{display:grid}.home-stage-stats,.home-stage-actions{width:100%;grid-template-columns:1fr}.home-stage-stat{min-height:108px}.home-stage-companion{grid-template-columns:1fr;justify-items:center;text-align:center}.home-stage-bubble{width:100%;text-align:center}.home-account-dock{top:10px;right:10px}.learning-shell{padding:0 56px 4px}.learning-stage{padding:16px 18px 106px}.learning-canvas.has-companion .learning-stage{padding:16px 18px 126px;align-content:center}.learning-companion-bubble{font-size:13px;line-height:1.45}.learning-recording-meter{min-height:64px;grid-template-columns:1fr;row-gap:8px;padding:10px 12px 12px}.learning-recording-meter-head{min-width:0;justify-content:center;font-size:13px}.learning-recording-bars{height:26px;gap:4px}.learning-recording-bar{height:22px}.learning-word.giant{font-size:min(var(--word-giant-size, clamp(92px, 18.5vw, 148px)),calc(96cqw / var(--word-fit-chars, 8) * 1.58))}.learning-word.medium{font-size:min(var(--word-medium-size, clamp(72px, 14.8vw, 116px)),calc(92cqw / var(--word-fit-chars, 8) * 1.5))}.page-new-word .learning-poster,.page-new-sentence .learning-letter-stage,.learning-flash-stage{padding-block:10px 88px}.page-new-word .learning-word.giant{font-size:min(var(--word-giant-size, clamp(86px, 18vw, 138px)),calc(96cqw / var(--word-fit-chars, 8) * 1.58));line-height:1.06}.page-new-word .learning-meta-line{padding:5px 12px;font-size:clamp(16px,3.8vw,24px)}.page-new-word .learning-meaning.strong{font-size:clamp(28px,5.8vw,40px)}.page-new-sentence .learning-word.medium{font-size:min(var(--word-medium-size, clamp(78px, 16.8vw, 124px)),calc(92cqw / var(--word-fit-chars, 8) * 1.5));line-height:1.06}.page-new-sentence .learning-letter-ribbon{width:min(100%,520px);gap:8px}.learning-letter-pill{width:clamp(44px,9.8vw,58px);height:clamp(50px,11vw,64px);border-radius:18px;font-size:clamp(22px,5vw,30px)}.learning-word.flash{font-size:min(var(--word-flash-size, clamp(82px, 17vw, 132px)),calc(90cqw / var(--word-fit-chars, 8) * 1.48))}.learning-meaning.flash{font-size:clamp(24px,5.4vw,34px)}.page-new-recall .learning-practice-stage,.page-review-recall .learning-practice-stage{gap:10px;padding-block:128px 90px}.page-new-recall .learning-practice-head strong,.page-review-recall .learning-practice-head strong{font-size:clamp(54px,13vw,86px)}.page-new-recall .learning-slot-row,.page-review-recall .learning-slot-row{gap:8px}.page-new-recall .learning-slot-row .build-slot,.page-review-recall .learning-slot-row .build-slot{width:clamp(48px,11vw,64px);height:clamp(54px,12vw,70px);border-radius:18px;font-size:clamp(24px,5.2vw,34px)}.page-new-recall .learning-spell-fallback,.page-review-recall .learning-spell-fallback{padding:4px;gap:6px}.page-new-recall .learning-spell-fallback .compact,.page-review-recall .learning-spell-fallback .compact{min-height:44px;padding-inline:16px;font-size:13px}.learning-practice-actions{grid-template-columns:1fr}.learning-keyboard{grid-template-columns:repeat(6,minmax(0,1fr))}.edge-page-button{width:46px;height:110px}.edge-page-button span{font-size:30px}.sentence-en{font-size:34px}.keyboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-layout,.admin-grid{grid-template-columns:1fr}}@media (max-width: 600px){.tablet-shell{min-height:100svh;padding:0;display:block}.tablet-frame{width:100%;min-height:100svh;padding:0;border-radius:0;background:transparent;box-shadow:none}.tablet-screen{min-height:100svh;max-height:none;padding:calc(env(safe-area-inset-top) + 8px) 8px calc(env(safe-area-inset-bottom) + 8px);border-radius:0;overflow:hidden}.tablet-notch,.tablet-statusbar{display:none}.student-app{height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding-top:0}.student-app.learn-mode{grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding-top:0}.student-workspace{padding-right:0}.student-workspace.learn-mode{min-height:0;overflow:hidden}.student-rail,.student-rail.home-mode,.student-rail.compact-mode{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand top";align-items:center;gap:8px;padding:10px;border-radius:22px}.student-rail.study-mode{min-height:46px;padding:0 2px}.student-rail.study-mode .rail-top{width:100%}.rail-brand,.student-rail.home-mode .rail-brand,.student-rail.compact-mode .rail-brand{grid-template-columns:42px minmax(0,1fr);gap:8px;min-width:0;padding-right:0;border-right:0}.rail-logo,.student-rail.home-mode .rail-logo,.student-rail.compact-mode .rail-logo,.rail-account-avatar{width:42px;height:42px;border-radius:15px;font-size:19px}.rail-home-avatar{width:42px}.rail-brand-title{font-size:15px;line-height:1.15}.rail-brand-subtitle,.student-rail.home-mode .rail-brand-subtitle,.student-rail.compact-mode .rail-brand-subtitle{margin-top:1px;font-size:11px;line-height:1.2}.rail-tools{gap:6px}.tool-button.icon{min-width:44px;width:44px;height:44px;border-radius:15px;font-size:18px}.tool-button.compact{height:42px;min-width:0;padding-inline:12px;font-size:12px}.study-profile{gap:8px}.study-profile-avatar{width:40px;height:40px;border-radius:14px;font-size:18px}.study-profile-copy strong{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.study-profile-copy span{display:none}.primary-button,.secondary-button,.accent-button,.pill-button,.choice-tile,.keycap{min-height:48px;padding-inline:16px;border-radius:16px;font-size:14px}.primary-button.large,.secondary-button.large{min-height:56px;border-radius:18px;font-size:17px}.auth-refined-screen{min-height:100%;padding:8px 0 12px;align-content:start}.auth-refined-shell,.auth-refined-shell.register{width:100%;grid-template-columns:1fr;border-radius:24px}.auth-refined-brand{gap:10px;padding:18px}.auth-refined-mark{width:54px;height:54px;border-radius:18px;font-size:22px}.auth-refined-copy strong{font-size:28px;line-height:1.05;letter-spacing:0}.auth-refined-copy p{font-size:14px;line-height:1.55}.auth-refined-panel{gap:14px;padding:18px}.auth-refined-head strong{font-size:24px}.text-input{min-height:52px;border-radius:16px}.home-stage-page,.home-dashboard-page,.profile-dashboard-page,.package-select-page,.vocab-book-page,.learning-record-page,.complete-screen{min-height:0}.learning-record-board{padding:16px;overflow-y:auto}.learning-record-title h1,.learning-record-detail-head h2{font-size:28px}.learning-record-summary,.learning-record-actions,.learning-record-detail-grid{grid-template-columns:1fr}.learning-record-tabs{width:100%}.learning-record-tabs button{flex:1;min-width:0}.learning-record-item{padding:12px}.learning-record-detail{padding:20px}.home-stage-surface{min-height:0;align-content:start;gap:14px;padding:16px;border-radius:24px;overflow-y:auto}.home-stage-main{align-content:start;gap:14px}.home-stage-copy h2{font-size:clamp(30px,9vw,42px);line-height:1.06;letter-spacing:0}.home-stage-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-stage-stat{min-height:86px;padding:12px;border-radius:18px}.home-stage-stat strong{font-size:clamp(34px,10vw,46px);letter-spacing:0}.home-stage-actions{grid-template-columns:1fr;gap:10px}.home-stage-actions .primary-button.large,.home-stage-actions .secondary-button.large{min-height:58px;border-radius:18px;font-size:18px}.home-stage-note{width:100%;border-radius:16px;font-size:12px;line-height:1.45}.home-stage-companion{grid-template-columns:minmax(0,1fr) 92px;align-items:center;justify-items:stretch;gap:8px;padding:12px;border-radius:22px;text-align:left}.home-stage-bubble{width:100%;padding:12px;border-radius:18px;text-align:left}.home-stage-bubble span{font-size:13px;line-height:1.45}.home-stage-companion .virtual-companion-panel{justify-self:end;width:92px;overflow:hidden}.home-stage-companion .virtual-companion-stage{width:92px;height:108px;overflow:visible}.home-stage-companion .virtual-companion-aura{top:6px;width:84px;height:84px}.home-stage-companion .virtual-companion-avatar.uses-image{width:88px;height:108px}.home-stage-companion .virtual-companion-image-wrap{width:88px;height:96px;margin-top:8px}.home-stage-companion .virtual-companion-rive,.home-stage-companion .virtual-companion-rive-canvas,.home-stage-companion .virtual-companion-svg{width:84px;height:124px}.package-select-board,.vocab-book-board{min-height:0;gap:12px;padding:16px;border-radius:16px;overflow-y:auto}.vocab-book-header{grid-template-columns:40px minmax(0,1fr);gap:12px}.vocab-book-actions{grid-column:1 / -1;justify-content:flex-start}.vocab-book-title h1{font-size:28px}.vocab-book-title p{font-size:13px}.vocab-book-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vocab-summary-card{min-height:74px;grid-template-columns:40px minmax(0,1fr);padding:12px}.vocab-summary-card>span{width:38px;height:38px;border-radius:13px}.vocab-summary-card strong{font-size:23px}.vocab-book-tools{grid-template-columns:1fr;gap:10px}.vocab-filter-tabs{gap:8px}.vocab-filter-tab{min-width:66px;height:34px;padding:0 11px;font-size:12px}.vocab-book-list{gap:10px}.vocab-book-item{min-height:0;grid-template-columns:50px minmax(0,1fr);gap:10px;padding:13px;border-radius:16px}.vocab-word-mark{width:48px;height:48px;border-radius:15px}.vocab-word-mark strong{font-size:21px}.vocab-word-head{align-items:flex-start;flex-direction:column;gap:4px}.vocab-word-head h2{font-size:20px}.vocab-word-main p{font-size:13px}.vocab-word-note,.vocab-remove-button{grid-column:1 / -1}.vocab-remove-button{width:100%}.student-side-profile-copy strong{font-size:16px}.student-side-profile-copy small{font-size:11px}.package-select-header{gap:14px}.package-select-title h1{font-size:28px}.package-select-title p{font-size:13px}.package-select-toolbar{grid-template-columns:1fr}.package-vocab-button{justify-content:center}.package-shelf-tabs{width:100%}.package-shelf-tab{flex:1;min-width:0}.package-category-tabs{gap:8px}.package-category-tab{min-width:60px;height:34px;padding:0 12px;font-size:12px}.package-select-list{gap:10px}.package-select-item{grid-template-columns:70px minmax(0,1fr);gap:10px;padding:14px 14px 12px;border-radius:18px}.package-select-cover{width:64px;height:64px;border-radius:8px}.cover-letter{width:25px;height:25px;border-radius:9px;font-size:17px}.cover-letter.a{top:15px;left:21px}.cover-letter.b{top:29px;left:13px}.cover-letter.c{top:27px;left:35px}.cover-go{margin-left:12px;font-size:15px}.cover-mini-badge{right:10px;bottom:12px;width:22px;height:22px;border-radius:8px;font-size:14px}.cover-title{padding:0 8px;font-size:13px}.package-select-item-head h2{font-size:16px;line-height:1.18}.package-select-description,.package-select-progress-row{font-size:11px}.package-select-progress-row{gap:12px}.package-item-actions{grid-column:1 / -1;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.package-preview-button,.package-start-button,.package-leave-button{width:100%;min-width:0;padding:0 12px}.package-preview-layer{padding:14px}.package-preview-panel{width:100%;max-height:calc(100svh - 28px);gap:14px;padding:18px;border-radius:18px}.package-preview-cover{width:82px;height:82px}.package-preview-copy h2{font-size:22px}.package-preview-stats{grid-template-columns:1fr}.package-preview-words span{max-width:100%}.learning-shell{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);gap:4px;padding:0}.learning-hud{justify-content:flex-start;flex-wrap:nowrap;gap:6px;padding:0 2px 2px;overflow-x:auto;scrollbar-width:none}.learning-hud::-webkit-scrollbar{display:none}.learning-hud-pill{flex:0 0 auto;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;letter-spacing:0;white-space:nowrap}.learning-canvas{min-height:0;border-radius:22px;box-shadow:none}.learning-canvas.with-photo-backdrop:before{opacity:.26}.learning-stage{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:8px;padding:12px 12px calc(env(safe-area-inset-bottom) + 94px);align-content:center}.learning-canvas.has-companion .learning-stage{padding:18px 12px calc(env(safe-area-inset-bottom) + 150px);align-content:center}.learning-empty-canvas{padding:16px}.learning-empty-state{gap:12px}.learning-empty-state h1{font-size:28px;line-height:1.14}.learning-empty-state p{font-size:13px;line-height:1.6}.learning-empty-stats{grid-template-columns:1fr}.learning-empty-stat{grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left}.learning-empty-actions{width:100%;display:grid;grid-template-columns:1fr}.learning-empty-action{width:100%;min-height:48px;font-size:14px}.learning-poster,.review-image-stage,.review-teach-poster,.learning-letter-stage,.learning-sentence-stage,.learning-result-stage{padding-block:54px calc(env(safe-area-inset-bottom) + 88px)}.learning-companion-dock{top:auto;right:6px;bottom:calc(env(safe-area-inset-bottom) + 72px);width:min(258px,calc(100vw - 12px));transform:none;grid-template-columns:minmax(0,1fr) 82px;align-items:start;justify-items:end;gap:6px;pointer-events:none}.learning-companion-bubble{display:block;max-width:204px;padding:8px 10px;border-radius:14px 14px 6px;font-size:12px;line-height:1.35;text-align:left}.learning-companion-dock .virtual-companion-stage{width:92px;height:92px;overflow:visible}.learning-companion-dock .virtual-companion-panel{pointer-events:auto}.virtual-companion-panel.compact .virtual-companion-aura{top:4px;width:76px;height:76px}.virtual-companion-panel.compact .virtual-companion-avatar.uses-image{width:86px;height:96px}.virtual-companion-panel.compact .virtual-companion-image-wrap{width:86px;height:92px;margin-top:4px}.virtual-companion-panel.compact .virtual-companion-rive,.virtual-companion-panel.compact .virtual-companion-rive-canvas,.virtual-companion-panel.compact .virtual-companion-svg{width:78px;height:116px}.virtual-companion-panel.compact .virtual-companion-live2d-frame{width:76px;height:108px;border-radius:24px 24px 18px 18px}.virtual-companion-signal{transform:scale(.78);transform-origin:center}.learning-word.giant{font-size:min(var(--word-giant-size, clamp(68px, 18vw, 118px)),calc(94cqw / var(--word-fit-chars, 8) * 1.5))}.learning-word.medium{font-size:min(var(--word-medium-size, clamp(58px, 15vw, 96px)),calc(92cqw / var(--word-fit-chars, 8) * 1.45))}.review-answer-word{font-size:min(var(--word-review-size, clamp(58px, 15vw, 98px)),calc(92cqw / var(--word-fit-chars, 8) * 1.45))}.learning-meta-line{max-width:100%;font-size:clamp(16px,4.2vw,22px);line-height:1.22}.learning-meaning.strong{max-width:100%;font-size:min(var(--meaning-line-size, clamp(30px, 7.4vw, 48px)),calc(88cqw / var(--meaning-fit-chars, 6)));line-height:1.18}.learning-meaning.strong.interaction-only-meaning{max-width:100%;font-size:min(var(--meaning-line-size, clamp(38px, 10vw, 64px)),calc(88cqw / var(--meaning-fit-chars, 6)))}.learning-interaction-cue,.learning-review-interaction-prompt{margin-bottom:18px;padding:9px 14px;border-radius:8px;font-size:clamp(18px,5vw,24px)}.page-new-sentence .learning-letter-stage{gap:14px}.page-new-sentence .learning-letter-ribbon{gap:6px}.learning-letter-pill{width:clamp(34px,9.2vw,46px);height:clamp(40px,10.6vw,52px);border-radius:14px;font-size:clamp(18px,5vw,24px)}.learning-sentence{gap:6px;padding:8px 10px 10px;border-radius:20px;font-size:clamp(30px,8.6vw,48px);letter-spacing:0}.learning-sentence-cn,.review-answer-cn{padding-inline:10px;border-radius:18px;font-size:clamp(16px,4.4vw,22px);line-height:1.45}.page-new-recall .learning-practice-stage,.page-review-recall .learning-practice-stage{align-content:start;gap:10px;padding-block:58px calc(env(safe-area-inset-bottom) + 104px)}.page-new-recall .learning-practice-head strong,.page-review-recall .learning-practice-head strong{font-size:clamp(34px,10vw,58px);line-height:1.05;letter-spacing:0}.learning-slot-row,.page-new-recall .learning-slot-row,.page-review-recall .learning-slot-row{width:100%;gap:6px}.learning-slot-row .build-slot,.page-new-recall .learning-slot-row .build-slot,.page-review-recall .learning-slot-row .build-slot{width:clamp(36px,9.6vw,46px);height:clamp(42px,10.8vw,52px);border-radius:14px;font-size:clamp(18px,5vw,24px)}.learning-keyboard,.keyboard-grid{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;border-radius:18px}.learning-keyboard .keycap,.keycap{min-height:42px;padding:0;border-radius:12px;font-size:17px}.learning-practice-actions,.learning-practice-actions-equal{width:100%;grid-template-columns:1fr;gap:8px}.learning-equal-action,.learning-primary-action,.learning-secondary-action{min-height:52px;border-radius:16px;font-size:16px}.learning-spell-voice-stack,.page-new-recall .learning-spell-voice-stack,.page-review-recall .learning-spell-voice-stack{width:100%}.page-new-recall .learning-spell-fallback,.page-review-recall .learning-spell-fallback,.learning-spell-fallback{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.page-new-recall .learning-spell-fallback .compact,.page-review-recall .learning-spell-fallback .compact,.learning-spell-fallback .compact{width:100%;min-height:46px;padding-inline:10px;font-size:13px}.learning-answer-sentence{padding:14px;border-radius:18px;gap:6px;font-size:clamp(20px,5.6vw,28px)}.learning-recording-meter{width:calc(100% - 16px);min-height:56px;bottom:calc(env(safe-area-inset-bottom) + 58px);grid-template-columns:1fr;row-gap:6px;padding:9px 10px 10px;border-radius:18px}.learning-recording-meter-head{justify-content:center;min-width:0;font-size:12px}.learning-recording-bars{height:20px;gap:3px}.learning-recording-bar{height:18px;min-width:3px}.edge-page-button{top:auto;bottom:calc(env(safe-area-inset-bottom) + 8px);width:48px;height:48px;transform:none;border-radius:16px;background:#ffffffe0}.edge-page-button.left{left:8px}.edge-page-button.right{right:8px}.edge-page-button span{font-size:28px}.edge-page-button:hover{transform:none}.complete-screen{align-content:start;gap:12px;padding:0;overflow-y:auto}.complete-hero{min-height:0;gap:12px;padding:18px;border-radius:24px}.complete-hero h2{font-size:28px;line-height:1.08;letter-spacing:0}.complete-hero p{font-size:14px;line-height:1.5}.complete-badges,.word-chip-row{gap:6px}.complete-badge,.word-chip{min-height:30px;padding-inline:10px;font-size:11px}.complete-actions{width:100%;gap:10px}.student-toast{bottom:calc(env(safe-area-inset-bottom) + 58px);max-width:calc(100% - 24px);white-space:normal;text-align:center}}@media (max-width: 600px){.student-app.print-mode{height:auto;min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);grid-template-rows:auto minmax(0,1fr);overflow:visible}.student-workspace.print-mode{min-height:0;overflow:visible;padding-right:0}.student-app.print-mode .student-rail.material-mode{grid-template-columns:1fr;grid-template-areas:"top";min-height:44px;padding:0}.student-app.print-mode .student-rail.material-mode .rail-top{width:100%}.material-layout.print{min-height:auto;grid-template-columns:1fr;align-content:start;gap:12px;padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.print-coach-board,.print-coach-side{padding:14px;border-radius:24px}.print-coach-top{display:grid;gap:10px;justify-items:start}.print-progress-pills{justify-content:flex-start}.print-paper-stage{display:block;padding:10px;overflow:visible;border-radius:24px}.paper-preview.a4-sheet{width:100%;max-width:430px;min-height:auto;aspect-ratio:auto;margin:0 auto;border-radius:8px}.paper-preview.a4-sheet.print-page,.print-empty-sheet{min-height:auto}.paper-preview.compact{gap:12px;padding:16px}.paper-preview.compact.print-page{grid-template-rows:auto auto auto auto}.print-page-header{display:grid;grid-template-columns:1fr;gap:4px;align-items:start;padding-bottom:10px}.print-page-title strong{font-size:18px;line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}.print-kicker{font-size:11px}.print-meta-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;text-align:left;white-space:normal}.print-instruction{padding:8px 10px;font-size:11px}.print-table-head,.paper-strip.compact.print-row{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr)}.print-table-head{min-height:30px;font-size:10px}.print-table-head span{padding:5px 8px}.paper-strip.compact{min-height:46px}.mode-write-word .paper-strip.compact.print-row,.mode-write-meaning .paper-strip.compact.print-row{min-height:56px}.paper-strip.compact>div{min-width:0;padding:6px 8px}.paper-index{font-size:11px}.paper-word{font-size:clamp(20px,5.6vw,24px);line-height:1.05;letter-spacing:0;overflow-wrap:anywhere}.paper-meaning{font-size:clamp(15px,4.3vw,18px);line-height:1.18;overflow-wrap:anywhere}.paper-meaning.prompt{font-size:clamp(14px,3.8vw,16px)}.print-page-footer{grid-template-columns:1fr;gap:8px}.print-actions-side{align-content:start}.print-actions-card{grid-template-columns:1fr;gap:10px;padding:12px;border-radius:18px}.print-actions-card .primary-button,.print-actions-card .secondary-button{width:100%;min-height:48px}}@media (max-width: 380px){.tablet-screen{padding-inline:6px}.student-rail,.student-rail.home-mode,.student-rail.compact-mode{padding:8px}.rail-brand-title{font-size:14px}.rail-brand-subtitle{display:none}.tool-button.icon{min-width:40px;width:40px;height:40px;border-radius:14px}.learning-hud-pill{min-height:26px;padding-inline:8px;font-size:10px}.learning-canvas.has-companion .learning-stage,.page-new-recall .learning-practice-stage,.page-review-recall .learning-practice-stage{padding:16px 10px calc(env(safe-area-inset-bottom) + 138px);align-content:center}.learning-companion-dock{width:min(234px,calc(100vw - 12px));grid-template-columns:minmax(0,1fr) 74px}.learning-companion-bubble{max-width:184px;padding:7px 9px;font-size:11px;line-height:1.32}.learning-companion-dock .virtual-companion-stage{width:78px;height:80px}.virtual-companion-panel.compact .virtual-companion-avatar.uses-image,.virtual-companion-panel.compact .virtual-companion-image-wrap{width:74px;height:80px}.learning-keyboard,.keyboard-grid{gap:5px;padding:6px}.learning-keyboard .keycap,.keycap{min-height:39px;font-size:16px}.learning-slot-row .build-slot,.page-new-recall .learning-slot-row .build-slot,.page-review-recall .learning-slot-row .build-slot{width:clamp(32px,9.2vw,40px);height:clamp(38px,10.2vw,46px)}}@media (max-width: 1120px){.home-dashboard-page{gap:12px;padding-inline:2px}.home-hero-panel{grid-template-columns:minmax(300px,.92fr) minmax(360px,1.08fr)}.home-hero-copy{padding:88px 22px 146px 42px}.home-hero-copy h1{font-size:50px}.home-hero-companion{right:8%;bottom:128px;width:min(380px,88%);grid-template-columns:minmax(132px,164px) minmax(170px,1fr)}.home-hero-bubble{width:164px;padding:18px 20px}.home-mumu-image{width:min(238px,100%)}.home-task-panel{left:26px;right:26px;bottom:22px;padding-inline:18px}}@media (max-width: 820px){.student-app.home-shell-mode{min-height:calc(100vh - 24px)}.student-workspace.home-mode{display:block;overflow:auto}.home-dashboard-page{height:auto;min-height:100%;grid-template-rows:auto minmax(0,1fr)}.home-dashboard-top{min-height:78px}.home-user-card{grid-template-columns:72px minmax(0,1fr);gap:12px;min-height:72px}.home-user-avatar{width:72px!important;height:72px!important;border-radius:25px!important;font-size:29px!important}.home-user-copy,.home-top-actions{min-height:72px}.home-hero-tools{top:18px;right:20px;min-height:0}.home-user-copy strong{font-size:17px}.home-user-copy span{font-size:11px}.home-hero-panel{min-height:560px;grid-template-columns:1fr;grid-template-rows:auto minmax(300px,1fr)}.home-hero-copy{align-content:start;padding:82px 34px 0}.home-hero-copy h1{font-size:46px}.home-hero-art{min-height:300px}.home-hero-companion{right:8%;bottom:142px;width:min(390px,84%);grid-template-columns:minmax(132px,164px) minmax(160px,1fr)}.home-mumu-image{width:min(210px,100%)}.home-task-panel{left:22px;right:22px;bottom:20px;min-height:112px;padding:14px 16px}}@media (max-width: 600px){.student-app.home-shell-mode{min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);gap:8px;padding-top:0}.home-dashboard-page{gap:10px;padding:0}.home-dashboard-top{min-height:78px;gap:10px;padding:0 2px}.home-user-card{grid-template-columns:72px minmax(0,1fr);gap:11px;min-height:72px}.home-user-avatar{width:72px!important;height:72px!important;border-radius:25px!important;font-size:29px!important}.home-user-copy strong{font-size:16px;line-height:1.05}.home-user-copy span{font-size:11px}.home-user-copy,.home-top-actions{min-height:72px}.home-top-actions{gap:8px}.home-hero-tools{top:14px;right:14px;min-height:0}.home-icon-button{width:40px;height:40px;border-radius:14px;font-size:15px}.home-icon-button svg{width:20px;height:20px}.home-package-popover{top:48px;right:-2px;width:min(342px,calc(100vw - 24px));max-height:calc(100svh - 96px);gap:10px;padding:12px;border-radius:18px}.home-package-option{min-height:58px;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:9px;border-radius:14px}.home-package-mark{width:38px;height:38px;border-radius:13px;font-size:16px}.home-package-copy strong{font-size:14px}.home-package-option em{min-width:42px;padding:6px 8px}.home-hero-panel{min-height:560px;border-radius:26px;grid-template-rows:auto minmax(220px,1fr)}.home-hero-copy{width:min(calc(100% - 24px),312px);justify-self:center;justify-items:start;gap:12px;padding:72px 0 0}.home-hero-kicker{font-size:13px}.home-hero-kicker-row{gap:8px}.home-assessment-button{height:32px;padding-inline:10px;border-radius:12px;font-size:12px}.home-hero-copy h1{font-size:38px}.home-continue-button{min-width:232px;min-height:58px;grid-template-columns:minmax(0,1fr) 40px;gap:12px;padding-left:22px}.home-continue-button span strong{font-size:16px}.home-continue-button span small{font-size:11px}.home-continue-button i{width:40px;height:40px;font-size:22px;border-radius:14px}.home-hero-companion{right:10px;bottom:136px;width:min(280px,calc(100% - 20px));grid-template-columns:minmax(116px,132px) minmax(116px,1fr);gap:4px}.home-hero-bubble{width:132px;gap:4px;margin-top:10px;padding:13px 15px;border-radius:18px}.home-hero-bubble strong{font-size:12px}.home-hero-bubble span{font-size:15px}.home-hero-art{min-height:230px}.home-cloud.cloud-a{top:58px;left:36px;transform:scale(.78)}.home-cloud.cloud-b{display:none}.home-mumu-image{width:min(148px,100%)}.home-task-panel{left:14px;right:14px;bottom:14px;grid-template-columns:1fr;gap:8px;min-height:auto;padding:12px;border-radius:20px}.home-task-panel h2{font-size:16px}.home-task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-task-card{min-height:92px;grid-template-columns:1fr;grid-template-rows:auto auto 5px;gap:6px;padding:10px 9px;border-radius:18px}.home-task-icon{width:34px;height:34px;border-radius:12px;font-size:16px}.home-task-icon svg{width:19px;height:19px}.home-task-copy{gap:3px}.home-task-copy span{font-size:11px}.home-task-copy strong{font-size:20px}.home-task-copy small{font-size:11px}.home-task-track{height:5px}.profile-hero-panel{grid-template-columns:1fr;justify-items:stretch;gap:12px;padding:18px 14px 16px;text-align:left}.profile-hero-copy{justify-items:stretch;padding-right:0}.profile-hero-header{display:grid;gap:12px}.profile-identity-block{grid-template-columns:58px minmax(0,1fr);gap:12px}.profile-avatar-button{width:58px;min-height:72px;font-size:11px}.profile-main-avatar{width:54px!important;height:54px!important;border-radius:19px!important;font-size:22px!important}.profile-hero-title h1{font-size:24px}.profile-hero-controls{justify-content:flex-start}.profile-info-row{grid-template-columns:1fr}.profile-detail-row{grid-template-columns:34px minmax(0,1fr);align-items:center;padding:10px 12px}.profile-detail-row strong{grid-column:2;text-align:left}.profile-mini-actions,.profile-readonly-grid{grid-template-columns:1fr}.profile-action-layer{align-items:end;padding:12px}.profile-avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-avatar-editor{grid-template-columns:72px minmax(0,1fr)}.profile-avatar-upload{grid-column:1 / -1;width:100%}.home-bottom-nav{position:sticky;z-index:10;bottom:0;width:100%;min-height:66px;justify-self:stretch;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px 4px 0;border:0;border-top:1px solid rgba(88,68,46,.07);border-radius:18px 18px 0 0;background:#fffffff0;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-nav-item{min-height:52px;border-radius:14px;display:grid;place-items:center;gap:3px}.home-nav-item.active{background:transparent}.home-nav-item span{width:26px;height:26px;border-radius:8px;font-size:13px}.home-nav-item svg{width:16px;height:16px}.home-nav-item strong{font-size:11px}}@media (max-width: 380px){.home-hero-panel{min-height:410px}.home-continue-button{min-width:212px}.home-hero-companion{right:8px;width:min(258px,calc(100% - 16px));grid-template-columns:minmax(104px,120px) minmax(108px,1fr)}.home-hero-bubble{width:120px;padding:12px}.home-mumu-image{width:min(136px,100%)}}.admin-topbar-badge{padding:10px 14px;border-radius:999px;background:#5e8b7324;color:#466f59;font-size:13px;font-weight:600}.admin-page{gap:18px}.admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-metric-card{padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,#fffffff5,#f5f7f3f5);border:1px solid rgba(32,49,40,.08);box-shadow:0 12px 32px #40514514}.admin-metric-label{display:block;margin-bottom:10px;color:#6f7e73;font-size:13px}.admin-metric-value{font-size:28px;line-height:1}.admin-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-card-header h2,.admin-detail-hero h2{margin:0;font-size:24px}.admin-card-caption{color:#6f7e73;font-size:13px;white-space:nowrap}.admin-list{display:grid;gap:10px}.admin-list-header,.admin-list-row{display:grid;gap:12px;align-items:center}.admin-list-header{padding:0 14px;color:#6f7e73;font-size:13px}.admin-list-row{width:100%;padding:14px;border-radius:18px;border:1px solid rgba(32,49,40,.08);background:#f5f7f3f0;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.admin-list-row:hover,.admin-list-row.is-active{border-color:#5e8b7352;background:#e8efe9f5;transform:translateY(-1px)}.admin-list-cell{min-width:0;color:#203128}.admin-list-cell-primary{display:grid;gap:4px}.admin-list-cell-primary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-list-cell-primary small{color:#6f7e73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cols-package{grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr) minmax(0,.7fr) minmax(0,.7fr) minmax(0,.9fr)}.cols-user{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.8fr)}.cols-word{grid-template-columns:minmax(0,1fr) minmax(0,.6fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.8fr)}.cols-progress{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.7fr) minmax(0,1fr)}.admin-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#5e8b7324;color:#466f59;font-size:12px;font-weight:600}.admin-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-empty{padding:18px;border-radius:18px;background:#f5f7f3f0;border:1px dashed rgba(32,49,40,.18);color:#6f7e73}@media (max-width: 1120px){.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.admin-page-header,.admin-topbar,.admin-card-header,.admin-detail-hero{grid-template-columns:1fr;display:grid}.admin-metric-grid,.admin-detail-grid{grid-template-columns:1fr}.admin-list-header{display:none}.admin-list-row,.cols-package,.cols-user,.cols-word,.cols-progress{grid-template-columns:1fr}}.admin-layout-compact{grid-template-columns:188px minmax(0,1fr);background:#f3f6f2}.admin-layout-compact .admin-sidebar{background:#ffffffd1;border-right:1px solid rgba(32,49,40,.08);padding:18px 14px}.admin-brand-compact{margin-bottom:14px}.admin-nav-compact{gap:6px}.admin-nav-compact a{padding:12px;border-radius:12px;font-size:18px;font-weight:600;line-height:1.35}.admin-main{padding:16px}.admin-card{border-radius:18px;border:1px solid rgba(32,49,40,.08);box-shadow:0 8px 20px #4051450d}.admin-topbar-compact{padding:14px 16px;margin-bottom:14px;border-radius:16px}.admin-topbar-compact strong{font-size:16px}.admin-topbar-meta{margin-left:auto;display:inline-flex;align-items:center;gap:12px;color:#66786e;font-size:13px}.admin-topbar-user{display:inline-flex;align-items:center;gap:10px}.admin-topbar-avatar,.admin-user-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(241,194,93,.55),transparent 26%),radial-gradient(circle at 70% 38%,rgba(31,151,143,.24),transparent 30%),linear-gradient(180deg,#fffaf1,#f4e5c5);border:1px solid rgba(241,194,93,.3);color:var(--primary-strong);font-size:16px;font-weight:900;flex-shrink:0}.admin-user-avatar.large{width:64px;height:64px;border-radius:20px;font-size:26px}.admin-user-identity,.admin-detail-user-head{display:inline-flex;align-items:center;gap:12px;min-width:0}.admin-topbar-logout{border:0;border-radius:999px;padding:8px 14px;background:#ef7d5724;color:var(--primary-strong);font-size:13px;font-weight:700;cursor:pointer}.admin-topbar-badge{padding:8px 12px;font-size:12px}.admin-page-minimal{gap:14px}.admin-page-header-minimal{align-items:flex-end}.admin-page-actions-tight{gap:10px}.admin-page-header-minimal .section-title{margin-bottom:4px;font-size:26px}.admin-summary-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-summary-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#fffffff0;border:1px solid rgba(32,49,40,.08);color:#55665c;font-size:12px}.admin-grid-focus{grid-template-columns:minmax(0,1.7fr) 360px;align-items:start}.admin-card-list{min-height:520px}.admin-card-header-tight{align-items:center}.admin-card-header-tight h2{margin:0 0 2px;font-size:18px}.admin-list-compact{gap:8px}.admin-list-row-compact{padding:12px 14px;border-radius:14px;min-height:72px}.cols-package-min{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr) minmax(0,.7fr) minmax(0,.8fr)}.cols-word-min{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.65fr) minmax(0,.8fr)}.admin-list-cell-end{text-align:right}.admin-panel{gap:16px;position:sticky;top:16px}.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-panel-head h2{margin:4px 0 0;font-size:24px}.admin-panel-lead{margin:0;font-size:15px;color:#203128}.admin-kv-list{display:grid;gap:10px}.admin-kv-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(32,49,40,.1)}.admin-kv-item:last-child{border-bottom:0}.admin-kv-item span{color:#708177;font-size:13px}.admin-kv-item strong{max-width:62%;text-align:right;font-size:14px;font-weight:600;color:#203128;word-break:break-word}.admin-panel-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-form{padding-top:6px}.admin-form-grid{display:grid;gap:12px}.admin-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-dialog-footer{display:flex;justify-content:flex-end;gap:10px}.admin-input-number,.admin-form .el-select,.admin-form .el-input{width:100%}.admin-metric-grid{gap:10px}.admin-metric-card{padding:12px 14px;border-radius:14px;background:#ffffffeb;box-shadow:none}.admin-metric-label{margin-bottom:6px;font-size:12px}.admin-metric-value{font-size:21px}@media (max-width: 1120px){.admin-grid-focus{grid-template-columns:1fr}.admin-panel{position:static}.admin-form-grid-3{grid-template-columns:1fr}}@media (max-width: 820px){.admin-layout-compact{grid-template-columns:1fr}.admin-page-header-minimal{align-items:stretch}.admin-form-grid-2,.cols-package-min,.cols-word-min{grid-template-columns:1fr}.admin-list-cell-end{text-align:left}}.admin-topbar-compact{display:flex;align-items:center;justify-content:flex-start}.admin-auth-screen .auth-refined-shell{max-width:980px}.admin-auth-screen{min-height:calc(100vh - 96px)}.admin-topbar-compact .section-subtitle,.admin-topbar-badge{display:none}.admin-page-header-minimal{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-page-header-minimal .section-title{margin:0}.admin-card-header-tight>h2{margin:0}.cols-user-min{grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1fr) minmax(0,.8fr)}.admin-import-stack{gap:16px}.tablet-shell:has(.student-login-page){min-height:100vh;padding:18px;display:grid;place-items:center}.tablet-shell:has(.student-login-page) .tablet-frame{width:min(100%,1240px);min-height:0;padding:18px;border-radius:38px;background:linear-gradient(180deg,#26211c,#18130f);box-shadow:0 42px 90px #2b1e122e,inset 0 1px #ffffff14}.tablet-shell:has(.student-login-page) .tablet-screen{min-height:min(900px,calc(100vh - 72px));max-height:calc(100vh - 72px);padding:18px;border-radius:28px;overflow:hidden;background:#fff7e7}.tablet-shell:has(.student-login-page) .tablet-notch{display:block}.tablet-shell:has(.student-login-page) .tablet-statusbar{display:flex}.tablet-shell:has(.student-login-page) .student-app{height:calc(min(900px,calc(100vh - 72px)) - 40px);min-height:calc(min(900px,calc(100vh - 72px)) - 40px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding-top:18px}.tablet-shell:has(.student-login-page) .student-workspace.auth-mode{min-height:0;display:grid;place-items:stretch;padding:0;overflow:hidden}.tablet-shell:has(.student-login-page) .student-login-page{min-height:0;height:100%;padding:clamp(14px,2.2vw,28px);border-radius:22px}.student-login-page{--login-green: #2ea977;--login-green-dark: #15835f;--login-mint: #83d8b3;--login-orange: #ff930d;--login-brown: #7e6858;--login-ink: #2f3036;--login-line: rgba(126, 104, 88, .2);position:relative;width:100%;min-height:100svh;overflow:hidden;display:grid;place-items:center;padding:clamp(28px,4vw,58px);color:var(--login-ink);background:linear-gradient(145deg,#ffffffc2,#fff9eb80 44%,#faefcf8f),#fff7e7}.student-login-page:before{content:"";position:absolute;top:-120px;left:-80px;width:420px;height:240px;border:1px solid rgba(211,177,109,.12);border-color:rgba(211,177,109,.12) transparent transparent;border-radius:50%;box-shadow:36px 14px 0 -1px #d3b16d14,72px 30px 0 -1px #d3b16d0f;transform:rotate(-10deg)}.login-cloud{position:absolute;z-index:0;width:104px;height:38px;border-radius:999px;background:#ffffffbd;filter:drop-shadow(0 12px 22px rgba(174,147,96,.08));animation:loginCloud 9s ease-in-out infinite}.login-cloud:before,.login-cloud:after{content:"";position:absolute;bottom:10px;border-radius:999px;background:inherit}.login-cloud:before{left:18px;width:42px;height:42px}.login-cloud:after{right:18px;width:34px;height:34px}.cloud-left{left:3.6vw;top:38%}.cloud-right{right:5.6vw;top:6%;width:118px;animation-delay:-4s}.login-hills{position:absolute;z-index:0;inset:auto 0 0;height:24vh;min-height:170px;pointer-events:none}.login-hill{position:absolute;left:-8%;right:-8%;bottom:-48%;height:100%;border-radius:50% 50% 0 0/76% 76% 0 0}.hill-back{background:#bcebccb8;transform:translate(-12%) rotate(4deg)}.hill-front{bottom:-58%;background:linear-gradient(135deg,#89d793c7,#6fcfb8c2);transform:translate(18%) rotate(-5deg)}.login-plant,.login-flower{position:absolute;bottom:18px}.login-plant{left:34px;width:118px;height:120px}.login-plant:before,.login-plant:after,.login-flower:before,.login-flower:after{content:"";position:absolute;bottom:0;border-radius:100% 0;transform-origin:bottom center}.login-plant:before{left:8px;width:36px;height:108px;background:linear-gradient(180deg,#88d159,#3eb28d);transform:rotate(-28deg)}.login-plant:after{left:54px;width:34px;height:94px;background:linear-gradient(180deg,#bee57d,#68bf62);transform:rotate(18deg)}.login-flower{right:11vw;width:58px;height:88px}.login-flower:before{left:25px;width:5px;height:72px;border-radius:999px;background:#77be8f;transform:rotate(12deg)}.login-flower:after{left:18px;bottom:54px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f5c94d 0 20%,transparent 22%),radial-gradient(circle at 50% 0,#ffd66d 0 31%,transparent 33%),radial-gradient(circle at 100% 50%,#ffd66d 0 31%,transparent 33%),radial-gradient(circle at 50% 100%,#ffd66d 0 31%,transparent 33%),radial-gradient(circle at 0 50%,#ffd66d 0 31%,transparent 33%)}.student-login-layout{position:relative;z-index:1;width:min(100%,1120px);height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,500px);align-items:center;gap:clamp(28px,4vw,56px)}.student-login-scene{position:relative;height:100%;min-height:0;display:grid;align-content:start;padding:clamp(44px,7vh,72px) 0 0}.student-login-brand{position:relative;z-index:2;display:grid;gap:22px}.student-login-title{margin:0;display:flex;align-items:baseline;flex-wrap:nowrap;gap:.1em;color:var(--login-green-dark);font-family:var(--display-font);font-size:clamp(56px,5.2vw,88px);font-weight:900;line-height:.96;letter-spacing:0;white-space:nowrap;text-shadow:0 4px 0 rgba(255,255,255,.68),0 10px 24px rgba(22,131,96,.14);animation:loginRise .64s ease both}.student-login-title .title-orange{color:var(--login-orange)}.student-login-heart{position:absolute;top:-6px;left:min(50%,398px);z-index:3;width:30px;height:30px;background:linear-gradient(135deg,#ffd872,#f4bd43);transform:rotate(45deg);border-radius:8px 8px 3px;box-shadow:0 8px 18px #eea9382e;animation:loginRise .64s .12s ease both}.student-login-heart:before,.student-login-heart:after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:inherit}.student-login-heart:before{left:-15px;top:0}.student-login-heart:after{left:0;top:-15px}.student-login-subtitle{margin:0;display:flex;align-items:center;gap:18px;color:var(--login-brown);font-size:clamp(22px,2vw,30px);font-weight:800;line-height:1.25;letter-spacing:0;animation:loginRise .64s 80ms ease both}.student-login-subtitle span{width:24px;height:13px;border-radius:100% 0;background:linear-gradient(135deg,#82c95b,#aadf82)}.student-login-subtitle span:first-child{transform:rotate(38deg)}.student-login-subtitle span:last-child{transform:rotate(-38deg)}.student-login-illustration{position:absolute;inset:clamp(150px,21vh,188px) 0 0;z-index:1;pointer-events:none}.login-sheep{position:absolute;left:50%;bottom:16px;width:clamp(260px,24vw,360px);transform:translate(-50%);filter:drop-shadow(0 18px 28px rgba(88,68,46,.12));animation:loginFloat 5.2s ease-in-out infinite}.hello-card{position:absolute;left:2%;bottom:86px;width:136px;height:106px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#fff2ad,#fff9d8);color:#eea323;font-family:Comic Sans MS,PingFang SC,sans-serif;font-size:31px;font-weight:800;transform:rotate(-11deg);box-shadow:0 16px 26px #a97b2e21}.hello-card:after{content:"";position:absolute;left:31px;right:28px;bottom:28px;height:7px;border-radius:999px;background:#eea3232e}.abc-bubble{position:absolute;right:9%;top:28px;width:138px;height:104px;display:block;border-radius:54% 46% 52% 48%/50% 58% 42% 50%;background:#c7ebb4c7;color:#6fbfbc;font-size:34px;font-weight:900;transform:rotate(8deg);z-index:2}.abc-bubble:after{content:"";position:absolute;left:34px;bottom:-14px;border-width:18px 10px 0 0;border-style:solid;border-color:rgba(199,235,180,.78) transparent transparent transparent;transform:rotate(20deg)}.abc-bubble span{position:absolute;display:grid;place-items:center;width:1.1em;height:1.1em;line-height:1}.abc-bubble span:first-child{left:24%;top:24%;color:#ff9a65}.abc-bubble span:nth-child(2){left:50%;top:40%;color:#f4bd43;transform:translate(-50%)}.abc-bubble span:last-child{right:22%;top:56%}.scene-leaf{position:absolute;bottom:34px;width:46px;height:96px;border-radius:100% 0;background:linear-gradient(180deg,#9bdc9e,#4ebb91);transform-origin:bottom center}.leaf-a{right:5%;transform:rotate(30deg)}.leaf-b{right:14%;height:72px;transform:rotate(-36deg);opacity:.72}.leaf-c{left:16%;height:78px;transform:rotate(38deg);opacity:.76}.student-login-panel{align-self:center;display:grid;gap:16px;padding:clamp(28px,3vw,42px) clamp(30px,3.4vw,46px) 24px;border-radius:36px;background:#ffffffe6;border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 62px #70553021,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:loginRise .62s .15s ease both}.student-login-form{display:grid;gap:0}.login-field{min-height:90px;display:grid;grid-template-columns:48px minmax(0,1fr) 46px;align-items:center;gap:18px;border-bottom:1px solid var(--login-line)}.login-field:first-child{grid-template-columns:48px minmax(0,1fr) 46px}.login-field:first-child .login-field-copy{grid-column:2 / 4}.login-icon{width:40px;height:40px;display:grid;place-items:center;color:#48aa82}.login-icon svg,.login-eye svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.login-field-copy{display:grid;gap:8px;min-width:0}.login-label{color:var(--login-ink);font-size:21px;font-weight:800;line-height:1.1}.login-field input{min-width:0;width:100%;border:0;outline:0;padding:0;background:transparent;color:var(--login-ink);font-size:19px;line-height:1.35}.login-field input::-ms-clear,.login-field input::-ms-reveal{display:none}.login-field input::-webkit-contacts-auto-fill-button,.login-field input::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none}.login-field input::placeholder{color:#b8babf}.password-field input{padding-right:6px}.login-eye{width:40px;height:40px;padding:0;border:0;background:transparent;color:#a8aaae;cursor:pointer}.login-eye:hover,.login-forgot:hover,.login-social:hover{transform:translateY(-1px)}.login-forgot{justify-self:end;margin:14px 4px 18px;padding:0;border:0;background:transparent;color:var(--login-green);font-size:17px;font-weight:800;cursor:pointer;transition:transform .18s ease,color .18s ease}.login-actions{display:grid;gap:14px}.login-submit,.login-register{width:100%;min-height:62px;border-radius:999px;font-size:25px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.login-submit{border:0;color:#fff;background:linear-gradient(90deg,#27ac78,#7ad8b3);box-shadow:0 15px 30px #27ac7847}.login-register{border:1.5px solid rgba(46,169,119,.68);color:var(--login-green);background:#ffffffc2}.login-submit:hover,.login-register:hover{transform:translateY(-2px)}.login-submit:disabled{opacity:.72;cursor:not-allowed;transform:none}.login-error{margin:16px 0 0;padding:12px 14px;border-radius:16px;background:#dc72681a;color:#8d453b;font-size:15px;line-height:1.5;text-align:center}.student-login-extra{display:grid;gap:22px}.login-divider{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;color:#7b7c82}.login-divider span{height:1px;background:#7e685847}.login-divider strong{font-size:17px;font-weight:700}.login-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.login-social{min-width:0;display:grid;justify-items:center;gap:10px;padding:0;border:0;background:transparent;color:#37383d;font-size:15px;font-weight:500;cursor:pointer;transition:transform .18s ease}.login-social-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#ffffffc7;border:1px solid rgba(126,104,88,.12);box-shadow:inset 0 1px #ffffffeb}.login-social-icon svg{width:32px;height:32px}.login-social.wechat .login-social-icon{color:#20bf17;border-color:#20bf1729;background:#f8fff4db}.login-social.wechat svg,.login-social.apple svg,.login-social.phone .phone-mark svg{fill:currentColor}.login-social.apple .login-social-icon{color:#242528}.login-social.phone .login-social-icon{color:#f39b19;border-color:#f39b192e;background:#fffaf1db}.login-social.phone .phone-mark svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.login-terms{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;color:#909196;font-size:15px;line-height:1.35}.login-terms input{width:22px;height:22px;margin:0 3px 0 0;accent-color:var(--login-green)}.login-terms a,.login-terms button{border:0;padding:0;color:var(--login-green);background:transparent;font:inherit;font-weight:800;cursor:pointer}.policy-dialog-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:24px;background:#171c242e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.policy-dialog-sheet{width:min(520px,100%);max-height:min(680px,calc(100% - 20px));overflow-y:auto;display:grid;gap:18px;padding:22px;border-radius:22px;background:#fffffffa;border:1px solid rgba(255,255,255,.88);box-shadow:0 30px 60px #18223429,inset 0 1px #fffffff0}.policy-dialog-head{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:14px;align-items:start}.policy-dialog-head div{min-width:0;display:grid;gap:6px}.policy-dialog-head span{color:var(--login-green);font-size:13px;font-weight:900}.policy-dialog-head h2{margin:0;color:#242528;font-size:28px;line-height:1.08;letter-spacing:0}.policy-dialog-head button{width:40px;height:40px;border:0;border-radius:14px;color:#7b8190;background:#f4f6fa;font-size:24px}.policy-dialog-body{display:grid;gap:12px;color:#596273;font-size:14px;line-height:1.65;font-weight:700}.policy-dialog-body p{margin:0}.policy-dialog-footer{display:flex;justify-content:flex-end}.policy-dialog-footer .primary-button{min-height:42px;padding:0 18px;border-radius:12px;font-size:13px;font-weight:1000}.student-register-layout{grid-template-columns:minmax(0,.95fr) minmax(390px,500px)}.student-register-panel{padding-block:clamp(24px,2.6vw,34px)}.student-register-form{display:grid;gap:14px}.register-form-head{display:grid;gap:6px;text-align:center}.register-form-head strong{color:var(--login-ink);font-size:27px;line-height:1.1}.register-form-head span{color:#7b7c82;font-size:15px;font-weight:700}.register-grid{display:grid;gap:0}.register-field,.register-field:first-child{min-height:68px;grid-template-columns:42px minmax(0,1fr);gap:16px}.register-field:first-child .login-field-copy{grid-column:auto}.register-field .login-icon{width:34px;height:34px}.register-field .login-field-copy{gap:4px}.register-field .login-label{font-size:17px}.register-field input{font-size:16px}.register-terms{margin-top:2px}.register-actions{gap:12px}.register-actions .login-submit{min-height:56px;font-size:23px}.register-actions .login-register{min-height:50px;font-size:20px}@keyframes loginRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes loginFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}@keyframes loginCloud{0%,to{transform:translate(0)}50%{transform:translate(14px)}}@media (max-width: 1100px){.student-login-layout{grid-template-columns:minmax(0,.9fr) minmax(410px,500px);gap:34px}.student-login-scene{min-height:630px}.student-login-title{font-size:clamp(64px,6.8vw,90px)}.student-login-panel{padding:38px 38px 28px}}@media (max-width: 860px){.student-login-page{display:block;padding:0 0 24px;overflow:hidden}.student-login-layout{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:1fr;align-content:start;gap:0}.student-login-scene{min-height:min(42svh,420px);padding:clamp(42px,5svh,62px) 24px 0;text-align:center}.student-login-brand{justify-items:center;gap:18px}.student-login-title{justify-content:center;font-size:clamp(58px,10vw,76px)}.student-login-heart{left:auto;right:27%;top:-8px}.student-login-subtitle{justify-content:center;font-size:clamp(24px,5vw,34px)}.student-login-illustration{inset:clamp(136px,16svh,162px) 0 0}.login-sheep{left:auto;right:13%;bottom:-34px;width:min(36vw,260px);min-width:188px;transform:none;animation-name:loginFloatMobile}.abc-bubble{right:8%;top:12px;width:116px;height:88px;font-size:28px}.hello-card{left:11%;bottom:40px;width:124px;height:94px;font-size:29px}.scene-leaf{bottom:22px}.student-login-panel{width:min(86vw,760px);margin:-16px auto 0;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.student-login-form{padding:clamp(26px,4vw,42px) clamp(30px,5vw,54px) clamp(26px,4vw,38px);border-radius:38px;background:#ffffffeb;border:1px solid rgba(255,255,255,.86);box-shadow:0 20px 44px #70553024,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.student-login-extra{padding:22px 2px 0}}@media (max-width: 900px) and (orientation: portrait){.tablet-shell:has(.student-login-page) .tablet-screen{min-height:calc(100vh - 72px);max-height:calc(100vh - 72px)}.tablet-shell:has(.student-login-page) .student-app{height:calc(100vh - 112px);min-height:calc(100vh - 112px)}}@keyframes loginFloatMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 600px){.tablet-shell:has(.student-login-page) .tablet-screen{overflow:auto}.student-login-page{min-height:100svh;padding-bottom:22px}.login-cloud{opacity:.72}.cloud-left{left:4%;top:25%;width:88px}.cloud-right{right:7%;top:8%;width:96px}.login-hills{height:15vh;min-height:120px}.student-login-scene{min-height:280px;padding-top:34px}.student-login-brand{gap:14px}.student-login-title{font-size:clamp(48px,14.8vw,64px);gap:.1em}.student-login-heart{width:22px;height:22px;right:24%;top:-5px;border-radius:6px 6px 2px}.student-login-heart:before,.student-login-heart:after{width:22px;height:22px}.student-login-heart:before{left:-11px}.student-login-heart:after{top:-11px}.student-login-subtitle{gap:12px;font-size:clamp(20px,6vw,29px)}.student-login-subtitle span{width:18px;height:10px}.student-login-illustration{top:118px;right:0;bottom:0;left:0}.login-sheep{right:11%;bottom:-70px;width:min(42vw,196px);min-width:156px}.hello-card{left:8%;bottom:12px;width:92px;height:72px;border-radius:15px;font-size:23px}.hello-card:after{left:20px;right:18px;bottom:19px}.abc-bubble{right:4%;top:12px;width:90px;height:68px;font-size:22px}.scene-leaf{width:32px;height:66px}.student-login-panel{width:min(86vw,760px);margin-top:0}.student-login-form{padding:20px 24px;border-radius:32px}.login-field,.login-field:first-child{min-height:64px;grid-template-columns:38px minmax(0,1fr) 38px;gap:12px}.login-field-copy{gap:5px}.login-icon{width:29px;height:29px}.login-label{font-size:18px}.login-field input{font-size:17px}.login-eye{width:31px;height:31px}.login-forgot{margin:7px 2px 10px;font-size:15px}.login-actions{gap:10px}.login-submit,.login-register{min-height:48px;font-size:21px}.login-register{min-height:44px;font-size:19px}.login-error{font-size:14px}.student-login-extra{gap:12px;padding-top:14px}.login-divider{gap:16px}.login-divider strong{font-size:16px}.login-socials{gap:10px}.login-social{gap:8px;font-size:13px}.login-social-icon{width:48px;height:48px}.login-social-icon svg{width:29px;height:29px}.login-terms{gap:5px;font-size:14px}.login-terms input{width:20px;height:20px}}@media (max-width: 390px){.student-login-panel{width:calc(100% - 28px)}.student-login-form{padding-inline:22px}.login-social{font-size:14px}}@media (prefers-reduced-motion: reduce){.student-login-page *,.student-login-page *:before,.student-login-page *:after{animation:none!important;transition:none!important}}.admin-file-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px dashed rgba(32,49,40,.18);border-radius:14px;background:#f6f8f4d6}.admin-file-input{display:none}.admin-file-meta{display:grid;gap:4px}.admin-file-meta strong{font-size:14px;color:#203128}.admin-file-meta span{color:#708177;font-size:12px;line-height:1.5}@media (max-width: 820px){.cols-user-min,.admin-file-picker{grid-template-columns:1fr}}@media (max-width: 600px){body{background:#fff}.tablet-shell,.tablet-shell:has(.student-login-page){min-height:100svh;padding:0;display:block;background:var(--theme-home-shell-bg)}.tablet-frame,.tablet-shell:has(.student-login-page) .tablet-frame{width:100%;min-height:100svh;padding:0;border-radius:0;background:transparent;box-shadow:none}.tablet-screen,.tablet-shell:has(.student-login-page) .tablet-screen{min-height:100svh;max-height:none;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);border-radius:0;overflow:hidden;background:var(--theme-home-shell-bg)}.tablet-shell:has(.student-login-page) .tablet-screen{overflow:auto}.tablet-notch,.tablet-statusbar,.tablet-shell:has(.student-login-page) .tablet-notch,.tablet-shell:has(.student-login-page) .tablet-statusbar{display:none}.student-app,.student-app.learn-mode,.student-app.home-shell-mode,.tablet-shell:has(.student-login-page) .student-app{height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-top:0}.tablet-shell:has(.student-login-page) .student-app{height:auto}.student-workspace,.tablet-shell:has(.student-login-page) .student-workspace.auth-mode{min-height:0;padding:0}.tablet-shell:has(.student-login-page) .student-workspace.auth-mode{overflow:visible}.tablet-shell:has(.student-login-page) .student-login-page{height:auto;min-height:100%;border-radius:0;overflow-x:hidden;overflow-y:visible}}@media (max-width: 1120px){.profile-current-package-section{grid-template-columns:1fr}.profile-package-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.profile-package-metrics{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.profile-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.profile-dashboard-main{padding:18px}.profile-identity-section{grid-template-columns:1fr;gap:14px;padding:18px}.profile-identity-tools{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;justify-items:start;align-items:center}.profile-identity-buttons{justify-content:flex-start}.profile-hero-sheep{display:none}.profile-identity-meta,.profile-stat-grid,.profile-package-metrics,.profile-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.profile-dashboard-main{padding:14px}.profile-identity-section,.profile-overview-section,.profile-current-package-section,.profile-actions-section{border-radius:16px;padding:16px}.profile-panel-head h1{font-size:24px}.profile-panel-head h2{font-size:18px}.profile-identity-row{grid-template-columns:58px minmax(0,1fr);gap:12px}.profile-identity-tools,.profile-package-aside,.profile-identity-meta,.profile-stat-grid,.profile-package-metrics,.profile-action-grid{grid-template-columns:1fr}.profile-action-card{min-height:68px}.profile-theme-options{grid-template-columns:1fr}.profile-target-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.profile-simple-card{grid-template-columns:64px minmax(0,1fr)}.profile-simple-edit{grid-column:1 / -1;justify-self:start}.profile-simple-study{grid-template-columns:1fr;grid-template-areas:"head" "progress" "stats" "actions"}.profile-simple-main-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.profile-simple-card,.profile-simple-study,.profile-simple-actions{border-radius:16px;padding:14px}.profile-simple-card{grid-template-columns:58px minmax(0,1fr);gap:12px}.profile-simple-avatar{width:58px;min-height:58px}.profile-simple-avatar .profile-main-avatar{width:54px!important;height:54px!important;border-radius:19px!important}.profile-simple-copy h1,.profile-simple-study-head h2{font-size:24px}.profile-simple-main-actions,.profile-simple-actions{grid-template-columns:1fr}}@media (max-width: 600px) and (orientation: portrait){:root{--phone-page-x: 14px;--phone-bottom-nav-height: calc(72px + env(safe-area-inset-bottom)) ;--phone-surface: rgba(255, 253, 248, .98);--phone-line: rgba(88, 68, 46, .08)}html,body,#app{width:100%;min-height:100%;overflow:hidden}body{background:var(--theme-home-shell-bg)}.tablet-shell,.tablet-shell:has(.student-login-page){width:100%;min-height:100svh;overflow:hidden;background:var(--theme-home-shell-bg)}.tablet-screen,.tablet-shell:has(.student-login-page) .tablet-screen{width:100%;min-height:100svh;height:100svh;overflow:hidden;background:var(--theme-home-shell-bg)}.student-app,.student-app.home-shell-mode,.student-app.learn-mode,.student-app.print-mode{width:100%;height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}.student-workspace,.student-workspace.home-mode,.student-workspace.print-mode{min-height:0;overflow:hidden}.home-dashboard-page,.profile-dashboard-page,.package-select-page,.vocab-book-page,.learning-record-page,.assessment-page{height:100%;min-height:0;display:block;overflow:hidden;padding:0;background:var(--theme-home-shell-bg)}.home-dashboard-main,.profile-dashboard-main,.package-select-board,.vocab-book-board,.learning-record-board,.assessment-page .assessment-main{width:100%;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--phone-page-x) var(--phone-page-x) calc(var(--phone-bottom-nav-height) + 14px);border:0;border-radius:0;background:var(--theme-home-shell-bg);box-shadow:none}.student-side-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;width:100%;height:var(--phone-bottom-nav-height);min-height:var(--phone-bottom-nav-height);display:grid;grid-template-rows:1fr;gap:0;padding:7px 8px calc(env(safe-area-inset-bottom) + 7px);border:0;border-top:1px solid rgba(88,68,46,.08);border-radius:20px 20px 0 0;background:#fffffff5;box-shadow:0 -12px 32px #28231c14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.student-side-head,.student-side-today{display:none}.student-side-menu{width:100%;height:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:2px;padding:0}.student-side-menu-item{min-width:0;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:28px 16px;align-content:center;justify-items:center;gap:2px;padding:4px 2px;border-radius:14px;background:transparent;text-align:center}.student-side-menu-item.active{background:#1f978f1a}.student-side-menu-item span{width:28px;height:28px;border-radius:10px;background:transparent}.student-side-menu-item.active span{color:#fff;background:var(--teal);box-shadow:0 8px 18px #1f978f2e}.student-side-menu-item svg{width:17px;height:17px}.student-side-menu-item strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.05}.home-hero-panel{min-height:calc(100svh - var(--phone-bottom-nav-height) - 28px);border-radius:24px;grid-template-rows:auto minmax(180px,1fr)}.home-hero-copy{width:min(100%,318px);padding-top:68px}.home-hero-copy h1{max-width:100%;font-size:clamp(32px,10vw,38px);line-height:1.05;overflow-wrap:anywhere}.home-hero-tools{top:12px;right:12px}.home-task-panel{left:10px;right:10px;bottom:10px}.home-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-task-card{min-height:86px;padding:9px 7px}.home-task-copy strong{font-size:19px}.home-reward-layer,.profile-action-layer,.package-preview-layer,.learning-record-detail-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;align-items:end;justify-items:stretch;padding:12px}.home-reward-panel,.profile-action-sheet,.package-preview-panel,.learning-record-detail{width:100%;max-height:calc(100svh - 24px);border-radius:22px 22px 18px 18px}.package-select-board,.vocab-book-board,.learning-record-board{display:grid;align-content:start;gap:12px}.package-select-header,.vocab-book-header,.learning-record-header{position:sticky;top:0;z-index:6;margin:calc(-1 * var(--phone-page-x)) calc(-1 * var(--phone-page-x)) 0;padding:14px var(--phone-page-x) 10px;background:#fffdf8f5;border-bottom:1px solid var(--phone-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.package-select-title h1,.vocab-book-title h1,.learning-record-title h1{font-size:25px;line-height:1.08}.package-select-title p,.vocab-book-title p{font-size:12px}.package-select-toolbar,.vocab-book-actions{grid-column:1 / -1;width:100%}.package-search-field,.vocab-search-field{min-height:44px;border-radius:14px}.package-shelf-tabs,.package-category-tabs,.vocab-filter-tabs,.learning-record-tabs,.learning-record-kind-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.package-shelf-tabs::-webkit-scrollbar,.package-category-tabs::-webkit-scrollbar,.vocab-filter-tabs::-webkit-scrollbar,.learning-record-tabs::-webkit-scrollbar,.learning-record-kind-tabs::-webkit-scrollbar{display:none}.package-shelf-tab,.package-category-tab,.vocab-filter-tab,.learning-record-tabs button,.learning-record-kind-tabs button{flex:0 0 auto;white-space:nowrap}.package-select-list,.vocab-book-list{display:flex;flex-direction:column;gap:12px;overflow:visible;padding-right:0}.package-select-item{min-height:auto;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:12px;padding:14px;border-radius:16px;box-shadow:none}.package-select-cover{width:60px;height:60px}.package-select-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.package-item-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px}.package-preview-button,.package-start-button,.package-leave-button,.package-preview-secondary,.package-preview-primary{min-height:46px;border-radius:14px}.vocab-book-actions{display:grid;grid-template-columns:42px repeat(3,minmax(0,1fr));gap:8px}.vocab-practice-button,.vocab-primary-button{min-width:0;padding:0 8px;justify-content:center}.vocab-practice-button span,.vocab-primary-button span{font-size:11px}.vocab-book-summary,.learning-record-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vocab-summary-card,.learning-record-stat{min-height:68px;padding:10px;border-radius:14px;box-shadow:none}.vocab-book-item,.learning-record-item{border-radius:15px;box-shadow:none}.vocab-book-item{min-height:auto;grid-template-columns:56px minmax(0,1fr) 38px;grid-template-rows:auto;align-items:center;gap:10px 12px;padding:14px;overflow:visible}.vocab-word-mark{width:54px;height:54px}.vocab-word-main{align-self:start}.vocab-word-meta{display:none}.vocab-word-note,.vocab-remove-button{grid-column:1 / -1}.vocab-word-note{display:none}.vocab-remove-button{grid-column:3;grid-row:1;width:38px;height:38px;min-height:38px;padding:0;border-radius:13px;justify-self:end}.vocab-remove-button span{display:none}.learning-record-content,.learning-record-aside{display:grid;grid-template-columns:1fr;gap:12px}.learning-record-list-panel,.learning-record-weak-panel{min-height:auto;border-radius:16px}.learning-record-item{grid-template-columns:38px minmax(0,1fr);padding:12px}.learning-record-result{grid-column:2;justify-self:start;text-align:left}.profile-dashboard-main{gap:12px}.profile-simple-card,.profile-simple-study,.profile-simple-actions{border:0;box-shadow:none;background:var(--phone-surface)}.profile-simple-copy h1,.profile-simple-study-head h2{font-size:22px}.profile-simple-main-actions{grid-template-columns:1fr}.profile-action-buttons{display:grid;grid-template-columns:1fr}.profile-action-buttons .primary-button,.profile-action-buttons .secondary-button{width:100%;min-height:46px}.assessment-page .assessment-main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding-bottom:calc(var(--phone-bottom-nav-height) + 14px)}.assessment-page .assessment-head{position:sticky;top:0;z-index:6;margin:calc(-1 * var(--phone-page-x)) calc(-1 * var(--phone-page-x)) 0;padding:12px var(--phone-page-x) 10px;background:#fffdf8f5;border-bottom:1px solid var(--phone-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.assessment-page .assessment-head h1{font-size:24px}.assessment-page .assessment-start,.assessment-page .assessment-question,.assessment-page .assessment-result{overflow-y:auto}.assessment-page .assessment-start{align-content:start;gap:16px;padding:18px 0 22px}.assessment-page .assessment-start h2,.assessment-page .assessment-question h2{font-size:clamp(26px,8vw,34px)}.assessment-page .assessment-question{grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px}.assessment-page .assessment-question-body{align-content:start;gap:16px;padding:8px 0}.assessment-page .assessment-options button{min-height:58px;border-radius:16px;padding:12px 14px;font-size:19px}.assessment-page .assessment-spelling input{height:58px;border-radius:16px;font-size:22px}.assessment-page .assessment-result{display:grid;grid-template-columns:1fr;gap:12px}.assessment-page .assessment-score,.assessment-page .assessment-weak,.assessment-page .assessment-breakdown article{border-radius:18px}.assessment-page .assessment-score{padding:18px}.assessment-page .assessment-score strong{font-size:clamp(58px,18vw,82px)}.student-app.learn-mode{gap:5px}.student-rail.study-mode,.student-rail.material-mode{margin:0 var(--phone-page-x);border-radius:18px;background:#ffffffe6;box-shadow:none}.learning-shell{height:100%;gap:4px}.learning-canvas{border-radius:20px}.learning-poster,.review-image-stage,.review-teach-poster,.learning-letter-stage,.learning-sentence-stage,.learning-result-stage{padding-top:44px}.learning-companion-dock{bottom:calc(env(safe-area-inset-bottom) + 64px)}.learning-recording-meter{bottom:calc(env(safe-area-inset-bottom) + 54px)}.complete-screen{height:100%;overflow-y:auto;align-content:start;padding:12px var(--phone-page-x) calc(env(safe-area-inset-bottom) + 18px)}.complete-hero{min-height:auto;padding:18px;border:0;border-radius:22px;box-shadow:none;background:var(--phone-surface)}.complete-actions{gap:10px}.complete-actions .primary-button.large,.complete-actions .secondary-button.large{min-height:52px}.cutout-coach-page,.print-coach-page{height:100%;min-height:0;display:grid;grid-template-columns:1fr;gap:10px;overflow-y:auto;padding:0 var(--phone-page-x) calc(env(safe-area-inset-bottom) + 12px)}.cutout-coach-board,.cutout-coach-side,.print-coach-board,.print-coach-side{border:0;border-radius:20px;box-shadow:none}.cutout-coach-board,.print-coach-board{padding:14px}.cutout-coach-side{grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left}.cutout-coach-side .virtual-companion-panel{width:82px}.cutout-mini-stats{grid-column:1 / -1;justify-content:flex-start}.cutout-paper-stack{align-content:start}.cutout-paper-strip{min-height:58px;border-radius:16px}.cutout-paper-strip strong{font-size:clamp(24px,8vw,34px)}.print-coach-page{padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.print-paper-stage{padding:8px;border-radius:18px}.paper-preview.a4-sheet{width:min(100%,340px);min-height:auto}.paper-preview.compact{padding:18px 14px}.print-page{min-height:500px}.print-actions-card{gap:10px;padding:12px;border-radius:18px;box-shadow:none}.print-mode-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.print-mode-button{min-height:44px;justify-content:center;padding:0 8px;text-align:center}.print-mode-button strong{font-size:12px}.tablet-shell:has(.student-login-page),.tablet-shell:has(.student-login-page) .tablet-screen,.tablet-shell:has(.student-login-page) .student-app{height:auto;min-height:100svh;overflow:auto}.tablet-shell:has(.student-login-page) .student-workspace.auth-mode{overflow:visible}.student-login-page{min-height:auto;display:block;overflow:visible;padding:18px var(--phone-page-x) 24px}.login-cloud,.login-hills,.student-login-illustration{display:none}.student-login-layout,.student-register-layout{height:auto;display:block}.student-login-scene,.student-register-scene{min-height:auto;padding:6px 0 4px}.student-login-brand{justify-items:start;gap:8px}.student-login-title{justify-content:flex-start;font-size:clamp(34px,11.2vw,44px);line-height:1.02;text-shadow:none}.student-login-heart{display:none}.student-login-subtitle{gap:8px;font-size:14px}.student-login-subtitle span{display:none}.student-login-panel,.student-register-panel{width:100%;margin:14px 0 0}.student-login-form,.student-register-form{padding:18px;border:1px solid rgba(88,68,46,.08);border-radius:22px;background:#fffffff0;box-shadow:0 14px 34px #7055301a}.register-form-head{text-align:left}.register-form-head strong{font-size:24px}.login-field,.login-field:first-child,.register-field,.register-field:first-child{min-height:58px;grid-template-columns:34px minmax(0,1fr) 34px;gap:10px}.register-field,.register-field:first-child{grid-template-columns:34px minmax(0,1fr)}.login-label,.register-field .login-label,.login-field input,.register-field input{font-size:15px}.login-submit,.login-register,.register-actions .login-submit,.register-actions .login-register{min-height:46px;font-size:18px}.student-login-extra{gap:10px;padding-top:12px}.login-divider strong,.login-social{font-size:12px}.login-social-icon{width:42px;height:42px}.login-terms{align-items:flex-start;justify-content:flex-start;font-size:12px;text-align:left}.policy-dialog-layer{position:fixed;align-items:end;padding:12px}.policy-dialog-sheet{width:100%;max-height:calc(100svh - 24px);border-radius:22px}}@media (max-width: 380px) and (orientation: portrait){:root{--phone-page-x: 10px}.student-side-nav{padding-inline:5px}.student-side-menu-item strong{font-size:9px}.home-hero-copy{width:min(100%,292px)}.home-continue-button{min-width:0;width:100%}.home-task-grid{gap:5px}.home-task-card{padding-inline:5px}.package-select-item,.vocab-book-item,.learning-record-item{padding:10px}.vocab-book-actions{grid-template-columns:38px repeat(3,minmax(0,1fr));gap:5px}.vocab-practice-button span,.vocab-primary-button span{font-size:10px}.print-mode-switch{grid-template-columns:1fr}}.tablet-statusbar{color:#41515b}.student-rail,.student-rail.compact-mode,.student-profile-card,.student-profile-stat,.progress-pill,.secondary-button,.tool-button,.home-icon-button,.home-package-option,.home-reward-panel,.package-select-item,.vocab-book-item,.learning-record-item{border-color:#273a401a;box-shadow:0 14px 30px #23363c12,inset 0 1px #ffffffe6}.student-rail,.student-rail.compact-mode{background:#fffffcd1}.rail-brand{border-right-color:#273a4017}.rail-logo,.study-profile-avatar,.account-avatar:not(.has-image),.student-profile-sheet-avatar,.auth-mark,.auth-refined-mark,.auth-simple-mark{background:radial-gradient(circle at 32% 28%,rgba(232,116,85,.28),transparent 27%),radial-gradient(circle at 72% 38%,rgba(27,154,133,.22),transparent 30%),linear-gradient(180deg,#fffefd,#ecf5ef);border-color:#9ab2ab47;color:var(--primary-strong)}.primary-button,.stepper-button.primary,.login-submit,.package-preview-primary,.vocab-primary-button{background:linear-gradient(135deg,var(--theme-action-bg, var(--primary)) 0%,var(--primary-strong) 100%);color:#fff;box-shadow:0 16px 32px #c95c4333}.accent-button,.package-start-button,.package-empty-button,.home-package-library-link,.vocab-practice-button,.learning-record-text-button{background:#1b9a851a;border-color:#1b9a852e;color:#157d6c}.text-input:focus,.package-search-field:focus-within,.vocab-search-field:focus-within{border-color:#1b9a8547;box-shadow:0 0 0 4px #1b9a8514}.progress-fill.warm{background:linear-gradient(90deg,#d8a84a,#c99134)}.progress-fill.cool,.package-select-progress-fill,.home-reward-badge i b{background:linear-gradient(90deg,#36b49d,var(--teal))}.student-toast,.inline-feedback.success{background:#4fae731f;border-color:#4fae7338;color:#2f724c}.student-side-profile-copy strong,.student-side-today strong,.package-select-title h1,.package-select-item-head h2,.vocab-book-title h1,.learning-record-title h1,.home-task-panel h2,.home-task-copy strong,.home-package-popover-head strong,.home-package-copy strong,.home-reward-head h2,.home-reward-badge strong{color:var(--text)}.student-side-profile-copy small,.student-side-today span,.package-select-title p,.package-select-description,.vocab-book-title p,.learning-record-panel-head span,.home-task-copy span,.home-task-copy small,.home-package-popover-head span,.home-package-copy small,.home-reward-badge small{color:var(--muted)}.student-side-menu-item{--side-color: #1b9a85;--side-bg: rgba(27, 154, 133, .1)}.student-side-menu-item.review{--side-color: #c5822e;--side-bg: rgba(216, 168, 74, .14)}.student-side-menu-item.packages,.student-side-menu-item.speech{--side-color: #4f77c7;--side-bg: rgba(79, 119, 199, .12)}.student-side-menu-item.profile,.student-side-menu-item.wordbook{--side-color: #7469c9;--side-bg: rgba(116, 105, 201, .12)}.student-side-toggle:hover{color:#157d6c}.student-side-today{border-color:var(--theme-panel-border);box-shadow:0 14px 26px #23363c0e}.home-icon-button.reward{color:#b56d29;background:linear-gradient(180deg,#fff8e9,#fff)}.home-icon-button.notice{color:#4f77c7;background:linear-gradient(180deg,#eef4ff,#fff)}.home-icon-button.package-switch.active{color:#fff;background:linear-gradient(180deg,var(--theme-action-bg) 0%,var(--primary-strong) 100%);box-shadow:0 14px 28px #c95c432e,inset 0 1px #ffffff47}.home-package-option:hover,.home-package-option.active{border-color:#1b9a8547}.home-package-option.active,.home-package-option em,.package-joined-tag,.package-shelf-tab.active span,.vocab-word-meta span,.learning-record-line span{background:#1b9a851a;color:#157d6c}.home-package-mark,.home-package-option.active em{background:linear-gradient(145deg,#38b49f,#1b8676)}.home-reward-head span,.vocab-book-title span,.package-category-tab:hover,.vocab-filter-tab:hover,.learning-record-kind-tabs button:hover:not(:disabled){color:#157d6c}.home-reward-badge.earned{background:linear-gradient(135deg,#ecf8f2fa,#fff9eeeb);border-color:#1b9a8538}.home-reward-icon,.vocab-summary-card>span,.learning-record-stat>span,.learning-record-type{color:#1b9a85;background:#1b9a851c}.home-hero-bubble{color:#314247;background:#fffffcd6;box-shadow:0 14px 30px #23363c14}.home-hero-bubble span{color:var(--primary-strong)}.home-task-panel{background:#fffffcf2;box-shadow:0 14px 30px #23363c11,inset 0 1px #ffffffeb}.home-task-card.featured{background:#fffffcc7;border-color:#1b9a852e}.home-task-card.mint .home-task-icon,.home-task-card.mint .home-task-fill{background:#1b9a85}.home-task-card.orange .home-task-icon,.home-task-card.orange .home-task-fill{background:#d49a3d}.home-task-card.blue .home-task-icon,.home-task-card.blue .home-task-fill{background:#4f77c7}.package-category-tab.active,.package-shelf-tab.active,.vocab-filter-tab.active,.learning-record-tabs button.active,.learning-record-kind-tabs button.active{background:linear-gradient(135deg,#38b49f,#1b9a85);color:#fff;box-shadow:0 12px 22px #1b9a8529}.package-select-cover.tone-primary,.vocab-word-mark{background:linear-gradient(145deg,#597dcf,#27a78f)}.package-select-cover.tone-middle,.package-select-cover.tone-life{background:linear-gradient(145deg,#38b49f,#247f7a)}.package-select-cover.tone-high{background:linear-gradient(145deg,#8274d0,#5f56b3)}.package-select-cover.tone-college{background:linear-gradient(145deg,#5e87d1,#3f66b5)}.package-select-cover.tone-abroad{background:linear-gradient(145deg,#e18468,#c95c43)}.student-login-page{--login-green: #1b9a85;--login-green-dark: #157d6c;--login-mint: #86d8c0;--login-orange: #e87455;--login-brown: #687681;--login-ink: #24313a;--login-line: rgba(39, 58, 64, .14);background:radial-gradient(circle at 12% 16%,rgba(232,116,85,.1),transparent 24%),radial-gradient(circle at 84% 12%,rgba(27,154,133,.12),transparent 24%),linear-gradient(145deg,#ffffffd1,#f4f9f394 44%,#e9f2edad),#f7faf5}.tablet-shell:has(.student-login-page) .tablet-frame{background:linear-gradient(180deg,#20282a,#111719);box-shadow:0 42px 90px #1421242e,inset 0 1px #ffffff14}.tablet-shell:has(.student-login-page) .tablet-screen{background:#f7faf5}.student-login-panel{box-shadow:0 24px 62px #23363c1f,inset 0 1px #fffffff0}.login-register{border-color:#1b9a856b;color:#157d6c}