@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter,.enabled\:filter:enabled{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}*{box-sizing:border-box}body{color:#172033;background:#f6f7fb;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#fff;border-right:1px solid #e8e9ef;flex-direction:column;width:248px;padding:22px 15px;display:flex;position:fixed;inset:0 auto 0 0}.logo{color:#5c4fd6;align-items:center;gap:11px;padding:5px 10px 28px;font-size:20px;font-weight:900;display:flex}.logo-mark{color:#fff;background:#6959e5;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.nav-title{color:#a1a8b5;letter-spacing:.7px;padding:8px 12px;font-size:11px;font-weight:800}.nav-item{text-align:left;color:#65718a;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:11px 12px;font-weight:700;display:flex}.nav-item:hover{background:#f5f3ff}.nav-item.active{color:#5f50d8;background:#eeeaff}.sidebar-bottom{margin-top:auto}.premium{color:#fff;background:linear-gradient(145deg,#6959e5,#8d7cf4);border-radius:15px;margin:15px 4px;padding:16px}.main{width:calc(100% - 248px);min-height:100vh;margin-left:248px}.topbar{z-index:15;background:#fff;border-bottom:1px solid #e8e9ef;align-items:center;gap:18px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.search{background:#f9fafc;border:1px solid #e0e2e9;border-radius:11px;width:min(420px,45%);padding:10px 14px}.user{align-items:center;gap:10px;margin-left:auto;display:flex}.avatar{background:#fff0e4;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.content{max-width:1400px;margin:auto;padding:28px}.hero{color:#fff;background:linear-gradient(120deg,#6959e5,#8b7cf1);border-radius:22px;justify-content:space-between;align-items:center;min-height:250px;padding:34px 38px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:#ffffff12;border-radius:50%;width:260px;height:260px;position:absolute;top:-100px;right:-60px}.hero-copy{z-index:1;width:58%}.hero h1{margin:10px 0;font-size:34px}.hero p{color:#e6e2ff;line-height:1.7}.hero-actions{gap:10px;margin-top:18px;display:flex}.hero-visual{z-index:1;width:38%}.btn{border:0;border-radius:10px;padding:10px 16px;font-weight:800}.btn-primary{color:#fff;background:#6959e5}.btn-white{color:#5d4ed3;background:#fff}.btn-outline{color:#59657c;background:#fff;border:1px solid #dfe1e9}.btn-green{color:#fff;background:#20c997}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0;display:grid}.stat{background:#fff;border:1px solid #e9eaf1;border-radius:15px;align-items:center;gap:12px;padding:17px;display:flex}.stat-icon{border-radius:12px;place-items:center;width:45px;height:45px;font-size:21px;display:grid}.stat b{margin-bottom:2px;font-size:22px;display:block}.stat small{color:#8b96aa;font-weight:700}.grid-main{grid-template-columns:minmax(0,1.8fr) minmax(270px,.75fr);gap:20px;display:grid}.card{background:#fff;border:1px solid #e9eaf1;border-radius:18px;padding:21px;box-shadow:0 5px 18px #17203308}.card-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-head h2{margin:0;font-size:17px}.link{color:#6959e5;background:0 0;border:0;font-size:13px;font-weight:800}.plan-card{border:1px solid #ececf3;border-radius:15px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;margin-top:12px;padding:17px;display:grid}.plan-icon{border-radius:14px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.plan-card h3{margin:0 0 5px;font-size:15px}.plan-card p{color:#8a94a8;margin:0 0 9px;font-size:12px}.progress{background:#ececf3;border-radius:10px;height:7px;overflow:hidden}.progress span{background:linear-gradient(90deg,#6d5ee9,#8d80f5);border-radius:10px;height:100%;display:block}.level-ring{background:conic-gradient(#6959e5 0 72%,#ebe9f8 72%);border-radius:50%;place-items:center;width:110px;height:110px;margin:8px auto 12px;display:grid;position:relative}.level-ring:before{content:"";background:#fff;border-radius:50%;width:84px;height:84px;position:absolute}.level-ring strong{color:#594bd6;font-size:28px;position:relative}.center{text-align:center}.muted{color:#8994a8;font-size:13px}.badges{justify-content:center;gap:9px;margin-top:15px;display:flex}.badge{background:#fff6de;border:2px solid #ffe6a5;border-radius:50%;place-items:center;width:43px;height:43px;font-size:21px;display:grid}.badge.locked{filter:grayscale();opacity:.35}.words-table{border-collapse:collapse;width:100%}.words-table th{letter-spacing:.5px;color:#9aa3b4;text-align:left;border-bottom:1px solid #ececf3;padding:10px;font-size:11px}.words-table td{border-bottom:1px solid #f0f1f5;padding:12px 10px;font-size:13px}.chip{border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.chip.green{color:#159970;background:#e5faf3}.chip.orange{color:#db7c18;background:#fff1df}.chip.purple{color:#6453db;background:#eeeaff}.speaker{color:#6252dc;background:#f0edff;border:0;border-radius:10px;width:34px;height:34px}.page-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-title h1{margin:0 0 5px;font-size:26px}.page-title p{color:#8792a7;margin:0;font-size:14px}.role-switch{background:#eeecf7;border-radius:12px;padding:4px;display:flex}.role-switch button{color:#77839a;background:0 0;border:0;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:800}.role-switch button.active{color:#5f50d8;background:#fff;box-shadow:0 2px 8px #30277718}.import-zone{text-align:center;background:#faf9ff;border:2px dashed #cfc9f6;border-radius:18px;padding:32px;transition:all .2s}.import-zone:hover{background:#f6f3ff;border-color:#7667e7}.import-zone input{display:none}.import-icon{color:#6554df;background:#ede9ff;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 13px;font-size:27px;display:grid}.tabs{border-bottom:1px solid #e9eaf0;gap:7px;margin-bottom:20px;display:flex}.tabs button{color:#8190a7;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 14px;font-weight:800}.tabs button.active{color:#6253dc;border-color:#6253dc}.textarea{resize:vertical;border:1px solid #dfe1ea;border-radius:13px;outline:0;width:100%;min-height:130px;padding:14px}.textarea:focus{border-color:#8b7fee;box-shadow:0 0 0 3px #7566e614}.input{border:1px solid #dfe1ea;border-radius:11px;outline:0;width:100%;padding:10px 12px}.input:focus{border-color:#8b7fee}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview-list{max-height:360px;overflow:auto}.preview-word{border-bottom:1px solid #eeeef3;grid-template-columns:1fr 1.2fr 1fr auto;align-items:center;gap:8px;padding:9px 0;display:grid}.overlay{z-index:50;background:#15182c88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:min(760px,100%);max-height:90vh;padding:25px;overflow:auto;box-shadow:0 26px 70px #10132955}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h2{margin:0}.close{background:#f1f2f6;border:0;border-radius:10px;width:34px;height:34px}.practice{flex-direction:column;min-height:510px;display:flex}.practice-top{justify-content:space-between;align-items:center;display:flex}.question-card{text-align:center;width:min(520px,100%);margin:auto}.word-big{letter-spacing:-1px;margin:14px 0 8px;font-size:46px}.phonetic{color:#8791a4;margin-bottom:22px}.answer-panel{background:#f7f6fd;border-radius:16px;margin:15px 0;padding:20px}.choice{text-align:left;background:#fff;border:1px solid #e0e1ea;border-radius:12px;width:100%;margin:9px 0;padding:13px;font-weight:700;display:block}.choice:hover{background:#f8f6ff;border-color:#8174ea}.choice.correct{color:#168764;background:#e9fbf5;border-color:#20c997}.choice.wrong{color:#d85352;background:#fff0f0;border-color:#ff7675}.toast{color:#fff;z-index:80;background:#172033;border-radius:12px;padding:13px 18px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #17203344}.loading-dot{animation:1s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.5}}.page-actions,.row-actions,.modal-actions{align-items:center;gap:9px;display:flex}.enrich-banner{color:#5a4bdd;background:#eeeaff;border:1px solid #d9d3ff;border-radius:13px;align-items:center;gap:9px;margin-bottom:15px;padding:12px 15px;font-size:13px;font-weight:800;display:flex}.enrich-banner small{color:#7d75ad;margin-left:auto;font-weight:600}.icon-btn{color:#65718a;background:#f1f2f6;border:0;border-radius:10px;width:34px;height:34px}.icon-btn:hover{color:#5d4ed7;background:#e9e6ff}.icon-btn.danger:hover{color:#d84f4f;background:#fff0f0}.interactive-sentence{text-align:left;line-height:1.7}.interactive-sentence.compact{font-size:12px}.sentence-line{color:#35415a;align-items:flex-start;gap:8px;display:flex}.sentence-line>span{flex:1}.sentence-word{color:#35415a;background:0 0;border:0;border-bottom:1px dashed #a99fee;padding:0 1px;font-weight:700;display:inline}.sentence-word:hover{color:#5f50d8;background:#f1efff;border-radius:4px}.sentence-speak{color:#6252dc;background:#f0edff;border:0;border-radius:9px;flex:none;width:30px;height:30px}.sentence-translation{color:#8a94a8;margin-top:3px}.edit-word-modal label{color:#59667d;margin-bottom:14px;font-size:13px;font-weight:800;display:block}.edit-word-modal label .input,.edit-word-modal label .textarea{color:#172033;margin-top:7px;font-weight:400}.textarea.short{min-height:82px}.modal-actions{justify-content:flex-end;margin-top:20px}.drawer-backdrop{z-index:70;background:#17203355;justify-content:flex-end;display:flex;position:fixed;inset:0}.lookup-drawer{background:#fff;width:min(430px,94vw);height:100%;padding:25px;animation:.22s ease-out drawerIn;overflow:auto;box-shadow:-18px 0 50px #1720332b}.drawer-head{border-bottom:1px solid #ececf3;justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.drawer-head small{color:#8b96aa;font-weight:800}.drawer-head h2{margin:5px 0 0;font-size:32px}.drawer-loading,.lookup-error{color:#5f50d8;background:#f2efff;border-radius:12px;margin:18px 0;padding:14px}.lookup-error{color:#c94d4d;background:#fff0f0}.lookup-choice{border:1px solid #e6e6ef;border-radius:16px;margin-top:16px;padding:18px}.lookup-label{color:#6152d9;background:#eeeaff;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-block}.lookup-word-row{justify-content:space-between;align-items:center;margin:13px 0;display:flex}.lookup-word-row h3{margin:0;font-size:25px}.lookup-word-row span{color:#8791a4}.lookup-meaning{color:#38445b;font-weight:800}.lookup-example{background:#f7f6fd;border-radius:12px;flex-direction:column;gap:5px;margin:12px 0 15px;padding:12px;display:flex}.lookup-example span{color:#8490a5;font-size:13px}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.phrase-mode-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0;display:grid}.phrase-mode-card{text-align:left;background:#fff;border:1px solid #e7e7ef;border-radius:15px;align-items:center;gap:11px;padding:15px;display:flex;box-shadow:0 4px 14px #17203308}.phrase-mode-card:hover{border-color:#9e94ed;transform:translateY(-2px)}.phrase-mode-card>span{background:#eeeaff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.phrase-mode-card div{flex:1}.phrase-mode-card b,.phrase-mode-card small{display:block}.phrase-mode-card small{color:#8b96aa;margin-top:4px}.phrase-mode-card i{color:#6959e5}.phrase-toolbar{grid-template-columns:1fr 180px;gap:12px;display:grid}.phrase-categories{gap:7px;padding:14px 0;display:flex;overflow:auto}.phrase-categories button{color:#72809a;background:#f2f3f7;border:0;border-radius:10px;min-width:34px;height:34px;font-weight:800}.phrase-categories button.active{color:#fff;background:#6959e5}.phrase-list{flex-direction:column;display:flex}.phrase-row{border-top:1px solid #eeeef3;grid-template-columns:34px 42px minmax(0,1fr) auto;align-items:flex-start;gap:10px;padding:14px 3px;display:grid}.favorite-btn{color:#b5bcc9;background:0 0;border:0;font-size:22px}.favorite-btn.active{color:#ffb020}.phrase-number{color:#9aa3b4;padding-top:5px;font-size:12px}.phrase-content{min-width:0}.phrase-meta{margin-top:6px}.phrase-practice-card{min-height:560px;display:flex}.phrase-big{margin:24px 0;font-size:34px;line-height:1.35}.practice-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.listening-button{color:#5c4ed7;background:#eeeaff;border:0;border-radius:28px;width:86px;height:86px;margin:25px;font-size:35px}.phrase-answer{text-align:center;margin:18px 0;font-size:19px}.phrase-import-preview{border:1px solid #e7e8ef;border-radius:12px;max-height:260px;margin-top:14px;padding:8px;overflow:auto}.phrase-import-preview>div{border-bottom:1px solid #eeeef3;grid-template-columns:1fr 1fr;gap:10px;padding:8px;display:grid}.phrase-import-preview span{color:#7d899e}.phrase-library-card{min-height:420px}.mobile-menu,.mobile-nav{display:none}@media (max-width:980px){.sidebar{display:none}.main{width:100%;margin-left:0}.topbar{padding:0 18px}.mobile-menu{background:#f1effc;border:0;border-radius:11px;width:38px;height:38px;display:block}.grid-main{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.content{padding:20px}.hero{align-items:flex-start;gap:20px}.hero-actions{flex-direction:column}.mobile-nav{z-index:30;background:#fff;border-top:1px solid #e7e8ef;justify-content:space-around;padding:8px 5px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#7e899d;background:0 0;border:0;font-size:11px;font-weight:800}.mobile-nav span{font-size:20px;display:block}.content{padding-bottom:85px}}@media (max-width:600px){.topbar .search{display:none}.content{padding:16px}.hero{padding:22px;display:block}.hero-actions{flex-direction:row;margin-top:18px}.stats{gap:10px}.stat{padding:13px}.stat-icon{width:39px;height:39px}.stat b{font-size:18px}.page-title{align-items:flex-start}.plan-card{grid-template-columns:42px 1fr}.plan-card>.btn{grid-column:1/-1}.form-row{grid-template-columns:1fr}.preview-word{grid-template-columns:1fr 1fr}.preview-word button{display:none}.word-big{font-size:38px}.role-switch{display:none}.page-title{flex-direction:column;gap:14px}.page-actions{flex-wrap:wrap;width:100%}.page-actions .btn{flex:1}.enrich-banner{flex-wrap:wrap;align-items:flex-start}.enrich-banner small{width:100%;margin-left:0}.lookup-drawer{width:100vw;padding:20px}.edit-word-modal{padding:20px}.row-actions{min-width:120px}.interactive-sentence{min-width:240px}}@media (max-width:760px){.phrase-mode-grid{grid-template-columns:1fr 1fr}.phrase-toolbar{grid-template-columns:1fr}.phrase-row{grid-template-columns:30px minmax(0,1fr) auto}.phrase-number{display:none}.phrase-row .row-actions{flex-direction:column;min-width:auto}.phrase-big{font-size:26px}.phrase-practice-card{min-height:500px;padding:15px}.phrase-import-preview>div{grid-template-columns:1fr}.phrase-mode-card:last-child{grid-column:1/-1}}.app-loading{text-align:center;color:#26324a;background:linear-gradient(145deg,#f8f6ff,#eef8ff);place-content:center;justify-items:center;min-height:100vh;padding:24px;display:grid}.app-loading p{color:#7f8ba0}.loading-orb{color:#fff;background:#6959e5;border-radius:24px;place-items:center;width:72px;height:72px;margin-bottom:14px;font-size:30px;font-weight:900;display:grid;box-shadow:0 18px 40px #6959e544}.loading-orb.error{background:#ff7675}.save-indicator{white-space:nowrap;color:#758199;background:#f4f5f8;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:800;display:flex}.save-indicator.saving{color:#6657dd;background:#f0edff}.save-indicator.error{color:#c64e4e;background:#fff0f0}.save-indicator button{color:inherit;background:0 0;border:0;padding:0;font-weight:900;text-decoration:underline}@media (max-width:760px){.save-indicator{z-index:45;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #17203318}.save-indicator.saved{display:none}}:root{--ink:#202842;--muted:#71809b;--purple:#725cf4;--purple-dark:#4f3ac8;--violet:#9f8cff;--mint:#54d9b2;--mint-soft:#dff9ef;--sky:#dff1ff;--sun:#ffd76a;--surface:#ffffffeb;--line:#e9e7f6;--shadow:0 18px 45px #44358f18;--shadow-strong:0 24px 70px #3d2e8d28}html{scroll-behavior:smooth}body{background-color:#0000;background-image:radial-gradient(circle at 82% 8%,#dff9ef 0,#0000 27%),radial-gradient(circle at 30% 0,#ebe6ff 0,#0000 33%),linear-gradient(145deg,#f9f8ff 0%,#eef8ff 48%,#f5fffb 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #9c8cff66}.app-shell{background-image:radial-gradient(circle at 8% 88%,#8b74ff12 0 120px,#0000 121px),radial-gradient(circle at 94% 42%,#54d9b214 0 150px,#0000 151px);position:relative}.sidebar{color:#fff;background:linear-gradient(#35257e 0%,#4b36ad 48%,#362783 100%);border:0;width:264px;padding:22px 17px;overflow:hidden;box-shadow:18px 0 55px #35257e24}.sidebar:before,.sidebar:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.sidebar:before{opacity:.22;background:#7a65e7;width:180px;height:180px;top:100px;right:-80px}.sidebar:after{opacity:.14;background:#55ddb7;width:130px;height:130px;bottom:180px;left:-65px}.logo{color:#fff;z-index:1;padding:3px 10px 28px;position:relative}.logo-mark{background:linear-gradient(145deg,#a99cff,#6e58ee);border:1px solid #fff5;border-radius:16px;width:44px;height:44px;box-shadow:inset 0 2px #fff5,0 12px 25px #1d155c55}.brand-copy{flex-direction:column;line-height:1.05;display:flex}.brand-copy b{font-size:20px}.brand-copy small{letter-spacing:1.3px;color:#d9d3ff;margin-top:6px;font-size:10px}.nav-title{color:#c5bdf2;z-index:1;position:relative}.nav-item{color:#ddd8ff;z-index:1;border:1px solid #0000;position:relative}.nav-item>span{background:#ffffff12;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:#4332a2;background:linear-gradient(135deg,#fff,#ecfff8);border-color:#fff8;box-shadow:0 12px 25px #20155b38}.nav-item.active>span{background:linear-gradient(145deg,#eae5ff,#d9fff1)}.premium{background:linear-gradient(145deg,#7966ef,#4fcda9);border:1px solid #ffffff42;box-shadow:inset 0 1px #fff5,0 14px 30px #20175b55}.main{width:calc(100% - 264px);margin-left:264px}.topbar{-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:#ffffffb8;border-bottom:1px solid #fffc;height:82px;padding:0 36px;box-shadow:0 8px 30px #4d3e8c0a}.search{background:#fff;border-color:#ebe8f8;border-radius:16px;padding:12px 17px;box-shadow:0 8px 24px #4b3a8b0d}.search:focus{border-color:#9989f5;box-shadow:0 0 0 4px #7764eb12,0 12px 25px #4a399214}.avatar{background:linear-gradient(145deg,#fff1e8,#e7fff7);border:1px solid #fff;box-shadow:0 8px 18px #4f3c8c18}.role-switch{background:#ece9fb;border:1px solid #fff}.role-switch button.active{color:#523fc9;box-shadow:0 5px 13px #3b2a8018}.save-indicator{border:1px solid #fff;box-shadow:0 7px 18px #40327810}.content{isolation:isolate;max-width:1500px;padding:34px 38px 70px;position:relative}.content:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 95% 0,#59dab21a,#0000 26%),radial-gradient(circle at 5% 70%,#9f8cff16,#0000 27%);position:fixed;inset:82px 0 0 264px}.page-title{box-shadow:var(--shadow);background:linear-gradient(125deg,#fffd,#f3f0ffdd 62%,#e9fff7dd);border:1px solid #fff;border-radius:24px;margin-bottom:22px;padding:22px 25px;position:relative;overflow:hidden}.page-title:after{content:"";pointer-events:none;background:linear-gradient(145deg,#9c88ff33,#5cddb522);border-radius:50%;width:150px;height:150px;position:absolute;top:-75px;right:-45px}.page-title h1{letter-spacing:-.8px;color:#30245f;font-size:30px}.page-title p{color:#78849b}.page-actions{z-index:1;position:relative}.card{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fff;border-radius:24px;padding:24px}.card:hover{box-shadow:0 22px 55px #43338c20}.card-head h2{color:#31265f}.btn{border-radius:14px;min-height:42px;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:inset 0 1px #fff6}.btn:hover{filter:saturate(1.08);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#755ff2,#5c46d7);box-shadow:0 10px 22px #5c47d33c}.btn-soft{color:#5945cc;background:linear-gradient(135deg,#eeeaff,#e3fff6)}.btn-green{background:linear-gradient(135deg,#60ddb7,#25b88e)}.btn-outline{border-color:#ddd9ee;box-shadow:0 7px 16px #4b3a8b0a}.chip{border:1px solid #fffa;box-shadow:inset 0 1px #fff}.progress{background:#ebe9f6;height:9px}.progress span{background:linear-gradient(90deg,#735ef1,#9a87ff 52%,#4fd6ae)}.hero{background:linear-gradient(118deg,#4e37bc 0%,#725cf2 48%,#48cda8 125%);border:1px solid #fff4;border-radius:32px;min-height:390px;padding:42px 48px;overflow:hidden;box-shadow:0 30px 80px #4934a638}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 10%,#ffffff25 0 2px,#0000 3px) 0 0/60px 60px,radial-gradient(circle at 70% 24%,#fff2 0 3px,#0000 4px) 0 0/95px 95px;position:absolute;inset:0}.hero:after{border:60px solid #ffffff0d;width:340px;height:340px;top:-170px;right:-100px}.hero-copy{z-index:2;width:50%;position:relative}.eyebrow{letter-spacing:1.4px;background:#ffffff18;border:1px solid #ffffff30;border-radius:999px;margin-bottom:15px;padding:7px 12px;font-size:10px;font-weight:900;display:inline-flex}.hero h1{letter-spacing:-1.5px;font-size:42px;line-height:1.12}.hero h1 em{color:#bff8e5;font-style:normal}.hero p{max-width:500px;font-size:15px;line-height:1.8}.hero-actions{justify-content:flex-start;margin-top:24px}.hero-secondary{color:#fff;background:#ffffff16;border:1px solid #ffffff42}.hero-mini{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.hero-mini span{background:#24156e30;border:1px solid #fff2;border-radius:12px;padding:7px 11px;font-size:11px;font-weight:800}.hero-visual{z-index:1;filter:drop-shadow(0 28px 35px #25156844);width:52%;animation:5.5s ease-in-out infinite heroFloat;position:absolute;bottom:-18px;right:0}.hero-visual img{width:100%;height:auto}.stats{gap:18px;margin:24px 0}.stat{box-shadow:var(--shadow);background:linear-gradient(145deg,#fffe,#faf9ffee);border:1px solid #fff;border-radius:22px;padding:19px;position:relative;overflow:hidden}.stat:after{content:"";background:#735ff10b;border-radius:50%;width:62px;height:62px;position:absolute;bottom:-24px;right:-20px}.stat-icon{border-radius:17px;width:50px;height:50px;box-shadow:inset 0 1px #fff,0 9px 18px #604bc51a;background:linear-gradient(145deg,#eee9ff,#e0fff5)!important}.stat b{color:#312560}.plan-card{background:linear-gradient(145deg,#fff,#fbfaff);border-color:#ece9f7;border-radius:19px}.plan-card:hover{border-color:#bdb4f4;transform:translateY(-2px);box-shadow:0 13px 28px #4a398511}.plan-icon{border-radius:16px;box-shadow:inset 0 1px #fff}.level-ring{box-shadow:0 16px 35px #5845c92b}.badge{box-shadow:0 8px 17px #ae7f251a}.page-words,.page-phrases,.page-practice,.page-review,.page-progress,.page-teacher{min-height:calc(100vh - 82px)}.practice,.phrase-practice-card{background:#ffffffed url(/wordquest-practice.svg) right 22px bottom 10px/300px no-repeat;position:relative;overflow:hidden}.practice:before,.phrase-practice-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#fff 0%,#ffffffef 52%,#fff5);position:absolute;inset:0}.practice>*,.phrase-practice-card>*{z-index:1;position:relative}.question-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #fff;border-radius:26px;width:min(580px,100%);padding:28px;box-shadow:0 20px 50px #49378d16}.word-big,.phrase-big{color:#4634b5;text-shadow:0 4px #eeeaff}.speaker,.sentence-speak,.listening-button{color:#5b45cf;background:linear-gradient(145deg,#eee9ff,#dcfff3);box-shadow:0 8px 18px #5340b41d}.answer-panel{background:linear-gradient(145deg,#f5f2ff,#ecfff8);border:1px solid #fff;box-shadow:0 10px 25px #4d3b8c12}.choice{border-color:#e5e1f4;border-radius:15px;box-shadow:0 7px 18px #4b3a8b09}.choice:hover{border-color:#9f90f2;transform:translate(3px)}.choice.correct{box-shadow:0 10px 24px #20c99720}.choice.wrong{box-shadow:0 10px 24px #ff767520}.words-table{border-spacing:0 8px;border-collapse:separate}.words-table thead th{color:#817b9b;border:0}.words-table tbody tr{background:#fff;transition:transform .18s,box-shadow .18s;box-shadow:0 7px 20px #44348b0c}.words-table tbody tr:hover{transform:translateY(-2px);box-shadow:0 13px 28px #44348b16}.words-table td{border:0}.words-table td:first-child{border-radius:15px 0 0 15px}.words-table td:last-child{border-radius:0 15px 15px 0}.enrich-banner{box-shadow:var(--shadow);background:linear-gradient(125deg,#eee9ff,#e4fff6);border-radius:18px}.phrase-mode-card{box-shadow:var(--shadow);background:linear-gradient(145deg,#fff,#f7f5ff);border:1px solid #fff;border-radius:21px;padding:18px}.phrase-mode-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-5px)}.phrase-mode-card>span{background:linear-gradient(145deg,#eee9ff,#dcfff3);border-radius:17px;width:48px;height:48px;box-shadow:0 9px 18px #5845c818}.mission-banner{color:#fff;background:linear-gradient(120deg,#6f59ed,#8a73fa 55%,#4ccfac);border-radius:22px;grid-template-columns:auto minmax(170px,1fr) minmax(180px,2fr) auto;align-items:center;gap:16px;padding:18px 22px;display:grid;box-shadow:0 18px 42px #543fbd30}.mission-banner p{color:#f0edff;margin:4px 0 0;font-size:12px}.mission-orb{background:#fff2;border:1px solid #fff4;border-radius:18px;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.mission-progress{background:#25167535;border-radius:99px;height:11px;overflow:hidden}.mission-progress span{border-radius:inherit;background:linear-gradient(90deg,#ffd86c,#baffdf);height:100%;display:block}.batch-toolbar{background:#f4f1ff;border:1px solid #ebe7fb;border-radius:16px;flex-wrap:wrap;align-items:center;gap:9px;margin:4px 0 13px;padding:12px 14px;display:flex}.batch-toolbar button{color:#6252c8;background:#fff;border:0;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:800}.pagination{justify-content:center;align-items:center;gap:12px;padding-top:18px;display:flex}.pagination button{color:#6252c8;background:#fff;border:1px solid #e3dff3;border-radius:11px;padding:8px 12px;font-weight:800}.result-card{text-align:center;background:linear-gradient(145deg,#fff,#f1edff 65%,#e2fff5);max-width:720px;margin:30px auto;position:relative;overflow:hidden}.result-card:after{content:"";opacity:.38;background:url(/wordquest-report.svg) 50%/contain no-repeat;width:220px;height:170px;position:absolute;bottom:-40px;right:-30px}.result-stars{letter-spacing:8px;font-size:45px}.result-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.result-stats>div{background:#fff;border-radius:18px;padding:18px;box-shadow:0 9px 22px #4c398d12}.session-progress{background:#e7e3f5;border-radius:99px;height:12px;margin:-8px 0 20px;overflow:hidden}.session-progress span{background:linear-gradient(90deg,#745ef1,#52d7ae);height:100%;display:block}.page-progress .grid-main>.card:first-child{position:relative;overflow:hidden}.page-progress .grid-main>.card:first-child:after{content:"";opacity:.2;pointer-events:none;background:url(/wordquest-report.svg) 50%/contain no-repeat;width:180px;height:135px;position:absolute;top:8px;right:8px}.page-teacher .page-title{background:linear-gradient(125deg,#ebe7ff,#e1fff5 72%,#fff5dc)}.empty-state{text-align:center;background:linear-gradient(145deg,#faf9ff,#edfff8);border:1px dashed #cfc8ef;border-radius:22px;padding:35px}.empty-state img{filter:drop-shadow(0 16px 20px #4a378c20);margin:0 auto 8px;display:block}.empty-state:not(.word-empty):before{content:"";background:url(/wordquest-empty.svg) 50%/contain no-repeat;width:170px;height:120px;margin:0 auto;display:block}.empty-mascot{display:none}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#24165caa,#183c3aaa)}.modal{background:linear-gradient(150deg,#fff,#fbfaff 65%,#effff9);border:1px solid #fffa;border-radius:28px;box-shadow:0 35px 100px #1e154d66}.modal-head{border-bottom:1px solid #eeeaf8;padding-bottom:13px}.close{color:#5d49c7;background:linear-gradient(145deg,#f1edff,#e7fff7);border-radius:12px}.import-zone{background:linear-gradient(145deg,#faf8ff,#edfff8);border-color:#c6bdf4;border-radius:22px}.lookup-drawer{background:linear-gradient(160deg,#fff,#faf8ff 64%,#edfff8);border-left:1px solid #fff}.lookup-choice{box-shadow:var(--shadow);background:#ffffffd6;border-color:#fff;border-radius:21px}.toast{background:linear-gradient(135deg,#312369,#1f4d48);border:1px solid #ffffff30;border-radius:16px}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-visual,.loading-dot{animation:none!important}.btn,.phrase-mode-card,.words-table tbody tr{transition:none!important}}@media (max-width:1100px){.hero{min-height:350px;padding:35px}.hero-copy{width:56%}.hero-visual{width:50%;right:-25px}.hero h1{font-size:35px}.mission-banner{grid-template-columns:auto 1fr auto}.mission-progress{grid-column:2/4}.phrase-mode-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.main{width:100%;margin-left:0}.content:before{inset:72px 0 0}.topbar{height:72px}.content{padding:24px 20px 100px}.hero{min-height:330px}.mobile-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdf;border:1px solid #fffc;border-radius:20px;margin:0 10px 10px;box-shadow:0 12px 35px #3d2e861f}.mobile-nav button.active{color:#5c48cf}.practice,.phrase-practice-card{background-size:230px}.page-title{padding:19px 21px}}@media (max-width:700px){.topbar{padding:0 14px}.user>div:last-child{display:none}.hero{min-height:auto;padding:28px 24px;display:block}.hero-copy{width:100%}.hero h1{font-size:31px}.hero p{max-width:90%}.hero-visual{width:100%;margin-top:-25px;position:relative;bottom:-28px;right:auto}.hero-actions{flex-flow:wrap}.stats,.phrase-mode-grid{grid-template-columns:1fr 1fr}.mission-banner{grid-template-columns:auto 1fr auto}.mission-banner .mission-progress{grid-column:1/-1}.practice,.phrase-practice-card{background-image:none}.question-card{padding:20px}.result-stats{grid-template-columns:1fr}.batch-toolbar{flex-wrap:nowrap;overflow-x:auto}.modal{padding:20px}.words-table{min-width:760px}}@media (max-width:460px){.content{padding:16px 14px 94px}.page-title{padding:17px}.page-actions{grid-template-columns:1fr 1fr;display:grid}.hero h1{font-size:28px}.hero-actions .btn{width:100%}.hero-visual{margin-top:-12px}.phrase-mode-grid{grid-template-columns:1fr}.phrase-mode-card:last-child{grid-column:auto}.stats,.stat{gap:9px}.mission-banner{padding:15px}.lookup-drawer{padding:18px}.form-row{grid-template-columns:1fr}}.page-title>*{z-index:2;position:relative}.page-words .page-title:before,.page-phrases .page-title:before,.page-progress .page-title:before,.page-teacher .page-title:before{content:"";opacity:.12;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:180px;height:145px;position:absolute;bottom:-32px;right:18px}.page-words .page-title:before{background-image:url(/wordquest-hero.svg)}.page-phrases .page-title:before{background-image:url(/wordquest-practice.svg)}.page-progress .page-title:before,.page-teacher .page-title:before{background-image:url(/wordquest-report.svg)}.app-loading{position:relative;overflow:hidden}.app-loading:before,.app-loading:after{content:"";filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.app-loading:before{background:#8c75f225;width:380px;height:380px;bottom:-180px;left:-150px}.app-loading:after{background:#54d9b225;width:320px;height:320px;top:-140px;right:-120px}.app-loading>*{z-index:1;position:relative}@media (max-width:700px){.page-title:before{display:none}.page-title:after{width:100px;height:100px}.page-title p{max-width:90%}.topbar .save-indicator{font-size:10px}.mobile-nav button{padding:3px 7px}.mobile-nav span{padding:4px}}.choice.locked,.choice.locked:hover{cursor:default;opacity:1;color:#172033;background:#fff;border-color:#e5e1f4;transform:none;box-shadow:0 7px 18px #4b3a8b09}.choice:disabled{cursor:default}.page-textbooks{max-width:none;padding:26px 30px 70px}.textbook-library-hero{color:#fff;background:linear-gradient(120deg,#4937b4,#725cf2 56%,#43caa4);border-radius:30px;justify-content:space-between;align-items:center;min-height:230px;padding:36px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #4634a52d}.textbook-library-hero:after{content:"";border:58px solid #ffffff0c;border-radius:50%;width:340px;height:340px;position:absolute;top:-170px;right:-90px}.textbook-library-hero h1{margin:8px 0;font-size:38px}.textbook-library-hero p{color:#eeeaff;max-width:620px;line-height:1.7}.textbook-library-badges{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.textbook-library-badges span{background:#ffffff18;border:1px solid #ffffff35;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:900}.textbook-hero-books{z-index:1;width:250px;height:160px;position:relative}.textbook-hero-books span,.textbook-hero-books b{border:1px solid #ffffff70;border-radius:14px 18px 18px 14px;place-items:center;width:108px;height:140px;font-size:24px;display:grid;position:absolute;box-shadow:0 22px 38px #26167345}.textbook-hero-books span{color:#5441c5;background:linear-gradient(145deg,#fff,#dffaf1);top:14px;right:75px;transform:rotate(-8deg)}.textbook-hero-books b{color:#683f22;background:linear-gradient(145deg,#ffd877,#ff936e);top:0;right:5px;transform:rotate(7deg)}.textbook-hero-books i{background:#ffffffea;border-radius:20px;place-items:center;width:58px;height:58px;font-size:25px;font-style:normal;display:grid;position:absolute;bottom:8px;right:90px;box-shadow:0 13px 28px #26167338}.textbook-library-actions{justify-content:space-between;gap:14px;margin:22px 0;display:flex}.textbook-search{min-width:min(440px,60%);box-shadow:var(--shadow);background:#fffd;border:1px solid #fff;border-radius:16px;align-items:center;gap:10px;padding:0 15px;display:flex}.textbook-search input{background:0 0;border:0;outline:0;width:100%;padding:13px 0}.textbook-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.textbook-card{min-height:250px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffdf;border:1px solid #fff;border-radius:25px;grid-template-columns:145px 1fr;padding:18px;transition:all .2s;display:grid}.textbook-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-4px)}.textbook-cover{--book-hue:250;text-align:left;color:#fff;background:linear-gradient(155deg,hsl(var(--book-hue) 72% 61%),hsl(var(--book-hue) 62% 38%));border:0;border-radius:13px 20px 20px 13px;flex-direction:column;padding:17px;display:flex;position:relative;overflow:hidden;box-shadow:inset 7px 0 #ffffff17,0 17px 28px #38277b32}.textbook-cover:after{content:"";border:18px solid #ffffff0f;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-30px;right:-35px}.textbook-cover-grade{background:#ffffff20;border:1px solid #ffffff30;border-radius:99px;align-self:flex-start;padding:4px 7px;font-size:10px}.textbook-cover b{margin:auto 0 10px;font-size:17px;line-height:1.35}.textbook-cover small{color:#f0edff}.textbook-cover i{color:#ffffff7a;margin-top:10px;font-style:normal;font-weight:900}.textbook-card-body{flex-direction:column;min-width:0;padding:3px 3px 3px 18px;display:flex}.textbook-card-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.textbook-card-title h3{color:#31265f;margin:0 0 5px;font-size:17px}.textbook-card-title p{color:#8490a5;margin:0;font-size:12px}.textbook-card-title .chip{white-space:nowrap}.textbook-card-progress{background:#eceaf6;border-radius:99px;height:7px;margin:18px 0 12px;overflow:hidden}.textbook-card-progress span{background:linear-gradient(90deg,#745ef1,#4fd4ab);height:100%;display:block}.textbook-card-meta{color:#77839a;flex-direction:column;gap:6px;font-size:11px;display:flex}.textbook-card-actions{flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:15px;display:flex}.btn.danger{color:#c84d55}.textbook-empty{text-align:center;color:#5949c6;background:linear-gradient(145deg,#faf8ff,#edfff8);border:1px dashed #c8c1ed;border-radius:25px;place-content:center;justify-items:center;min-height:300px;padding:35px;display:grid}.textbook-empty>div{font-size:52px}.textbook-empty p{color:#7e8ba0}.modal-overlay{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:90;background:#2016539c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.textbook-upload-modal{width:min(720px,96vw)}.textbook-upload-modal .modal-head p{color:#7e8ba0;margin:5px 0 0;font-size:13px}.textbook-upload-drop{text-align:center;background:linear-gradient(145deg,#faf8ff,#ecfff8);border:2px dashed #c6bdf2;border-radius:22px;flex-direction:column;align-items:center;gap:7px;padding:28px;display:flex}.textbook-upload-drop>span{font-size:42px}.textbook-upload-drop small{color:#8590a5}.form-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:19px;display:grid}.form-grid label>span{color:#5f6c83;margin-bottom:7px;font-size:12px;font-weight:900;display:block}.textbook-share-check,.textbook-private-note{color:#5d4dca;background:#f1efff;border-radius:14px;align-items:center;gap:9px;min-height:66px;padding:14px;font-size:12px;font-weight:800;display:flex}.textbook-process-status{color:#5948c9;background:#eeeaff;border-radius:15px;align-items:center;gap:12px;margin-top:15px;padding:13px;display:flex}.textbook-process-status small{color:#7d75a9;margin-top:3px;display:block}.spinner{border:3px solid #cfc8f5;border-top-color:#6959e5;border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite textbookSpin;display:inline-block}@keyframes textbookSpin{to{transform:rotate(360deg)}}.textbook-reader-shell{background:#262834;border-radius:24px;flex-direction:column;height:calc(100vh - 134px);min-height:650px;display:flex;overflow:hidden;box-shadow:0 25px 70px #1d203344}.textbook-reader-shell:fullscreen{border-radius:0;height:100vh}.textbook-toolbar{z-index:6;background:#fff;align-items:center;gap:12px;min-height:68px;padding:10px 14px;display:flex;box-shadow:0 5px 20px #11131f20}.textbook-toolbar-title{flex-direction:column;min-width:170px;max-width:270px;display:flex;overflow:hidden}.textbook-toolbar-title b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.textbook-toolbar-title small{color:#8a94a6}.textbook-page-tools,.textbook-zoom,.textbook-mode-switch{background:#f2f2f7;border-radius:12px;align-items:center;padding:4px;display:flex}.textbook-page-tools button,.textbook-zoom button,.textbook-mode-switch button,.icon-tool{color:#566178;background:0 0;border:0;border-radius:9px;min-width:32px;height:32px;font-weight:900}.textbook-page-tools button:hover,.textbook-zoom button:hover,.textbook-mode-switch button:hover,.icon-tool:hover{color:#5c49cc;background:#fff}.textbook-page-tools label{color:#7e899d;align-items:center;gap:4px;font-size:12px;display:flex}.textbook-page-tools input{text-align:center;background:#fff;border:0;border-radius:7px;width:48px;padding:5px}.textbook-mode-switch{margin-left:auto}.textbook-mode-switch button.active{color:#fff;background:#6959e5}.textbook-zoom span{text-align:center;min-width:48px;font-size:11px}.textbook-reader-info{color:#d9dce7;background:#333642;align-items:center;gap:18px;min-height:38px;padding:7px 18px;font-size:11px;display:flex}.textbook-reader-info button{color:#bdb4ff;background:0 0;border:0;margin-left:auto;font-weight:800}.textbook-reader-viewport{background:radial-gradient(circle at top,#4b4e5b,#252731 60%);flex:1;justify-content:center;align-items:flex-start;padding:30px;display:flex;position:relative;overflow:auto}.textbook-page-stage{background:#fff;flex:none;position:relative;box-shadow:0 22px 60px #08091270}.textbook-page-canvas{display:block;position:absolute;inset:0}.textbook-text-layer{z-index:3;position:absolute;inset:0}.word-hit,.sentence-hit{background:0 0;border:0;padding:0;position:absolute}.word-hit:hover{background:#ffe36a55;border-radius:3px;outline:1px solid #e6b90099}.sentence-hit:hover{background:#82f1cf26;border-radius:3px;outline:1px solid #52cba799}.textbook-reader-loading{color:#f2f3f8;place-content:center;justify-items:center;gap:12px;min-height:400px;display:grid}.textbook-reader-loading.error{color:#ffd2d2}.textbook-page-error{z-index:5;color:#b94747;background:#fff0f0;border-radius:10px;padding:10px;position:absolute;inset:20px auto auto 20px}.textbook-reader-footer{background:#fff;justify-content:center;align-items:center;gap:22px;min-height:54px;display:flex}.textbook-reader-footer button{color:#5e4fd3;background:#eeeaff;border:0;border-radius:10px;padding:9px 14px;font-weight:800}.textbook-reader-footer button:disabled{opacity:.4}.textbook-reader-footer span{color:#4f596e;font-weight:900}.textbook-annotation{z-index:8;color:#263047;background:#fff;border:1px solid #eeeaf8;border-radius:20px;width:330px;max-width:calc(100vw - 70px);padding:18px;position:absolute;transform:translate(-50%,12px);box-shadow:0 24px 65px #17132955}.textbook-annotation:before{content:"";background:#fff;border-top:1px solid #eeeaf8;border-left:1px solid #eeeaf8;width:14px;height:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.annotation-close{background:#f1f2f6;border:0;border-radius:9px;width:28px;height:28px;position:absolute;top:9px;right:10px}.annotation-kicker{color:#6b58de;letter-spacing:1px;font-size:10px;font-weight:900}.annotation-source{justify-content:space-between;align-items:center;gap:10px;margin:9px 0;display:flex}.annotation-source b{color:#392a92;font-size:22px}.annotation-translation{background:linear-gradient(145deg,#f1edff,#e7fff7);border-radius:13px;padding:12px;font-weight:800;line-height:1.55}.annotation-loading{color:#6755d5;align-items:center;gap:10px;padding:15px 0;display:flex}.annotation-example{border-top:1px solid #eeeef3;flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.annotation-example span{color:#8290a5}.annotation-add{width:100%;margin-top:12px}@media (max-width:1150px){.textbook-toolbar-title{display:none}.textbook-mode-switch{margin-left:0}.textbook-toolbar{overflow-x:auto}.textbook-grid{grid-template-columns:1fr}.textbook-reader-shell{height:calc(100vh - 120px)}}@media (max-width:700px){.page-textbooks{padding:16px 12px 90px}.textbook-library-hero{min-height:250px;padding:25px}.textbook-library-hero h1{font-size:30px}.textbook-hero-books{display:none}.textbook-library-actions{flex-direction:column}.textbook-search{min-width:100%}.textbook-card{grid-template-columns:105px 1fr;padding:12px}.textbook-card-body{padding-left:12px}.textbook-card-title{display:block}.textbook-card-title .chip{margin-top:8px}.textbook-card-actions .btn{padding:8px 10px;font-size:11px}.form-grid{grid-template-columns:1fr}.textbook-reader-shell{border-radius:16px;height:calc(100vh - 100px);min-height:580px}.textbook-toolbar>.btn-outline{min-width:42px;font-size:0}.textbook-toolbar>.btn-outline:before{content:"←";font-size:18px}.textbook-mode-switch button{padding:0 8px;font-size:11px}.textbook-zoom,.textbook-reader-info span:first-child{display:none}.textbook-reader-viewport{padding:18px}.textbook-annotation{width:auto;max-width:none;position:fixed;bottom:75px;right:12px;transform:none;top:auto!important;left:12px!important}.textbook-annotation:before{display:none}}.admin-section-tabs{background:#f0edff;border-radius:14px;gap:6px;margin-left:auto;padding:4px;display:flex}.admin-section-tabs button{color:#766aaf;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-weight:900}.admin-section-tabs button.active{color:#5b48cb;background:#fff;box-shadow:0 6px 15px #4c39851c}.admin-textbooks{max-width:none!important;padding:22px 28px 60px!important}.admin-grade-bar{box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;display:flex}.admin-grade-bar .input{width:150px}@media (max-width:700px){.admin-page>header{flex-wrap:wrap;height:auto!important;padding:12px!important}.admin-section-tabs{order:3;width:100%;margin:0}.admin-section-tabs button{flex:1}.admin-textbooks{padding:14px!important}}.page-textbooks{overflow-x:hidden}.textbook-reader-viewport{display:block}.textbook-page-stage{margin:0 auto}@media (max-width:700px){.textbook-reader-viewport{padding:12px}.textbook-reader-shell{width:100%;max-width:100%}.textbook-page-stage{margin:0}.textbook-toolbar{max-width:100%}}.textbook-reader-shell{width:min(860px,100%);height:calc(100vh - 120px);min-height:760px;margin:0 auto}.textbook-reader-shell .textbook-toolbar-title{display:none}.textbook-reader-shell .textbook-toolbar{flex-wrap:wrap}.textbook-reader-shell .textbook-mode-switch{margin-left:auto}@media (max-width:700px){.textbook-reader-shell{width:100%;height:calc(100vh - 100px);min-height:580px;margin:0}.textbook-reader-shell .textbook-toolbar{flex-wrap:nowrap}}.admin-workspace{background:#f6f7fb;min-height:100vh}.admin-layout{grid-template-columns:220px minmax(0,1fr);max-width:1500px;margin:0 auto;display:grid}.admin-sidebar{background:#fff;border-right:1px solid #e7e8f1;min-height:calc(100vh - 76px);padding:24px 14px}.admin-sidebar-title{color:#8b8da0;letter-spacing:.08em;padding:0 12px 12px;font-size:12px;font-weight:800}.admin-sidebar>button{color:#54566a;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:10px;width:100%;margin-bottom:5px;padding:12px 14px;font-weight:700;display:flex}.admin-sidebar>button:hover,.admin-sidebar>button.active{color:#5c4bd5;background:#eeeafd}.admin-sync-note{background:linear-gradient(145deg,#eeeafd,#e6faf3);border-radius:16px;margin-top:28px;padding:16px;font-size:12px;line-height:1.6}.admin-sync-note p{color:#656779;margin:7px 0 0}.admin-content{min-width:0;padding:28px}.admin-grade-select{width:150px}.admin-import-card{margin-bottom:20px}.admin-import-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;display:flex}.admin-import-actions .muted{margin-right:auto}.admin-preview-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.admin-preview-list>div{background:#f7f7fc;border-radius:10px;gap:12px;padding:10px 12px;display:flex}.admin-preview-list b{min-width:120px}.admin-preview-list span{color:#66697a}.admin-catalog-search{max-width:260px}.sidebar-close,.mobile-menu-backdrop{display:none}.nav-item-copy{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.nav-item-copy small{opacity:.72;font-size:10px;font-weight:600}.admin-entry-hint{border-top:1px solid #ffffff1c!important;margin-top:10px!important;padding-top:14px!important}@keyframes mobileSidebarIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width:980px){.sidebar.mobile-open{z-index:72;width:min(310px,86vw);animation:.2s ease-out mobileSidebarIn;display:flex;overflow-y:auto}.sidebar-close{color:#fff;background:#ffffff18;border:0;border-radius:12px;place-items:center;width:36px;height:36px;margin-left:auto;font-size:25px;line-height:1;display:grid}.mobile-menu-backdrop{z-index:71;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17102b8c;border:0;display:block;position:fixed;inset:0}.mobile-nav{overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;padding-left:8px;padding-right:8px;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{flex:0 0 68px;min-width:68px;padding:3px 5px}.topbar{gap:10px}.user{gap:7px;min-width:0}.user>div:not(.avatar){max-width:110px;overflow:hidden}.user>div:not(.avatar) b,.user>div:not(.avatar) .muted{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}}@media (max-width:460px){.top-grade-chip,.account-logout{display:none}.topbar{padding:0 12px}.mobile-menu{flex:0 0 42px;width:42px;height:42px}.user{margin-left:auto}.mobile-nav{margin-left:6px;margin-right:6px}.admin-sidebar{z-index:20;background:#fff;position:sticky;top:0}.admin-content{padding:12px}.admin-page>header .auth-brand small{white-space:nowrap;text-overflow:ellipsis;max-width:210px;display:block;overflow:hidden}}.word-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;display:grid}.word-summary button{text-align:left;color:#586178;background:#fff;border:1px solid #e6e4f4;border-radius:16px;padding:15px}.word-summary button.active{color:#5b49d1;background:#f3f0ff;border-color:#8b7df0;box-shadow:0 8px 22px #6c58db18}.word-summary b,.word-summary span{display:block}.word-summary b{margin-bottom:4px;font-size:23px}.word-summary span{font-size:12px;font-weight:800}.word-library-card{overflow:hidden}.word-library-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.word-library-head h2{margin:0 0 5px}.word-library-head .input{width:180px}.word-card-list{flex-direction:column;display:flex}.word-card-row{border-top:1px solid #ececf3;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px 4px;display:grid}.word-card-row.selected{background:#f8f6ff}.word-select{width:17px;height:17px;margin-top:8px}.word-card-content{min-width:0}.word-card-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.word-card-title>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.word-card-title b{color:#28344c;font-size:20px}.word-card-title span{color:#8c96a8}.word-meaning{color:#59657a;margin:8px 0 10px;font-size:15px}.word-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:11px;display:flex}.word-card-meta small{color:#9099aa}.word-card-actions{flex-direction:column;gap:7px;display:flex}.word-card-actions button{color:#65718a;background:#f1f2f7;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:42px;padding:9px;display:flex}.word-card-actions button span{display:none}.word-card-actions button.active{color:#c8751a;background:#fff1df}.word-card-actions button.danger{color:#bb5a5a}.word-batch-toolbar{margin:0 -4px 4px;padding:11px 4px}@media (max-width:700px){.word-summary{grid-template-columns:1fr 1fr;gap:9px}.word-summary button{padding:13px}.word-library-card{padding:14px}.word-library-head{flex-direction:column;align-items:stretch}.word-library-head .input{width:100%}.word-batch-toolbar{flex-wrap:nowrap;margin:0 -14px;padding:11px 14px;overflow-x:auto}.word-batch-toolbar>*{flex:none}.word-card-row{grid-template-columns:22px 32px minmax(0,1fr);gap:8px;padding:16px 0}.word-card-title b{font-size:18px}.word-card-title>div{display:block}.word-card-title span{margin-top:4px;font-size:13px;display:block}.word-card-actions{flex-flow:wrap;grid-column:3}.word-card-actions button{padding:8px 10px}.word-card-actions button span{display:inline}.word-card-content .interactive-sentence{min-width:0}.word-card-content .sentence-line{font-size:13px}.word-meaning{font-size:14px}.word-card-meta small{width:100%}}@media (max-width:420px){.word-card-row{grid-template-columns:20px 28px minmax(0,1fr)}.word-card-title .speaker{width:32px;height:32px}.word-card-actions button{font-size:12px}.word-summary b{font-size:20px}}.word-library-filters{grid-template-columns:minmax(220px,1fr) 160px;gap:9px;display:grid}.word-library-filters .input{width:100%}@media (max-width:700px){.word-library-filters{grid-template-columns:1fr}}.admin-user-actions{flex-wrap:wrap;gap:7px;display:flex}.admin-danger-btn{color:#c64f4f;background:#fff0f0}.admin-password-modal{width:min(480px,100%)}.admin-password-modal label{color:#59667d;margin:14px 0;font-size:13px;font-weight:800;display:block}.admin-password-modal label .input{margin-top:7px;font-weight:400}.admin-catalog-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;display:grid}.admin-catalog-stats button{text-align:left;color:#63677b;background:#fff;border:1px solid #e5e4ef;border-radius:16px;padding:15px}.admin-catalog-stats button.active{color:#5a48cf;background:#f2efff;border-color:#8b7df0}.admin-catalog-stats b,.admin-catalog-stats span{display:block}.admin-catalog-stats b{margin-bottom:3px;font-size:24px}.admin-catalog-stats span{font-size:12px;font-weight:800}.admin-catalog-library{overflow:hidden}.admin-catalog-toolbar{grid-template-columns:minmax(180px,1fr) minmax(220px,320px) 150px;align-items:center;gap:10px;margin-bottom:12px;display:grid}.admin-catalog-toolbar h2{margin:0 0 4px}.admin-catalog-batch{margin:0 -4px 4px;padding:11px 4px}.admin-catalog-list{flex-direction:column;display:flex}.admin-catalog-row{border-top:1px solid #ececf3;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px 4px;display:grid}.admin-catalog-row.selected{background:#f8f6ff}.admin-catalog-row>input{width:17px;height:17px;margin-top:8px}.admin-catalog-body{min-width:0}.admin-catalog-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-catalog-title>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.admin-catalog-title b{color:#28344c;font-size:20px}.admin-catalog-title span{color:#8c96a8}.admin-catalog-body>p{color:#566278;margin:8px 0}.admin-catalog-example{background:#f7f6fc;border-radius:12px;flex-direction:column;gap:5px;padding:11px 13px;display:flex}.admin-catalog-example small{color:#8792a6}.admin-catalog-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;display:flex}.admin-catalog-meta small{color:#929aaa}.admin-catalog-actions{flex-direction:column;gap:7px;display:flex}.admin-catalog-actions button{color:#65718a;background:#f1f2f7;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:9px 11px;display:flex}.admin-catalog-actions button.danger{color:#bd5555;background:#fff1f1}@media (max-width:850px){.admin-catalog-stats{grid-template-columns:1fr 1fr}.admin-catalog-toolbar{grid-template-columns:1fr}.admin-catalog-batch{flex-wrap:nowrap;overflow-x:auto}.admin-catalog-batch>*{flex:none}.admin-catalog-row{grid-template-columns:22px minmax(0,1fr);gap:9px}.admin-catalog-actions{flex-flow:wrap;grid-column:2}.admin-catalog-actions button span{display:inline}.admin-user-actions{min-width:260px}.admin-table-wrap{overflow-x:auto}.admin-password-modal{padding:20px}}@media (max-width:480px){.admin-catalog-stats{gap:8px}.admin-catalog-stats button{padding:12px}.admin-catalog-stats b{font-size:20px}.admin-catalog-library{padding:14px}.admin-catalog-title b{font-size:18px}.admin-catalog-title>div{display:block}.admin-catalog-title span{margin-top:4px;font-size:13px;display:block}.admin-catalog-actions button{font-size:12px}.admin-catalog-example{font-size:13px}}.phonetic,.lookup-word-row span,.word-card-title span,.admin-catalog-title span,.preview-word input:nth-child(3){font-variant-ligatures:none;font-family:Noto Sans,Noto Sans IPA,Segoe UI Symbol,Arial Unicode MS,Arial,sans-serif}@media (max-width:850px){.admin-layout{display:block}.admin-sidebar{border-bottom:1px solid #e7e8f1;border-right:0;gap:7px;min-height:auto;padding:12px;display:flex;overflow-x:auto}.admin-sidebar-title,.admin-sync-note{display:none}.admin-sidebar>button{flex:none;width:auto;margin:0}.admin-content{padding:16px}.admin-import-actions{flex-direction:column;align-items:stretch}.admin-import-actions .muted{margin:0}.admin-preview-list{grid-template-columns:1fr}.admin-page header{padding-left:16px;padding-right:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
:root{--wq-violet:#6d57e8;--wq-violet-dark:#4737a9;--wq-blue:#4d85ed;--wq-mint:#5fd4b4;--wq-mint-soft:#dffff5;--wq-ink:#283552;--wq-muted:#7b88a3;--wq-line:#e5e4f3;--wq-surface:#ffffffeb;--wq-shadow:0 18px 50px #45389618;--wq-shadow-hover:0 22px 55px #45389628}*{scrollbar-color:#b8acec #f3f1fc}body{color:var(--wq-ink);background:#f2f5ff}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 18% 15%,#cfc5ff88 0,#0000 24%),radial-gradient(circle at 87% 12%,#b9f4df88 0,#0000 24%),linear-gradient(150deg,#f8f6ff 0%,#f0f7ff 48%,#effbf7 100%);position:fixed;inset:0}.app-shell:before,.app-shell:after{content:"";filter:blur(2px);pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.app-shell:before{background:#c7baff40;width:270px;height:270px;top:190px;right:-90px}.app-shell:after{background:#8be1c73d;width:210px;height:210px;bottom:-80px;left:210px}.sidebar{color:#fff;background:linear-gradient(#30277d 0%,#4637a9 48%,#2e3977 100%);border:0;width:252px;padding:24px 16px;box-shadow:15px 0 45px #3227731f}.main{width:calc(100% - 252px);margin-left:252px}.logo{color:#fff;align-items:center;gap:11px;padding:2px 9px 23px;font-size:20px;display:flex}.logo-mark{color:#5d4bd1;background:linear-gradient(145deg,#fff,#d8fff3);border-radius:15px;width:43px;height:43px;transform:rotate(-4deg);box-shadow:0 10px 24px #19124d55,inset 0 -4px 8px #b9adef}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-copy b{font-size:19px}.brand-copy small{color:#c9c3ef;letter-spacing:.5px;margin-top:5px;font-size:10px}.nav-title{color:#bfb8ee;letter-spacing:1.7px;padding:8px 13px;font-size:10px}.nav-item{color:#d9d5f4;border-radius:15px;margin:4px 0;padding:12px 13px;transition:all .22s;position:relative}.nav-item span{background:#ffffff10;border-radius:10px;place-items:center;width:31px;height:31px;font-size:17px;display:grid}.nav-item:hover{color:#fff;background:#ffffff12;transform:translate(3px)}.nav-item.active{color:#31286f;background:linear-gradient(135deg,#fff,#dffff5);box-shadow:0 12px 30px #20175855}.nav-item.active:after{content:"";background:#85e2ca;border-radius:5px;width:5px;height:28px;position:absolute;right:-16px}.nav-item.active span{color:#5e4bd7;background:#e8e2ff}.sidebar-bottom .premium{background:linear-gradient(145deg,#7764e8aa,#56cbb5aa);border:1px solid #ffffff25;border-radius:20px;box-shadow:inset 0 1px #fff3,0 15px 30px #21194d44}.sidebar-bottom .nav-item{color:#d9d5f4}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e9e7f4;height:76px;padding:0 28px;box-shadow:0 8px 28px #4035820a}.topbar .search{background:#f4f3fb;border:1px solid #0000;border-radius:15px;max-width:480px;padding:12px 17px}.topbar .search:focus{background:#fff;border-color:#a99bee;box-shadow:0 0 0 4px #7566e612}.user{background:#f6f5fc;border:1px solid #ebe8f7;border-radius:16px;padding:6px 9px 6px 7px}.avatar{background:linear-gradient(145deg,#dcd4ff,#c9fae8);box-shadow:inset 0 -4px 8px #9f94d84a}.role-switch{background:#eae7f6;border-radius:12px;padding:3px}.role-switch button{border-radius:9px}.role-switch button.active{color:#5846c9;box-shadow:0 4px 10px #4f438b22}.save-indicator{background:#faf9fe;border:1px solid #e4e2ef}.content{min-height:calc(100vh - 76px);padding:30px 34px 70px;position:relative;overflow:hidden}.content>*{z-index:1;position:relative}.content:before{content:"";pointer-events:none;background:#b7f1df38;border-radius:50%;width:340px;height:340px;position:absolute;top:180px;right:-180px}.content:after{content:"ABC";color:#7968df09;letter-spacing:18px;pointer-events:none;font-size:150px;font-weight:1000;position:absolute;bottom:5%;right:4%;transform:rotate(-8deg)}.card{background:var(--wq-surface);box-shadow:var(--wq-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fff;border-radius:24px}.card:hover{box-shadow:var(--wq-shadow-hover)}.btn{border-radius:13px;min-height:42px;font-weight:850;transition:all .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#735ce9,#5242c5);box-shadow:0 10px 22px #6250d43a}.btn-soft{color:#5948cb;background:linear-gradient(135deg,#eeeaff,#e2fbf4)}.btn-outline{background:#fff;border-color:#d8d3ed}.btn-green{background:linear-gradient(135deg,#5cd2b3,#35b797);box-shadow:0 10px 22px #43bd9d33}.input,.textarea{background:#fafafe;border-color:#e1deef;border-radius:13px}.input:focus,.textarea:focus{background:#fff}.chip{border-radius:20px;font-weight:850}.chip.purple{color:#604fd3;background:#eeeaff}.chip.green{color:#17886c;background:#ddf9ef}.chip.orange{color:#c16a28;background:#fff0dc}.progress{background:#eceaf6;border-radius:20px;height:9px;overflow:hidden}.progress span{background:linear-gradient(90deg,#755eea,#50cfb0);box-shadow:0 0 12px #63d5b7}.speaker,.icon-btn,.close{transition:all .2s}.speaker{color:#5d4cd3;background:linear-gradient(145deg,#eeeaff,#dffaf2)}.speaker:hover,.icon-btn:hover,.close:hover{transform:translateY(-2px)scale(1.03)}.hero{background:linear-gradient(135deg,#5947d4 0%,#4c72df 50%,#5ccdb5 100%);border-radius:32px;grid-template-columns:minmax(370px,.9fr) minmax(470px,1.25fr);align-items:center;min-height:355px;padding:42px 44px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px #4338963d}.hero:before{content:"";border:45px solid #ffffff0a;border-radius:50%;width:250px;height:250px;position:absolute;top:-110px;left:-100px}.hero-copy{z-index:3;position:relative}.hero .eyebrow{color:#e9fff8;letter-spacing:1.1px;background:#ffffff1c;border:1px solid #ffffff2e;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:900;display:inline-flex}.hero h1{letter-spacing:-1.2px;margin:16px 0 13px;font-size:38px;line-height:1.13}.hero h1 em{color:#ccffef;font-style:normal}.hero p{max-width:440px;font-size:15px;line-height:1.8}.hero-actions{justify-content:flex-start;margin-top:23px}.hero-secondary{color:#fff!important;background:#ffffff18!important;border:1px solid #ffffff35!important}.hero-mini{flex-wrap:wrap;gap:9px;margin-top:23px;display:flex}.hero-mini span{color:#fff;background:#26216b40;border:1px solid #ffffff20;border-radius:18px;padding:7px 10px;font-size:11px;font-weight:850}.hero-visual{z-index:2;filter:drop-shadow(0 20px 25px #24316c33);width:min(64%,720px);position:absolute;bottom:-34px;right:-36px}.hero-visual img{width:100%;height:auto;display:block}.stats{gap:15px}.stat{background:linear-gradient(145deg,#ffffffed,#f9faffd9);border:1px solid #fff;border-radius:20px;padding:17px;position:relative;overflow:hidden;box-shadow:0 13px 35px #43398b13}.stat:after{content:"";background:#ae9eff16;border-radius:50%;width:64px;height:64px;position:absolute;top:-24px;right:-20px}.stat-icon{border-radius:15px;box-shadow:inset 0 -4px 8px #55489512}.stat b{color:#2d3958;font-size:22px}.stat small{color:#8792a8}.grid-main{gap:18px}.plan-card{background:#fbfbfe;border-bottom:0;border-radius:17px;margin:8px 0;padding:13px}.plan-card:hover{background:#f5f2ff;transform:translate(3px)}.plan-icon{border-radius:14px}.level-ring{filter:drop-shadow(0 14px 22px #6b58dc2b)}.badge{background:linear-gradient(145deg,#fff,#ebe7ff);border:1px solid #fff;box-shadow:0 8px 18px #55489020}.page-title{min-height:142px;box-shadow:var(--wq-shadow);background:linear-gradient(130deg,#fffffff2,#f3efffef 62%,#e0faf2e8);border:1px solid #fff;border-radius:25px;align-items:center;margin-bottom:22px;padding:26px 250px 26px 28px;position:relative;overflow:hidden}.page-title:before{content:"";background:#a994fa1b;border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;right:115px}.page-title:after{content:"";pointer-events:none;background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:220px;height:150px;position:absolute;bottom:-24px;right:18px}.page-title h1{color:#2e3a59;letter-spacing:-.7px;font-size:30px}.page-title p{color:#7c88a0;max-width:600px;line-height:1.7}.page-title>div,.page-title>span,.page-title>button{z-index:2;position:relative}.page-words .page-title:after{background-image:url(/visuals/empty-owl.svg);width:190px}.page-phrases .page-title:after,.page-practice .page-title:after,.page-review .page-title:after{background-image:url(/visuals/hero-learning-world.svg);background-position:58% 46%;background-size:310px;width:260px}.page-progress .page-title:after{background-image:url(/visuals/report-trophy.svg)}.page-teacher .page-title:after{background-image:url(/visuals/teacher-studio.svg);width:245px}.page-dashboard{background:radial-gradient(circle at 95% 8%,#cbf5e938,#0000 27%)}.page-phrases{background:radial-gradient(circle at 90% 20%,#bdb1ff30,#0000 28%)}.page-progress{background:radial-gradient(circle at 88% 22%,#ffe6a83d,#0000 30%)}.page-teacher{background:radial-gradient(circle at 90% 20%,#a8ebd938,#0000 28%)}.words-table{border-collapse:separate;border-spacing:0 7px}.words-table thead th{color:#7c87a0;letter-spacing:.4px;border:0;font-size:11px}.words-table tbody tr{background:#fbfbfe;box-shadow:0 5px 16px #443a8508}.words-table tbody tr:hover{background:#f5f2ff;transform:translateY(-1px)}.words-table td{border:1px solid #eeeaf8;border-left:0;border-right:0}.words-table td:first-child{border-left:1px solid #eeeaf8;border-radius:14px 0 0 14px}.words-table td:last-child{border-right:1px solid #eeeaf8;border-radius:0 14px 14px 0}.interactive-sentence{background:#f8f8fd;border-radius:12px;padding:9px 11px}.sentence-translation{color:#8190a8}.enrich-banner,.mission-banner{background:linear-gradient(125deg,#eeeaff,#dffff5);border:1px solid #d9d2ff;box-shadow:0 10px 28px #5c4bd31a}.phrase-mode-grid{gap:14px}.phrase-mode-card{background:linear-gradient(145deg,#fff,#f8f7ff);border:1px solid #fff;border-radius:20px;padding:17px;box-shadow:0 14px 34px #41368613}.phrase-mode-card:hover{box-shadow:var(--wq-shadow-hover);border-color:#b8aced;transform:translateY(-4px)}.phrase-mode-card>span{background:linear-gradient(145deg,#eee9ff,#dffaf2);border:1px solid #fff;box-shadow:0 8px 18px #51459018}.phrase-library-card{padding:22px}.phrase-categories button{border:1px solid #0000}.phrase-categories button.active{background:linear-gradient(135deg,#7059e7,#4d83e8);box-shadow:0 7px 16px #5c4ed12c}.batch-toolbar{background:#f4f2fc!important;border:1px solid #e6e1f7!important;border-radius:15px!important}.phrase-row{border-top-color:#eeebf7;border-radius:15px;padding:14px 10px}.phrase-row:hover,.phrase-row.selected{background:#f6f3ff}.pagination button{border-radius:11px}.empty-state{text-align:center;background:radial-gradient(circle at 50% 18%,#e7fff6,#0000 42%);padding:34px!important}.empty-state img{margin:0 auto 4px;display:block}.word-empty{min-height:390px}.practice,.phrase-practice-card{background:linear-gradient(145deg,#fffffff5,#f6f3ffeb);border:1px solid #fff;position:relative;overflow:hidden}.practice:before,.phrase-practice-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 15%,#cfc5ff33,#0000 22%),radial-gradient(circle at 88% 78%,#a8efdb3d,#0000 26%);position:absolute;inset:0}.question-card{position:relative}.word-big,.phrase-big{color:#342b78;text-shadow:0 5px 20px #7c69e42a}.answer-panel{background:linear-gradient(145deg,#f8f5ff,#effcf8);border:1px solid #e7e1f8;box-shadow:0 10px 24px #4c408812}.choice{background:#fff;border-color:#e5e1f1;border-radius:15px;box-shadow:0 5px 15px #3d357108}.choice:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4d418e16}.result-card{background:linear-gradient(145deg,#fff,#f2efff 58%,#e1faf2);border:1px solid #fff}.result-stars{filter:drop-shadow(0 8px 12px #dda62d40)}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2620529c}.modal{background:linear-gradient(145deg,#fff,#faf9ff);border:1px solid #fff;border-radius:26px;box-shadow:0 32px 90px #1d174e66}.modal-head{border-bottom:1px solid #ece9f5;padding-bottom:15px}.import-zone{background:linear-gradient(145deg,#faf9ff,#effcf8);border-color:#bbb0ee}.import-zone:hover{box-shadow:inset 0 0 0 4px #7767e710}.lookup-drawer{background:linear-gradient(#fff,#f8f6ff);box-shadow:-24px 0 70px #1d174e45}.drawer-head{background:linear-gradient(135deg,#eeeaff,#ddf8ef);border:0;margin:-25px -25px 20px;padding:25px}.lookup-choice{background:#fff;border-color:#e8e4f4;box-shadow:0 10px 25px #40347b10}.toast{background:linear-gradient(135deg,#312776,#26594e);border:1px solid #ffffff24;border-radius:15px;box-shadow:0 17px 45px #1a17434a}.app-loading{background:radial-gradient(circle at 30% 20%,#cabfff80,#0000 28%),radial-gradient(circle at 75% 70%,#a4ecd680,#0000 30%),linear-gradient(145deg,#f8f6ff,#eefbf7)}.loading-orb{background:linear-gradient(145deg,#765eea,#4b80e8);animation:2.6s ease-in-out infinite wqFloat}@keyframes wqFloat{50%{transform:translateY(-7px)rotate(2deg)}}@keyframes wqPop{0%{opacity:.2;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card,.stat,.page-title,.phrase-mode-card{animation:.35s ease-out both wqPop}@media (max-width:1100px){.hero{grid-template-columns:1fr;min-height:390px}.hero-copy{max-width:58%}.hero-visual{width:62%;right:-60px}.page-title{padding-right:210px}.sidebar{width:225px}.main{width:calc(100% - 225px);margin-left:225px}}@media (max-width:980px){.main{width:100%;margin-left:0}.topbar{height:70px}.content{min-height:calc(100vh - 70px);padding:22px 20px 92px}.hero{min-height:420px;padding:32px}.hero-copy{max-width:65%}.hero h1{font-size:33px}.hero-visual{width:66%;right:-100px}.page-title{min-height:130px}.mobile-nav{border:1px solid #e5e1f1;border-bottom:0;border-radius:20px 20px 0 0;padding:9px 8px 10px;box-shadow:0 -14px 35px #33287318}.mobile-nav button{border-radius:12px;padding:5px 9px}.mobile-nav button:hover{color:#5d4bd0;background:#eeeaff}}@media (max-width:700px){.content{padding:15px 14px 88px}.hero{border-radius:25px;min-height:520px;padding:26px 23px;display:block}.hero-copy{max-width:100%}.hero .eyebrow{font-size:8px}.hero h1{font-size:29px}.hero p{max-width:90%;font-size:13px}.hero-actions{flex-flow:wrap}.hero-actions .btn{flex:1;min-width:145px}.hero-mini{gap:6px}.hero-visual{width:100%;bottom:-25px;right:-50px}.stats{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat b{font-size:18px}.page-title{border-radius:21px;min-height:auto;padding:22px 20px 150px;display:block}.page-title:after{background-position:bottom;width:210px;height:150px;bottom:-32px;right:50%;transform:translate(50%)}.page-title h1{font-size:26px}.page-actions{margin-top:15px}.page-actions .btn{min-width:130px}.phrase-mode-grid{grid-template-columns:1fr 1fr}.words-table{min-width:850px}.batch-toolbar{justify-content:flex-start;overflow-x:auto}.modal{border-radius:22px;padding:20px}.drawer-head{margin:-20px -20px 18px;padding:20px}.hero-mini span{padding:6px 8px}.save-indicator{top:8px}.grid-main{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-page{background:linear-gradient(140deg,#352b8c 0%,#5d4bd5 42%,#4fc6ab 100%);grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.auth-visual{color:#fff;flex-direction:column;justify-content:space-between;padding:38px clamp(38px,6vw,90px);display:flex;position:relative;overflow:hidden}.auth-visual:before{content:"";border:70px solid #ffffff0b;border-radius:50%;width:420px;height:420px;position:absolute;top:80px;left:-210px}.auth-brand{z-index:2;align-items:center;gap:13px;font-size:21px;display:flex;position:relative}.auth-brand .logo-mark{place-items:center;display:grid}.auth-visual h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(38px,4.6vw,64px);line-height:1.08;position:relative}.auth-visual h1 em{color:#bffbe9;font-style:normal}.auth-visual p{color:#e6e4ff;max-width:580px;font-size:16px;line-height:1.8}.auth-visual .eyebrow{letter-spacing:1px;background:#ffffff16;border:1px solid #ffffff2c;border-radius:20px;padding:8px 13px;font-size:11px;font-weight:900;display:inline-flex}.auth-visual>img{filter:drop-shadow(0 24px 34px #20215c55);width:min(72%,700px);height:auto;position:absolute;bottom:-45px;right:-60px}.auth-panel{background:#f8f8fe;place-items:center;padding:35px;display:grid}.auth-card{background:#fff;border:1px solid #fff;border-radius:30px;width:min(100%,510px);padding:34px;box-shadow:0 30px 80px #20195735}.auth-card h2{margin:28px 0 7px;font-size:29px}.auth-tabs{background:#f0eef9;border-radius:15px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-tabs button{color:#7e88a0;background:0 0;border:0;border-radius:11px;padding:11px;font-weight:850}.auth-tabs button.active{color:#5a48ca;background:#fff;box-shadow:0 5px 14px #40378318}.auth-role-grid{grid-template-columns:1fr 1fr;gap:12px;margin:23px 0;display:grid}.auth-role-grid button{text-align:left;color:#3a4662;background:#fafafe;border:2px solid #ece9f6;border-radius:17px;gap:5px;padding:16px;display:grid}.auth-role-grid button.active{background:linear-gradient(145deg,#f1edff,#e7faf4);border-color:#7562df;box-shadow:0 8px 22px #5b49c71a}.auth-role-grid span{font-size:28px}.auth-role-grid small{color:#8691a8}.auth-card form{gap:15px;display:grid}.auth-card form label{gap:7px;font-size:12px;font-weight:850;display:grid}.auth-card .input{height:48px}.auth-submit{width:100%;margin-top:5px}.auth-error{color:#bb433b;background:#fff0ef;border-radius:12px;padding:11px 13px;font-size:12px;font-weight:750}.auth-switch{color:#5d4bd0;background:0 0;border:0;width:100%;padding:18px 0 6px;font-weight:850}.auth-admin-note{text-align:center;color:#a0a8b7;font-size:10px}.account-logout{min-height:34px;padding:6px 10px;font-size:11px}.admin-page{background:#f4f5fc;min-height:100vh}.admin-page>header{background:#fff;border-bottom:1px solid #e7e5f2;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex}.admin-page .auth-brand small{color:#8a94a8;margin-top:3px;font-size:10px;display:block}.admin-page>section{padding:30px 34px}.admin-page .page-title{padding-right:30px}.admin-page .card{padding:24px}.admin-table-wrap{overflow:auto}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:330px;padding:28px 34px}.auth-visual>img{width:55%;right:-30px}.auth-visual h1{max-width:600px;font-size:38px}.auth-visual p{max-width:52%}.auth-panel{padding:28px 20px}.auth-card{z-index:3;margin-top:-55px;position:relative}.admin-page>section{padding:22px 18px}}@media (max-width:600px){.auth-visual{min-height:280px;padding:23px 22px}.auth-visual h1{letter-spacing:-1px;font-size:30px}.auth-visual p{display:none}.auth-visual>img{width:68%;bottom:-35px;right:-48px}.auth-panel{padding:20px 12px}.auth-card{border-radius:24px;padding:24px 18px}.auth-card h2{margin-top:22px;font-size:25px}.auth-role-grid{gap:8px}.auth-role-grid button{padding:13px 11px}.admin-page>header{padding:0 16px}.admin-page .stats{grid-template-columns:1fr 1fr}.account-logout{display:none}}.auth-password{position:relative}.auth-password .input{padding-right:62px}.auth-password button{color:#5d4bd0;background:#eeeaff;border:0;border-radius:9px;height:34px;padding:0 10px;font-size:11px;font-weight:850;position:absolute;top:7px;right:7px}.top-grade-chip{color:#4f43b1;white-space:nowrap;background:linear-gradient(135deg,#e8fff7,#eeeaff);border:0;border-radius:12px;padding:8px 11px;font-size:11px;font-weight:900}.top-grade-chip:hover{transform:translateY(-1px);box-shadow:0 7px 16px #5144b51a}.current-grade-bar{background:linear-gradient(120deg,#ffffffea,#edfdf7e8);border:1px solid #fff;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 -5px;padding:15px 18px;display:flex;box-shadow:0 12px 30px #45389612}.current-grade-bar>div{align-items:center;gap:12px;display:flex}.current-grade-bar>div>span{background:linear-gradient(145deg,#eeeaff,#dffff5);border-radius:15px;place-items:center;width:45px;height:45px;font-size:23px;display:grid}.current-grade-bar small,.current-grade-bar b{display:block}.current-grade-bar small{color:#8792a7;margin-bottom:3px;font-size:10px}.current-grade-bar b{color:#342b78}.page-grades{background:radial-gradient(circle at 92% 12%,#b8f3e13d,#0000 26%),radial-gradient(circle at 8% 75%,#c8beff35,#0000 28%)}.grade-page-title{color:#fff;background:linear-gradient(120deg,#4d3dc0,#725eea 55%,#50cfae);min-height:190px}.grade-page-title h1{color:#fff;margin:10px 0;font-size:34px}.grade-page-title p{color:#eceaff;max-width:650px}.grade-title-chip{background:#ffffff1a;border:1px solid #ffffff2d;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:900;display:inline-flex}.grade-title-orbit{text-align:center;background:#ffffff18;border:1px solid #ffffff38;border-radius:50%;place-content:center;width:132px;height:132px;display:grid;top:27px;right:55px;box-shadow:inset 0 0 0 12px #ffffff0a;position:absolute!important}.grade-title-orbit b{font-size:32px}.grade-title-orbit small{color:#e8fff7;font-size:10px}.grade-sections{gap:22px;display:grid}.grade-stage{padding:25px}.grade-stage-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.grade-stage-head span{color:#6b59dc;letter-spacing:1.4px;font-size:10px;font-weight:950}.grade-stage-head h2{margin:5px 0;font-size:23px}.grade-stage-head p{color:#8390a7;margin:0;font-size:13px}.grade-stage-head>b{color:#6654d4;background:#f0edff;border-radius:20px;padding:7px 11px;font-size:11px}.grade-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.grade-stage:last-child .grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grade-card{background:linear-gradient(145deg,#fff,#faf9ff);border:2px solid #0000;border-radius:21px;min-height:255px;padding:18px;transition:all .22s;position:relative;overflow:hidden;box-shadow:0 10px 28px #41368110}.grade-card:after{content:"";background:#7762e80b;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-45px;right:-45px}.grade-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #4136811d}.grade-card.active{background:linear-gradient(145deg,#f1edff,#e5fff7);border-color:#6653dc;box-shadow:0 18px 40px #5846c429}.grade-card-top{justify-content:space-between;align-items:center;display:flex}.grade-icon{background:#eeeaff;border-radius:17px;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.grade-current,.grade-unit{border-radius:16px;padding:5px 8px;font-size:9px;font-weight:900}.grade-current{color:#16866b;background:#dffff3}.grade-unit{color:#7c87a0;background:#f1eff8}.grade-card h3{color:#303c5b;margin:16px 0 8px;font-size:22px}.grade-card h3 small{color:#6957d7;margin-top:4px;font-size:11px;display:block}.grade-card p{color:#7f8ba0;min-height:39px;font-size:12px;line-height:1.6}.grade-tags{gap:5px;margin:12px 0 16px;display:flex}.grade-tags span{color:#7d88a0;background:#f3f1fa;border-radius:9px;padding:4px 7px;font-size:9px;font-weight:800}.grade-card .btn{z-index:2;width:100%;position:relative}.grade-mint .grade-icon{background:#dffff4}.grade-sky .grade-icon{background:#e1f3ff}.grade-violet .grade-icon{background:#eee9ff}.grade-orange .grade-icon{background:#fff0de}@media (max-width:1100px){.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-stage:last-child .grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.top-grade-chip{display:none}.grade-page-title{padding-bottom:28px}.grade-title-orbit{display:none}.grade-stage{padding:18px}.grade-stage-head{align-items:flex-start}.grade-stage-head>b{display:none}.grade-stage:last-child .grade-grid{grid-template-columns:1fr}.current-grade-bar{align-items:flex-start}.current-grade-bar .btn{padding:9px 11px}}@media (max-width:520px){.grade-grid{grid-template-columns:1fr}.grade-page-title h1{font-size:27px}.grade-card{min-height:auto}.current-grade-bar{display:grid}.current-grade-bar .btn{width:100%}}.word-challenge{background:linear-gradient(145deg,#ffffffed,#f5f1ffed 58%,#e9fff7e8);min-height:620px;padding:26px}.word-challenge:after{content:"";pointer-events:none;background:#5fd4b41c;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-150px;right:-120px}.challenge-route{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(780px,100%);margin:0 auto 26px;display:grid;position:relative}.challenge-route:before{content:"";z-index:-1;background:linear-gradient(90deg,#d9d3f4,#d9f6ed);border-radius:99px;height:5px;position:absolute;top:29px;left:12%;right:12%}.challenge-node{color:#98a0b2;text-align:center;background:#f8f7fc;border:1px solid #e7e3f5;border-radius:18px;align-content:center;justify-items:center;gap:3px;min-height:92px;padding:11px 8px;transition:all .24s;display:grid;box-shadow:0 8px 20px #44398b0b}.challenge-node>span{background:#eceaf4;border:3px solid #fff;border-radius:14px;place-items:center;width:42px;height:42px;font-size:19px;display:grid;box-shadow:0 5px 13px #40368214}.challenge-node b{font-size:13px}.challenge-node small{font-size:10px}.challenge-node.active{color:#4f3fbd;background:linear-gradient(145deg,#f1edff,#e8fff7);border-color:#a99bf1;transform:translateY(-4px);box-shadow:0 15px 30px #5143a823}.challenge-node.active>span{color:#fff;background:linear-gradient(145deg,#735ce9,#4e83e5);box-shadow:0 8px 18px #5b4bd43d}.challenge-node.done{color:#17886c;background:#ecfff8;border-color:#a8e8d5}.challenge-node.done>span{color:#fff;background:linear-gradient(145deg,#62d8b8,#2db38f)}.word-challenge .question-card{background:#ffffffec;flex-direction:column;justify-content:center;align-items:center;width:min(630px,100%);min-height:390px;margin:0 auto;padding:34px;display:flex}.challenge-kicker{color:#5d4bd0;letter-spacing:.4px;background:linear-gradient(135deg,#eeeaff,#e3fff7);border-radius:99px;justify-content:center;align-items:center;margin-bottom:10px;padding:7px 13px;font-size:11px;font-weight:900;display:inline-flex}.challenge-choices{gap:10px;width:100%;margin-top:18px;display:grid}.challenge-choices .choice{text-align:center;margin:0;padding:14px 16px}.choice.locked{opacity:.55;cursor:not-allowed}.challenge-input{text-align:center;max-width:430px;margin:12px 0;font-size:22px}.challenge-submit{min-width:180px}.review-listening{border-radius:36px;width:104px;height:104px;font-size:42px;animation:2s ease-in-out infinite challengeListen}.spelling-streak{justify-content:center;align-items:center;margin:4px 0 14px;display:flex}.spelling-streak span{color:#8992a6;background:#ece9f7;border:3px solid #fff;border-radius:50%;place-items:center;width:43px;height:43px;font-weight:900;display:grid;box-shadow:0 7px 17px #40368218}.spelling-streak span.active{color:#fff;background:linear-gradient(145deg,#755eea,#4f84e7)}.spelling-streak span.done{color:#fff;background:linear-gradient(145deg,#60d6b6,#2eb28e)}.spelling-streak i{background:#dfdbef;border-radius:99px;width:76px;height:5px}.challenge-feedback{color:#5948c6;background:#f0edff;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:18px;padding:12px 15px;font-size:13px;font-weight:850;display:flex}.challenge-feedback.correct{color:#17846a;background:#e4fbf3}.challenge-feedback.wrong{color:#c24b49;background:#fff0ef}.challenge-feedback span{font-size:20px}.challenge-correct .question-card{animation:.45s challengeSuccess}.challenge-wrong .question-card{animation:.4s challengeWrong}.challenge-empty{text-align:center;background:linear-gradient(145deg,#fff,#f0edff 60%,#e4fff6);place-content:center;justify-items:center;min-height:480px;display:grid}.challenge-empty p{color:#7d88a0;max-width:560px;line-height:1.7}.challenge-trophy{filter:drop-shadow(0 14px 20px #6a55d32d);font-size:76px;animation:2.6s ease-in-out infinite wqFloat}.word-status-note{color:#8a94a8;padding:7px 5px;font-size:11px;font-weight:800}.word-batch-toolbar small{color:#7f89a0;margin-left:auto}@keyframes challengeSuccess{0%{transform:scale(.98)}55%{transform:scale(1.018);box-shadow:0 20px 55px #3bc39f32}to{transform:scale(1)}}@keyframes challengeWrong{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes challengeListen{50%{transform:translateY(-4px);box-shadow:0 14px 30px #5d4cd332}}@media (max-width:700px){.word-challenge{min-height:560px;padding:14px}.challenge-route{gap:6px;margin-bottom:15px}.challenge-node{min-height:80px;padding:8px 4px}.challenge-node>span{width:36px;height:36px;font-size:16px}.challenge-node b{font-size:11px}.challenge-node small{font-size:9px}.word-challenge .question-card{min-height:390px;padding:23px 16px}.review-listening{border-radius:29px;width:88px;height:88px}.word-batch-toolbar small{display:none}}@media (max-width:430px){.challenge-node small{display:none}.challenge-node{min-height:67px}.challenge-route:before{top:25px}.challenge-input{font-size:19px}.word-challenge .word-big{font-size:36px}}@media (prefers-reduced-motion:reduce){.challenge-node,.challenge-correct .question-card,.challenge-wrong .question-card,.review-listening,.challenge-trophy{animation:none!important;transform:none!important}}.letter-builder{width:min(560px,100%);margin:14px auto 18px}.letter-answer{background:linear-gradient(145deg,#fff,#f6f3ff);border:2px solid #c7bcf6;border-radius:19px;justify-content:center;align-items:center;min-height:72px;padding:12px 64px 12px 14px;display:flex;position:relative;box-shadow:inset 0 3px 10px #5749ad0a,0 10px 25px #4f419015}.letter-answer small{color:#a0a8b8;font-weight:800}.letter-answer>span{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.letter-answer i{color:#fff;text-transform:lowercase;background:linear-gradient(145deg,#765fea,#4f84e8);border-radius:10px;place-items:center;width:34px;height:42px;font-size:22px;font-style:normal;font-weight:900;animation:.16s ease-out letterPop;display:grid;box-shadow:0 7px 14px #5849c035,inset 0 1px #fff5}.letter-answer>b{color:#878fa3;background:#ece9f8;border-radius:99px;padding:5px 8px;font-size:11px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.letter-controls{justify-content:flex-end;gap:8px;margin:8px 2px 12px;display:flex}.letter-controls button{color:#6556bd;background:#f0edf9;border:0;border-radius:10px;padding:7px 11px;font-size:11px;font-weight:850}.letter-controls button:disabled{opacity:.4}.letter-bank{background:linear-gradient(145deg,#f2efff,#e8fff8);border:1px solid #e4dff7;border-radius:19px;flex-wrap:wrap;justify-content:center;gap:10px;min-height:56px;padding:14px;display:flex}.letter-bank button{color:#493ba7;text-transform:lowercase;background:linear-gradient(145deg,#fff,#eeeaff);border:2px solid #fff;border-radius:14px;width:48px;height:48px;font-size:22px;font-weight:950;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 16px #463a861c,inset 0 -3px 6px #8d7ae81a}.letter-bank button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 22px #463a8628}.letter-bank button:active:not(:disabled){transform:translateY(1px)scale(.95)}.letter-bank button:disabled{opacity:.5}.letter-builder+.challenge-submit{margin-top:2px}@keyframes letterPop{0%{opacity:.2;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.letter-answer{min-height:66px;padding:10px 52px 10px 9px}.letter-answer>span{gap:3px}.letter-answer i{border-radius:9px;width:29px;height:38px;font-size:19px}.letter-answer>b{padding:4px 6px;right:8px}.letter-bank{gap:8px;padding:12px 9px}.letter-bank button{border-radius:12px;width:43px;height:43px;font-size:20px}.letter-controls{justify-content:center}.letter-controls button{min-width:82px}}@media (max-width:380px){.letter-bank{gap:6px}.letter-bank button{width:39px;height:41px}.letter-answer i{width:26px;height:36px;font-size:18px}}@media (prefers-reduced-motion:reduce){.letter-answer i{animation:none!important}.letter-bank button{transition:none!important}}.course-back{color:#5d4bd0;background:0 0;border:0;padding:0 0 10px;font-weight:900}.volume-picker-grid,.course-picker-grid,.admin-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.volume-card{text-align:left;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:flex-start;min-height:230px;display:flex}.volume-card>span,.course-book-icon{font-size:48px}.volume-card h2{margin:15px 0 5px;font-size:26px}.volume-card b{color:#5d4bd0;margin-top:18px}.course-edition-card{position:relative;overflow:hidden}.course-edition-card.active{border:2px solid #5fd4b4}.course-edition-card small{color:#7b88a3;font-weight:800}.course-edition-card h2{margin:12px 0 3px;font-size:24px}.course-resource-chips{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.course-resource-chips span,.admin-course-path span{color:#5d4bd0;background:#f0edff;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:900}.course-edition-card .btn{width:100%}.admin-course-context{background:linear-gradient(135deg,#eeeaff,#e3fff7);border:1px solid #fff;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:14px 18px;display:flex}.admin-course-context small,.admin-course-context b{display:block}.admin-course-context select{max-width:520px}.admin-course-card.active{border:2px solid #735ce9}.admin-course-path{flex-wrap:wrap;gap:6px;display:flex}.course-resource-matrix{grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0;display:grid}.course-resource-matrix span{text-align:center;color:#7b88a3;background:#f6f5fb;border-radius:12px;padding:10px 5px;font-size:10px}.course-resource-matrix b{color:#40358f;font-size:18px;display:block}.admin-course-actions{gap:9px;display:flex}.admin-course-actions .btn{flex:1}@media (max-width:1000px){.volume-picker-grid,.course-picker-grid,.admin-course-grid{grid-template-columns:1fr 1fr}.course-resource-matrix{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.volume-picker-grid,.course-picker-grid,.admin-course-grid{grid-template-columns:1fr}.admin-course-context{flex-direction:column;align-items:flex-start}.admin-course-context select{max-width:none}.course-resource-matrix{grid-template-columns:repeat(3,1fr)}}