/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-border-style:solid;--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-outline-style:solid;--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;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.invert{--tw-invert:invert(100%);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,)}.filter{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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#16332d;--muted:#6f837d;--green:#1f7a69;--green-dark:#145f52;--mint:#bfe8d6;--mint-soft:#e9f8f1;--sky:#dff3f4;--coral:#f28c73;--yellow:#f4cf6a;--violet:#8d85df;--surface:#ffffffeb;--line:#dce9e4;--shadow:0 22px 60px #285b4d1c;--radius:26px}*{box-sizing:border-box}html{background:#eef8f4}body{color:var(--ink);background:radial-gradient(circle at 80% -20%,#d9f0ee 0,#0000 35%),linear-gradient(135deg,#f5fbf8 0%,#edf6f3 100%);min-width:320px;margin:0;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #1f7a6947}button:disabled{cursor:not-allowed;opacity:.5}.loading-screen{text-align:center;background:linear-gradient(145deg,#effaf7,#dcefeb);place-content:center;min-height:100vh;display:grid}.loading-screen h1{margin:28px 0 8px;font-size:clamp(24px,4vw,42px)}.loading-screen p{color:var(--muted)}.loading-orbit{border:1px solid #1f7a6940;border-radius:50%;place-items:center;width:110px;height:110px;margin:auto;animation:2s ease-in-out infinite pulse;display:grid}.loading-orbit span{color:#fff;background:linear-gradient(145deg,#318a78,#165f52);border-radius:28px;place-items:center;width:68px;height:68px;font:700 32px Georgia,serif;display:grid;box-shadow:0 18px 36px #1f7a6947}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#f7fcfae0;border-right:1px solid #2d705f1f;flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:4px 7px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#39927e,#176658);border-radius:15px;place-items:center;width:44px;height:44px;font:700 25px Georgia,serif;display:grid;transform:rotate(-3deg);box-shadow:0 12px 28px #1f7a693d}.brand b,.brand small{display:block}.brand b{letter-spacing:-.3px;font-size:15px}.brand small{color:var(--muted);letter-spacing:1.8px;margin-top:3px;font-size:11px}.sidebar nav{gap:8px;margin-top:48px;display:grid}.sidebar nav button{color:#6b7f79;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:13px;padding:11px 12px;transition:all .2s;display:flex}.sidebar nav button:hover{color:var(--green);background:#fff;transform:translate(2px)}.sidebar nav button.active{color:var(--green-dark);background:#fff;font-weight:700;box-shadow:0 10px 30px #35635717}.nav-icon{background:#e6f2ee;border-radius:10px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.sidebar nav button.active .nav-icon{color:#fff;background:var(--green)}.sidebar-tip{background:linear-gradient(145deg,#e1f4ed,#f5fbf8);border:1px solid #fff;border-radius:19px;margin-top:auto;padding:18px}.sidebar-tip span,.sidebar-tip b,.sidebar-tip small{display:block}.sidebar-tip span{color:var(--muted);text-transform:uppercase;letter-spacing:1.6px;font-size:11px}.sidebar-tip b{color:var(--green-dark);margin:10px 0 4px;font:700 19px Georgia,serif}.sidebar-tip small{color:#79908a;font-size:11px}.workspace{min-width:0;padding:26px clamp(22px,3vw,48px) 50px}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:68px;margin-bottom:22px;display:flex}.eyebrow{color:#7c9690;letter-spacing:2.6px;margin:0 0 5px;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.7px;margin:0;font-size:24px}.top-actions{align-items:center;gap:13px;display:flex}.data-badge{color:#71857f;align-items:center;gap:7px;font-size:12px;display:flex}.data-badge i{background:#62c49e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #62c49e1f}.notice{z-index:80;color:#184e42;background:#fff;border:1px solid #dceee8;border-radius:16px;align-items:center;gap:16px;max-width:min(560px,100vw - 30px);padding:14px 16px 14px 20px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #1f58492e}.notice button{cursor:pointer;background:#eef6f3;border:0;border-radius:50%;width:28px;height:28px;margin-left:auto}.primary-button,.ghost-button,.reveal-button{cursor:pointer;border:0;border-radius:14px;padding:13px 18px;font-weight:750;transition:transform .18s,box-shadow .18s}.primary-button{color:#fff;background:linear-gradient(135deg,#247f6d,#176557);box-shadow:0 12px 28px #1f7a6938}.primary-button:hover,.ghost-button:hover,.reveal-button:hover{transform:translateY(-2px)}.primary-button.compact{padding:10px 16px;font-size:12px}.ghost-button{color:var(--green-dark);border:1px solid var(--line);background:#fff}.full{width:100%}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:750}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;width:34px;height:34px;font-size:12px}.icon-button.danger{color:#bb695a}.card-surface,.setup-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffffd9}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);align-items:start;gap:20px;display:grid}.hero-panel{color:#fff;background:linear-gradient(135deg,#1e7062 0%,#2f8b77 54%,#489b86 100%);border-radius:32px;grid-template-columns:1.15fr .85fr;min-height:392px;padding:clamp(30px,4vw,54px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #1b66573d}.hero-panel:before{content:"";border:70px solid #ffffff0f;border-radius:50%;width:360px;height:360px;position:absolute;top:-180px;right:-180px}.hero-copy{z-index:2;position:relative}.pill{letter-spacing:.5px;color:var(--green-dark);background:#dff4ec;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:750;display:inline-flex}.hero-panel .pill{color:#fff;background:#ffffff21;border:1px solid #ffffff29}.hero-copy h2{letter-spacing:-2.8px;margin:24px 0 13px;font-size:clamp(32px,4vw,55px);line-height:1.07}.hero-copy h2 em{color:#cff1d7;font-style:normal}.hero-copy>p{color:#ffffffc2;max-width:480px;font-size:14px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px;margin:28px 0 30px;display:flex}.hero-panel .primary-button{color:#175f52;background:#f5fff9}.hero-panel .ghost-button{color:#fff;background:#ffffff14;border-color:#ffffff3d}.hero-metrics{color:#ffffffad;flex-wrap:wrap;gap:22px;font-size:11px;display:flex}.hero-metrics b{color:#fff;margin-right:4px;font-size:17px}.word-scene{perspective:900px;min-height:260px;position:relative}.planet{text-align:center;color:#1b6556;background:radial-gradient(circle at 35% 28%,#fff 0,#e3f5e8 22%,#a5d6bb 64%,#7bc0a3 100%);border-radius:50%;place-content:center;width:170px;height:170px;animation:4.5s ease-in-out infinite float;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-4deg);box-shadow:inset -18px -22px 40px #1b65562e,0 42px 60px #05382e38}.planet span{font:700 28px Georgia,serif}.planet small{letter-spacing:5px;margin-top:5px}.orbit{transform-style:preserve-3d;border:1px solid #ffffff40;border-radius:50%;position:absolute;inset:50% auto auto 50%}.orbit-one{width:280px;height:140px;transform:translate(-50%,-50%)rotate(-18deg)}.orbit-two{width:330px;height:180px;transform:translate(-50%,-50%)rotate(48deg)}.satellite{color:#215f53;background:#f6fff9;border-radius:14px;place-items:center;width:38px;height:38px;font:700 16px Georgia,serif;animation:3.8s ease-in-out infinite float;display:grid;position:absolute;box-shadow:0 12px 22px #07413538}.s1{top:11%;right:13%}.s2{animation-delay:-.8s;bottom:21%;left:4%}.s3{animation-delay:-1.7s;bottom:6%;right:3%}.setup-card{padding:26px}.section-heading{justify-content:space-between;align-items:start;gap:14px;margin-bottom:22px;display:flex}.section-heading span{color:#91a29d;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800}.section-heading h3{letter-spacing:-.4px;margin:5px 0 0;font-size:18px}.section-heading>b{color:var(--green-dark);background:var(--mint-soft);border-radius:9px;padding:6px 9px;font-size:11px}.field-label{color:#728781;margin:18px 0 9px;font-size:11px;font-weight:750;display:block}.group-selector{flex-wrap:wrap;gap:7px;display:flex}.group-selector button{border:1px solid var(--line);color:#6f847e;cursor:pointer;background:#fff;border-radius:12px;min-width:38px;height:38px;font-weight:800}.group-selector button small{margin-left:2px;font-size:8px}.group-selector button.selected{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 8px 18px #1f7a6933}.two-columns{grid-template-columns:1.2fr .8fr;gap:10px;margin-top:16px;display:grid}.control-field{gap:7px;margin-bottom:16px;display:grid}.control-field>span{color:#71857f;font-size:11px;font-weight:750}.control-field input,.control-field select,.control-field textarea,.search-input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfefd;border-radius:13px;outline:0;padding:12px 13px;transition:all .2s}.control-field textarea{resize:vertical;line-height:1.7}.control-field input:focus,.control-field select:focus,.control-field textarea:focus,.search-input:focus{background:#fff;border-color:#74b5a3;box-shadow:0 0 0 4px #4a97811a}.segment-control{background:#edf5f2;border-radius:14px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segment-control button{color:#71857f;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:10px 8px;font-size:11px}.segment-control button.selected{color:var(--green-dark);background:#fff;font-weight:750;box-shadow:0 6px 18px #265e5014}.setup-summary{background:#f1f8f5;border-radius:15px;grid-template-columns:1fr auto;align-items:end;margin:18px 0;padding:14px;display:grid}.setup-summary span{color:#71857f;font-size:11px}.setup-summary b{color:var(--green-dark);font-size:18px}.setup-summary small{color:#8aa099;grid-column:1/-1;margin-top:5px;font-size:10px}.stat-row{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-row article{background:#ffffffd1;border:1px solid #ffffffe6;border-radius:22px;min-height:120px;padding:22px;position:relative;box-shadow:0 16px 45px #35635712}.stat-row small,.stat-row b,.stat-row em{display:block}.stat-row small{color:#829690;font-size:11px}.stat-row b{margin:9px 0 2px;font:700 29px Georgia,serif}.stat-row em{color:#96a7a2;font-size:10px;font-style:normal}.stat-dot{border-radius:50%;width:11px;height:11px;position:absolute;top:22px;right:20px;box-shadow:0 0 0 7px #46a18317}.stat-dot.mint{background:#61bf9b}.stat-dot.blue{background:#62a9c1}.stat-dot.coral{background:var(--coral)}.stat-dot.violet{background:var(--violet)}.group-overview{padding:26px}.group-bars{gap:4px;display:grid}.group-bars button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:115px 1fr 58px;align-items:center;gap:14px;padding:10px 8px;display:grid}.group-bars button:hover{background:#f1f8f5}.group-bars span{justify-content:space-between;align-items:center;gap:8px;display:flex}.group-bars b{font-size:12px}.group-bars small{color:#98a8a3;font-size:9px}.group-bars i{background:#e8f0ed;border-radius:9px;height:6px;overflow:hidden}.group-bars i em{border-radius:inherit;background:linear-gradient(90deg,#59b892,#9ed0bc);height:100%;display:block}.group-bars strong{color:var(--green);text-align:right;font-size:9px}.quick-card{text-align:center;padding:26px}.quick-card .section-heading{text-align:left}.quick-orb{width:96px;height:96px;color:var(--green-dark);background:radial-gradient(circle at 35% 30%,#fff,#cceade);border-radius:50%;place-items:center;margin:12px auto 16px;font:700 32px Georgia,serif;display:grid;box-shadow:0 18px 30px #2d826821}.quick-card h4{margin:0;font-size:15px}.quick-card p{color:var(--muted);margin:9px 0 22px;font-size:11px;line-height:1.7}.content-grid{align-items:start;gap:20px;display:grid}.students-layout{grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr)}.student-import,.student-list,.library-page,.bank-students,.bank-detail,.result-table{padding:28px}.import-actions{justify-content:space-between;align-items:center;gap:10px;margin:-3px 0 20px;display:flex}.import-actions>span{color:#91a29d;font-size:9px}.file-button{color:var(--green);background:var(--mint-soft);cursor:pointer;border-radius:11px;padding:9px 12px;font-size:11px;font-weight:750;display:inline-flex}.file-button input{display:none}.student-list{min-height:590px}.student-table{gap:6px;max-height:650px;padding-right:4px;display:grid;overflow:auto}.student-table article{border:1px solid #0000;border-radius:15px;grid-template-columns:24px 42px minmax(120px,1fr) 64px 34px 34px;align-items:center;gap:10px;padding:11px;display:grid}.student-table article:hover{border-color:var(--line);background:#fbfefd}.student-table input{accent-color:var(--green);width:16px;height:16px}.avatar{width:38px;height:38px;color:var(--green-dark);background:linear-gradient(145deg,#e1f4ec,#cde8dd);border-radius:14px;place-items:center;font-size:13px;font-weight:800;display:grid}.avatar.large{border-radius:20px;width:58px;height:58px;font-size:20px}.student-name b,.student-name small,.word-count b,.word-count small{display:block}.student-name b{font-size:13px}.student-name small,.word-count small{color:#93a39e;margin-top:3px;font-size:9px}.word-count{text-align:center}.word-count b{color:var(--coral);font:700 17px Georgia,serif}.empty-state{text-align:center;min-height:320px;color:var(--muted);place-content:center;justify-items:center;display:grid}.empty-state>span{width:56px;height:56px;color:var(--green);background:var(--mint-soft);border-radius:20px;place-items:center;font-weight:800;display:grid}.empty-state h4{color:var(--ink);margin:16px 0 5px}.empty-state p{margin:0;font-size:11px}.library-page{min-height:78vh}.library-hero{color:#fff;background:linear-gradient(135deg,#1b6d5e,#3d9a83);border-radius:24px;justify-content:space-between;align-items:center;min-height:180px;padding:34px;display:flex;position:relative;overflow:hidden}.library-hero:after{content:"A";color:#ffffff0f;font:700 220px Georgia,serif;position:absolute;top:-38px;right:14%}.library-hero>div,.library-hero>strong{z-index:1;position:relative}.library-hero h2{margin:16px 0 7px;font-size:34px}.library-hero p{color:#ffffffb3}.library-hero strong{text-align:center;min-width:120px}.library-hero strong b,.library-hero strong small{display:block}.library-hero strong b{font:700 44px Georgia,serif}.library-hero strong small{color:#ffffffad;margin-top:4px;font-size:10px}.library-tabs{gap:8px;margin:22px 0 17px;display:flex;overflow-x:auto}.library-tabs button{white-space:nowrap;color:#849792;background:#edf5f2;border:0;border-radius:12px;padding:11px 15px;font-size:11px}.library-tabs button.active{color:#fff;background:var(--green)}.library-tools{justify-content:space-between;gap:14px;margin-bottom:18px;display:flex}.compact-groups{flex-wrap:nowrap;overflow-x:auto}.search-input{max-width:280px}.word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:680px;padding-right:4px;display:grid;overflow:auto}.word-grid article{border:1px solid var(--line);background:#fcfefd;border-radius:15px;grid-template-columns:30px 1fr auto auto;align-items:center;gap:10px;padding:13px;display:grid}.word-grid article>span{color:#9aaba6;font:700 10px Georgia,serif}.word-grid b,.word-grid small{display:block}.word-grid b{font:700 16px Georgia,serif}.word-grid small{color:#7f928d;margin-top:4px;font-size:10px}.word-grid em{color:var(--green);font-size:9px;font-style:normal}.word-grid button{color:var(--green);background:var(--mint-soft);cursor:pointer;border:0;border-radius:9px;padding:6px 8px;font-size:9px}.banks-layout{grid-template-columns:245px minmax(0,1fr)}.bank-students{align-content:start;gap:5px;max-height:78vh;display:grid;overflow:auto}.bank-students>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.bank-students>button:hover,.bank-students>button.active{background:#eef8f4}.bank-students>button span:nth-child(2) b,.bank-students>button span:nth-child(2) small{display:block}.bank-students>button b{font-size:12px}.bank-students>button small{color:#8fa09b;margin-top:3px;font-size:9px}.bank-students>button em{width:27px;height:27px;color:var(--coral);background:#fff0ec;border-radius:10px;place-items:center;font-size:10px;font-style:normal;font-weight:800;display:grid}.bank-detail{min-height:72vh}.bank-header{color:#fff;background:linear-gradient(135deg,#236f62,#419681);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:25px;display:flex}.bank-header span{color:#ffffff9e;letter-spacing:2px;font-size:9px}.bank-header h2{margin:6px 0 2px;font-size:30px}.bank-header p{color:#ffffffb3;margin:0;font-size:11px}.bank-filters{gap:7px;margin:20px 0 12px;display:flex}.bank-filters button{color:#839690;cursor:pointer;background:#edf5f2;border:0;border-radius:11px;padding:9px 13px;font-size:10px}.bank-filters button.active{color:#fff;background:var(--green)}.bank-list{gap:6px;display:grid}.bank-list article{border-bottom:1px solid #edf2f0;grid-template-columns:36px minmax(120px,1.2fr) 70px 92px 108px 62px auto 34px;align-items:center;gap:10px;padding:11px;font-size:10px;display:grid}.speak-mini{width:34px;height:34px;color:var(--green);background:var(--mint-soft);cursor:pointer;border:0;border-radius:11px;font:700 9px Georgia,serif}.bank-word b,.bank-word small{display:block}.bank-word b{font:700 16px Georgia,serif}.bank-word small{color:#81948f;margin-top:3px}.bank-list article>span{color:#81948f}.bank-list article>span b{color:var(--ink)}.bank-list article>em{text-align:center;border-radius:9px;padding:6px;font-size:9px;font-style:normal}.bank-list article>em.learning{color:#b76755;background:#fff0ec}.bank-list article>em.mastered{color:#24745f;background:#e5f5ed}.muted{color:var(--muted);font-size:11px}.test-room{background:radial-gradient(circle at 50% 45%,#d6f2e6e0,#0000 38%),linear-gradient(145deg,#f7fcfa,#e7f3ef);border-radius:32px;min-height:calc(100vh - 125px);padding:18px clamp(8px,4vw,48px) 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffc}.test-toolbar{z-index:3;grid-template-columns:130px 1fr 130px;align-items:center;gap:18px;display:grid;position:relative}.progress-wrap{grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:12px;width:100%;max-width:520px;margin:auto;display:grid}.progress-wrap span{color:#788b86;font-size:11px}.progress-wrap span b{color:var(--ink);font-size:15px}.progress-wrap i{background:#dfeae6;border-radius:9px;height:7px;overflow:hidden}.progress-wrap i em{border-radius:inherit;background:linear-gradient(90deg,#58b894,#207967);height:100%;transition:width .3s;display:block}.sound-toggle{color:#71857f;cursor:pointer;justify-self:end;align-items:center;gap:7px;font-size:10px;display:flex}.sound-toggle input{display:none}.sound-toggle span{background:#cbd9d4;border-radius:99px;width:32px;height:18px;position:relative}.sound-toggle span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.sound-toggle input:checked+span{background:var(--green)}.sound-toggle input:checked+span:after{transform:translate(14px)}.student-turn{z-index:3;justify-content:center;align-items:center;gap:13px;margin:20px 0 5px;display:flex;position:relative}.student-turn small{color:#849791;letter-spacing:1px;font-size:9px}.student-turn h2{margin:3px 0 0;font-size:20px}.student-turn>em{color:var(--green);background:#fff;border-radius:9px;padding:5px 8px;font-size:9px;font-style:normal}.stage-wrap{perspective:1200px;place-items:center;min-height:390px;display:grid;position:relative}.word-card-3d{z-index:2;perspective:1200px;cursor:pointer;width:min(760px,84%);height:320px;position:relative}.word-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.75,.2,1);position:relative}.word-card-3d.revealed .word-card-inner{transform:rotateY(180deg)}.word-face{backface-visibility:hidden;text-align:center;border:1px solid #ffffffeb;border-radius:34px;place-content:center;justify-items:center;padding:28px;display:grid;position:absolute;inset:0;box-shadow:0 32px 75px #30695929,inset 0 0 50px #ffffff73}.word-front{background:#ffffffe6}.word-back{color:#fff;background:linear-gradient(145deg,#247765,#439883);transform:rotateY(180deg)}.word-face>span{color:#8ba09a;letter-spacing:3px;font-size:9px;font-weight:800}.word-back>span{color:#fff9}.word-face h3{letter-spacing:-3px;overflow-wrap:anywhere;margin:20px 0;font:700 clamp(52px,8vw,112px) Georgia,Times New Roman,serif}.word-back h3{letter-spacing:-1px;font-family:inherit;font-size:clamp(30px,5vw,60px)}.word-back p{color:#ffffffa6;margin:0 0 15px;font:italic 22px Georgia,serif}.word-face button{color:var(--green);background:var(--mint-soft);cursor:pointer;border:0;border-radius:99px;padding:9px 13px;font-size:10px}.word-face>small{color:#9aaca6;margin-top:17px;font-size:9px}.word-back>small{color:#ffffff94}.stage-orb{filter:blur(.2px);border-radius:50%;animation:4s ease-in-out infinite float;position:absolute}.orb-a{background:linear-gradient(145deg,#bde9d6,#80c3a8);width:82px;height:82px;top:14%;left:7%;box-shadow:0 20px 40px #3082661f}.orb-b{background:#edd99b;width:48px;height:48px;animation-delay:-1s;top:28%;right:8%}.orb-c{background:#e9b6a8;width:30px;height:30px;animation-delay:-2.1s;bottom:12%;left:15%}.judge-area{z-index:3;justify-content:center;align-items:center;gap:14px;min-height:76px;display:flex;position:relative}.reveal-button{color:#fff;background:var(--green);min-width:210px;box-shadow:0 14px 30px #1f7a6933}.known-button,.unknown-button{text-align:left;cursor:pointer;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;gap:0 10px;min-width:220px;padding:12px 18px;display:grid}.known-button{color:#1d6f5d;background:#e4f6ee;border:1px solid #bde4d4}.unknown-button{color:#9f5546;background:#fff0ec;border:1px solid #f0c9bf}.known-button>span,.unknown-button>span{color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.known-button>span{background:#45a581}.unknown-button>span{background:#e5846e}.known-button b,.unknown-button b{font-size:14px}.known-button small,.unknown-button small{opacity:.7;font-size:8px}.keyboard-help{text-align:center;color:#91a29d;font-size:9px}.results-page{gap:18px;display:grid}.result-hero{grid-template-columns:74px 1fr auto;align-items:center;gap:18px;padding:28px;display:grid}.result-badge{color:#226c5d;background:linear-gradient(145deg,#dff4eb,#bfe4d3);border-radius:24px;place-items:center;width:68px;height:68px;font-size:12px;font-weight:800;display:grid}.result-hero span{color:#8ba09a;letter-spacing:1.5px;font-size:9px}.result-hero h2{margin:5px 0;font-size:22px}.result-hero p{color:var(--muted);margin:0;font-size:11px}.result-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.result-stats article{background:#fff;border-radius:20px;padding:20px;box-shadow:0 12px 32px #32635612}.result-stats span,.result-stats b{display:block}.result-stats span{color:#839690;font-size:10px}.result-stats b{margin-top:7px;font:700 29px Georgia,serif}.result-table>article{border-bottom:1px solid #eaf1ee;grid-template-columns:38px minmax(100px,1fr) 70px 70px 70px minmax(120px,1.5fr) auto;align-items:center;gap:12px;padding:13px 5px;display:grid}.result-table article div>b,.result-table article div>small,.result-table article>span b,.result-table article>span small{display:block}.result-table article div>small,.result-table article>span small{color:#93a39e;margin-top:3px;font-size:9px}.result-table article>span b{font:700 17px Georgia,serif}.result-table .good b{color:var(--green)}.result-table .warn b{color:var(--coral)}.result-tags{flex-wrap:wrap;gap:4px;display:flex}.result-tags em{color:#a45e50;background:#fff1ed;border-radius:8px;padding:5px 7px;font-size:9px;font-style:normal}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.dashboard-grid{grid-template-columns:1fr}.hero-panel{grid-template-columns:1fr .68fr}.setup-card{grid-row:2}.group-overview,.quick-card{grid-column:1}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-list article{grid-template-columns:36px minmax(130px,1fr) 68px 82px 62px auto 34px}.bank-list article>span:nth-of-type(3){display:none}}@media (width<=900px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:20px 12px}.brand>span:last-child,.sidebar nav button>span:last-child,.sidebar-tip{display:none}.brand{justify-content:center}.sidebar nav button{justify-content:center;padding:10px}.workspace{padding:20px}.hero-panel{grid-template-columns:1fr}.word-scene{display:none}.stat-row{grid-template-columns:repeat(2,1fr)}.students-layout,.banks-layout{grid-template-columns:1fr}.bank-students{grid-template-columns:repeat(3,1fr);max-height:none}.bank-students .section-heading{grid-column:1/-1}.result-table>article{grid-template-columns:38px 1fr 60px 60px auto}.result-table .result-tags,.result-table article>span:nth-of-type(4){display:none}}@media (width<=640px){.app-shell{padding-bottom:74px;display:block}.sidebar{background:#ffffffeb;border:1px solid #ffffffe6;border-radius:20px;width:auto;height:60px;padding:7px;position:fixed;inset:auto 10px 10px;box-shadow:0 16px 40px #2556492e}.brand,.sidebar-tip{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:3px;height:100%;margin:0}.sidebar nav button{border-radius:13px;padding:5px}.nav-icon{width:30px;height:30px}.workspace{padding:16px 12px 24px}.topbar{min-height:54px}.topbar h1{font-size:20px}.data-badge{display:none}.top-actions .primary-button{padding:9px 11px}.dashboard-grid{gap:12px}.hero-panel{min-height:430px;padding:28px 22px}.hero-copy h2{letter-spacing:-2px;font-size:38px}.hero-actions{display:grid}.hero-metrics{justify-content:space-between;gap:10px}.setup-card,.student-import,.student-list,.library-page,.bank-students,.bank-detail,.result-table{padding:20px 16px}.stat-row{gap:8px}.stat-row article{padding:18px 15px}.group-overview{display:none}.word-grid{grid-template-columns:1fr}.library-hero{padding:25px}.library-hero strong{display:none}.library-tools{display:grid}.search-input{max-width:none}.bank-students{grid-template-columns:1fr 1fr}.bank-list article{grid-template-columns:36px 1fr 58px auto 34px}.bank-list article>span,.bank-list article .text-button{display:none}.test-room{border-radius:24px;min-height:calc(100vh - 95px);padding:12px 8px}.test-toolbar{grid-template-columns:auto 1fr}.test-toolbar>.ghost-button{padding:9px;font-size:10px}.sound-toggle{display:none}.student-turn{margin-top:16px}.stage-wrap{min-height:330px}.word-card-3d{width:94%;height:280px}.word-face h3{font-size:clamp(46px,15vw,72px)}.word-back h3{font-size:34px}.judge-area{gap:8px}.known-button,.unknown-button{flex:1;grid-template-columns:30px 1fr;min-width:0;padding:10px}.known-button small,.unknown-button small,.keyboard-help{display:none}.result-hero{grid-template-columns:54px 1fr;padding:20px}.result-badge{border-radius:17px;width:50px;height:50px}.result-hero .primary-button{grid-column:1/-1}.result-stats{grid-template-columns:1fr 1fr}.result-table>article{grid-template-columns:38px 1fr 54px auto}.result-table article>span:nth-of-type(3){display:none}}.student-scope-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:16px;display:grid}.student-scope-heading .control-field{margin:0}.student-scope-heading>div{gap:8px;padding-bottom:3px;display:flex}.muted-action{color:#91a29d}.setup-students{border:1px solid var(--line);background:#f8fbfa;border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:132px;margin-top:9px;padding:8px;display:grid;overflow:auto}.setup-students>button{color:#60756f;cursor:pointer;text-align:left;background:#fff;border:1px solid #0000;border-radius:11px;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:7px;min-width:0;padding:7px 8px;display:grid}.setup-students>button>span{width:26px;height:26px;color:var(--green);background:var(--mint-soft);border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.setup-students>button b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.setup-students>button i{color:#a3b2ae;text-align:center;font-style:normal}.setup-students>button.selected{color:var(--green-dark);background:#eaf7f2;border-color:#a9d9c8;box-shadow:0 5px 14px #2b775f14}.setup-students>button.selected i{color:var(--green);font-weight:900}.setup-students>p{color:#91a29d;text-align:center;grid-column:1/-1;margin:12px;font-size:11px}.word-back{grid-template-columns:minmax(190px,.82fr) minmax(330px,1.25fr);place-content:stretch;place-items:center stretch;gap:22px;padding:24px;overflow:hidden}.meaning-reveal{text-align:center;justify-items:center;display:grid}.meaning-reveal>span{color:#ffffff9e;letter-spacing:3px;font-size:9px;font-weight:800}.word-back .meaning-reveal h3{letter-spacing:-1px;margin:14px 0;font-family:inherit;font-size:clamp(24px,3.2vw,42px);line-height:1.18}.meaning-reveal p{color:#ffffffb3;margin:0 0 10px;font:italic 20px Georgia,serif}.meaning-reveal small{color:#ffffff8f;font-size:9px}.comic-panel{color:#28423c;background:#e7f4ef;border:4px solid #ffffffe6;border-radius:24px;grid-template-rows:1fr auto;grid-template-columns:1fr 20px 1fr;align-items:center;min-width:0;height:262px;margin:0;padding:30px 14px 13px;display:grid;position:relative;transform:rotate(1deg);box-shadow:0 16px 35px #0a3e3238,inset 0 0 0 2px #22524626}.comic-badge{z-index:3;color:#244b40;letter-spacing:.4px;background:#ffe174;border:2px solid #244b40;border-radius:99px;padding:6px 10px;font-size:9px;font-weight:900;position:absolute;top:-9px;left:18px;transform:rotate(-3deg)}.comic-frame{background:linear-gradient(#c9eee9 0 56%,#9dd0a9 56%);border:3px solid #284b42;border-radius:15px;height:184px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff80}.comic-frame:before{content:"";background:#ffe56fc7;border-radius:50%;width:64px;height:64px;position:absolute;top:13px;right:10px;box-shadow:0 0 0 8px #fff3}.comic-frame-two{background:linear-gradient(#f7dfb8 0 58%,#dcae82 58%)}.comic-arrow{z-index:2;color:#244b40;text-align:center;text-shadow:0 2px #fff;font-size:22px;font-weight:900;position:relative}.comic-person{z-index:2;justify-items:center;display:grid;position:absolute;bottom:8px}.comic-person-left{left:12%}.comic-person-right{right:16%}.comic-head{z-index:2;filter:drop-shadow(0 3px #284b4233);font-size:46px;line-height:1;position:relative}.comic-body{background:#ff8f75;border:3px solid #284b42;border-radius:16px 16px 8px 8px;width:38px;height:48px;margin-top:-3px}.comic-frame-two .comic-body{background:#6eb9df}.comic-bubble{z-index:2;background:#fff;border:2px solid #284b42;border-radius:14px;max-width:52%;padding:8px 9px;font-size:10px;font-weight:800;line-height:1.35;position:absolute;top:16px;left:44%;transform:rotate(2deg)}.comic-bubble:after{content:"";background:#fff;border-bottom:2px solid #284b42;border-right:2px solid #284b42;width:10px;height:10px;position:absolute;bottom:-7px;left:18px;transform:rotate(45deg)}.comic-action{z-index:2;filter:drop-shadow(0 4px #284b422e);font-size:50px;animation:2.2s ease-in-out infinite comic-pop;position:absolute;top:32px;left:14%}.comic-motion{z-index:3;color:#e96957;font-size:38px;font-weight:900;position:absolute;bottom:45px;left:40%;transform:rotate(-15deg)}.comic-spark{z-index:2;color:#fff;font-size:25px;animation:1.8s ease-in-out infinite comic-spark;position:absolute;top:8px;left:8px}.comic-panel figcaption{color:#48665e;text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;align-self:end;padding-top:8px;font-size:10px;font-weight:800;overflow:hidden}.comic-bg-night .comic-frame{background:linear-gradient(#4d5684 0 58%,#2e4e5a 58%)}.comic-bg-rain .comic-frame{background:linear-gradient(#9ec7d4 0 58%,#6fa695 58%)}.comic-bg-office .comic-frame,.comic-bg-classroom .comic-frame{background:linear-gradient(#d6e9f6 0 58%,#d7ba87 58%)}.comic-bg-lab .comic-frame{background:linear-gradient(#c8d7fa 0 58%,#a8afd3 58%)}.comic-bg-sky .comic-frame{background:linear-gradient(#aee1f5 0 68%,#dcefa8 68%)}.comic-bg-forest .comic-frame,.comic-bg-nature .comic-frame{background:linear-gradient(#bcebd1 0 58%,#74ad75 58%)}.comic-bg-street .comic-frame,.comic-bg-station .comic-frame{background:linear-gradient(#cde7ef 0 58%,#a9aeb2 58%)}@keyframes comic-pop{0%,to{transform:scale(1)rotate(-5deg)}50%{transform:scale(1.12)rotate(4deg)}}@keyframes comic-spark{0%,to{opacity:.6;transform:rotate(0)}50%{opacity:1;transform:rotate(22deg)scale(1.15)}}@media (width<=720px){.student-scope-heading{grid-template-columns:1fr}.student-scope-heading>div{justify-content:flex-end;margin-top:-7px}.setup-students{grid-template-columns:1fr;max-height:118px}.stage-wrap{min-height:430px}.word-card-3d{width:96%;height:400px}.word-back{grid-template-rows:auto 225px;grid-template-columns:1fr;gap:8px;padding:14px}.word-back .meaning-reveal h3{margin:7px 0;font-size:26px}.meaning-reveal p{margin-bottom:4px;font-size:16px}.meaning-reveal small{display:none}.comic-panel{width:100%;height:218px;padding:25px 10px 9px}.comic-frame{height:150px}.comic-head{font-size:37px}.comic-body{width:31px;height:39px}.comic-action{font-size:40px}.comic-bubble{max-width:58%;padding:6px;font-size:8px}}.vocabulary-importer{background:#f4faf7;border:1px solid #cbe4dc;border-radius:17px;margin:0 0 18px;overflow:hidden}.vocabulary-importer summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;list-style:none;display:flex}.vocabulary-importer summary::-webkit-details-marker{display:none}.vocabulary-importer summary>span{gap:3px;display:grid}.vocabulary-importer summary b{color:var(--green-dark);font-size:12px}.vocabulary-importer summary small{color:#8ca098;font-size:9px}.vocabulary-importer summary em{color:var(--green);font-size:10px;font-style:normal;font-weight:800}.vocabulary-importer[open] summary{background:#ebf7f2;border-bottom:1px solid #d9ebe5}.vocabulary-importer[open] summary em{font-size:0}.vocabulary-importer[open] summary em:after{content:"收起";font-size:10px}.vocabulary-import-body{grid-template-columns:minmax(210px,.65fr) minmax(220px,1fr) auto;align-items:end;gap:13px;padding:16px;display:grid}.vocabulary-import-body .control-field{margin:0}.word-import-input{grid-area:1/2/span 2}.word-import-input textarea{resize:vertical;min-height:132px}.vocabulary-import-body>.primary-button{white-space:nowrap;grid-column:3;min-height:42px;margin-bottom:1px}.import-guide{grid-template-columns:38px 1fr;align-self:start;align-items:start;gap:10px;display:grid}.import-guide>span{color:#fff;background:linear-gradient(145deg,#2e8b76,#62b29c);border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid;box-shadow:0 8px 18px #267b652e}.import-guide b{color:#436158;margin:2px 0 5px;font-size:11px;display:block}.import-guide p{color:#879b95;margin:0;font-size:9px;line-height:1.55}@media (width<=900px){.vocabulary-import-body{grid-template-columns:1fr 1fr}.word-import-input{grid-area:auto/1/auto/-1}.vocabulary-import-body>.primary-button{grid-column:auto}}@media (width<=560px){.vocabulary-import-body{grid-template-columns:1fr}.word-import-input,.vocabulary-import-body>.primary-button{grid-column:1}.vocabulary-import-body>.primary-button{width:100%}}.comic-image-panel{background:#f6fbf8;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;padding:16px 12px 10px;display:grid;transform:rotate(.5deg)}.comic-image-panel>img{object-fit:cover;background:#fff;border:3px solid #284b42;border-radius:15px;width:100%;height:218px}.comic-image-panel figcaption{color:#48665e}.comic-style-showcase{background:linear-gradient(145deg,#f9fcfb,#edf7f3);border:1px solid #d6e9e2;border-radius:20px;margin:0 0 18px;padding:18px}.comic-style-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;display:flex}.comic-style-heading span{color:#8ca098;letter-spacing:1.3px;font-size:9px;font-weight:850}.comic-style-heading h3{color:var(--green-dark);margin:5px 0 4px;font-size:17px}.comic-style-heading p{color:#889b95;margin:0;font-size:9px}.comic-style-heading strong{color:var(--green-dark);white-space:nowrap;background:#dff3eb;border-radius:11px;padding:8px 11px;font:700 13px Georgia,serif}.comic-style-batch+.comic-style-batch{border-top:1px solid #d6e9e2;margin-top:18px;padding-top:16px}.comic-style-batch-heading{justify-content:space-between;align-items:end;gap:12px;margin:0 2px 9px;display:flex}.comic-style-batch-heading div{gap:2px;display:grid}.comic-style-batch-heading b{color:#315c50;font-size:12px}.comic-style-batch-heading span{color:#8a9c96;font-size:9px}.comic-style-batch-heading strong{color:#6f8d84;white-space:nowrap;font-size:9px;font-weight:750}.comic-style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.comic-style-grid article{background:#fff;border:1px solid #dce9e5;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 8px 20px #2b5b4e0f}.comic-style-grid a{aspect-ratio:4/3;background:#dcebe6;display:block;overflow:hidden}.comic-style-grid img{object-fit:cover;width:100%;height:100%;transition:transform .28s}.comic-style-grid a:hover img{transform:scale(1.045)}.comic-style-grid article>div{padding:9px 10px 10px;display:grid}.comic-style-grid span{color:#8a9c96;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.comic-style-grid b{color:#294c42;margin:4px 0 2px;font:700 17px Georgia,serif}.comic-style-grid small{color:#748982;font-size:9px}@media (width<=1050px){.comic-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.comic-image-panel>img{height:174px}.comic-style-heading{align-items:start}.comic-style-heading strong{display:none}.comic-style-grid{scroll-snap-type:x mandatory;padding-bottom:5px;display:flex;overflow-x:auto}.comic-style-grid article{scroll-snap-align:start;min-width:160px}}.shortcut-feedback{z-index:80;color:#fff;text-align:center;pointer-events:none;background:#2d7766;border:1px solid #fffc;border-radius:99px;min-width:190px;padding:11px 18px;font-size:12px;font-weight:800;animation:.82s both shortcut-in;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #1c4e413d}.shortcut-feedback.known{background:#238269}.shortcut-feedback.unknown{background:#d77562}.shortcut-feedback.warning{color:#664d12;background:#ffd878}@keyframes shortcut-in{0%{opacity:0;transform:translate(-50%,-12px)scale(.92)}18%,76%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-5px)scale(.98)}}.history-insights{margin-top:20px}.history-insights>.section-heading{padding:4px 5px 0}.history-insights>.section-heading>b{color:var(--green-dark);background:var(--mint-soft);border-radius:10px;padding:7px 10px;font-size:11px}.history-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.history-kpis article{background:#ffffffdb;border:1px solid #ffffffe6;border-radius:20px;min-height:112px;padding:19px;box-shadow:0 13px 35px #325e5112}.history-kpis span,.history-kpis b,.history-kpis small{display:block}.history-kpis span{color:#859791;font-size:10px}.history-kpis b{color:#294c42;text-overflow:ellipsis;white-space:nowrap;margin:9px 0 3px;font:700 26px Georgia,serif;overflow:hidden}.history-kpis small{color:#98a8a3;font-size:9px}.analytics-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:14px;margin-bottom:14px;display:grid}.class-analytics,.difficult-analytics,.session-history,.history-detail{padding:24px}.class-analytics article{border-top:1px solid var(--line);grid-template-columns:minmax(100px,.8fr) minmax(100px,1.2fr) 45px;align-items:center;gap:12px;padding:11px 0;display:grid}.class-analytics article:first-of-type{border-top:0}.class-analytics article>div b,.class-analytics article>div small{display:block}.class-analytics article>div b{color:#3a5a51;font-size:11px}.class-analytics article>div small{color:#96a6a1;margin-top:3px;font-size:8px}.class-analytics article>i{background:#e6f0ed;border-radius:99px;height:7px;overflow:hidden}.class-analytics article>i em{border-radius:inherit;background:linear-gradient(90deg,#62b99c,#2e8974);height:100%;display:block}.class-analytics article>strong{color:var(--green-dark);text-align:right;font-size:12px}.difficult-analytics article{border-top:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto 38px;align-items:center;gap:9px;padding:9px 0;display:grid}.difficult-analytics article:first-of-type{border-top:0}.difficult-analytics article>span{color:#9aaba5;font:700 9px Georgia,serif}.difficult-analytics article>div b,.difficult-analytics article>div small{display:block}.difficult-analytics article>div b{color:#294c42;font:700 15px Georgia,serif}.difficult-analytics article>div small{color:#91a19c;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.difficult-analytics article>strong{color:#c96957;font-size:10px}.difficult-analytics article>em{color:#9e5749;text-align:center;background:#fff0ec;border-radius:7px;padding:4px 5px;font-size:8px;font-style:normal}.session-history{margin-bottom:14px}.session-list{gap:8px;display:grid}.session-list>article{border:1px solid var(--line);background:#fcfefd;border-radius:14px;grid-template-columns:64px minmax(150px,1fr) 75px 70px 42px 62px;align-items:center;gap:10px;padding:11px 12px;display:grid}.session-list>article.active{background:#f0faf6;border-color:#8ecdb8;box-shadow:0 7px 18px #2e7e6614}.session-list time b,.session-list time small,.session-list>article>div b,.session-list>article>div small,.session-list>article>span b,.session-list>article>span small{display:block}.session-list time b{color:#45655c;font-size:11px}.session-list time small,.session-list>article>div small,.session-list>article>span small{color:#95a59f;margin-top:2px;font-size:8px}.session-list>article>div b{color:#2d4e44;font-size:11px}.session-list>article>span b{color:var(--green-dark);font-size:14px}.session-list>article>span.warn b{color:#c86d59}.session-list .ghost-button.compact{padding:7px 9px;font-size:9px}.compact-empty{min-height:180px}.history-detail{margin-bottom:20px}.history-detail-list{max-height:480px;display:grid;overflow:auto}.history-detail-list article{border-top:1px solid var(--line);grid-template-columns:60px minmax(100px,.65fr) minmax(180px,1.3fr) 70px 62px;align-items:center;gap:11px;padding:10px 5px;display:grid}.history-detail-list article:first-child{border-top:0}.history-detail-list time{color:#91a19c;font-size:9px}.history-detail-list article>div b,.history-detail-list article>div small{display:block}.history-detail-list article>div b{color:#34574d;font-size:11px}.history-detail-list article>div:nth-of-type(2) b{font:700 16px Georgia,serif}.history-detail-list article>div small{color:#92a29d;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.history-detail-list article>span{color:#7d918a;font-size:9px}.history-detail-list article>em{text-align:center;border-radius:8px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:800}.history-detail-list article>em.known{color:#26725e;background:#e4f5ee}.history-detail-list article>em.unknown{color:#af5e4d;background:#ffede8}@media (width<=900px){.history-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.session-list>article{grid-template-columns:58px minmax(120px,1fr) 66px 38px 58px}.session-list>article>span.warn{display:none}.history-detail-list article{grid-template-columns:50px 90px minmax(140px,1fr) 58px}.history-detail-list article>span{display:none}}@media (width<=600px){.shortcut-feedback{width:max-content;max-width:88vw;top:10px}.history-kpis{gap:8px}.history-kpis article{min-height:96px;padding:15px}.history-kpis b{font-size:21px}.class-analytics,.difficult-analytics,.session-history,.history-detail{padding:18px 14px}.session-list>article{grid-template-columns:48px minmax(100px,1fr) 52px}.session-list>article>span,.session-list>article>.text-button{display:none}.history-detail-list article{grid-template-columns:45px 74px minmax(100px,1fr) 55px;gap:7px}.history-detail-list article>div:nth-of-type(2) b{font-size:14px}}.test-library-select{margin-bottom:14px}.library-tabs button{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.library-tabs button small{min-width:24px;color:inherit;background:#ffffff73;border-radius:8px;padding:2px 6px;font-size:8px}.library-tabs button.active small{background:#ffffff2e}.relation-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 20px;display:grid}.relation-overview article{border:1px solid var(--line);background:linear-gradient(145deg,#fbfefd,#f0f7f4);border-radius:17px;padding:18px}.relation-overview span,.relation-overview b,.relation-overview small{display:block}.relation-overview span{color:#7f928c;font-size:9px}.relation-overview b{color:var(--green);margin:7px 0 3px;font:700 28px Georgia,serif}.relation-overview small{color:#98a8a3;font-size:9px}.managed-grid article{grid-template-columns:30px minmax(110px,1fr) auto auto auto}.managed-grid article.active{background:#f0faf6;border-color:#72b79f;box-shadow:0 8px 22px #2c715c1a}.managed-grid article>div i{color:#4d8c79;letter-spacing:4px;margin-top:6px;font-size:8px;font-style:normal;display:inline-flex}.word-grid button.manage-word{color:#6c5aa1;background:#f0edfa}.word-editor{background:#f7fbf9;border:1px solid #d8e8e2;border-radius:22px;margin-top:18px;padding:24px}.editor-fields{grid-template-columns:.8fr 1.5fr 100px;gap:10px;display:grid}.relation-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.relation-editor-grid label{color:#637b73;gap:7px;font-size:10px;font-weight:700;display:grid}.relation-editor-grid textarea{resize:vertical}.relation-preview{gap:8px;margin-top:14px;display:grid}.relation-preview>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.relation-preview b{color:#647b73;min-width:70px;font-size:9px}.relation-preview span{color:#396f60;background:#e5f4ee;border-radius:9px;padding:5px 8px;font:700 10px Georgia,serif}.editor-actions{gap:9px;margin-top:16px;display:flex}.danger-outline{color:#a3584a!important;background:#fff8f6!important;border-color:#edc9c0!important}.report-center{grid-template-columns:minmax(260px,1fr) 210px auto;align-items:center;gap:16px;margin:14px 0;padding:24px;display:grid;position:relative;overflow:hidden}.report-center:after{content:"DATA";color:#247c690a;pointer-events:none;font:800 72px Georgia,serif;position:absolute;bottom:-28px;right:-8px}.report-copy,.report-center>label,.report-actions,.session-report-actions{z-index:1;position:relative}.report-copy>span{color:#4d8b79;letter-spacing:1.5px;font-size:8px;font-weight:800}.report-copy h3{color:#294c42;margin:5px 0;font-size:20px}.report-copy p{color:#83968f;max-width:580px;margin:0;font-size:10px;line-height:1.7}.report-actions{gap:8px;display:flex}.report-actions button,.session-report-actions button{color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:11px 14px;font-size:10px;font-weight:800}.excel-button{background:#2d7d5e}.pdf-button{background:#b45e4e}.session-report-actions{border-top:1px solid var(--line);grid-column:1/-1;align-items:center;gap:8px;padding-top:12px;display:flex}.session-report-actions span{color:#7d918a;margin-right:auto;font-size:10px}.session-report-actions button{color:#4c786a;background:#e7f3ef;padding:8px 11px}@media (width<=980px){.report-center{grid-template-columns:1fr 200px}.report-actions{grid-column:1/-1}.managed-grid article{grid-template-columns:26px minmax(100px,1fr) auto auto}.managed-grid article .manage-word{grid-column:2/-1}}@media (width<=700px){.relation-overview,.relation-editor-grid,.editor-fields{grid-template-columns:1fr}.report-center{grid-template-columns:1fr;padding:18px}.report-actions,.session-report-actions{flex-wrap:wrap;grid-column:auto}.session-report-actions span{width:100%}.library-tabs button{padding:9px 11px}}.relation-quick{flex-wrap:wrap;justify-content:center;gap:5px;max-height:52px;margin:2px 0 8px;display:flex;overflow:hidden}.relation-quick span{color:#275f51;background:#ffffffc7;border-radius:8px;padding:4px 7px;font:700 9px Georgia,serif}.data-backup-panel{background:linear-gradient(135deg,#f3fbf8,#fffdf8);border:1px solid #cce6dc;align-items:center;gap:24px;margin-bottom:16px;padding:22px 24px;display:flex}.data-backup-panel>div:first-child{flex:1;min-width:0}.data-backup-panel span{color:#3b8a75;letter-spacing:.12em;font-size:10px;font-weight:850}.data-backup-panel h3{color:#244e42;margin:5px 0 6px;font-size:20px}.data-backup-panel p{color:#71847e;margin:0;font-size:11px;line-height:1.7}.data-backup-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}@media (width<=720px){.data-backup-panel{flex-direction:column;align-items:flex-start;padding:18px 16px}.data-backup-actions{justify-content:stretch;width:100%}.data-backup-actions button{flex:1}}.access-shell{color:#17352e;background:#eef5f0;grid-template-columns:minmax(480px,1.18fr) minmax(420px,.82fr);min-height:100vh;display:grid;overflow:hidden}.access-visual{color:#fff;background:radial-gradient(circle at 72% 25%,#7fdab93d,#0000 26%),linear-gradient(145deg,#0b3b34 0%,#126252 58%,#1f7964 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:56px 64px;display:flex;position:relative;overflow:hidden}.access-brand,.student-logo{z-index:2;align-items:center;gap:13px;display:flex;position:relative}.access-brand>span,.student-logo>span{color:#16463b;background:#d7ff7b;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid;box-shadow:0 12px 32px #00000029}.access-brand b,.access-brand small,.student-logo b,.student-logo small{display:block}.access-brand small{color:#ffffffa6;margin-top:3px}.access-copy{z-index:2;max-width:680px;position:relative}.access-copy p{letter-spacing:.22em;color:#b7e4d7;font-size:12px}.access-copy h1{letter-spacing:-.055em;margin:18px 0 28px;font-size:clamp(44px,5.2vw,78px);line-height:1.06}.access-copy h1 em{color:#d7ff7b;font-style:normal}.access-copy>span{color:#c2ded7;font-size:16px}.access-orbit{border:1px solid #d7ff7b33;border-radius:50%;animation:18s linear infinite access-spin;position:absolute}.orbit-one{width:560px;height:560px;top:110px;right:-180px}.orbit-two{width:320px;height:320px;animation-direction:reverse;top:230px;right:-60px}.access-orbit:after{content:"";background:#d7ff7b;border-radius:50%;width:18px;height:18px;position:absolute;top:17%;left:8%;box-shadow:0 0 28px #d7ff7bbf}@keyframes access-spin{to{transform:rotate(360deg)}}.access-word-cloud{z-index:2;flex-wrap:wrap;gap:12px;display:flex;position:relative}.access-word-cloud i{color:#b9d8cf;background:#ffffff0f;border:1px solid #ffffff29;border-radius:99px;padding:8px 14px;font-family:Georgia,serif;font-style:normal}.access-panel{background:linear-gradient(145deg,#f8fbf8,#e8f1ed);place-items:center;padding:46px;display:grid}.access-card{background:#ffffffeb;border:1px solid #1a5b4b1f;border-radius:30px;width:min(100%,480px);padding:42px;box-shadow:0 30px 80px #1744381f}.access-heading>span{letter-spacing:.18em;color:#23806b;font-size:11px;font-weight:800}.access-heading h2{margin:10px 0 8px;font-size:30px}.access-heading p{color:#6e837d;margin:0 0 24px;line-height:1.65}.access-tabs{background:#edf3f0;border-radius:13px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:4px;display:grid}.access-tabs button{color:#74857f;background:0 0;border:0;border-radius:10px;padding:11px;font-weight:700}.access-tabs button.active{color:#176552;background:#fff;box-shadow:0 4px 16px #0f483b1a}.access-card label{margin:15px 0;display:block}.access-card label>span{color:#4f6861;margin:0 0 7px;font-size:12px;font-weight:700;display:block}.access-card input{background:#fbfdfc;border:1px solid #d5e1dd;border-radius:13px;outline:none;width:100%;height:50px;padding:0 15px;font-size:15px}.access-card input:focus{border-color:#23806b;box-shadow:0 0 0 4px #23806b17}.access-submit{color:#fff;background:linear-gradient(135deg,#176d5a,#249076);border:0;border-radius:14px;width:100%;height:52px;margin-top:12px;font-size:15px;font-weight:800;box-shadow:0 14px 28px #176d5a33}.access-submit:disabled{opacity:.55}.access-security{text-align:center;color:#84938f;margin-top:14px;display:block}.access-error{color:#b33d2e;background:#fff0ec;border-radius:12px;margin-top:16px;padding:12px 14px;font-size:13px}.classroom-user{border-left:1px solid #dbe5e1;flex-direction:column;align-items:flex-end;padding-left:16px;display:flex}.classroom-user b{font-size:13px}.classroom-user small{color:#7f918b;margin-top:2px}.logout-button{padding-inline:4px!important}.account-manager{margin-bottom:22px}.account-summary{color:#71837d;font-size:13px}.account-summary b{color:#176b58;font-size:24px}.account-actions{background:#edf7f3;border:1px solid #dcece5;border-radius:18px;grid-template-columns:1fr 240px;align-items:end;gap:24px;margin:18px 0;padding:20px;display:grid}.account-actions p{color:#5d746d;margin:0 0 14px;font-size:13px}.account-progress{align-items:center;gap:12px;display:flex}.account-progress i,.assignment-progress i,.student-task-list i{background:#dce9e4;border-radius:99px;flex:1;height:8px;display:block;overflow:hidden}.account-progress i em,.assignment-progress i em,.student-task-list i em{background:linear-gradient(90deg,#22a07f,#84d99b);border-radius:99px;height:100%;display:block}.account-progress span{color:#19735f;font-weight:800}.pin-result{background:#fffbed;border:1px solid #efdca0;border-radius:18px;margin-bottom:18px;padding:20px}.pin-result-head{justify-content:space-between;align-items:center;display:flex}.pin-result-head span{letter-spacing:.16em;color:#9b7420;font-size:10px}.pin-result-head h4{margin:4px 0}.pin-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:16px 0;display:grid}.pin-grid article{background:#fff;border:1px solid #eadcae;border-radius:12px;grid-template-columns:1fr auto;gap:3px;padding:12px;display:grid}.pin-grid article span{color:#8b7d55;grid-column:1/-1;font-size:10px}.pin-grid code{letter-spacing:.12em;color:#9b4d20;font-size:17px}.pin-result>p{color:#806f42;margin:0;font-size:12px}.account-student-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;max-height:390px;display:grid;overflow:auto}.account-student-list article{border:1px solid #e5ece9;border-radius:13px;grid-template-columns:38px 1fr auto auto;align-items:center;gap:10px;padding:10px;display:grid}.account-student-list article div b,.account-student-list article div small{display:block}.account-student-list article small{color:#84938f}.account-student-list em{border-radius:99px;padding:5px 8px;font-size:11px;font-style:normal}.account-student-list em.ready{color:#13725c;background:#e4f7ef}.account-student-list em.missing{color:#b65e26;background:#fff0e6}.teacher-accounts{border-top:1px solid #e5ece9;margin-top:20px;padding-top:20px}.teacher-create{grid-template-columns:1.2fr repeat(3,1fr) auto;align-items:center;gap:8px;display:grid}.teacher-create span{letter-spacing:.14em;color:#20816b;font-size:9px}.teacher-create h4{margin:3px 0}.teacher-create input{border:1px solid #dbe5e1;border-radius:10px;height:40px;padding:0 10px}.teacher-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.teacher-list span{background:#f1f6f4;border-radius:10px;gap:8px;padding:8px 11px;display:flex}.teacher-list small{color:#83928d}.assignment-layout{grid-template-columns:minmax(360px,.82fr) minmax(480px,1.18fr);align-items:start;gap:22px;display:grid}.assignment-form,.assignment-list{min-width:0}.assignment-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.assignment-groups{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.assignment-groups button{color:#60756f;background:#f7faf9;border:1px solid #d7e4df;border-radius:10px;padding:8px 11px}.assignment-groups button.active{color:#fff;background:#1d7a65;border-color:#1d7a65}.assignment-student-head{color:#62766f;align-items:center;gap:10px;margin:16px 0 8px;font-size:12px;display:flex}.assignment-student-head b{color:#15715c}.assignment-student-head button{color:#17745f;background:0 0;border:0;margin-left:auto}.assignment-students{grid-template-columns:repeat(4,1fr);gap:6px;max-height:160px;margin-bottom:16px;display:grid;overflow:auto}.assignment-students label{background:#f2f7f5;border-radius:9px;align-items:center;gap:6px;padding:7px;font-size:12px;display:flex}.assignment-cards{gap:12px;max-height:760px;padding-right:3px;display:grid;overflow:auto}.assignment-cards>article{background:#fff;border:1px solid #e0e9e5;border-radius:17px;padding:18px}.assignment-cards>article.closed{opacity:.72;background:#f7f8f8}.assignment-card-top{justify-content:space-between;gap:12px;display:flex}.assignment-card-top span{letter-spacing:.08em;color:#1c8069;font-size:10px}.assignment-card-top h4{margin:5px 0;font-size:18px}.assignment-card-top small{color:#87958f}.assignment-card-top>em{color:#13725c;background:#e6f7f0;border-radius:99px;height:max-content;padding:6px 9px;font-size:11px;font-style:normal}.assignment-card-top>article.closed em{color:#70807b;background:#ecefee}.assignment-metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;display:grid}.assignment-metrics span{background:#f3f7f5;border-radius:11px;padding:10px}.assignment-metrics b,.assignment-metrics small{display:block}.assignment-metrics b{font-size:19px}.assignment-metrics small{color:#81918b;margin-top:3px;font-size:10px}.assignment-progress{align-items:center;gap:10px;display:flex}.assignment-progress span{color:#597068;font-size:11px;font-weight:700}.assignment-card-actions{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.assignment-card-actions small{color:#899690}.student-shell{color:#18372f;background:#eef5f1;min-height:100vh}.student-topbar{color:#fff;background:#123f36;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,5vw,72px);display:flex}.student-logo small{color:#a7c8be;margin-top:2px;display:block}.student-profile{align-items:center;gap:10px;display:flex}.student-profile>span{color:#184c40;background:#d7ff7b;border-radius:13px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.student-profile div b,.student-profile div small{display:block}.student-profile div small{color:#9ebeb5}.student-profile button{color:#fff;background:0 0;border:1px solid #fff3;border-radius:9px;margin-left:9px;padding:7px 10px}.student-dashboard{width:min(1180px,100% - 36px);margin:0 auto;padding:34px 0 70px}.student-notice{color:#6d5b1f;background:#fff8d8;border:1px solid #ebdda5;border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:11px 15px;display:flex}.student-notice button{background:0 0;border:0}.student-welcome{color:#fff;background:radial-gradient(circle at 72% 20%,#d7ff7b38,#0000 25%),linear-gradient(135deg,#124b40,#1f7b66);border-radius:30px;justify-content:space-between;align-items:center;min-height:280px;padding:42px 48px;display:flex;position:relative;overflow:hidden}.student-welcome:after{content:"Aa";color:#ffffff09;font:700 240px/1 Georgia,serif;position:absolute;bottom:-58px;right:20%}.student-welcome>div,.student-welcome>button{z-index:1;position:relative}.student-welcome>div>span,.student-section-title span{letter-spacing:.2em;color:#a9d7c9;font-size:10px}.student-welcome h1{margin:14px 0;font-size:clamp(34px,4.3vw,56px);line-height:1.12}.student-welcome h1 em{color:#d7ff7b;font-style:normal}.student-welcome p{color:#bcd8d1}.student-welcome>button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:26px;width:210px;height:180px}.student-welcome>button b,.student-welcome>button span,.student-welcome>button small{display:block}.student-welcome>button b{font-size:64px;line-height:1}.student-welcome>button span{margin:9px 0;font-weight:800}.student-welcome>button small{color:#d7ff7b}.student-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.student-kpis article{background:#fff;border:1px solid #dce8e3;border-radius:18px;padding:20px}.student-kpis span,.student-kpis b,.student-kpis small{display:block}.student-kpis span{color:#6f847d;font-size:11px}.student-kpis b{color:#185e4e;margin:7px 0;font-size:32px}.student-kpis small{color:#97a49f}.student-task-card{background:#fff;border:1px solid #dce8e3;border-radius:24px;padding:26px}.student-section-title{justify-content:space-between;align-items:center;display:flex}.student-section-title span{color:#27816c}.student-section-title h2{margin:6px 0}.student-section-title button{color:#276e5d;background:#eef6f2;border:0;border-radius:9px;padding:8px 11px}.student-empty{text-align:center;color:#788a84;padding:50px 20px}.student-empty>span{color:#64b89c;font-size:34px}.student-task-list{gap:10px;margin-top:20px;display:grid}.student-task-list article{border:1px solid #e1eae6;border-radius:16px;grid-template-columns:52px minmax(180px,1fr) 220px auto;align-items:center;gap:16px;padding:14px;display:grid}.task-book{color:#fff;background:linear-gradient(145deg,#268e73,#57b998);border-radius:14px;place-items:center;width:48px;height:48px;font:700 17px Georgia,serif;display:grid}.task-main span{color:#25806b;font-size:10px}.task-main h3{margin:4px 0}.task-main small{color:#8a9994}.task-progress>span{text-align:right;color:#698079;font-size:11px;display:block}.task-progress>span b{color:#174e42;font-size:18px}.task-progress i{margin:6px 0}.task-progress small{text-align:right;color:#91a09b;display:block}.student-task-list article>button{color:#fff;background:#1c7b65;border:0;border-radius:11px;padding:11px 14px;font-weight:700}.student-task-list article>button:disabled{color:#7e8b87;background:#e7ecea}.student-loading{align-content:center;place-items:center;gap:20px;display:grid}.review-mode{background:radial-gradient(circle at 50% 22%,#e7f5ee,#dceae4)}.student-review-bar{color:#fff;background:#123f36;grid-template-columns:160px 1fr 160px;align-items:center;gap:24px;height:76px;padding:0 clamp(18px,4vw,60px);display:grid}.student-review-bar>div{text-align:center}.student-review-bar small,.student-review-bar b{display:block}.student-review-bar small{color:#9fc3b8;margin-bottom:3px}.student-review-bar i{background:#ffffff26;border-radius:99px;max-width:320px;height:4px;margin:8px auto 0;display:block}.student-review-bar i em{background:#d7ff7b;height:100%;display:block}.student-sound{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;justify-self:end;padding:9px 12px}.student-review-stage{flex-direction:column;align-items:center;padding:38px 18px;display:flex}.student-flip-card{perspective:1500px;cursor:pointer;width:min(980px,94vw);height:min(570px,62vh);min-height:460px}.student-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.75,.25,1);position:relative}.student-flip-card.revealed .student-flip-inner{transform:rotateY(180deg)}.student-word-front,.student-word-back{backface-visibility:hidden;border-radius:34px;position:absolute;inset:0;overflow:hidden;box-shadow:0 32px 70px #15423729}.student-word-front{background:linear-gradient(145deg,#fff,#f6faf8);flex-direction:column;justify-content:center;align-items:center;display:flex}.student-word-front:before{content:"";border:1px solid #d9ece5;border-radius:50%;width:260px;height:260px;position:absolute;box-shadow:0 0 0 48px #d9ece540,0 0 0 96px #d9ece51f}.student-word-front>*{position:relative}.student-word-front>span{letter-spacing:.16em;color:#297967;font-size:11px}.student-word-front h1{letter-spacing:-.055em;color:#173f36;margin:30px 0;font:700 clamp(70px,10vw,138px)/1 Georgia,serif}.student-word-front button{color:#18715d;background:#e3f3ed;border:0;border-radius:99px;padding:11px 17px;font-weight:700}.student-word-front small{color:#8b9b96;margin-top:22px}.student-word-back{background:#fff;grid-template-columns:1fr 1fr;display:grid;transform:rotateY(180deg)}.student-meaning{color:#fff;background:linear-gradient(145deg,#12483d,#1d735f);flex-direction:column;justify-content:center;padding:48px;display:flex}.student-meaning>span{letter-spacing:.18em;color:#a6d6c8;font-size:11px}.student-meaning h2{margin:18px 0;font-size:clamp(28px,4vw,48px);line-height:1.35}.student-meaning>b{color:#d7ff7b;font:italic 22px Georgia,serif}.student-relations{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.student-relations em{color:#c8dfd8;border:1px solid #ffffff2e;border-radius:99px;padding:6px 9px;font-size:11px;font-style:normal}.student-word-back .comic-panel{border:0;border-radius:0;width:100%;height:100%}.student-word-back .comic-image-panel img{object-fit:contain;max-height:430px}.student-judge{justify-content:center;gap:14px;margin-top:25px;display:flex}.student-judge>button{min-width:210px}.student-reveal{color:#fff;background:#1b745f;border:0;border-radius:15px;height:56px;padding:0 42px;font-size:16px;font-weight:800}@media (width<=1000px){.access-shell{grid-template-columns:1fr}.access-visual{min-height:360px;padding:34px}.access-copy h1{font-size:42px}.access-word-cloud{display:none}.access-panel{padding:28px}.assignment-layout{grid-template-columns:1fr}.teacher-create{grid-template-columns:1fr 1fr}.teacher-create>div{grid-column:1/-1}.student-task-list article{grid-template-columns:52px 1fr auto}.task-progress{grid-column:2/-1}.student-welcome{padding:34px}.student-kpis{grid-template-columns:1fr 1fr}}@media (width<=700px){.access-visual{min-height:290px}.access-copy h1{font-size:34px}.access-copy>span{font-size:13px}.access-card{border-radius:22px;padding:26px 20px}.access-panel{padding:18px}.classroom-user,.data-badge{display:none}.account-actions,.account-student-list,.teacher-create,.assignment-two{grid-template-columns:1fr}.assignment-students{grid-template-columns:repeat(3,1fr)}.student-topbar{padding:0 14px}.student-profile div{display:none}.student-dashboard{width:min(100% - 20px,1180px);padding-top:14px}.student-welcome{min-height:0;padding:28px;display:block}.student-welcome h1{font-size:31px}.student-welcome>button{width:100%;height:120px;margin-top:20px}.student-welcome>button b{font-size:42px}.student-kpis{gap:8px}.student-kpis article{padding:14px}.student-task-card{padding:18px}.student-task-list article{grid-template-columns:42px 1fr}.student-task-list article>button{grid-column:1/-1}.student-review-bar{grid-template-columns:auto 1fr auto;padding:0 12px}.student-review-bar .ghost-button{padding:9px;font-size:0}.student-review-bar .ghost-button:after{content:"退出";font-size:12px}.student-flip-card{height:600px;min-height:600px}.student-word-back{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.student-meaning{padding:25px}.student-meaning h2{margin:10px 0;font-size:25px}.student-word-front h1{font-size:58px}.student-judge>button{min-width:145px}.assignment-metrics{grid-template-columns:1fr 1fr}}.assignment-card-actions>span{align-items:center;gap:8px;display:flex}.assignment-detail-modal,.security-modal{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07231da3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.assignment-detail-card{background:#f5f9f7;border-radius:28px;width:min(1180px,96vw);max-height:92vh;padding:30px;position:relative;overflow:auto;box-shadow:0 40px 100px #051f1957}.assignment-detail-card>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.assignment-detail-card>header span,.assignment-difficult>span{letter-spacing:.17em;color:#25816c;font-size:10px;font-weight:800}.assignment-detail-card>header h2{margin:7px 0;font-size:28px}.assignment-detail-card>header p{color:#778a84;margin:0}.assignment-detail-card>header>div:last-child{gap:8px;padding-right:38px;display:flex}.assignment-detail-kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.assignment-detail-kpis article{background:#fff;border:1px solid #dce8e3;border-radius:14px;padding:15px}.assignment-detail-kpis span,.assignment-detail-kpis b{display:block}.assignment-detail-kpis span{color:#778a84;font-size:10px}.assignment-detail-kpis b{color:#175f50;margin-top:5px;font-size:26px}.assignment-detail-content{grid-template-columns:minmax(600px,1fr) 300px;gap:16px;display:grid}.assignment-student-progress,.assignment-difficult{background:#fff;border:1px solid #dde8e4;border-radius:18px;overflow:hidden}.detail-table-head,.assignment-student-progress>article{grid-template-columns:1.45fr 1.15fr .55fr .8fr .65fr;align-items:center;gap:10px;display:grid}.detail-table-head{color:#6e817b;background:#edf5f1;padding:11px 14px;font-size:10px}.assignment-student-progress>article{border-top:1px solid #edf1ef;padding:10px 14px}.assignment-student-progress>article>div{align-items:center;gap:9px;display:flex}.assignment-student-progress>article>div span b,.assignment-student-progress>article>div span small{display:block}.assignment-student-progress>article small{color:#82928d}.assignment-student-progress>article>span{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.assignment-student-progress>article>span i{background:#e1ece7;border-radius:99px;height:6px;overflow:hidden}.assignment-student-progress>article>span i em{background:linear-gradient(90deg,#1d876e,#78d392);border-radius:99px;height:100%;display:block}.assignment-student-progress strong{font-size:13px}.assignment-student-progress time{color:#7f908a;font-size:11px}.assignment-student-progress>article>em{text-align:center;border-radius:99px;padding:5px;font-size:10px;font-style:normal}.assignment-student-progress>article>em.completed{color:#16715d;background:#e2f6ed}.assignment-student-progress>article>em.in_progress{color:#a26512;background:#fff2d9}.assignment-student-progress>article>em.assigned{color:#74827e;background:#eef1f0}.assignment-difficult{padding:18px}.assignment-difficult h3{margin:6px 0 14px}.assignment-difficult>p{color:#82928d;font-size:12px}.assignment-difficult article{border-top:1px solid #edf1ef;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:9px 0;display:grid}.assignment-difficult article>b{color:#1d7763;background:#eef6f2;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.assignment-difficult article div strong,.assignment-difficult article div small{display:block}.assignment-difficult article div small{color:#81908c;text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.assignment-difficult article em{color:#b25e32;font-size:11px;font-style:normal}.student-growth-card{background:#fff;border:1px solid #dce8e3;border-radius:24px;margin:18px 0;padding:26px}.student-section-title>em{color:#1d775f;background:#edf7f2;border-radius:99px;padding:7px 11px;font-size:11px;font-style:normal}.growth-overview{grid-template-columns:1.25fr repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.growth-overview>article{background:#f3f7f5;border-radius:16px;min-height:126px;padding:18px}.growth-overview>article>span{color:#70847d;font-size:10px}.growth-overview>article>b{color:#185f50;margin:8px 0;font-size:31px;display:block}.growth-overview>article>b small{margin-left:3px;font-size:12px}.growth-overview>article>p{color:#81918b;margin:0;font-size:11px;line-height:1.5}.growth-overview .growth-level{color:#fff;background:linear-gradient(135deg,#174b40,#217a66);grid-template-columns:74px 1fr;align-items:center;gap:12px;display:grid}.growth-level>span{grid-column:1/-1;color:#9fd0c1!important}.growth-level>b{background:#d7ff7b;border-radius:21px;place-items:center;width:66px;height:66px;color:#174b40!important;margin:0!important;font-size:36px!important;display:grid!important}.growth-level div strong,.growth-level div small{display:block}.growth-level div strong{color:#d7ff7b}.growth-level div i{background:#ffffff24;border-radius:99px;height:7px;margin:8px 0;display:block;overflow:hidden}.growth-level div i em{background:#d7ff7b;border-radius:99px;height:100%;display:block}.growth-level div small{color:#add0c6;font-size:10px}.growth-content{grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);gap:14px;margin-top:14px;display:grid}.activity-chart,.badge-grid{border:1px solid #e1e9e6;border-radius:17px;padding:18px}.activity-chart>div:first-child span{letter-spacing:.12em;color:#27806a;font-size:10px}.activity-chart h3{margin:4px 0 12px}.activity-bars{grid-template-columns:repeat(14,1fr);gap:5px;height:150px;display:grid}.activity-bars article{text-align:center;grid-template-rows:18px 1fr 18px;align-items:end;display:grid}.activity-bars article>b{color:#4e6a62;font-size:9px}.activity-bars article>i{background:#edf3f0;border-radius:6px;height:100%;display:block;position:relative;overflow:hidden}.activity-bars article>i em{background:linear-gradient(#62c39f,#1e8069);border-radius:6px;min-height:3px;position:absolute;bottom:0;left:0;right:0}.activity-bars article>small{color:#87958f;padding-top:4px;font-size:9px}.badge-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.badge-grid>article{filter:grayscale(.75);opacity:.64;background:#f3f5f4;border-radius:13px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.badge-grid>article.earned{filter:none;opacity:1;background:#fff8dc;border:1px solid #efdda2}.badge-grid>article>span{color:#647670;background:#dfe6e3;border-radius:13px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.badge-grid>article.earned>span{color:#704a0f;background:linear-gradient(145deg,#ffe68a,#eebd45);box-shadow:0 8px 16px #c9922733}.badge-grid b,.badge-grid small,.badge-grid p{display:block}.badge-grid small{color:#84928e;margin:2px 0 6px;font-size:9px}.badge-grid i{background:#dbe4e0;border-radius:99px;height:4px;display:block;overflow:hidden}.badge-grid i em{background:#d6a734;height:100%;display:block}.badge-grid p{color:#917126;margin:4px 0 0;font-size:9px}.security-trigger{color:#237761;background:0 0;border:0;padding:6px;font-size:12px;font-weight:700}.student-topbar .security-trigger{color:#fff;border:1px solid #fff3;border-radius:9px;margin-left:8px;padding:7px 10px}.security-card{background:#fff;border-radius:25px;width:min(440px,92vw);padding:32px;position:relative;box-shadow:0 36px 90px #051f1952}.security-card>span{letter-spacing:.16em;color:#27806c;font-size:10px}.security-card h2{margin:8px 0;font-size:27px}.security-card>p{color:#728680;margin:0 0 18px;line-height:1.6}.security-card label{margin:13px 0;display:block}.security-card label>span{color:#587068;margin-bottom:6px;font-size:11px;display:block}.security-card input{border:1px solid #d8e3df;border-radius:12px;outline:none;width:100%;height:46px;padding:0 13px}.security-card input:focus{border-color:#23816b;box-shadow:0 0 0 4px #23816b12}.security-close{color:#597169;background:#edf3f0;border:0;border-radius:10px;width:34px;height:34px;font-size:21px;position:absolute;top:15px;right:17px}.security-error{color:#a43;background:#fff0eb;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:12px}.pwa-install{z-index:90;color:#fff;background:#123f36;border:1px solid #ffffff30;border-radius:16px;grid-template-columns:36px auto;align-items:center;column-gap:9px;padding:10px 14px 10px 10px;animation:.35s ease-out pwa-in;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 38px #09302747}.pwa-install>span{color:#16483c;background:#d7ff7b;border-radius:11px;grid-row:1/3;place-items:center;width:36px;height:36px;font-size:19px;font-weight:900;display:grid}.pwa-install b,.pwa-install small{text-align:left}.pwa-install b{font-size:12px}.pwa-install small{color:#a9c8bf;font-size:9px}@keyframes pwa-in{0%{opacity:0;transform:translateY(20px)}}@media (width<=980px){.assignment-detail-content{grid-template-columns:1fr}.assignment-difficult{order:-1}.growth-overview{grid-template-columns:1fr 1fr}.growth-content{grid-template-columns:1fr}.assignment-detail-card{padding:22px}.assignment-detail-card>header{display:block}.assignment-detail-card>header>div:last-child{margin-top:14px;padding-right:0}}@media (width<=700px){.assignment-detail-modal,.security-modal{padding:8px}.assignment-detail-card{border-radius:20px;width:100%;max-height:96vh;padding:16px}.assignment-detail-card>header h2{padding-right:35px;font-size:21px}.assignment-detail-kpis{grid-template-columns:1fr 1fr}.assignment-student-progress{overflow:auto}.detail-table-head,.assignment-student-progress>article{min-width:690px}.growth-overview{grid-template-columns:1fr 1fr}.growth-overview .growth-level{grid-column:1/-1}.student-growth-card{padding:17px}.badge-grid{grid-template-columns:1fr}.activity-chart{padding:13px}.activity-bars{gap:3px;height:130px}.pwa-install{bottom:10px;right:10px}.assignment-card-actions{align-items:flex-end}.assignment-card-actions>span{flex-direction:column;align-items:flex-end}}.account-student-list em.disabled{color:#6f7e79;background:#edf0ef}.account-row-actions{align-items:center;gap:5px;display:flex}.teacher-list span.disabled{opacity:.58;background:#edf0ef}.teacher-list span button{margin-left:auto}.leaderboard-panel{grid-column:1/-1;padding:24px;overflow:hidden}.leaderboard-panel>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.leaderboard-panel>header>div:first-child>span,.focus-task-builder>header span,.notification-popover header span{letter-spacing:.17em;color:#26806b;font-size:9px;font-weight:850}.leaderboard-panel h3,.focus-task-builder h3{margin:6px 0;font-size:22px}.leaderboard-panel>header p,.focus-task-builder>header p{color:#7b8e87;margin:0;font-size:11px;line-height:1.6}.leaderboard-controls{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.leaderboard-controls select,.leaderboard-controls button{color:#315f53;background:#f8fbfa;border:1px solid #d9e5e1;border-radius:10px;height:38px;padding:0 11px;font-size:11px}.leaderboard-controls button.active{color:#fff;background:#1c7d67;border-color:#1c7d67}.leaderboard-summary{background:#edf6f2;border-radius:14px;align-items:center;gap:9px;margin:18px 0 10px;padding:12px;display:flex}.leaderboard-summary span{color:#6e817a;border-right:1px solid #d5e5df;padding:0 14px;font-size:10px}.leaderboard-summary span b{color:#165f4f;font-size:20px;display:block}.leaderboard-summary button{color:#1d7863;background:0 0;border:0;margin-left:auto;font-weight:750}.leaderboard-table{border:1px solid #e0e9e5;border-radius:16px;overflow:hidden}.leaderboard-head,.leaderboard-table article{grid-template-columns:70px minmax(180px,1fr) 100px 90px minmax(220px,1fr);align-items:center;gap:12px;display:grid}.leaderboard-head{color:#74867f;background:#eef5f2;padding:10px 14px;font-size:10px}.leaderboard-table article{border-top:1px solid #edf1ef;padding:11px 14px}.leaderboard-table article.top{background:linear-gradient(90deg,#fffbed,#fff)}.leaderboard-table article>strong{color:#527068;background:#edf3f0;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.leaderboard-table article.top>strong{color:#78540e;background:#ffe28a}.leaderboard-table article>div{align-items:center;gap:9px;display:flex}.leaderboard-table article>div span b,.leaderboard-table article>div span small{display:block}.leaderboard-table article small,.leaderboard-table article>span{color:#82938d;font-size:10px}.leaderboard-table article>em{color:#1d8069;font-style:normal;font-weight:800}.leaderboard-empty{text-align:center;color:#7d8e88;padding:38px}.notification-center{position:relative}.notification-trigger{color:#537068;background:#fff;border:1px solid #dce6e2;border-radius:10px;align-items:center;gap:5px;height:34px;padding:0 9px;display:flex;position:relative}.notification-trigger>span{font-size:10px}.notification-trigger>b{font-size:11px}.notification-trigger>em{color:#fff;background:#d95343;border:2px solid #f6faf8;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-7px;right:-6px}.notification-trigger.has-items{background:#fffaf1;border-color:#e7c9a1}.notification-popover{z-index:150;background:#fff;border:1px solid #d9e5e0;border-radius:20px;width:min(430px,88vw);position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 24px 65px #0a302733}.notification-popover>header{border-bottom:1px solid #e8eeeb;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.notification-popover h3{margin:5px 0 0}.notification-popover>header>button{color:#5d716a;background:#eef3f1;border:0;border-radius:9px;width:30px;height:30px;font-size:18px}.notification-list{max-height:430px;overflow:auto}.notification-list article{border-bottom:1px solid #edf1ef;grid-template-columns:36px 1fr 30px;gap:10px;padding:14px 18px;display:grid}.notification-list article>i{color:#20725f;background:#e8f4ef;border-radius:11px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:850;display:grid}.notification-list article.urgent>i{color:#b74937;background:#fff0ec}.notification-list article.warning>i{color:#a36a19;background:#fff6df}.notification-list article div>b{font-size:12px}.notification-list article p{color:#758882;margin:4px 0;font-size:10px;line-height:1.55}.notification-list article div button{color:#1d7b65;background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.dismiss-notification{color:#498070;background:#eef5f2;border:0;border-radius:9px;align-self:start;width:28px;height:28px}.notification-empty{color:#70857e;flex-direction:column;align-items:center;padding:42px 20px;display:flex}.notification-empty>b{color:#1b7b65;background:#e3f5ed;border-radius:15px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.notification-empty span{margin:10px 0 4px;font-weight:800}.notification-empty small{color:#96a39f}.notification-popover>footer{background:#f5f8f7;justify-content:space-between;padding:10px 18px;display:flex}.notification-popover>footer button{color:#237760;background:0 0;border:0}.notification-popover>footer small{color:#93a09c}.task-operations-page{gap:18px;display:grid}.focus-task-builder{padding:24px}.focus-task-builder>header{justify-content:space-between;gap:16px;display:flex}.focus-task-builder>header>b{color:#1c765f;background:#e8f6ef;border-radius:99px;height:max-content;padding:8px 12px;font-size:11px}.focus-task-controls{grid-template-columns:1fr 1.4fr 1fr 1fr;gap:9px;margin:18px 0;display:grid}.focus-task-controls label>span{color:#657a73;margin-bottom:5px;font-size:10px;display:block}.focus-task-controls input,.focus-task-controls select{background:#fbfdfc;border:1px solid #dbe5e1;border-radius:10px;width:100%;height:40px;padding:0 10px}.focus-word-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:7px;max-height:245px;padding:2px;display:grid;overflow:auto}.focus-word-grid>button{text-align:left;background:#f8faf9;border:1px solid #e0e9e5;border-radius:12px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.focus-word-grid>button.selected{background:#edf9f4;border-color:#3b9b82;box-shadow:0 0 0 2px #3b9b8212}.focus-word-grid>button>i{color:#668078;background:#e5eeea;border-radius:8px;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.focus-word-grid>button.selected>i{color:#fff;background:#1f846c}.focus-word-grid>button span b,.focus-word-grid>button span small{display:block}.focus-word-grid>button span b{color:#174c40;font:700 15px Georgia,serif}.focus-word-grid>button span small{text-overflow:ellipsis;white-space:nowrap;color:#83938e;max-width:130px;font-size:9px;overflow:hidden}.focus-word-grid>button>em{color:#b15c39;white-space:nowrap;font-size:9px;font-style:normal}.focus-students{margin:13px 0}.focus-students>div{color:#60756e;align-items:center;gap:8px;font-size:11px;display:flex}.focus-students>div button{color:#1f7a64;background:0 0;border:0}.focus-students>section{flex-wrap:wrap;gap:6px;max-height:90px;margin-top:7px;display:flex;overflow:auto}.focus-students label{background:#f1f6f4;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;display:flex}.focus-empty{text-align:center;color:#81928c;border:1px dashed #cdded7;border-radius:13px;padding:28px}.student-leaderboard{color:#fff;background:linear-gradient(135deg,#153f36,#205f50);border:1px solid #dce8e3;border-radius:24px;margin:18px 0;padding:25px}.student-leaderboard .student-section-title span{color:#9ed1c2}.student-leaderboard .student-section-title h2{color:#fff}.student-leaderboard .student-section-title>em{color:#d7ff7b;background:#ffffff14}.student-rank-list{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:17px;display:grid}.student-rank-list article{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:32px 1fr;align-items:center;gap:8px;padding:11px;display:grid}.student-rank-list article.mine{background:#d7ff7b14;border-color:#d7ff7b}.student-rank-list article>b{color:#16483c;background:#d7ff7b;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.student-rank-list article span strong,.student-rank-list article span small{display:block}.student-rank-list article span small{color:#a8c5bc;margin-top:3px;font-size:8px}.student-rank-list article>em{color:#d7ff7b;grid-column:2;font-size:10px;font-style:normal}.ranking-note{color:#9bbab1;margin:11px 0 0;font-size:9px}.student-empty.compact{color:#abc6be;padding:24px}.data-backup-panel.upgraded{grid-template-columns:minmax(300px,1fr) auto;align-items:start;display:grid}.backup-copy>small{color:#4f796d;margin-top:8px;display:block}.local-snapshot-list{border-top:1px solid #dbe9e3;grid-column:1/-1;gap:6px;width:100%;padding-top:13px;display:grid}.local-snapshot-list>p{color:#7d8e88}.local-snapshot-list article{background:#fff;border-radius:11px;grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;padding:9px 11px;display:grid}.local-snapshot-list article span b,.local-snapshot-list article span small{display:block}.local-snapshot-list article span small{color:#82938d;letter-spacing:0;margin-top:2px}.local-snapshot-list article button{color:#277461;background:#e8f4ef;border:0;border-radius:8px;padding:7px 9px;font-size:10px}.local-snapshot-list article button.danger{color:#a84b3c;background:#fff0ec}.backup-security-note{color:#92724d!important;grid-column:1/-1!important;font-size:9px!important}@media (width<=980px){.leaderboard-panel>header{display:block}.leaderboard-controls{justify-content:flex-start;margin-top:14px}.leaderboard-table{overflow:auto}.leaderboard-head,.leaderboard-table article{min-width:760px}.focus-task-controls,.student-rank-list{grid-template-columns:1fr 1fr}.data-backup-panel.upgraded{grid-template-columns:1fr}}@media (width<=700px){.leaderboard-panel,.focus-task-builder{padding:17px}.leaderboard-summary{grid-template-columns:1fr 1fr;display:grid}.leaderboard-summary span{border:0}.leaderboard-summary button{grid-column:1/-1;margin:0}.leaderboard-controls select,.leaderboard-controls button{flex:1}.focus-task-builder>header{display:block}.focus-task-builder>header>b{margin-top:10px;display:inline-block}.focus-task-controls,.focus-word-grid{grid-template-columns:1fr}.notification-trigger>b{display:none}.notification-popover{width:auto;position:fixed;top:76px;left:8px;right:8px}.student-rank-list{grid-template-columns:1fr}.local-snapshot-list article{grid-template-columns:1fr repeat(3,auto)}.data-backup-panel.upgraded{padding:16px}.data-backup-actions{grid-template-columns:1fr;display:grid}.data-backup-actions button{width:100%}}.comic-style-isometric{background:linear-gradient(145deg,#edf8f4,#d6eee5);transform:rotate(.35deg)}.comic-style-isometric .comic-frame{border-radius:10px;transform:skewY(-1.5deg);box-shadow:9px 9px #214d4230,inset 0 0 0 2px #fff8}.comic-style-isometric .comic-frame-two{transform:skewY(1.5deg)}.comic-style-modern-manhua{color:#192d45;background:linear-gradient(135deg,#e9f4ff,#eee5ff 58%,#ffeaf1);transform:rotate(-.35deg)}.comic-style-modern-manhua .comic-frame{background:linear-gradient(155deg,#bfe7ff 0 56%,#9fc9bf 56%);border-color:#20344c;border-radius:20px;box-shadow:0 12px 24px #6258a52b}.comic-style-modern-manhua .comic-frame-two{background:linear-gradient(155deg,#ffd8e6 0 56%,#cfacd9 56%)}.comic-style-modern-manhua .comic-badge{color:#fff;background:linear-gradient(90deg,#4b7fc4,#915fa7);border-color:#433d7c}.comic-style-modern-manhua .comic-motion{color:#7554aa;font-size:30px}.comic-style-dynamic-manga{color:#17201d;background:repeating-linear-gradient(125deg,#fff 0 8px,#edf0ef 8px 10px);transform:rotate(.6deg)}.comic-style-dynamic-manga .comic-frame{filter:grayscale();background:radial-gradient(circle at 70% 20%,#fff 0 2px,#0000 3px),repeating-linear-gradient(100deg,#fff 0 6px,#d8dcda 6px 7px);border-color:#111;border-radius:3px;box-shadow:5px 6px #111}.comic-style-dynamic-manga .comic-frame-two{background:repeating-radial-gradient(circle,#fff 0 5px,#ccd0ce 6px 7px)}.comic-style-dynamic-manga .comic-badge{color:#fff;background:#111;border-color:#111;transform:rotate(-2deg)skew(-8deg)}.comic-style-dynamic-manga .comic-arrow{color:#111;font-size:27px;transform:skew(-12deg)}.comic-style-dynamic-manga .comic-motion{color:#111;font-size:34px;font-weight:900}.personal-learning-plan{background:linear-gradient(145deg,#fff,#f3faf7);border:1px solid #dce8e3;border-radius:24px;margin:18px 0;padding:26px;box-shadow:0 16px 38px #2f806b0a}.personal-plan-grid{grid-template-columns:1fr 1.15fr;gap:13px;margin-top:18px;display:grid}.daily-goal-card,.learning-preferences{background:#fff;border:1px solid #dfe9e5;border-radius:18px;min-height:150px;padding:18px}.daily-goal-card{grid-template-columns:105px 1fr;align-items:center;gap:17px;display:grid}.daily-goal-ring{background:conic-gradient(#2b8c72 var(--daily-progress),#e6efeb 0);color:#155c4d;border-radius:50%;align-content:center;place-items:center;width:96px;height:96px;display:grid;position:relative}.daily-goal-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.daily-goal-ring>*{position:relative}.daily-goal-ring b{font-size:29px;line-height:1}.daily-goal-ring small{color:#81928c;font-size:10px}.daily-goal-card>div:last-child>span,.learning-preferences>label>span,.learning-preferences>div>span{letter-spacing:.1em;color:#28816c;font-size:9px;font-weight:800}.daily-goal-card h3{color:#174f43;margin:6px 0}.daily-goal-card p{color:#7c8e88;margin:0;font-size:11px;line-height:1.55}.learning-preferences{grid-template-columns:135px 1fr;align-items:center;gap:17px;display:grid}.learning-preferences label{gap:8px;display:grid}.learning-preferences select{color:#315a50;background:#f7fbf9;border:1px solid #d7e3de;border-radius:11px;height:44px;padding:0 10px}.preference-mode-buttons{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.preference-mode-buttons button{color:#537169;background:#f5f9f7;border:1px solid #dce7e3;border-radius:12px;place-items:center;gap:3px;height:62px;font-weight:900;display:grid}.preference-mode-buttons button small{font-size:8px;font-weight:700}.preference-mode-buttons button.active{color:#17604f;background:#e4f6ef;border-color:#29866f;box-shadow:0 0 0 3px #2b8c7212}.weak-library-tip{color:#758982;align-items:center;gap:8px;margin-top:12px;font-size:9px;display:flex}.weak-library-tip b{color:#356158}.weak-library-tip span{color:#9c651d;background:#fff2dd;border-radius:99px;padding:6px 9px}.quick-mode-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px;display:grid}.quick-mode-grid button{text-align:left;color:#2a5147;background:#fff;border:1px solid #dde8e4;border-radius:14px;grid-template-columns:37px 1fr;align-items:center;gap:3px 9px;padding:12px;display:grid;position:relative}.quick-mode-grid button>b{color:#23745f;background:#e8f4ef;border-radius:11px;grid-row:1/3;place-items:center;width:36px;height:36px;display:grid}.quick-mode-grid button>span{font-size:11px;font-weight:800}.quick-mode-grid button>small{color:#879891;font-size:8px}.quick-mode-grid button.recommended{background:#effaf5;border-color:#2a896f;box-shadow:0 8px 18px #27806813}.quick-mode-grid button:disabled{opacity:.5}.review-listening .student-word-front{background:radial-gradient(circle at 50% 45%,#e8f7f2,#f8fbfa 52%)}.listening-orbit{color:#fff;background:linear-gradient(145deg,#1f7c66,#57b696);border-radius:50%;place-items:center;width:142px;height:142px;font-size:56px;animation:2s ease-in-out infinite listening-pulse;display:grid;box-shadow:0 0 0 18px #dcefe8,0 0 0 36px #edf6f2}.student-word-front h2{color:#234d42;text-align:center;max-width:620px;margin:35px 0 22px;font-size:28px}.review-spelling .student-flip-card{cursor:default}.review-spelling .student-word-front{background:linear-gradient(145deg,#fffdf6,#f3faf7)}.student-word-front .spelling-meaning{max-width:720px;margin:32px 0 24px;font-size:clamp(28px,4vw,46px);line-height:1.35}.student-word-front>input{color:#183f36;text-align:center;background:#fff;border:2px solid #cddfd8;border-radius:17px;outline:none;width:min(560px,78%);height:66px;padding:0 20px;font:700 28px Georgia,serif;position:relative;box-shadow:0 10px 28px #245f4f12}.student-word-front>input:focus{border-color:#27816b;box-shadow:0 0 0 5px #27816b12,0 12px 28px #245f4f12}.student-meaning{overflow:auto}.student-meaning>b small{color:#a7d2c6;margin-left:8px;font-size:13px;font-weight:500;display:inline}.student-meaning>strong{border-radius:10px;margin-top:9px;padding:8px 10px;font-size:10px;display:block}.spelling-ok{color:#174f42;background:#d7ff7b}.spelling-miss{color:#7a3d31;background:#ffd5ca}.student-content-notes{gap:7px;margin-top:14px;display:grid}.student-content-notes>p,.student-content-notes blockquote{color:#d7e9e3;background:#ffffff10;border-radius:10px;margin:0;padding:8px 10px;font-size:10px;line-height:1.45}.student-content-notes b{color:#d7ff7b;letter-spacing:.08em;margin-bottom:3px;font-size:8px;display:block}.student-content-notes blockquote p{color:#fff;margin:0;font:italic 13px/1.45 Georgia,serif}.student-content-notes cite{color:#9ec4b9;margin-top:4px;font-size:8px;font-style:normal;display:block}.spelling-next{min-width:310px!important}.spelling-next span,.spelling-next b,.spelling-next small{display:block}@keyframes listening-pulse{50%{transform:scale(1.04);box-shadow:0 0 0 22px #dcefe8,0 0 0 44px #edf6f2}}.content-completeness{background:linear-gradient(145deg,#f7fcfa,#edf7f3);border:1px solid #dbe8e3;border-radius:20px;margin:16px 0;padding:21px}.content-completeness>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.content-completeness>header span{letter-spacing:.14em;color:#26816a;font-size:9px}.content-completeness h3{color:#294f45;margin:5px 0}.content-completeness p{color:#80928c;margin:0;font-size:9px}.content-completeness>div{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px;display:grid}.content-completeness article{background:#fff;border:1px solid #dce7e3;border-radius:13px;padding:14px}.content-completeness article span,.content-completeness article b,.content-completeness article small{display:block}.content-completeness article span{color:#7f918b;font-size:9px}.content-completeness article b{color:#205f51;margin:6px 0 2px;font-size:25px}.content-completeness article small{color:#9aa9a4;font-size:8px}.content-completeness article.complete{color:#fff;background:linear-gradient(135deg,#184d41,#27836d);border:0}.content-completeness article.complete span,.content-completeness article.complete b,.content-completeness article.complete small{color:inherit}.content-word-editor{padding:25px}.content-word-editor .editor-fields{grid-template-columns:repeat(3,1fr)}.content-editor-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.content-editor-grid label,.relation-editor-grid label{gap:6px;display:grid}.content-editor-grid label span{color:#587168;font-size:9px}.content-editor-grid textarea,.content-editor-grid input{color:#294d43;background:#fff;border:1px solid #d8e4df;border-radius:11px;outline:none;width:100%;padding:10px}.content-editor-grid input{height:43px}.content-editor-grid textarea:focus,.content-editor-grid input:focus{border-color:#2a856f;box-shadow:0 0 0 4px #2a856f12}.screen-line-field{grid-column:1/-1}.content-source-note{color:#8b6b3a;margin:9px 0;font-size:9px}.content-preview{background:#f7faf9;border:1px solid #dfe9e5;border-radius:17px;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;margin:13px 0;padding:12px;display:grid}.content-preview>div:first-child{color:#fff;background:linear-gradient(145deg,#143f36,#236b5a);border-radius:14px;flex-direction:column;justify-content:center;padding:22px;display:flex}.content-preview>div>span{letter-spacing:.13em;color:#9fcfc1;font-size:8px}.content-preview h4{margin:14px 0 7px;font:italic 21px/1.45 Georgia,serif}.content-preview p{color:#a8c9c0;margin:0;font-size:9px}.content-preview small{color:#d7ff7b;border-top:1px solid #ffffff20;margin-top:16px;padding-top:12px;font-size:9px;line-height:1.5}.content-preview .comic-panel{width:100%;height:100%;min-height:260px}@media (width<=900px){.personal-plan-grid,.content-preview{grid-template-columns:1fr}.quick-mode-grid,.content-word-editor .editor-fields{grid-template-columns:1fr 1fr}}@media (width<=700px){.personal-learning-plan{padding:17px}.daily-goal-card{grid-template-columns:82px 1fr}.daily-goal-ring{width:76px;height:76px}.learning-preferences{grid-template-columns:1fr}.preference-mode-buttons{grid-template-columns:1fr 1fr}.content-completeness>header{display:block}.content-completeness>header button{width:100%;margin-top:13px}.content-completeness>div{grid-template-columns:1fr 1fr}.content-word-editor .editor-fields,.content-editor-grid{grid-template-columns:1fr}.screen-line-field{grid-column:auto}.student-content-notes{max-height:180px;overflow:auto}.listening-orbit{width:108px;height:108px;font-size:42px}.student-word-front>input{height:58px;font-size:23px}}.classroom-screen-line{text-align:left;background:#ffffff10;border-left:3px solid #d7ff7b;border-radius:0 10px 10px 0;margin:13px 0 9px;padding:10px 12px}.classroom-screen-line>b{color:#d7ff7b;letter-spacing:.1em;font-size:8px;display:block}.classroom-screen-line>p{margin:5px 0;color:#fff!important;font:italic 13px/1.45 Georgia,serif!important}.classroom-screen-line>cite{color:#a7cec3;font-size:8px;font-style:normal}.comic-panel[class*=comic-style-q-]{color:#243b37;background:linear-gradient(145deg,#fff9e8,#e5f7f1);border-color:#fff;border-radius:28px;transform:rotate(-.35deg);box-shadow:0 17px 34px #173f3626,inset 0 0 0 2px #214b3f19}.comic-panel[class*=comic-style-q-] .comic-frame{border-width:3px;border-color:#233f3a;border-radius:22px;box-shadow:0 7px #183d3530,inset 0 0 0 3px #fff7}.comic-panel[class*=comic-style-q-] .comic-frame-one{transform:rotate(-1deg)}.comic-panel[class*=comic-style-q-] .comic-frame-two{transform:rotate(1deg)}.comic-panel[class*=comic-style-q-] .comic-head{filter:drop-shadow(0 4px #fff)drop-shadow(0 6px 1px #1d463b35);font-size:54px;animation:2.1s ease-in-out infinite q-comic-bob}.comic-panel[class*=comic-style-q-] .comic-body{background:#ff826d;border-radius:14px 14px 21px 21px;width:43px;height:39px;margin-top:-2px}.comic-panel[class*=comic-style-q-] .comic-frame-two .comic-body{background:#5aaee0}.comic-panel[class*=comic-style-q-] .comic-bubble{border-radius:18px 18px 18px 5px;transform:rotate(-1deg);box-shadow:3px 4px #223e3830}.comic-panel[class*=comic-style-q-] .comic-action{animation:1.8s ease-in-out infinite q-comic-action}.comic-panel[class*=comic-style-q-] .comic-motion{color:#ec5f64;text-shadow:2px 2px #fff}.comic-panel[class*=comic-style-q-] .comic-badge{color:#fff;background:linear-gradient(90deg,#ff735f,#f3a43f);border-color:#263e39;box-shadow:3px 4px #1b3d3430}.comic-style-q-urban{background:linear-gradient(135deg,#dcecff,#ffe5d9)!important}.comic-style-q-urban .comic-frame{background:linear-gradient(#b9d8fb 0 57%,#7995ad 57%)!important}.comic-style-q-urban .comic-frame-two{background:linear-gradient(#ffd0b8 0 57%,#b78579 57%)!important}.comic-style-q-modern{background:linear-gradient(135deg,#e5faef,#fff0d8)!important}.comic-style-q-modern .comic-frame{background:linear-gradient(#c9f2e4 0 57%,#92cab0 57%)!important}.comic-style-q-modern .comic-frame-two{background:linear-gradient(#ffe3bc 0 57%,#d6a46f 57%)!important}.comic-style-q-youth{background:linear-gradient(135deg,#e9f6ff,#fff6bf)!important}.comic-style-q-youth .comic-frame{background:linear-gradient(#bfe9ff 0 57%,#7dc1a0 57%)!important}.comic-style-q-youth .comic-frame-two{background:linear-gradient(#ffe985 0 57%,#e3a769 57%)!important}.comic-style-q-fantasy{background:linear-gradient(135deg,#f2e8ff,#ffe7f2)!important}.comic-style-q-fantasy .comic-frame{background:radial-gradient(circle at 72% 20%,#fff8a8 0 9%,#0000 10%),linear-gradient(#c9b9ff 0 57%,#8878bc 57%)!important}.comic-style-q-fantasy .comic-frame-two{background:linear-gradient(#ffc7ed 0 57%,#a87ca5 57%)!important}.comic-style-q-xuanhuan{background:linear-gradient(135deg,#fff0b7,#dff7ed)!important}.comic-style-q-xuanhuan .comic-frame{background:radial-gradient(circle at 70% 20%,#fff4a6 0 12%,#0000 13%),linear-gradient(#9ed9c8 0 57%,#648f83 57%)!important}.comic-style-q-xuanhuan .comic-frame-two{background:linear-gradient(#f7cf74 0 57%,#9c724e 57%)!important}.comic-style-q-wuxia-xianxia{background:linear-gradient(135deg,#fff0dc,#f7d8d1)!important}.comic-style-q-wuxia-xianxia .comic-frame{background:linear-gradient(#f1d8ba 0 57%,#a57859 57%)!important}.comic-style-q-wuxia-xianxia .comic-frame-two{background:linear-gradient(#e9aa9c 0 57%,#7f514b 57%)!important}.comic-style-q-wuxia-xianxia .comic-badge{background:linear-gradient(90deg,#a82f32,#e29d42)!important}.comic-style-q-ancient{background:linear-gradient(135deg,#edf7df,#ffe8df)!important}.comic-style-q-ancient .comic-frame{background:linear-gradient(#dce9c2 0 57%,#91a778 57%)!important}.comic-style-q-ancient .comic-frame-two{background:linear-gradient(#f3cab8 0 57%,#ae7c72 57%)!important}.comic-style-q-xianxia{background:linear-gradient(135deg,#e6f5ff,#f5edff)!important}.comic-style-q-xianxia .comic-frame{background:radial-gradient(at 70% 28%,#fff 0 14%,#0000 15%),linear-gradient(#a9dafa 0 62%,#9ab9ca 62%)!important}.comic-style-q-xianxia .comic-frame-two{background:linear-gradient(#d9c8ff 0 57%,#8c82b6 57%)!important}.comic-style-q-future{background:linear-gradient(135deg,#dcfbff,#e8e3ff)!important}.comic-style-q-future .comic-frame{background:linear-gradient(#8ee8ef 0 57%,#568693 57%)!important}.comic-style-q-future .comic-frame-two{background:linear-gradient(#c4b5ff 0 57%,#6f649c 57%)!important}.comic-style-q-future .comic-badge{background:linear-gradient(90deg,#176e8e,#725ac5)!important}.comic-style-q-apocalypse{background:linear-gradient(135deg,#efe1cb,#d6dde0)!important}.comic-style-q-apocalypse .comic-frame{background:linear-gradient(#d8b78d 0 54%,#676f6f 54%)!important}.comic-style-q-apocalypse .comic-frame-two{background:linear-gradient(#e49a68 0 54%,#5e5650 54%)!important}.comic-style-q-apocalypse .comic-badge{background:linear-gradient(90deg,#6f4a38,#d8673e)!important}.comic-style-q-scifi{background:linear-gradient(135deg,#d8faff,#dfebff)!important}.comic-style-q-scifi .comic-frame{background:repeating-linear-gradient(90deg,#91e7eb 0 16px,#84d9df 16px 17px)!important}.comic-style-q-scifi .comic-frame-two{background:repeating-linear-gradient(0deg,#9bbaf2 0 15px,#87a7df 15px 16px)!important}.comic-style-q-scifi .comic-badge{background:linear-gradient(90deg,#0f8591,#3a66bb)!important}.comic-style-q-detective{background:linear-gradient(135deg,#efe6d5,#d7e2df)!important}.comic-style-q-detective .comic-frame{background:linear-gradient(#cabd9e 0 57%,#766c59 57%)!important}.comic-style-q-detective .comic-frame-two{background:linear-gradient(#aabbb5 0 57%,#586966 57%)!important}.comic-style-q-detective .comic-badge{background:linear-gradient(90deg,#283a37,#8b653b)!important}.comic-style-storybook{background:linear-gradient(135deg,#fff6dc,#e6f3df);transform:rotate(-.45deg)}.comic-style-storybook .comic-frame{background:linear-gradient(#cfe9d3 0 60%,#9fc18b 60%);border:2px solid #5c7057;border-radius:26px;box-shadow:inset 0 0 18px #fff9}.comic-style-storybook .comic-frame-two{background:linear-gradient(#f5d7b5 0 60%,#c5a27d 60%)}.comic-style-storybook .comic-head{filter:drop-shadow(0 3px 2px #fff)}.comic-style-storybook .comic-badge{background:#f6c96d;border-color:#64735b}.comic-style-pixel-16{image-rendering:pixelated;background:#1b2944;border-radius:4px;transform:none;box-shadow:8px 8px #0b1220}.comic-style-pixel-16 .comic-frame{background:repeating-linear-gradient(0deg,#4b7ca0 0 9px,#477493 9px 10px);border-color:#0c1526;border-radius:0;box-shadow:inset 0 0 0 3px #91d9e1}.comic-style-pixel-16 .comic-frame-two{background:repeating-linear-gradient(90deg,#8e5d91 0 11px,#815283 11px 12px)}.comic-style-pixel-16 .comic-badge{color:#d7ff7b;background:#28395a;border-color:#0b1424;border-radius:0;box-shadow:4px 4px #0b1424}.comic-style-pixel-16 .comic-body,.comic-style-pixel-16 .comic-bubble{border-radius:0}.comic-style-pixel-16 figcaption{color:#dcecff}.content-completeness>div{grid-template-columns:repeat(5,1fr)}.style-distribution{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px!important;display:flex!important}.style-distribution>b{color:#42645b;margin-right:3px;font-size:9px}.style-distribution>button{color:#627a73;background:#fff;border:1px solid #dce7e3;border-radius:99px;align-items:center;gap:7px;padding:6px 9px;font-size:8px;display:flex}.style-distribution>button em{color:#27735f;background:#e8f4ef;border-radius:99px;place-items:center;min-width:18px;height:18px;font-style:normal;font-weight:800;display:grid}.style-distribution>button.active{color:#155e4e;background:#e9f8f2;border-color:#27816b}.library-tools .style-filter{min-width:180px;max-width:220px}@keyframes q-comic-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes q-comic-action{0%,to{transform:scale(1)rotate(-6deg)}50%{transform:scale(1.14)rotate(5deg)}}@media (width<=800px){.content-completeness>div{grid-template-columns:1fr 1fr}.style-distribution{overflow-x:auto;flex-wrap:nowrap!important}.style-distribution>button{flex:none}.library-tools .style-filter{width:100%;max-width:none}}.word-card-3d{height:420px}.word-back>.meaning-reveal{grid-area:meaning;align-self:center;min-width:0}.word-back>.comic-panel{grid-area:comic;width:100%;height:100%;min-height:0}.word-back>.classroom-screen-line{text-align:left;background:#092f2875;border:1px solid #d7ff7b55;border-left:4px solid #d7ff7b;border-radius:12px;grid-area:dialogue;width:100%;margin:0;padding:12px 14px;display:block;box-shadow:0 9px 20px #092f2828}.word-back>.classroom-screen-line>b{font-size:9px}.word-back>.classroom-screen-line>p{color:#fff!important;margin:6px 0 5px!important;font:italic 14px/1.45 Georgia,serif!important}.word-back>.classroom-screen-line>cite{color:#b9dbd2;font-size:8px;display:block}.student-screen-dialogue{box-shadow:0 8px 20px #082e2728;background:#082e2770!important;border:1px solid #d7ff7b55!important;border-left:4px solid #d7ff7b!important}.student-screen-dialogue p{font-size:14px!important}.student-screen-dialogue b{font-size:9px!important}@media (width<=700px){.word-card-3d{height:610px}.word-back{grid-template:"meaning""dialogue""comic"minmax(210px,1fr)/1fr;gap:9px;padding:13px;overflow:auto}.word-back>.comic-panel{min-height:210px}.word-back>.classroom-screen-line>p{font-size:13px!important}}.comic-panel,.comic-panel[class*=comic-style-]{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;transform:none!important}.comic-panel .comic-badge,.comic-panel figcaption{display:none!important}.comic-image-panel{width:100%;height:100%;overflow:hidden;display:block!important}.comic-image-panel img{object-fit:contain;object-position:center;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;display:block;max-width:none!important;max-height:none!important}.comic-panel:not(.comic-image-panel){grid-template-rows:1fr;gap:12px}.comic-panel[class*=comic-style-q-] .comic-head{animation:2.1s ease-in-out infinite q-comic-bob;font-size:32px!important}.comic-panel[class*=comic-style-q-] .comic-body{border-radius:11px 11px 15px 15px!important;width:34px!important;height:58px!important;margin-top:-3px!important}.comic-panel[class*=comic-style-q-] .comic-person{bottom:7px}.word-back>.comic-panel,.content-preview .comic-panel{padding:0!important}.quick-delete-word{cursor:pointer;color:#b84f3d!important;background:#fff5f2!important;border:1px solid #f0c7bd!important;border-radius:9px!important;padding:7px 9px!important}.quick-delete-word:hover{background:#ffe6df!important}.vocabulary-importer[open]>summary{border-bottom:1px solid #e1ebe7}.vocabulary-importer input[type=number]{color:#294d43;background:#fff;border:1px solid #d8e4df;border-radius:11px;outline:none;width:100%;height:43px;padding:0 10px}.test-toolbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.fullscreen-button{color:#1b6f5c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c9ddd6;border-radius:10px;padding:9px 12px;font-weight:800}.fullscreen-button:hover{background:#edf8f4;border-color:#64af98}:is(.test-room:fullscreen,.test-room.is-fullscreen){background:radial-gradient(circle at 50% 42%,#d9f3e8,#0000 38%),linear-gradient(145deg,#f9fdfb,#e5f2ed);border-radius:0;width:100vw;height:100vh;min-height:100vh;margin:0;padding:24px clamp(24px,4vw,72px);overflow:auto}:is(.test-room:fullscreen .test-toolbar,.test-room.is-fullscreen .test-toolbar){grid-template-columns:170px 1fr 260px}:is(.test-room:fullscreen .test-toolbar button,.test-room.is-fullscreen .test-toolbar button){font-size:14px}:is(.test-room:fullscreen .progress-wrap,.test-room.is-fullscreen .progress-wrap){max-width:720px}:is(.test-room:fullscreen .progress-wrap span,.test-room.is-fullscreen .progress-wrap span){font-size:15px}:is(.test-room:fullscreen .progress-wrap span b,.test-room.is-fullscreen .progress-wrap span b){font-size:21px}:is(.test-room:fullscreen .progress-wrap i,.test-room.is-fullscreen .progress-wrap i){height:10px}:is(.test-room:fullscreen .student-turn,.test-room.is-fullscreen .student-turn){gap:17px;margin:24px 0 8px}:is(.test-room:fullscreen .student-turn .avatar,.test-room.is-fullscreen .student-turn .avatar){width:56px;height:56px;font-size:23px}:is(.test-room:fullscreen .student-turn h2,.test-room.is-fullscreen .student-turn h2){font-size:28px}:is(.test-room:fullscreen .student-turn small,.test-room.is-fullscreen .student-turn small){font-size:12px}:is(.test-room:fullscreen .stage-wrap,.test-room.is-fullscreen .stage-wrap){min-height:calc(100vh - 285px)}:is(.test-room:fullscreen .word-card-3d,.test-room.is-fullscreen .word-card-3d){width:min(1180px,91vw);height:clamp(470px,61vh,670px)}:is(.test-room:fullscreen .word-front h3,.test-room.is-fullscreen .word-front h3){font-size:clamp(100px,13vw,190px)}:is(.test-room:fullscreen .word-front>span,.test-room.is-fullscreen .word-front>span){font-size:13px}:is(.test-room:fullscreen .word-front button,.test-room.is-fullscreen .word-front button){padding:13px 20px;font-size:13px}:is(.test-room:fullscreen .word-back .meaning-reveal h3,.test-room.is-fullscreen .word-back .meaning-reveal h3){font-size:clamp(38px,4vw,62px)}:is(.test-room:fullscreen .meaning-reveal p,.test-room.is-fullscreen .meaning-reveal p){font-size:25px}:is(.test-room:fullscreen .classroom-screen-line>p,.test-room.is-fullscreen .classroom-screen-line>p){font-size:17px!important}:is(.test-room:fullscreen .judge-area button,.test-room.is-fullscreen .judge-area button){min-width:270px;padding:15px 25px}:is(.test-room:fullscreen .keyboard-help,.test-room.is-fullscreen .keyboard-help){font-size:12px}@media (width<=760px){.test-toolbar-actions{gap:6px}.fullscreen-button{padding:8px;font-size:10px}:is(.test-room:fullscreen,.test-room.is-fullscreen){padding:12px}:is(.test-room:fullscreen .test-toolbar,.test-room.is-fullscreen .test-toolbar){grid-template-columns:auto 1fr auto}:is(.test-room:fullscreen .sound-toggle,.test-room.is-fullscreen .sound-toggle){display:none}:is(.test-room:fullscreen .stage-wrap,.test-room.is-fullscreen .stage-wrap){min-height:640px}:is(.test-room:fullscreen .word-card-3d,.test-room.is-fullscreen .word-card-3d){width:98%;height:620px}:is(.test-room:fullscreen .word-back,.test-room.is-fullscreen .word-back){grid-template-rows:auto auto minmax(250px,1fr);grid-template-columns:1fr;padding:13px}:is(.test-room:fullscreen .word-front h3,.test-room.is-fullscreen .word-front h3){font-size:clamp(60px,18vw,100px)}}.super-admin-comic-manager{background:linear-gradient(145deg,#f3faf7,#eaf5f0);border:1px solid #cfe2db;border-radius:18px;margin:16px 0;padding:18px}.super-admin-comic-manager>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.super-admin-comic-manager>header span{color:#8a5b28;letter-spacing:.12em;font-size:9px;font-weight:900;display:block}.super-admin-comic-manager>header h4{color:#214e42;margin:6px 0 4px;font-size:17px}.super-admin-comic-manager>header p{color:#748982;margin:0;font-size:10px;line-height:1.55}.super-admin-comic-manager>header strong{color:#236955;white-space:nowrap;background:#dcefe8;border-radius:99px;padding:7px 10px;font-size:10px}.comic-size-guide{background:#fff;border-radius:13px;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;margin-top:15px;padding:13px 15px;display:grid}.comic-size-guide b{color:#27584b;font-size:12px}.comic-size-guide b em{color:#14765f;font-size:18px;font-style:normal}.comic-size-guide span{color:#506e65;font-size:10px;font-weight:800}.comic-size-guide small{color:#8a9a95;font-size:9px;line-height:1.5}.comic-admin-actions{align-items:center;gap:9px;margin-top:12px;display:flex}.comic-admin-actions>span{color:#607a72;margin-left:auto;font-size:10px}.comic-upload-button{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.comic-upload-button input{display:none}.comic-upload-button.disabled{opacity:.58;pointer-events:none}@media (width<=700px){.super-admin-comic-manager>header{display:block}.super-admin-comic-manager>header strong{margin-top:10px;display:inline-block}.comic-size-guide{grid-template-columns:1fr}.comic-admin-actions{flex-wrap:wrap}.comic-admin-actions>span{width:100%;margin-left:0}}.administration-shell{color:#183c33;background:#edf4f1;min-height:100vh}.administration-topbar{color:#fff;background:#103e34;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,4vw,60px);display:flex}.administration-topbar>div,.administration-topbar nav{align-items:center;gap:12px;display:flex}.administration-topbar>div>span{color:#164c3f;background:#d7ff7b;border-radius:13px;place-items:center;width:42px;height:42px;font:700 22px Georgia,serif;display:grid}.administration-topbar b,.administration-topbar small{display:block}.administration-topbar small{color:#9ec4b9;margin-top:2px}.administration-topbar nav button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;padding:9px 12px}.administration-topbar nav button:first-child{color:#164c3f;background:#d7ff7b;border:0;font-weight:850}.administration-main{width:min(1260px,100% - 36px);margin:0 auto;padding:30px 0 70px}.admin-welcome{color:#fff;background:radial-gradient(circle at 77% 20%,#d7ff7b24,#0000 25%),linear-gradient(135deg,#154a3f,#25816b);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:34px 40px;display:flex}.admin-welcome>div:first-child>span{color:#a9d5c9;letter-spacing:.18em;font-size:10px;font-weight:900}.admin-welcome h1{margin:9px 0;font-size:clamp(28px,4vw,48px)}.admin-welcome p{color:#bbd8d0;max-width:760px;margin:0;line-height:1.7}.admin-role-card{text-align:center;background:#ffffff0e;border:1px solid #ffffff2c;border-radius:20px;min-width:180px;padding:23px}.admin-role-card b{color:#d7ff7b;font:800 28px Georgia,serif;display:block}.admin-role-card span,.admin-role-card small{margin-top:6px;display:block}.admin-role-card small{color:#a8c9c0}.admin-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;display:grid}.admin-kpis article{background:#fff;border:1px solid #d9e8e2;border-radius:17px;padding:19px}.admin-kpis span,.admin-kpis b,.admin-kpis small{display:block}.admin-kpis span{color:#738982;font-size:10px}.admin-kpis b{color:#1a705c;margin:7px 0;font-size:30px}.admin-kpis small{color:#96a49f;font-size:9px}.admin-management-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-panel{background:#fff;border:1px solid #d9e7e2;border-radius:22px;padding:22px}.admin-create-form{background:#f1f7f4;border-radius:15px;gap:8px;margin:16px 0;padding:14px;display:grid}.school-create-form,.teacher-admin-create{grid-template-columns:1fr 1fr}.admin-create-form input,.admin-create-form select{color:#244a40;background:#fff;border:1px solid #d4e3dd;border-radius:10px;outline:none;width:100%;height:42px;padding:0 11px}.admin-create-form button{color:#fff;cursor:pointer;background:#1e7a65;border:0;border-radius:10px;min-height:42px;font-weight:800}.school-create-form button{grid-column:1/-1}.admin-school-list,.admin-teacher-list{gap:8px;display:grid}.admin-school-list article,.admin-teacher-list article{border:1px solid #e2ece8;border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:11px;display:grid}.admin-school-list article>span,.admin-teacher-list article>span{color:#196b58;background:#e1f2ec;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.admin-school-list b,.admin-school-list small,.admin-teacher-list b,.admin-teacher-list small{display:block}.admin-school-list small,.admin-teacher-list small{color:#889b95;margin-top:3px;font-size:9px}.admin-school-list em,.admin-teacher-list em{color:#527067;background:#eef5f2;border-radius:99px;padding:5px 8px;font-size:9px;font-style:normal}.admin-teacher-list em.active{color:#19705b;background:#dff3e9}.admin-teacher-list em.disabled{color:#a45345;background:#f5e8e5}.admin-teacher-list button{color:#276f5f;cursor:pointer;background:0 0;border:0}.admin-return-button{z-index:150;color:#174d40;cursor:pointer;background:#d7ff7b;border:0;border-radius:99px;padding:11px 16px;font-weight:900;position:fixed;bottom:12px;left:12px;box-shadow:0 10px 30px #0e3d3333}.readonly-word-notice{color:#876027;background:#fff4dc;border-radius:11px;margin:10px 0;padding:10px 12px;font-size:10px}@media (width<=900px){.admin-management-grid{grid-template-columns:1fr}.admin-kpis{grid-template-columns:1fr 1fr}.admin-welcome{padding:27px}.admin-role-card{display:none}}@media (width<=620px){.administration-topbar nav button:first-child{font-size:0}.administration-topbar nav button:first-child:after{content:"工作台";font-size:11px}.administration-main{width:min(100% - 18px,1260px);padding-top:10px}.admin-welcome{padding:23px}.admin-kpis{gap:7px}.admin-kpis article{padding:13px}.school-create-form,.teacher-admin-create{grid-template-columns:1fr}.admin-school-list article,.admin-teacher-list article{grid-template-columns:38px 1fr}.admin-school-list article>em,.admin-teacher-list article>em,.admin-teacher-list article>button{grid-column:2}.administration-topbar{padding:0 10px}.administration-topbar>div>div{display:none}}.word-back>.comic-image-panel{aspect-ratio:3/2;justify-self:center;width:100%;max-height:100%;background:0 0!important;align-self:center!important;height:auto!important}.word-back>.comic-image-panel img{object-position:center;width:100%;height:100%;object-fit:contain!important}.word-card-3d{width:min(1120px,94%)}.comic-image-panel{background:0 0!important}.comic-image-panel img{object-fit:contain!important}body.test-pseudo-fullscreen{overflow:hidden}.test-room.is-fullscreen:not(:fullscreen){z-index:9999;position:fixed;inset:0}:is(.test-room:fullscreen,.test-room.is-fullscreen){grid-template-rows:auto auto minmax(0,1fr) auto auto;row-gap:6px;display:grid;overflow:hidden}:is(.test-room:fullscreen .student-turn,.test-room.is-fullscreen .student-turn){margin:8px 0 2px}:is(.test-room:fullscreen .stage-wrap,.test-room.is-fullscreen .stage-wrap){width:100%;height:100%;min-height:0}:is(.test-room:fullscreen .word-card-3d,.test-room.is-fullscreen .word-card-3d){width:min(1440px,96vw);height:min(100%,620px);min-height:400px}:is(.test-room:fullscreen .word-back,.test-room.is-fullscreen .word-back){grid-template-columns:minmax(280px,.78fr) minmax(560px,1.42fr);gap:16px 24px;padding:24px}:is(.test-room:fullscreen .word-back>.comic-panel,.test-room.is-fullscreen .word-back>.comic-panel){align-self:stretch}@media (orientation:landscape) and (height<=650px){:is(.test-room:fullscreen,.test-room.is-fullscreen){padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));row-gap:3px}:is(.test-room:fullscreen .test-toolbar,.test-room.is-fullscreen .test-toolbar){grid-template-columns:auto minmax(180px,1fr) auto;gap:8px}:is(.test-room:fullscreen .test-toolbar>.ghost-button,.test-room.is-fullscreen .test-toolbar>.ghost-button){padding:7px 10px;font-size:10px}:is(.test-room:fullscreen .test-toolbar-actions,.test-room.is-fullscreen .test-toolbar-actions){gap:4px}:is(.test-room:fullscreen .fullscreen-button,.test-room.is-fullscreen .fullscreen-button){padding:7px 9px;font-size:10px}:is(.test-room:fullscreen .sound-toggle,.test-room.is-fullscreen .sound-toggle){display:none}:is(.test-room:fullscreen .progress-wrap,.test-room.is-fullscreen .progress-wrap){gap:8px;max-width:460px}:is(.test-room:fullscreen .progress-wrap span,.test-room.is-fullscreen .progress-wrap span){font-size:10px}:is(.test-room:fullscreen .progress-wrap span b,.test-room.is-fullscreen .progress-wrap span b){font-size:14px}:is(.test-room:fullscreen .progress-wrap i,.test-room.is-fullscreen .progress-wrap i){height:7px}:is(.test-room:fullscreen .student-turn,.test-room.is-fullscreen .student-turn){gap:8px;min-height:34px;margin:0}:is(.test-room:fullscreen .student-turn .avatar,.test-room.is-fullscreen .student-turn .avatar){width:34px;height:34px;font-size:14px}:is(.test-room:fullscreen .student-turn h2,.test-room.is-fullscreen .student-turn h2){margin:0;font-size:16px;line-height:1}:is(.test-room:fullscreen .student-turn small,.test-room.is-fullscreen .student-turn small){font-size:7px}:is(.test-room:fullscreen .student-turn>em,.test-room.is-fullscreen .student-turn>em){padding:4px 7px;font-size:8px}:is(.test-room:fullscreen .stage-wrap,.test-room.is-fullscreen .stage-wrap){min-height:0!important}:is(.test-room:fullscreen .word-card-3d,.test-room.is-fullscreen .word-card-3d){width:min(1050px,97vw);height:100%;min-height:0;max-height:none}:is(.test-room:fullscreen .word-face,.test-room.is-fullscreen .word-face){border-radius:22px;padding:10px}:is(.test-room:fullscreen .word-front h3,.test-room.is-fullscreen .word-front h3){margin:6px 0;font-size:clamp(52px,10vw,92px);line-height:1}:is(.test-room:fullscreen .word-front>span,.test-room.is-fullscreen .word-front>span){font-size:8px}:is(.test-room:fullscreen .word-front button,.test-room.is-fullscreen .word-front button){padding:7px 12px;font-size:10px}:is(.test-room:fullscreen .word-front>small,.test-room.is-fullscreen .word-front>small){margin-top:5px;font-size:8px}:is(.test-room:fullscreen .word-back,.test-room.is-fullscreen .word-back){grid-template:"meaning dialogue comic"minmax(0,1fr)/minmax(140px,.72fr) minmax(150px,.82fr) minmax(255px,1.28fr);gap:7px 12px;padding:10px;overflow:hidden}:is(.test-room:fullscreen .word-back .meaning-reveal h3,.test-room.is-fullscreen .word-back .meaning-reveal h3){margin:4px 0;font-size:clamp(20px,3.3vw,34px);line-height:1.1}:is(.test-room:fullscreen .meaning-reveal p,.test-room.is-fullscreen .meaning-reveal p){margin:0 0 5px;font-size:14px}:is(.test-room:fullscreen .meaning-reveal>small,.test-room.is-fullscreen .meaning-reveal>small){display:none}:is(.test-room:fullscreen .relation-quick,.test-room.is-fullscreen .relation-quick){gap:3px}:is(.test-room:fullscreen .relation-quick span,.test-room.is-fullscreen .relation-quick span){padding:3px 5px;font-size:7px}:is(.test-room:fullscreen .word-back>.classroom-screen-line,.test-room.is-fullscreen .word-back>.classroom-screen-line){border-radius:8px;padding:6px 8px}:is(.test-room:fullscreen .word-back>.classroom-screen-line>b,.test-room.is-fullscreen .word-back>.classroom-screen-line>b){font-size:7px}:is(.test-room:fullscreen .word-back>.classroom-screen-line>p,.test-room.is-fullscreen .word-back>.classroom-screen-line>p){margin:2px 0!important;font-size:clamp(9px,1.45vw,12px)!important;line-height:1.2!important}:is(.test-room:fullscreen .word-back>.classroom-screen-line>cite,.test-room.is-fullscreen .word-back>.classroom-screen-line>cite){font-size:6px}:is(.test-room:fullscreen .judge-area,.test-room.is-fullscreen .judge-area){gap:8px;min-height:48px}:is(.test-room:fullscreen .judge-area button,.test-room.is-fullscreen .judge-area button){border-radius:12px;min-width:clamp(165px,29vw,240px);min-height:42px;padding:6px 12px}:is(.test-room:fullscreen .judge-area button>b,.test-room.is-fullscreen .judge-area button>b){font-size:12px}:is(.test-room:fullscreen .judge-area button>small,.test-room.is-fullscreen .judge-area button>small){font-size:7px}:is(.test-room:fullscreen .keyboard-help,.test-room.is-fullscreen .keyboard-help){display:none}}.word-front .card-phonetic,.word-copy-column .card-phonetic{color:#2b7563;letter-spacing:.04em;text-transform:none;font:italic 600 16px/1.2 Georgia,Times New Roman,serif}.word-copy-column .card-phonetic{color:#d1eee6;font-size:15px}.word-back{grid-template:"copy comic"minmax(0,1fr)/minmax(300px,.86fr) minmax(430px,1.14fr);align-items:center;gap:22px;padding:22px;overflow:hidden}.word-back>.word-copy-column{flex-direction:column;grid-area:copy;justify-content:center;align-self:center;gap:11px;min-width:0;min-height:0;padding:8px 10px;display:flex}.word-copy-column>.meaning-reveal{text-align:center;align-content:center;justify-items:center;width:100%;height:auto;padding:0;display:grid}.word-copy-column>.meaning-reveal h3{line-height:1.12;margin:8px 0 4px!important}.word-copy-column>.meaning-reveal p{margin:0!important}.word-copy-column>.classroom-screen-line{text-align:left;background:#092f2875;border:1px solid #d7ff7b55;border-left:4px solid #d7ff7b;border-radius:12px;width:100%;margin:0;padding:11px 13px;display:block;overflow:auto;box-shadow:0 9px 20px #092f2828}.word-copy-column>.classroom-screen-line>b{color:#d7ff7b;letter-spacing:.1em;font-size:9px;display:block}.word-copy-column>.classroom-screen-line>p{color:#fff!important;margin:5px 0 4px!important;font:italic 13px/1.35 Georgia,serif!important}.word-copy-column>.classroom-screen-line>p.screen-translation,.student-screen-dialogue>p.screen-translation{border-top:1px solid #ffffff20;padding-top:5px;color:#d4ebe4!important;margin-top:5px!important;font:500 10px/1.4 system-ui,Microsoft YaHei,sans-serif!important}.word-copy-column>.classroom-screen-line>cite{color:#a9ccc2;margin-top:4px;font-size:7px;font-style:normal;display:block}.student-screen-dialogue>p.screen-translation{font-size:9px!important}.word-back>.comic-panel{z-index:1;grid-area:comic;width:100%;min-width:0;max-height:100%;position:relative;overflow:hidden;background:0 0!important;align-self:center!important}.word-back>.comic-image-panel{aspect-ratio:3/2;height:auto!important}.word-back>.comic-image-panel img,.student-word-back>.comic-image-panel img{z-index:2;object-position:center;width:100%;height:100%;position:relative;opacity:1!important;object-fit:contain!important;mix-blend-mode:normal!important;filter:none!important;background:0 0!important}:is(.test-room:fullscreen .word-back,.test-room.is-fullscreen .word-back){grid-template:"copy comic"minmax(0,1fr)/minmax(340px,.88fr) minmax(500px,1.12fr);align-items:center;gap:24px;padding:24px}:is(.test-room:fullscreen .word-copy-column,.test-room.is-fullscreen .word-copy-column){gap:clamp(9px,1.4vh,15px)}@media (width<=700px) and (orientation:portrait){.word-card-3d{height:650px}.word-back{grid-template:"copy""comic"minmax(210px,1fr)/1fr;gap:10px;padding:13px;overflow:auto}.word-back>.word-copy-column{gap:8px;padding:4px}.word-copy-column>.meaning-reveal h3{font-size:26px}.word-copy-column>.classroom-screen-line{padding:8px 10px}}@media (orientation:landscape) and (height<=650px){:is(.test-room:fullscreen .word-card-3d,.test-room.is-fullscreen .word-card-3d){width:min(780px,84vw);height:100%;min-height:0;max-height:390px}:is(.test-room:fullscreen .word-back,.test-room.is-fullscreen .word-back){grid-template:"copy comic"minmax(0,1fr)/minmax(240px,.96fr) minmax(270px,1.04fr);gap:12px;padding:9px 12px}:is(.test-room:fullscreen .word-back>.word-copy-column,.test-room.is-fullscreen .word-back>.word-copy-column){justify-content:center;gap:5px;padding:3px 0}:is(.test-room:fullscreen .word-copy-column .card-phonetic,.test-room.is-fullscreen .word-copy-column .card-phonetic){font-size:10px}:is(.test-room:fullscreen .word-copy-column>.meaning-reveal h3,.test-room.is-fullscreen .word-copy-column>.meaning-reveal h3){font-size:clamp(18px,3.2vw,29px);line-height:1.08;margin:4px 0 2px!important}:is(.test-room:fullscreen .word-copy-column>.meaning-reveal p,.test-room.is-fullscreen .word-copy-column>.meaning-reveal p){font-size:11px}:is(.test-room:fullscreen .word-copy-column>.classroom-screen-line,.test-room.is-fullscreen .word-copy-column>.classroom-screen-line){border-left-width:3px;border-radius:8px;max-height:58%;padding:6px 8px;overflow:auto}:is(.test-room:fullscreen .word-copy-column>.classroom-screen-line>b,.test-room.is-fullscreen .word-copy-column>.classroom-screen-line>b){font-size:6px}:is(.test-room:fullscreen .word-copy-column>.classroom-screen-line>p,.test-room.is-fullscreen .word-copy-column>.classroom-screen-line>p){margin:3px 0!important;font-size:clamp(8px,1.3vw,10px)!important;line-height:1.18!important}:is(.test-room:fullscreen .word-copy-column>.classroom-screen-line>p.screen-translation,.test-room.is-fullscreen .word-copy-column>.classroom-screen-line>p.screen-translation){padding-top:3px;margin-top:3px!important;font-size:clamp(7px,1.12vw,9px)!important;line-height:1.2!important}:is(.test-room:fullscreen .word-copy-column>.classroom-screen-line>cite,.test-room.is-fullscreen .word-copy-column>.classroom-screen-line>cite){display:none}:is(.test-room:fullscreen .word-back>.comic-image-panel,.test-room.is-fullscreen .word-back>.comic-image-panel){aspect-ratio:3/2;width:100%;max-height:100%;align-self:center!important;height:auto!important}}.personal-library-scope{color:#38675b;background:#eaf6f1;border:1px solid #bcded2;border-radius:13px;align-items:center;gap:10px;min-height:48px;padding:11px 14px;display:flex}.personal-library-scope b{color:#26725f;font-size:10px}.personal-library-scope span{font-size:9px}.memory-association-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.memory-association-row>p{background:#092f2859;border:1px solid #ffffff20;border-radius:10px;padding:8px 10px;color:#d8ebe5!important;margin:0!important;font:9px/1.5 system-ui!important}.memory-association-row>p>b{color:#d7ff7b;letter-spacing:.08em;margin-bottom:3px;font-size:8px;display:block}.student-content-notes>.memory-association-row>p{background:#eaf4f0;border-color:#d1e3dc;color:#536f66!important}.student-content-notes>.memory-association-row>p>b{color:#2d7965}.classroom-screen-line{margin-bottom:0}.student-no-audio{color:#658078;background:#e6f0ed;border-radius:10px;place-items:center;padding:7px 10px;font-size:8px;font-weight:900;display:grid}.membership-account-card{align-items:center;grid-template-columns:auto minmax(180px,1fr) auto auto!important;gap:10px!important}.membership-account-card>div:nth-child(2){min-width:0}.membership-status{border-radius:7px;padding:4px 7px;font-weight:900;margin-top:5px!important;font-size:8px!important}.membership-status.valid{background:#dff3e9;color:#24745d!important}.membership-status.expired{background:#ffe5df;color:#b14f43!important}.membership-status.legacy{background:#edf1f0;color:#71847e!important}.membership-buttons{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.membership-buttons button{color:#2e7663;cursor:pointer;background:#f5faf8;border:1px solid #cfe2db;border-radius:9px;min-height:31px;font-size:8px;font-weight:900}.membership-buttons button:hover{background:#e4f3ed;border-color:#2f8b72}.personal-membership-panel{margin-top:18px}.membership-intro{color:#7b8f88;margin:0 0 12px;font-size:9px;line-height:1.6}.personal-membership-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:560px;display:grid;overflow:auto}.personal-membership-list>article{background:#f8fcfa;border:1px solid #dce9e4;border-radius:14px;padding:12px;display:grid}.personal-membership-list>article>span{color:#2c7965;background:#dcefe8;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.personal-membership-list>article>div>b,.personal-membership-list>article>div>small{display:block}.personal-membership-list>article>div>b{color:#2e594f}.personal-membership-list>article>div>small{color:#82958f;margin-top:3px;font-size:8px}@media (width<=850px){.personal-membership-list,.memory-association-row{grid-template-columns:1fr}.membership-account-card{grid-template-columns:auto 1fr!important}.membership-account-card>em,.membership-account-card>button{justify-self:start}.membership-buttons{grid-column:1/-1}}.account-creation-center{margin-bottom:18px}.account-create-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.account-create-columns .admin-create-form{background:#f8fcfa;border:1px solid #dce8e4;border-radius:16px;grid-template-columns:1fr;gap:8px;padding:14px;display:grid}.account-create-columns h4{color:#24584b;margin:0 0 3px}.managed-account-list{gap:10px;display:grid}.managed-account-list .membership-account-card{border:1px solid #e0e9e6;border-radius:14px;grid-template-columns:42px minmax(190px,1fr) auto minmax(300px,auto);align-items:center;gap:12px;padding:12px;display:grid}.managed-account-list .membership-account-card>span{color:#26705d;background:#e3f2ec;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.managed-account-list .membership-account-card>div:nth-child(2){gap:3px;display:grid}.managed-account-list .membership-account-card>div:nth-child(2)>small{color:#7a8d87}.account-admin-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.account-admin-actions>button,.membership-buttons button{color:#2d6959;cursor:pointer;background:#fff;border:1px solid #d8e6e1;border-radius:9px;padding:6px 9px}.account-edit-modal{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102c28aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-edit-modal>section{background:#fff;border-radius:22px;gap:12px;width:min(470px,94vw);padding:27px;display:grid;position:relative;box-shadow:0 28px 90px #0b26215c}.account-edit-modal>section>span{color:#779189;letter-spacing:.15em;font-size:9px;font-weight:900}.account-edit-modal h2{color:#24584b;margin:0}.account-edit-modal label{gap:5px;display:grid}.account-edit-modal label>span{color:#61766f;font-size:11px;font-weight:800}.account-edit-modal input{border:1px solid #d8e5e0;border-radius:10px;min-height:42px;padding:0 12px}.account-edit-modal .security-close{position:absolute;top:13px;right:14px}@media (width<=1050px){.account-create-columns{grid-template-columns:1fr}.managed-account-list .membership-account-card{grid-template-columns:42px 1fr auto}.account-admin-actions{grid-column:2/-1;justify-content:flex-start}}@media (width<=680px){.managed-account-list .membership-account-card{grid-template-columns:38px 1fr}.managed-account-list .membership-account-card>em{grid-column:2}.account-admin-actions{grid-column:1/-1}.membership-buttons{grid-template-columns:repeat(4,1fr);width:100%;display:grid}}.memory-method-line{border-top:1px dashed #d7ff7b3d;grid-template-columns:auto 1fr;align-items:start;gap:7px;padding-top:7px;display:grid;color:#d7eae4!important;margin:7px 0 0!important;font:9px/1.48 system-ui,Microsoft YaHei,sans-serif!important}.memory-method-line>b{color:#d7ff7b;white-space:nowrap;letter-spacing:.04em;font-size:8px}.student-memory-method{border-top:1px dashed #ffffff32;grid-template-columns:auto 1fr;gap:7px;padding-top:7px;display:grid;color:#d8ebe5!important;margin:7px 0 0!important;font:9px/1.5 system-ui!important}.student-memory-method>b{color:#d7ff7b;white-space:nowrap;font-size:8px}.student-mobile-dock{display:none}@media (width<=640px){.sidebar{border-radius:20px;height:70px;padding:5px 6px;inset:auto 8px 8px}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.sidebar nav button{text-align:center;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:3px 1px;display:flex}.sidebar nav button>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;line-height:1.1;overflow:hidden;display:block!important}.nav-icon{border-radius:9px;width:27px;height:27px;font-size:10px}.student-dashboard{padding-bottom:104px}.student-mobile-dock{z-index:90;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border:1px solid #ffffffd9;border-radius:21px;grid-template-columns:repeat(5,minmax(0,1fr));height:66px;padding:6px;display:grid;position:fixed;box-shadow:0 16px 40px #173f3630}.student-mobile-dock button{color:#547068;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;font-size:9px;font-weight:850;display:flex}.student-mobile-dock button:active{color:#176b58;background:#e5f3ed;transform:scale(.96)}.student-mobile-dock i{font-size:18px;font-style:normal;line-height:1}.student-mobile-dock span{display:block}.student-game-session,.review-mode{scroll-margin-top:0}.student-content-notes{max-height:220px;overflow:auto}}.memory-method-line,.student-memory-method{text-align:left;border-top:1px dashed #d7ff7b3d;padding-top:6px;display:block;margin:6px 0 0!important}.memory-method-line>b,.student-memory-method>b{color:#d7ff7b;letter-spacing:.1em;white-space:normal;margin:0 0 4px;font-size:9px;font-weight:800;display:block}.memory-method-line>p,.student-memory-method>p{letter-spacing:.01em;color:#c8ddd7!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;font:500 8px/1.55 Microsoft YaHei,PingFang SC,system-ui,sans-serif!important}.student-memory-method>p{color:#cfe3dd!important;font-size:8px!important}.anime-admin-shell{color:#173b34;background:linear-gradient(145deg,#eff8f4,#fbf7ec 52%,#f5f0fb);min-height:100vh;padding:28px clamp(18px,4vw,58px) 70px}.anime-admin-topbar{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1380px;margin:0 auto 22px;display:flex}.anime-admin-topbar>div>button{color:#247c69;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:10px 16px;font-weight:800;box-shadow:0 8px 22px #1c5d4a18}.anime-admin-topbar span,.anime-upload-panel .section-heading span,.anime-video-list .section-heading span{color:#29836d;letter-spacing:.16em;margin-top:18px;font-size:12px;font-weight:900;display:block}.anime-admin-topbar h1{margin:6px 0 4px;font-size:clamp(28px,4vw,48px)}.anime-admin-topbar p{color:#6f817b;margin:0}.anime-admin-topbar>strong{color:#fff;text-align:center;background:linear-gradient(135deg,#1d6658,#2d9477);border-radius:24px;min-width:150px;padding:18px 22px;box-shadow:0 18px 36px #1a5c4930}.anime-admin-topbar>strong b{font-size:34px;display:block}.anime-admin-topbar>strong small{opacity:.75}.anime-upload-panel,.anime-video-list{background:#fffc;border:1px solid #dce8e1;border-radius:28px;max-width:1380px;margin:0 auto 20px;padding:24px;box-shadow:0 16px 44px #294f4210}.anime-upload-panel .section-heading,.anime-video-list .section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.anime-upload-panel .section-heading span,.anime-video-list .section-heading span{margin-top:0}.anime-upload-panel h3,.anime-video-list h3{margin:4px 0 0;font-size:22px}.anime-upload-grid{grid-template-columns:2fr 1.2fr .6fr .7fr .7fr;gap:12px;display:grid}.anime-upload-grid label{color:#526b63;flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.anime-upload-grid input,.anime-upload-grid select,.anime-upload-grid textarea{box-sizing:border-box;color:#173b34;width:100%;font:inherit;background:#f9fbf9;border:1px solid #d8e5de;border-radius:14px;outline:none;padding:12px 13px}.anime-upload-grid input:focus,.anime-upload-grid select:focus,.anime-upload-grid textarea:focus{border-color:#2d9277;box-shadow:0 0 0 3px #2d92771a}.anime-file-picker{grid-column:1/3}.anime-file-picker em{color:#798983;font-size:11px;font-style:normal}.anime-description{grid-column:3/6}.anime-cover-preview{color:#2a6f5e;background:linear-gradient(135deg,#f3faf6,#fffdf6);border:1px solid #d8e5de;border-radius:16px;grid-column:3/6;align-items:center;gap:14px;min-height:94px;padding:10px;display:flex}.anime-cover-preview>img{object-fit:cover;border-radius:12px;width:76px;height:76px;box-shadow:0 7px 18px #22493d22}.anime-cover-preview>span{color:#c7f15b;background:linear-gradient(135deg,#173f37,#2e9178);border-radius:12px;place-items:center;width:76px;height:76px;font-size:28px;display:grid}.anime-cover-preview>div{gap:5px;display:grid}.anime-cover-preview b{font-size:13px}.anime-cover-preview small{color:#73857e;font-size:11px}.anime-upload-progress{background:#e6eee9;border-radius:999px;height:18px;margin:18px 0;position:relative;overflow:hidden}.anime-upload-progress span{background:linear-gradient(90deg,#2a8b72,#c7f15b);height:100%;transition:width .2s;display:block}.anime-upload-progress b{text-align:center;font-size:11px;line-height:18px;position:absolute;inset:0}.anime-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.anime-video-grid article{background:#fff;border:1px solid #dce7e1;border-radius:22px;grid-template-columns:150px 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.anime-video-grid article.disabled{opacity:.65}.anime-video-poster{color:#c7f15b;background:linear-gradient(135deg,#173f37,#2e9178);border-radius:16px;place-items:center;height:94px;display:grid;position:relative;overflow:hidden}.anime-video-poster>img{object-fit:cover;width:100%;height:100%}.anime-video-poster>span{font-size:36px}.anime-video-poster small{color:#fff;background:#091f1dcc;border-radius:999px;padding:3px 7px;position:absolute;bottom:7px;right:8px}.anime-video-info{min-width:0}.anime-video-info i{color:#2b866f;font-size:11px;font-style:normal;font-weight:800}.anime-video-info h4{margin:5px 0;font-size:17px}.anime-video-info p{color:#667872;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:12px;overflow:hidden}.anime-video-info small{color:#85928e}.anime-video-grid article>em{color:#27836b;background:#e7f5ee;border-radius:999px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:900}.anime-video-grid article.disabled>em{color:#8f7777;background:#f1eeee}.anime-video-actions{grid-column:2/4;justify-content:flex-end;gap:8px;display:flex}.anime-video-actions button{color:#276f5e;cursor:pointer;background:#f7faf8;border:1px solid #d5e2db;border-radius:10px;padding:7px 11px;font-weight:800}.anime-video-actions button.danger{color:#c14e4e;border-color:#f0cccc}.anime-empty{text-align:center;color:#74847f;border:1px dashed #cfdcd5;border-radius:18px;padding:52px 20px}@media (width<=900px){.anime-admin-topbar{align-items:flex-start}.anime-admin-topbar>strong{display:none}.anime-upload-grid{grid-template-columns:1fr 1fr}.anime-file-picker,.anime-cover-preview,.anime-description{grid-column:1/3}.anime-video-grid{grid-template-columns:1fr}}@media (width<=560px){.anime-admin-shell{padding:18px 12px 50px}.anime-upload-panel,.anime-video-list{border-radius:22px;padding:16px}.anime-upload-grid{grid-template-columns:1fr}.anime-upload-grid>*{grid-column:1!important}.anime-video-grid article{grid-template-columns:112px 1fr}.anime-video-grid article>em{display:none}.anime-video-actions{grid-column:1/3}.anime-video-poster{height:78px}.anime-admin-topbar h1{font-size:28px}}.membership-status.advanced{color:#7a4a00;background:linear-gradient(135deg,#fff6ba,#ffd76b);border-color:#edb934;box-shadow:0 6px 16px #e7b32926}.membership-grant-menu{position:relative}.membership-grant-menu summary{cursor:pointer;color:#176b59;background:#f5fffb;border:1px solid #c9ddd6;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;list-style:none}.membership-grant-menu>div{z-index:20;background:#fff;border:1px solid #dce9e4;border-radius:16px;width:250px;padding:13px;position:absolute;top:38px;right:0;box-shadow:0 18px 45px #234b3d28}.membership-grant-menu b{color:#345c51;margin:4px 0 7px;font-size:11px;display:block}.membership-grant-menu span{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.membership-grant-menu span.advanced button{color:#805300;background:#fff8d8;border-color:#f0c75a}.membership-grant-menu button{border-radius:9px;padding:6px 4px;font-size:10px}.subtitle-workbench{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.subtitle-workbench textarea{resize:vertical;grid-column:1/-1;width:100%}.subtitle-workbench button{min-height:42px}.anime-keywords{color:#247c69;overflow-wrap:anywhere}@media (width<=720px){.subtitle-workbench{grid-template-columns:1fr}}.subtitle-actions{grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:9px;display:grid}.subtitle-actions>label{cursor:pointer;background:#f9fbf9;border:1px solid #d8e5de;border-radius:12px;padding:10px 12px;display:block}.subtitle-actions>label input{display:none}.manual-subtitle-editor{color:#526b63;flex-direction:column;gap:9px;font-size:12px;font-weight:800;display:flex}.manual-subtitle-editor>div{grid-template-columns:110px 110px minmax(220px,1fr) auto;align-items:end;gap:9px;display:grid}.manual-subtitle-editor label{flex-direction:column;gap:5px;display:flex}.manual-subtitle-editor small{color:#71857e;font-size:10px;font-weight:600}.manual-subtitle-editor button{color:#247c69;cursor:pointer;background:#e5f5ef;border:0;border-radius:12px;min-height:42px;padding:0 16px;font-weight:900}@media (width<=900px){.subtitle-actions,.manual-subtitle-editor>div{grid-template-columns:1fr 1fr}.subtitle-actions>:first-child,.manual-subtitle-text{grid-column:1/-1}}.anime-edit-overlay{z-index:600;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#071b17b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.anime-edit-dialog{color:#173b34;background:linear-gradient(145deg,#f8fffb,#f8f4ff 56%,#fff9ed);border:1px solid #ffffffb8;border-radius:30px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,96vw);max-height:94vh;display:grid;overflow:hidden;box-shadow:0 38px 110px #061d185c}.anime-edit-dialog>header{background:#ffffffb8;border-bottom:1px solid #dce8e1;justify-content:space-between;align-items:flex-start;gap:18px;padding:23px 26px 18px;display:flex}.anime-edit-dialog>header span{color:#29836d;letter-spacing:.18em;font-size:10px;font-weight:950}.anime-edit-dialog>header h2{margin:4px 0 3px;font-size:26px}.anime-edit-dialog>header p{color:#71857e;margin:0;font-size:12px}.anime-edit-dialog>header>button{color:#276f5d;cursor:pointer;background:#e8f3ee;border:0;border-radius:14px;width:42px;height:42px;font-size:25px}.anime-edit-scroll{scrollbar-color:#a7c8bb transparent;padding:22px 26px;overflow:auto}.anime-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.anime-edit-grid label,.anime-background-picker{flex-direction:column;gap:7px;display:flex}.anime-edit-grid label>span,.anime-background-controls>div>span,.anime-background-picker>span,.anime-subtitle-editor>div>span{color:#45675d;font-size:11px;font-weight:900}.anime-edit-grid .wide{grid-column:span 2}.anime-edit-grid input,.anime-edit-grid select,.anime-edit-grid textarea,.anime-highlight-row input,.anime-subtitle-editor textarea{color:#173b34;width:100%;font:inherit;background:#fff;border:1px solid #d4e3dc;border-radius:13px;outline:none;padding:11px 13px}.anime-edit-grid input:focus,.anime-edit-grid select:focus,.anime-edit-grid textarea:focus,.anime-highlight-row input:focus,.anime-subtitle-editor textarea:focus{border-color:#4fa88e;box-shadow:0 0 0 3px #5fc6a91b}.anime-edit-grid textarea,.anime-subtitle-editor textarea{resize:vertical}.anime-background-editor{background:#ffffffba;border:1px solid #d9e7df;border-radius:22px;grid-template-columns:220px minmax(0,1fr);gap:20px;margin-top:20px;padding:18px;display:grid}.anime-background-preview{aspect-ratio:9/16;background:#0b2520;border-radius:19px;position:relative;overflow:hidden;box-shadow:0 15px 35px #173f342d}.anime-background-preview img{object-fit:cover;width:100%;height:100%}.anime-background-preview span{color:#fff;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071b17b5;border-radius:10px;padding:7px 9px;font-size:10px;font-weight:900;position:absolute;bottom:10px;left:10px;right:10px}.anime-background-controls{align-content:start;gap:15px;display:grid}.anime-preset-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:7px;display:grid}.anime-preset-options button{color:#315b50;text-align:left;cursor:pointer;background:#f0f6f2;border:2px solid #0000;border-radius:15px;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:7px;display:grid}.anime-preset-options button.selected{background:#e7f7ef;border-color:#4ca88e;box-shadow:0 8px 20px #2f8a7024}.anime-preset-options img{object-fit:cover;border-radius:10px;width:58px;height:66px}.anime-preset-options b{font-size:12px}.anime-background-picker{background:#f6fbf8;border:1px dashed #92b8a9;border-radius:16px;padding:14px;position:relative}.anime-background-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.anime-background-picker b{color:#fff;background:#247c69;border-radius:10px;width:max-content;padding:8px 12px;font-size:11px}.anime-background-picker small{color:#71857e;font-size:10px}.anime-background-status{color:#5a746c;background:#edf5f1;border-radius:13px;flex-wrap:wrap;align-items:center;gap:9px;padding:10px 12px;font-size:11px;display:flex}.anime-background-status>b{color:#247c69}.anime-background-status button{color:#b65050;cursor:pointer;background:0 0;border:0;margin-left:auto;font-weight:850}.anime-subtitle-editor{background:#ffffffba;border:1px solid #d9e7df;border-radius:22px;gap:11px;margin-top:20px;padding:18px;display:grid}.anime-subtitle-editor p{color:#71857e;margin:4px 0 0;font-size:11px}.anime-highlight-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.anime-highlight-row button{color:#247c69;cursor:pointer;background:#e2f4ec;border:0;border-radius:12px;padding:0 18px;font-weight:900}.anime-subtitle-editor textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6}.anime-edit-message{color:#845d16;background:#fff3d8;border-radius:12px;margin-top:13px;padding:10px 13px;font-size:12px;font-weight:800}.anime-edit-dialog>footer{background:#ffffffd9;border-top:1px solid #dce8e1;justify-content:flex-end;gap:10px;padding:16px 26px;display:flex}.anime-edit-dialog>footer button{color:#44675d;cursor:pointer;background:#fff;border:1px solid #d1dfd8;border-radius:13px;min-width:108px;padding:11px 18px;font-weight:900}.anime-edit-dialog>footer button.primary{color:#fff;background:linear-gradient(135deg,#247c69,#36a083);border-color:#247c69;box-shadow:0 9px 20px #247c6930}.anime-edit-dialog button:disabled{cursor:wait;opacity:.55}@media (width<=800px){.anime-edit-overlay{padding:8px}.anime-edit-dialog{border-radius:22px;max-height:98vh}.anime-edit-scroll{padding:16px}.anime-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.anime-edit-grid .wide{grid-column:1/-1}.anime-background-editor{grid-template-columns:135px minmax(0,1fr);gap:13px;padding:13px}.anime-preset-options{grid-template-columns:1fr}.anime-edit-dialog>header,.anime-edit-dialog>footer{padding-left:16px;padding-right:16px}}@media (width<=520px){.anime-edit-grid{grid-template-columns:1fr}.anime-edit-grid .wide{grid-column:1}.anime-background-editor{grid-template-columns:1fr}.anime-background-preview{width:150px;margin:0 auto}.anime-highlight-row{grid-template-columns:1fr}.anime-highlight-row button{min-height:42px}}.feedback-inbox-shell{color:#173d36;background:linear-gradient(145deg,#edf8f4,#eef5ff);min-height:100vh;padding:34px clamp(18px,5vw,72px)}.feedback-inbox-topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1180px;margin:0 auto 28px;display:grid}.feedback-inbox-topbar>button,.feedback-inbox-topbar select{color:#245f52;background:#fff;border:1px solid #c7dfd7;border-radius:14px;padding:11px 16px;font-weight:800}.feedback-inbox-topbar span{letter-spacing:2px;color:#5a8c80;font-size:11px}.feedback-inbox-topbar h1{margin:4px 0;font-size:clamp(26px,4vw,42px)}.feedback-inbox-topbar p{color:#688079;margin:0}.feedback-inbox-list{gap:14px;max-width:960px;margin:0 auto;display:grid}.feedback-message{background:#ffffffea;border:1px solid #d7e7e1;border-radius:22px;padding:20px 22px;box-shadow:0 15px 45px #2d706012}.feedback-message.unread{border-left:5px solid #42a981}.feedback-message.processed{opacity:.78}.feedback-message header,.feedback-message footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-message header div{display:grid}.feedback-message header small{color:#788c86;margin-top:3px}.feedback-message header em{color:#2f806b;background:#e4f5ef;border-radius:99px;padding:5px 10px;font-size:11px;font-style:normal}.feedback-message p{color:#294b44;white-space:pre-wrap;margin:18px 0;font-size:16px;line-height:1.8}.feedback-message footer{justify-content:flex-end}.feedback-message footer button{color:#276756;background:#fff;border:1px solid #c7ded7;border-radius:11px;padding:8px 13px;font-weight:700}@media (width<=720px){.feedback-inbox-topbar{grid-template-columns:1fr}.feedback-inbox-topbar>button{justify-self:start}}.access-entry-switch,.access-register-method{background:#eef4f1;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:4px;display:grid}.access-entry-switch button,.access-register-method button{color:#687c76;background:0 0;border:0;border-radius:11px;padding:10px;font-weight:800}.access-entry-switch button.active,.access-register-method button.active{color:#247c69;background:#fff;box-shadow:0 5px 16px #1d5f4d14}.access-code-row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.access-code-row label{margin:0}.access-code-row>button{color:#247c69;background:#e9f7f2;border:1px solid #b9d9cf;border-radius:12px;height:46px;padding:0 14px;font-weight:800}.access-success{color:#247c69;background:#e7f7ef;border-radius:12px;margin-top:12px;padding:11px 13px;font-size:13px}.release-admin-shell{color:#173b34;background:linear-gradient(145deg,#effaf4,#f5f3ff 54%,#fff8e9);min-height:100vh;padding:30px clamp(18px,5vw,70px) 70px}.release-admin-topbar{grid-template-columns:auto 1fr;align-items:center;gap:20px;max-width:1180px;margin:0 auto 22px;display:grid}.release-admin-topbar>button{color:#247c69;background:#fff;border:1px solid #cee3da;border-radius:999px;padding:10px 16px;font-weight:900}.release-admin-topbar span{color:#398a74;letter-spacing:.18em;font-size:10px;font-weight:950}.release-admin-topbar h1{margin:4px 0;font-size:clamp(28px,4vw,46px)}.release-admin-topbar p{color:#6e837b;margin:0}.release-publish-panel,.release-history-panel{background:#ffffffdf;border:1px solid #dbe9e3;border-radius:28px;max-width:1180px;margin:0 auto 18px;padding:24px;box-shadow:0 18px 52px #235c4b12}.release-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.release-form-grid label{color:#49685e;gap:6px;font-size:11px;font-weight:900;display:grid}.release-form-grid label.wide{grid-column:1/-1}.release-form-grid input,.release-form-grid textarea{color:#173b34;font:inherit;background:#fbfdfc;border:1px solid #d3e4dc;border-radius:14px;padding:12px 13px}.release-switches{flex-wrap:wrap;gap:20px;margin:14px 0;display:flex}.release-switches label{color:#365f54;align-items:center;gap:7px;font-weight:800;display:flex}.release-history-list{gap:12px;display:grid}.release-history-list article{background:#fff;border:1px solid #dbe8e2;border-radius:20px;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px;display:grid}.release-history-list>article>span{color:#fff;border-radius:16px;place-items:center;padding:12px;font-weight:950;display:grid}.release-history-list>article>span.active{background:linear-gradient(135deg,#38a882,#247c69)}.release-history-list>article>span.inactive{background:#9baba5}.release-history-list>article>span small{opacity:.75}.release-history-list article p{color:#637971;white-space:pre-wrap;margin:4px 0}.release-row-actions{gap:7px;display:flex}.release-row-actions button{color:#247c69;background:#f7fbf9;border:1px solid #cfe0d9;border-radius:11px;padding:8px 11px;font-weight:850}@media (width<=720px){.release-admin-topbar{grid-template-columns:1fr}.release-admin-topbar>button{justify-self:start}.release-form-grid{grid-template-columns:1fr}.release-form-grid label.wide{grid-column:1}.release-history-list article{grid-template-columns:76px 1fr}.release-row-actions{grid-column:1/-1;justify-content:flex-end}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}.game-mode-picker{background:linear-gradient(145deg,#f8fcfa,#eef7f3);border:1px solid #d9e8e2;border-radius:18px;margin-top:15px;padding:16px}.game-mode-picker>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.game-mode-picker>header span{color:#78928a;letter-spacing:.15em;font-size:8px;font-weight:900;display:block}.game-mode-picker>header h3{color:#214d42;margin:5px 0 0;font-size:16px}.game-mode-picker>header>em{color:#28725f;background:#deeee8;border-radius:99px;padding:5px 8px;font-size:9px;font-style:normal}.game-mode-groups{gap:11px;display:grid}.game-mode-group>b{color:#748a83;margin-bottom:6px;font-size:9px;display:block}.game-mode-group>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.game-mode-group button{--game-accent:#2f8b72;color:#32534b;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce9e4;border-radius:13px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:9px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.game-mode-group button:hover{border-color:var(--game-accent);transform:translateY(-2px);box-shadow:0 8px 22px #294f4312}.game-mode-group button.selected{border-color:var(--game-accent);box-shadow:inset 0 0 0 1px var(--game-accent),0 8px 22px #294f4317}.game-mode-group button>i{background:color-mix(in srgb,var(--game-accent) 13%,white);width:34px;height:34px;color:var(--game-accent);border-radius:11px;place-items:center;font-size:13px;font-style:normal;font-weight:900;display:grid}.game-mode-group button>span{min-width:0}.game-mode-group button strong,.game-mode-group button small{display:block}.game-mode-group button strong{font-size:11px}.game-mode-group button small{color:#879791;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;line-height:1.35;overflow:hidden}.game-mode-group button>em{color:var(--game-accent);font-size:6px;font-style:normal;font-weight:800;position:absolute;top:5px;right:6px}.game-mode-picker.compact .game-mode-group>div{grid-template-columns:repeat(5,minmax(0,1fr))}.vocabulary-game-stage{--game-accent:#2f8b72;z-index:2;color:#fff;background:linear-gradient(145deg,#153d36,#236a5b);border:1px solid #ffffffd9;border-radius:30px;grid-template-rows:auto minmax(0,1fr);width:min(1050px,94%);height:min(430px,100%);min-height:330px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #1c594735,inset 0 0 70px #ffffff0d}.game-hud{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#092b2570;border-bottom:1px solid #ffffff19;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;gap:12px;padding:10px 14px;display:grid;position:relative}.game-hud>span{grid-template-rows:auto auto;grid-template-columns:30px auto;align-items:center;column-gap:8px;display:grid}.game-hud>span i{background:var(--game-accent);border-radius:9px;grid-row:1/3;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.game-hud>span b{font-size:11px}.game-hud>span small{color:#b9d7ce;font-size:7px}.game-hud>div{align-items:baseline;gap:5px;display:flex}.game-hud>div em{color:#a8c8be;font-size:7px;font-style:normal}.game-hud>div strong{color:#d7ff7b;margin-right:8px;font-size:16px}.game-hud progress{background:#ffffff20;border:0;border-radius:99px;justify-self:end;width:min(180px,100%);height:7px;overflow:hidden}.game-hud progress::-webkit-progress-bar{background:#ffffff20}.game-hud progress::-webkit-progress-value{background:linear-gradient(90deg,var(--game-accent),#d7ff7b);border-radius:99px}.formal-game-scene,.mini-game-scene{min-height:0;position:relative}.game-reveal-button,.game-sound-button,.mini-prompt button,.detective-actions button,.letter-undo{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff35;border-radius:99px;padding:8px 13px;font-size:9px;font-weight:800}.game-reveal-button{color:#184c40;background:#d7ff7b;border:0}.game-phonetic{color:#c4e4da;font:italic 600 16px Georgia,serif}.game-answer-panel{background:#092f2877;border:1px solid #d7ff7b45;border-radius:16px;width:min(720px,90%);padding:13px 18px}.game-answer-panel b{color:#fff;font-size:27px;display:block}.game-answer-panel p{margin:6px 0 2px;font:italic 14px/1.35 Georgia,serif}.game-answer-panel small{color:#bad8cf;font-size:9px}.star-game-scene{background:radial-gradient(circle at 50% 45%,#8ea2ff33,#0000 35%),linear-gradient(145deg,#15244a,#172f46);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.star-game-scene h2{text-shadow:0 8px 35px #8eb9ff55;margin:0;font:800 clamp(58px,9vw,118px)/1 Georgia,serif;animation:.55s cubic-bezier(.2,.8,.2,1) game-word-arrive;position:relative}.star-lanes{opacity:.5;position:absolute;inset:0;overflow:hidden}.star-lanes i{background:linear-gradient(90deg,#0000,#9edcff,#0000);width:140%;height:1px;animation:5s linear infinite game-lane;position:absolute;left:-20%;transform:rotate(-10deg)}.star-lanes i:first-child{top:23%}.star-lanes i:nth-child(2){animation-delay:-2s;top:52%}.star-lanes i:nth-child(3){animation-delay:-3.5s;top:78%}.detective-game-scene{background:radial-gradient(circle at 20% 10%,#e1b76a22,#0000 30%),linear-gradient(145deg,#332b23,#173a35);grid-template-columns:minmax(270px,.9fr) minmax(350px,1.1fr);align-items:center;gap:14px;padding:14px;display:grid}.detective-copy{align-content:center;gap:10px;min-width:0;padding:10px;display:grid}.detective-copy>span{color:#e9c884;letter-spacing:.16em;font-size:8px;font-weight:900}.detective-copy h2{margin:0;font-size:clamp(23px,3vw,38px)}.detective-clues{gap:6px;display:grid}.detective-clues p{color:#708b84;background:#071d1955;border:1px dashed #ffffff20;border-radius:10px;grid-template-columns:95px 1fr;gap:7px;margin:0;padding:8px 10px;font-size:9px;display:grid}.detective-clues p.visible{color:#e6f5f0;border-style:solid}.detective-clues b{color:#e9c884}.detective-actions{gap:7px;display:flex}.detective-actions button:last-child{color:#30251b;background:#e9c884}.detective-answer b{color:#fff;font-size:25px;display:block}.detective-answer small{color:#b8ccc6}.detective-game-scene>.comic-panel{aspect-ratio:3/2;width:100%;max-height:100%;background:0 0!important;height:auto!important}.dialogue-game-scene{text-align:center;background:radial-gradient(circle at 50% 0,#b789cf35,#0000 36%),linear-gradient(145deg,#211829,#352544);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.dialogue-game-scene>span{color:#d5b8e8;letter-spacing:.18em;font-size:9px;font-weight:900}.dialogue-game-scene blockquote{text-align:left;background:#100c1775;border:1px solid #fff2;border-left:5px solid #d7ff7b;border-radius:16px;width:min(850px,92%);margin:0;padding:19px 24px;font:italic clamp(20px,3vw,34px)/1.35 Georgia,serif}.dialogue-game-scene>p{color:#cdbfd5;text-align:left;width:min(850px,92%);margin:0;font-size:12px}.dialogue-answer b,.dialogue-answer small{display:block}.dialogue-answer b{color:#d7ff7b;font:800 36px Georgia,serif}.dialogue-answer small{color:#e6ddec;margin-top:4px}.cinema-lights{pointer-events:none;background:linear-gradient(110deg,#0000 10%,#ffffff08 30%,#0000 47%);animation:5s ease-in-out infinite cinema-sweep;position:absolute;inset:0}.boss-game-scene{background:radial-gradient(circle at 20%,#df65593b,#0000 28%),linear-gradient(145deg,#361b22,#153c37);grid-template-columns:minmax(230px,.72fr) minmax(360px,1.28fr);align-items:center;gap:24px;padding:18px 34px;display:grid}.boss-avatar{aspect-ratio:1;background:radial-gradient(circle,#c6534655,#0000 66%);border:2px solid #ff9f8f55;border-radius:50%;align-content:center;justify-items:center;width:min(220px,100%);margin:auto;display:grid;position:relative;box-shadow:0 0 60px #c6534638}.boss-avatar span{color:#f8b7ac;letter-spacing:.2em;font-size:10px}.boss-avatar b{font:900 clamp(34px,5vw,62px)/1 Georgia,serif}.boss-avatar i{border:1px dashed #ffb3a755;border-radius:50%;animation:10s linear infinite boss-ring;position:absolute;inset:14%}.boss-copy>span{color:#eca69b;font-size:9px}.boss-copy h2{margin:8px 0 3px;font:800 clamp(55px,8vw,105px)/1 Georgia,serif}.boss-copy>small{color:#d1e7e0;font:italic 14px Georgia,serif}.boss-shield{background:#ffffff18;border-radius:99px;width:100%;height:10px;margin:16px 0;overflow:hidden}.boss-shield i{border-radius:inherit;background:linear-gradient(90deg,#c65448,#f0a193);height:100%;transition:width .5s;display:block}.boss-answer b{color:#fff;font-size:28px;display:block}.boss-answer p{color:#c8dcd6;margin:5px 0;font:italic 13px Georgia,serif}.mini-game-scene{padding:16px 24px}.mini-prompt{text-align:center}.mini-prompt>span{color:#c3ded6;letter-spacing:.12em;font-size:8px;font-weight:900;display:block}.mini-prompt h2{margin:5px 0 8px;font-size:clamp(22px,3vw,36px)}.mole-game-scene{background:linear-gradient(#2c7965,#184b40);grid-template-rows:auto 1fr;gap:10px;display:grid}.mole-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;width:100%;max-width:750px;margin:auto;display:grid}.mole-grid button{color:#332518;cursor:pointer;background:linear-gradient(#f0c786,#a66d37);border:0;border-radius:50% 50% 16px 16px;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:72px;padding:10px 18px;font:800 22px Georgia,serif;display:grid;position:relative;box-shadow:inset 0 -10px #6d4325,0 10px 20px #102f2935}.mole-grid button i,.balloon-field button i,.comic-options button i{background:#fff8;border-radius:50%;place-items:center;width:24px;height:24px;font:800 9px system-ui;display:grid}.mole-grid button.correct,.balloon-field button.correct,.comic-options button.correct{color:#fff;background:#4cac82;outline:4px solid #d7ff7b}.mole-grid button.wrong,.balloon-field button.wrong,.comic-options button.wrong{filter:saturate(.7);outline:4px solid #ff9c8b}.balloon-game-scene{background:radial-gradient(circle at 50% 10%,#bde9ff55,#0000 28%),linear-gradient(#316a8a,#173c54);grid-template-rows:auto 1fr;gap:8px;display:grid}.balloon-field{justify-content:center;align-items:center;gap:18px;min-height:0;display:flex}.balloon-field button{aspect-ratio:1/1.12;background:linear-gradient(145deg,color-mix(in srgb,var(--game-accent) 70%,white),var(--game-accent));color:#fff;cursor:pointer;border:1px solid #fff5;border-radius:50% 50% 48% 48%;place-items:center;width:clamp(120px,17vw,180px);font:800 clamp(17px,2.3vw,27px) Georgia,serif;animation:3.2s ease-in-out infinite balloon-float;display:grid;position:relative;box-shadow:inset 12px 10px 20px #ffffff25,0 20px 35px #0a26354d}.balloon-field button:nth-child(2){animation-delay:-.8s}.balloon-field button:nth-child(3){animation-delay:-1.6s}.balloon-field button:nth-child(4){animation-delay:-2.4s}.balloon-field button i{position:absolute;top:16px;left:18px}.balloon-field button em{background:#ffffff70;width:1px;height:18px;position:absolute;bottom:-12px}.comic-guess-scene{background:linear-gradient(145deg,#1d5a4b,#163d35);grid-template-columns:minmax(330px,1.15fr) minmax(280px,.85fr);align-items:center;gap:18px;display:grid}.comic-guess-scene>.comic-panel{aspect-ratio:3/2;width:100%;max-height:100%;background:0 0!important;height:auto!important}.comic-guess-scene>div>span{color:#c6dfd7;letter-spacing:.12em;margin-bottom:10px;font-size:9px;font-weight:900;display:block}.comic-options{gap:8px;display:grid}.comic-options button{color:#fff;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff25;border-radius:13px;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:48px;padding:8px 12px;font:700 20px Georgia,serif;display:grid}.letter-lab-scene{background:radial-gradient(circle at 50% 55%,#60d4a62d,#0000 35%),linear-gradient(145deg,#174d40,#1d6b56);align-content:center;gap:12px;display:grid}.letter-answer{color:#b8d6cd;letter-spacing:.14em;text-align:center;border:2px dashed #fff3;border-radius:14px;width:min(760px,95%);min-height:56px;margin:auto;padding:14px;font:700 23px Georgia,serif}.letter-answer.correct{color:#d7ff7b;border-style:solid;border-color:#d7ff7b}.letter-answer.wrong{color:#ffd2ca;border-style:solid;border-color:#ff9c8b}.letter-tiles{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.letter-tiles button{color:#225a4c;cursor:pointer;background:#f6fffb;border:0;border-radius:10px;place-items:center;width:42px;height:46px;font:800 22px Georgia,serif;display:grid;box-shadow:0 6px #aacdc0}.letter-tiles button:disabled{opacity:.18;box-shadow:none;transform:translateY(5px)}.letter-undo{justify-self:center}.game-feedback{z-index:20;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#103b34dd;place-content:center;animation:.25s ease-out feedback-pop;display:grid;position:absolute;inset:45px 0 0}.game-feedback span{color:#d4e9e3;margin-top:7px;font-size:13px}.game-feedback.known b{color:#d7ff7b}.game-feedback.unknown b{color:#ffb3a7}.classic-game-placeholder{place-content:center;justify-items:center;display:grid}.classic-game-placeholder b{font:800 70px Georgia,serif}.classic-game-placeholder span{color:#c4ddd5}.game-score-result{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.game-score-result article{background:#eef7f3;border-radius:14px;padding:14px}.game-score-result span,.game-score-result b{display:block}.game-score-result span{color:#789088;font-size:9px}.game-score-result b{color:#246d5b;margin-top:4px;font-size:24px}.student-game-hall{background:#fff;border:1px solid #d9e8e2;border-radius:24px;margin-top:18px;padding:22px;box-shadow:0 18px 45px #315f5210}.student-game-hall>header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.student-game-hall>header span{color:#798e87;letter-spacing:.14em;font-size:9px;font-weight:900}.student-game-hall>header h2{color:#214f43;margin:6px 0 0}.student-game-hall>header p{color:#83968f;max-width:540px;margin:0;font-size:10px;line-height:1.6}.student-game-shell{background:radial-gradient(circle at 50% 38%,#dff5ec,#0000 35%),linear-gradient(145deg,#f7fcfa,#e7f3ef);min-height:100vh;padding:14px}.student-game-shell .student-review-bar{max-width:1120px;margin:0 auto 12px}.student-game-shell .vocabulary-game-stage{height:min(540px,100vh - 155px);min-height:390px;margin:auto}.student-game-shell .student-judge{margin-top:10px}.student-game-note{text-align:center;color:#758c84;font-size:9px}@keyframes game-word-arrive{0%{opacity:0;filter:blur(12px);transform:translateZ(-200px)scale(.7)}to{opacity:1;filter:none;transform:none}}@keyframes game-lane{0%{transform:translate(-10%)rotate(-10deg)}to{transform:translate(10%)rotate(-10deg)}}@keyframes cinema-sweep{0%,to{opacity:.3;transform:translate(-15%)}50%{opacity:.9;transform:translate(15%)}}@keyframes boss-ring{to{transform:rotate(360deg)}}@keyframes balloon-float{0%,to{transform:translateY(5px)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes feedback-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (width<=900px){.game-mode-group>div,.game-mode-picker.compact .game-mode-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.detective-game-scene{grid-template-columns:.95fr 1.05fr}.vocabulary-game-stage{width:96%}.game-hud{grid-template-columns:1fr auto}.game-hud progress{display:none}}@media (width<=700px) and (orientation:portrait){.vocabulary-game-stage{height:650px;min-height:560px}.detective-game-scene,.boss-game-scene,.comic-guess-scene{grid-template-columns:1fr;overflow:auto}.detective-game-scene>.comic-panel,.comic-guess-scene>.comic-panel{order:-1}.balloon-field{grid-template-columns:1fr 1fr;gap:10px;display:grid}.balloon-field button{width:min(145px,35vw)}.mole-grid{grid-template-columns:1fr}.game-hud{grid-template-columns:1fr auto}.game-hud>span small{display:none}.dialogue-game-scene blockquote{font-size:21px}.student-game-shell .vocabulary-game-stage{height:calc(100vh - 165px);min-height:570px}}@media (orientation:landscape) and (height<=650px){.vocabulary-game-stage{border-radius:22px;width:min(900px,90vw);height:100%;min-height:0;max-height:410px}.game-hud{padding:6px 10px}.game-hud>span i{width:25px;height:25px}.formal-game-scene,.mini-game-scene{padding:8px 12px}.star-game-scene{gap:5px}.star-game-scene h2{font-size:clamp(48px,9vw,82px)}.game-answer-panel{padding:8px 12px}.detective-game-scene{grid-template-columns:.92fr 1.08fr;gap:10px}.detective-copy{gap:5px;padding:4px}.detective-clues{gap:3px}.detective-clues p{padding:5px 7px}.dialogue-game-scene{gap:7px}.dialogue-game-scene blockquote{padding:12px 16px;font-size:clamp(17px,3vw,27px)}.boss-game-scene{grid-template-columns:200px 1fr;gap:15px}.boss-avatar{max-height:235px}.mole-grid{gap:6px}.mole-grid button{min-height:55px}.balloon-field button{width:min(135px,17vw)}.comic-guess-scene{grid-template-columns:1.08fr .92fr;gap:10px}.comic-options{gap:4px}.comic-options button{min-height:39px;font-size:16px}.letter-lab-scene{gap:7px}.letter-answer{min-height:42px;padding:8px}.letter-tiles button{width:35px;height:37px;font-size:18px}.student-game-shell .vocabulary-game-stage{height:calc(100vh - 112px);min-height:0}}@media (prefers-reduced-motion:reduce){.star-lanes i,.cinema-lights,.boss-avatar i,.balloon-field button{animation:none!important}.vocabulary-game-stage *{scroll-behavior:auto}}.game-stage-wrap{place-items:center;min-height:0;display:grid}.game-stage-wrap .vocabulary-game-stage{width:min(1120px,96%)}.auto-game-judge{min-height:58px}.auto-game-instruction{color:#41675d;background:#f5fbf8;border:1px solid #cce2da;border-radius:16px;justify-content:center;align-items:center;gap:14px;width:min(760px,94%);margin:auto;padding:12px 18px;display:flex}.auto-game-instruction b{color:#236b58}.auto-game-instruction span{font-size:11px}.student-game-session{background:radial-gradient(circle at 50% 38%,#dff5ec,#0000 35%),linear-gradient(145deg,#f7fcfa,#e7f3ef);min-height:100vh;padding:14px}.student-game-session .student-review-bar{max-width:1180px;margin:0 auto 12px}.student-game-review-stage{gap:10px;max-width:1180px;margin:auto;display:grid}.student-game-review-stage .vocabulary-game-stage{height:min(560px,100vh - 160px);min-height:410px}.game-student-judge{margin:0 auto}.student-game-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f8b72,#256c5a);border:0;border-radius:15px;width:min(580px,100%);margin:16px auto 0;padding:14px 22px;font-weight:900;display:block;box-shadow:0 12px 26px #2f8b7230}.student-game-start:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.5}.student-game-history{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.student-game-history>span{background:#f8fcfa;border:1px solid #dbe9e4;border-radius:12px;grid-template-columns:30px 1fr;align-items:center;column-gap:8px;padding:9px 11px;display:grid}.student-game-history i{color:#2f806b;background:#e3f1ec;border-radius:9px;grid-row:span 2;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.student-game-history b{color:#31594f;font-size:10px}.student-game-history small{color:#81958e;font-size:8px}.game-mode-analytics{margin-bottom:18px}.game-mode-analytics>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.game-mode-analytics article{background:#f8fcfa;border:1px solid #dce9e4;border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;display:grid}.game-mode-analytics article>i{color:#2c7c67;background:#deeee8;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.game-mode-analytics article span b,.game-mode-analytics article span small{display:block}.game-mode-analytics article span b{color:#31594f;font-size:11px}.game-mode-analytics article span small{color:#84978f;margin-top:2px;font-size:8px}.game-mode-analytics article strong{color:#2d7f69}.game-mode-analytics article em{color:#7b9189;grid-column:2/-1;font-size:8px;font-style:normal}@media (width<=900px){.student-game-history,.game-mode-analytics>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-game-instruction{text-align:center;flex-direction:column;gap:4px}.student-game-review-stage .vocabulary-game-stage{height:min(520px,100vh - 145px);min-height:360px}}@media (width<=620px){.student-game-hall{padding:14px}.student-game-hall>header{flex-direction:column;align-items:flex-start}.student-game-history{grid-template-columns:1fr}.student-game-session{padding:8px}.student-game-review-stage .vocabulary-game-stage{width:100%;min-height:430px}.game-mode-analytics>div:last-child{grid-template-columns:1fr}}@media (orientation:landscape) and (height<=620px){.student-game-session{padding:6px}.student-game-session .student-review-bar{margin-bottom:5px}.student-game-review-stage{gap:5px}.student-game-review-stage .vocabulary-game-stage{height:calc(100vh - 112px);min-height:300px}.student-game-review-stage .keyboard-help{display:none}.game-student-judge{z-index:8;width:auto;position:absolute;bottom:12px;right:18px}.game-stage-wrap .vocabulary-game-stage{height:calc(100vh - 178px);min-height:280px}.auto-game-judge{min-height:42px}}.solo-game-config{grid-template-columns:1.25fr .7fr 1.3fr;gap:10px;margin:15px 0 10px;display:grid}.solo-game-config>label,.solo-game-config>div{background:#f8fcfa;border:1px solid #dce9e4;border-radius:13px;gap:6px;padding:11px;display:grid}.solo-game-config span,.solo-group-selector>span{color:#6f8880;font-size:9px;font-weight:900}.solo-game-config select,.solo-game-config input{color:#31584e;background:#fff;border:1px solid #cfe0da;border-radius:9px;width:100%;min-height:36px;padding:0 10px}.solo-game-config p{grid-template-columns:1fr 1fr;gap:5px;margin:0;display:grid}.solo-game-config button,.solo-group-selector button{color:#547168;cursor:pointer;background:#fff;border:1px solid #d6e4df;border-radius:9px;min-height:34px}.solo-game-config button.active,.solo-group-selector button.active{color:#246e5b;background:#e2f2ec;border-color:#2f8b72;font-weight:900}.solo-group-selector{background:#f8fcfa;border:1px solid #dce9e4;border-radius:13px;gap:7px;padding:11px 13px;display:grid}.solo-group-selector>div{flex-wrap:wrap;gap:6px;display:flex}.solo-group-selector button{padding:0 11px}.solo-group-selector small{color:#82968f;font-size:8px}@media (width<=700px){.solo-game-config{grid-template-columns:1fr 1fr}.solo-game-config>div{grid-column:1/-1}}@media (width<=440px){.solo-game-config{grid-template-columns:1fr}.solo-game-config>div{grid-column:auto}}.mole-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;max-width:900px}.mole-grid button{min-height:150px;box-shadow:none;background:radial-gradient(at 50% 92%,#4b2b1d 0 42%,#0000 43%);border-radius:50% 50% 18px 18px;flex-direction:column;justify-content:flex-end;padding:0 7px 7px;display:flex;overflow:visible}.mole-grid button>i{z-index:5;position:absolute;top:4px;left:4px}.mole-sign{z-index:4;color:#3d2a1f;background:#f7dd9d;border:3px solid #6e4528;border-radius:8px;place-items:center;width:94%;min-height:45px;padding:4px;font:800 clamp(14px,2vw,21px) Georgia,serif;display:grid;position:relative;box-shadow:0 5px #70492d}.mole-character{background:#a66d48;border-radius:48% 48% 36% 36%;width:78%;height:70px;margin:-2px auto 0;display:block;position:relative;box-shadow:inset 8px 0 #bc8055,inset -8px 0 #815035}.mole-character:before,.mole-character:after{content:"";background:#8d593d;border-radius:50%;width:24px;height:28px;position:absolute;top:-11px}.mole-character:before{left:3px;transform:rotate(-25deg)}.mole-character:after{right:3px;transform:rotate(25deg)}.mole-character b{z-index:2;color:#332219;padding-top:25px;font:900 18px system-ui;display:block;position:relative}.mole-character em{background:#e9a388;border-radius:50%;width:12px;height:7px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.mole-grid button.correct .mole-sign{background:#d7ff7b}.mole-grid button.wrong .mole-sign{background:#ffb5aa}.balloon-field button .burst-particles{display:none}.balloon-field button.burst{pointer-events:none;animation:.72s ease-out forwards balloon-burst}.balloon-field button.burst .burst-particles{color:#fff7a8;font-size:25px;animation:.7s ease-out burst-particles;display:block;position:absolute;inset:-25px}.comic-timer{grid-template-columns:1fr 42px;align-items:center;gap:7px;margin-bottom:11px;display:grid}.comic-timer>span{color:#c6dfd7;letter-spacing:.08em;font-size:9px;font-weight:900}.comic-timer>b{color:#d7ff7b;border:2px solid #d7ff7b;border-radius:50%;grid-row:span 2;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.comic-timer>i{background:#ffffff18;border-radius:8px;height:5px;display:block;overflow:hidden}.comic-timer>i>em{border-radius:inherit;background:#d7ff7b;height:100%;transition:width .2s linear;display:block}.meaning-match-scene{background:linear-gradient(145deg,#174c51,#246e68);grid-template-rows:auto 1fr;gap:10px;display:grid}.match-board{grid-template-columns:.78fr 45px 1.22fr;align-items:center;gap:8px;width:min(920px,100%);margin:auto;display:grid}.match-words,.match-meanings{gap:8px;display:grid}.match-words span,.match-meanings button{color:#d7e9e4;background:#ffffff0e;border:1px solid #ffffff25;border-radius:12px;min-height:47px;padding:10px 13px}.match-words span{place-items:center;font:800 20px Georgia,serif;display:grid}.match-words span.target{color:#fff;background:#d7ff7b20;border:2px solid #d7ff7b}.match-words span.decoy{opacity:.42}.match-meanings button{text-align:left;cursor:pointer;grid-template-columns:25px 1fr;align-items:center;gap:7px;display:grid}.match-meanings button i{background:#ffffff20;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-style:normal;display:grid}.match-meanings button.correct{background:#4cac82;border-color:#d7ff7b}.match-meanings button.wrong{background:#8f4c4d;border-color:#ff9c8b}.match-rail{height:100%;position:relative}.match-rail i{background:linear-gradient(90deg,#d7ff7b,#0000);width:100%;height:2px;position:absolute;top:50%;left:0;box-shadow:0 0 12px #d7ff7b}.basketball-scene{background:linear-gradient(#183d66 0 64%,#a85c2c 64%);grid-template-rows:auto 42px 1fr;display:grid;overflow:hidden}.basketball-court button{color:#fff;cursor:pointer;background:#ffffff12;border:0;border-radius:12px 12px 0 0;min-height:118px;padding:7px;display:grid}.basketball-court button>i{background:#ffffff20;border-radius:50%;justify-self:start;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.basketball-court button>b{color:#ffdb9c;font-size:25px}.basketball-court button.correct{background:#4cac8266;outline:3px solid #d7ff7b}.basketball-court button.wrong{outline:3px solid #ff9c8b}.basketball-ball{z-index:4;color:#e98338;text-shadow:inset 0 0 0 #000;justify-self:center;font-size:36px;position:relative}.basketball-ball.score{animation:.75s cubic-bezier(.3,.1,.4,1) basket-score}.basketball-ball.miss{animation:.7s ease-out basket-miss}.treasure-scene{background:radial-gradient(circle at 50% 85%,#f3c75830,#0000 40%),linear-gradient(145deg,#182b42,#2f2440);grid-template-rows:auto 1fr;display:grid}.treasure-field{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;width:min(940px,100%);margin:auto;display:grid}.treasure-field button{color:#fff;cursor:pointer;background:0 0;border:0;grid-template-rows:auto auto 75px;gap:5px;min-height:135px;padding:8px;display:grid}.treasure-field button>i{background:#ffffff20;border-radius:50%;justify-self:start;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.treasure-field button>span{font:800 clamp(14px,2vw,21px) Georgia,serif}.treasure-field button>b{background:linear-gradient(#d99d32 0 38%,#a76d21 39% 100%);border:4px solid #75501d;border-radius:11px;display:block;position:relative;box-shadow:0 9px #4a3118}.treasure-field button>b:before{content:"";background:#704918;height:6px;position:absolute;inset:31% -4px auto}.treasure-field button>b>em{opacity:0;color:#fff6a0;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.treasure-field button.correct>b{background:linear-gradient(#f9de72,#bd7f22);animation:.7s ease-out treasure-open;box-shadow:0 0 35px #ffe283}.treasure-field button.correct>b>em{opacity:1;animation:.7s ease-out treasure-spark}.treasure-field button.wrong>b{filter:grayscale(.8);animation:.45s treasure-shake}.adventure-scene{background:linear-gradient(145deg,#183a57,#245f55);grid-template-columns:1.15fr .85fr;gap:15px;padding:17px;display:grid}.adventure-map{background:radial-gradient(circle at 75% 20%,#f7df9566,#0000 12%),linear-gradient(155deg,#548da1,#305b68 46%,#27483f 47%);border:1px solid #ffffff24;border-radius:18px;min-height:0;position:relative;overflow:hidden}.adventure-path{border-top:3px dashed #f6e5a8;height:5px;position:absolute;top:48%;left:9%;right:9%;transform:rotate(-5deg)}.adventure-map>span{justify-items:center;gap:3px;display:grid;position:absolute;transform:translate(-50%,50%)}.adventure-map>span>b{color:#fff;background:#284c50;border:3px solid #d5dfe0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.adventure-map>span.passed>b{background:#3d906e;border-color:#d7ff7b;box-shadow:0 0 18px #d7ff7b66}.adventure-map>span>small{color:#fff;font-size:8px;font-weight:900}.adventure-challenge{align-content:center;gap:10px;display:grid}.adventure-challenge>span{color:#c1ddd6;letter-spacing:.13em;font-size:8px;font-weight:900}.adventure-challenge h2{margin:0;font-size:clamp(22px,3vw,36px)}.adventure-challenge>div{gap:7px;display:grid}.adventure-challenge button{color:#fff;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff25;border-radius:12px;grid-template-columns:27px 1fr;align-items:center;gap:7px;min-height:43px;padding:8px 11px;font:700 18px Georgia,serif;display:grid}.adventure-challenge button i{background:#ffffff20;border-radius:50%;place-items:center;width:25px;height:25px;font:800 9px system-ui;display:grid}.adventure-challenge button.correct{background:#4cac82;border-color:#d7ff7b}.adventure-challenge button.wrong{background:#8f4c4d;border-color:#ff9c8b}.achievement-collection{margin-top:18px}.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.achievement-grid article{background:linear-gradient(145deg,#fff,#f2f8f5);border:1px solid #dce9e4;border-radius:16px;min-height:115px;padding:15px;position:relative}.achievement-grid article.locked{filter:grayscale();opacity:.5}.achievement-grid article>i{color:#27735f;background:#dcefe8;border-radius:12px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:900;display:grid}.achievement-grid article b,.achievement-grid article span{display:block}.achievement-grid article b{color:#2c5c50;margin-top:9px}.achievement-grid article span{color:#81958e;margin-top:3px;font-size:8px}.achievement-grid article em{color:#2d856d;font-size:8px;font-style:normal;font-weight:900;position:absolute;top:12px;right:12px}@keyframes balloon-burst{0%{transform:scale(1)}45%{transform:scale(1.25)}70%{opacity:1;transform:scale(.72)}to{opacity:0;transform:scale(1.65)}}@keyframes burst-particles{0%{opacity:1;transform:scale(.3)rotate(0)}to{opacity:0;transform:scale(2.4)rotate(80deg)}}@keyframes basket-score{0%{transform:translate(-35vw,40px)scale(.7)}55%{transform:translateY(-85px)scale(1.1)}to{transform:translate(25vw,48px)scale(.55)}}@keyframes basket-miss{0%{transform:translate(-25vw,35px)}60%{transform:translateY(-55px)}to{transform:translate(12vw,55px)}}@keyframes treasure-open{50%{transform:translateY(-10px)rotate(-3deg)}to{transform:none}}@keyframes treasure-spark{0%{transform:translate(-50%,-20%)scale(.2)}to{opacity:0;transform:translate(-50%,-95%)scale(1.6)}}@keyframes treasure-shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@media (width<=900px){.mole-grid,.basketball-court,.treasure-field{grid-template-columns:repeat(2,minmax(0,1fr))}.mole-grid button{min-height:105px}.mole-character{height:45px}.mole-character b{padding-top:12px}.adventure-scene{grid-template-columns:1fr 1fr}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px) and (orientation:portrait){.meaning-match-scene,.basketball-scene,.treasure-scene,.adventure-scene{overflow:auto}.match-board{grid-template-columns:.8fr 22px 1.2fr}.treasure-field{grid-template-columns:repeat(2,minmax(0,1fr))}.adventure-scene{grid-template-columns:1fr}.adventure-map{min-height:235px}.achievement-grid{grid-template-columns:1fr 1fr}}@media (orientation:landscape) and (height<=650px){.mole-grid button{min-height:92px}.mole-character{height:37px}.mole-character b{padding-top:8px;font-size:14px}.mole-sign{min-height:31px}.basketball-court button{min-height:80px}.treasure-field button{grid-template-rows:auto auto 45px;min-height:91px}.adventure-map>span>b{width:30px;height:30px}.match-words span,.match-meanings button{min-height:36px;padding:6px 9px}}@media (prefers-reduced-motion:reduce){.balloon-field button.burst,.burst-particles,.basketball-ball,.treasure-field button>b{animation:none!important}}.game-mode-group>div,.game-mode-picker.compact .game-mode-group>div{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:12px;display:grid}.game-mode-group button,.game-mode-picker.compact .game-mode-group button{aspect-ratio:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:0;padding:18px 12px 13px;display:flex;overflow:hidden}.game-mode-group button>em{white-space:nowrap;font-size:8px;line-height:1.2;top:8px;right:9px}.game-mode-group button>i{border-radius:14px;flex:0 0 44px;width:44px;height:44px;font-size:17px}.game-mode-group button>span{gap:6px;width:100%;min-width:0;display:grid}.game-mode-group button strong{white-space:normal;font-size:14px;line-height:1.25}.game-mode-group button small{text-overflow:clip;white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.vocabulary-game-stage:after{display:none!important}.mole-prompt{position:relative}.mole-countdown{grid-template-columns:28px 90px;align-items:center;gap:7px;display:grid;position:absolute;top:0;right:0}.mole-countdown>b{color:#194c40;background:#d7ff7b;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.mole-countdown>i{background:#ffffff1c;border-radius:99px;height:6px;overflow:hidden}.mole-countdown>i>em{background:#d7ff7b;height:100%;transition:width .25s;display:block}.comic-unlimited{color:#cfe5de;letter-spacing:.05em;margin-bottom:12px;font-size:12px;font-weight:900;display:block}.match-words button{color:#fff;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff25;border-radius:12px;grid-template-columns:25px 1fr;align-items:center;gap:7px;min-height:47px;padding:10px 13px;font:800 20px Georgia,serif;display:grid}.match-words button i{background:#ffffff20;border-radius:50%;place-items:center;width:23px;height:23px;font:800 9px system-ui;display:grid}.match-words button.selected{background:#d7ff7b20;border:2px solid #d7ff7b}.match-words button.matched,.match-meanings button.matched{color:#fff;opacity:.72;background:#4cac82;border-color:#d7ff7b}.match-rail{place-items:center;display:grid}.match-rail b{z-index:2;color:#d7ff7b;background:#173f3e;border-radius:50%;place-items:center;width:37px;height:37px;font-size:10px;display:grid;position:relative}.match-rail i{background:linear-gradient(#7bdac7,#d7ff7b);width:3px;max-height:100%;transition:height .25s;top:auto;bottom:0;left:50%;transform:translate(-50%)}.game-inline-notice{z-index:5;color:#fff;background:#102f2bd9;border-radius:99px;max-width:90%;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.basketball-scene{background:linear-gradient(#183d66 0 58%,#a85c2c 58%);grid-template-rows:auto minmax(70px,.8fr) minmax(95px,1fr);gap:6px;display:grid;position:relative;overflow:hidden}.basketball-hoop{color:#fff;place-self:center;place-items:center;display:grid}.basketball-hoop b{color:#f3f4ef;text-shadow:0 5px #c44;font-size:60px;line-height:.7}.basketball-hoop span{color:#ffdfab;letter-spacing:.16em;margin-top:8px;font-size:9px;font-weight:900}.basketball-court{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:14px;width:min(900px,100%);margin:auto;display:grid}.basketball-court button{color:#fff;cursor:pointer;background:0 0;border:0;grid-template-rows:auto 46px auto;justify-items:center;min-height:102px;padding:6px;display:grid;position:relative}.basketball-court button>i{background:#ffffff20;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-style:normal;display:grid;position:absolute;top:0;left:0}.basketball-court button>b{color:#50220d;background:radial-gradient(circle at 32% 28%,#f8a756,#db6f23 62%,#9f4719);border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;display:grid;box-shadow:inset -5px -5px #9e481d}.basketball-court button>span{font:800 clamp(14px,2vw,20px) Georgia,serif}.basketball-court button.score>b{animation:.8s cubic-bezier(.25,.75,.35,1) forwards basketball-to-hoop}.basketball-court button.miss>b{animation:.65s ease-out basketball-miss-new}.basketball-court button.wrong span{color:#ffd3cb}.basketball-notice{bottom:4px}.treasure-field button{grid-template-rows:auto auto 75px}.treasure-field button>span{color:#f2dfb7;font:800 clamp(12px,1.5vw,17px) system-ui}.treasure-field button.opened>span{color:#fff6a0;font:800 clamp(16px,2vw,22px) Georgia,serif}.treasure-field button.opened>b{background:linear-gradient(#f9de72,#bd7f22);animation:.7s ease-out treasure-open;box-shadow:0 0 35px #ffe283}.treasure-field button.opened>b>em{opacity:1;animation:.7s ease-out treasure-spark}.game-feedback{box-sizing:border-box;place-content:center;padding:18px;inset:44px 0 0;overflow:visible}.game-feedback>div{background:#0e332ee8;border:1px solid #ffffff2b;border-radius:22px;justify-items:center;gap:10px;min-width:min(78%,360px);max-width:min(88%,560px);padding:22px 26px;display:grid;box-shadow:0 18px 50px #071b174f}.game-feedback b{white-space:normal;max-width:100%;font-size:clamp(26px,4vw,42px);line-height:1.2;display:block}.game-feedback span{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(12px,2vw,17px);line-height:1.5;display:block}@keyframes basketball-to-hoop{0%{transform:translate(0)scale(1)}55%{transform:translateY(-120px)scale(.78)}to{opacity:0;transform:translateY(-85px)scale(.25)}}@keyframes basketball-miss-new{0%{transform:translate(0)}55%{transform:translate(25px,-70px)}to{transform:translate(52px,12px)rotate(60deg)}}@media (width<=900px){.game-mode-group>div,.game-mode-picker.compact .game-mode-group>div{grid-template-columns:repeat(3,minmax(118px,1fr))}.game-mode-group button,.game-mode-picker.compact .game-mode-group button{padding:15px 9px 10px}.mole-countdown{grid-template-columns:25px 60px}.basketball-court{gap:7px}.match-board{grid-template-columns:1fr 42px 1fr}}@media (width<=620px) and (orientation:portrait){.game-mode-group>div,.game-mode-picker.compact .game-mode-group>div{grid-template-columns:repeat(2,minmax(118px,1fr))}.basketball-court{grid-template-columns:repeat(2,minmax(0,1fr))}.match-board{grid-template-columns:1fr 26px 1.15fr}.match-words button,.match-meanings button{min-height:42px;padding:7px;font-size:14px}}@media (orientation:landscape) and (height<=650px){.game-mode-group>div,.game-mode-picker.compact .game-mode-group>div{grid-template-columns:repeat(4,minmax(112px,1fr))}.basketball-scene{grid-template-rows:auto 64px 88px}.basketball-hoop b{font-size:46px}.basketball-court button{grid-template-rows:auto 35px auto;min-height:75px}.basketball-court button>b{width:36px;height:36px}.game-feedback>div{padding:14px 20px}.mole-countdown{top:-2px}.comic-unlimited{margin-bottom:6px}}.game-mode-group button>em{display:none!important}.game-feedback{pointer-events:none;transform:translate(-50%,-50%);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;width:auto!important;padding:0!important;animation:.2s ease-out game-toast-in!important;inset:50% auto auto 50%!important}.game-feedback>div{width:max-content;background:#0c332ddf!important;border:1px solid #ffffff40!important;border-radius:999px!important;gap:4px!important;min-width:0!important;max-width:min(82vw,440px)!important;padding:13px 20px!important;box-shadow:0 15px 40px #061c175c!important}.game-feedback b{font-size:clamp(20px,3vw,31px)!important}.game-feedback span{font-size:11px!important}@keyframes game-toast-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.mole-game-scene{background:radial-gradient(circle at 15% 16%,#f9e9a936 0 7%,#0000 8%),linear-gradient(#60b9a1 0 44%,#3a8a61 45% 66%,#205844 67%)}.mole-game-scene:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(165deg,#8bcf75,#347e58);border-radius:50% 50% 0 0;height:34%;position:absolute;bottom:23%;left:-5%;right:-5%}.mole-grid{z-index:2;position:relative}.mole-grid button{transition:transform .15s,filter .15s}.mole-grid button:active{transform:translateY(8px)scale(.96)}.mole-character{background:radial-gradient(circle at 35% 33%,#f4c19d 0 4%,#0000 5%),linear-gradient(145deg,#bd7c52,#815039)!important;box-shadow:inset 9px 0 #d99b70,inset -9px 0 #70412f,0 7px 13px #173d2f55!important}.mole-character:after{box-shadow:-24px 17px 0 -8px #2d201b,24px 17px 0 -8px #2d201b}.mole-sign{background:linear-gradient(#fff0bc,#e5bd70)!important;border-color:#76502e!important;box-shadow:0 5px #5a371f,0 9px 14px #16382d45!important}.balloon-game-scene{background:radial-gradient(at 18% 14%,#fff 0 7%,#0000 8%),radial-gradient(at 82% 22%,#fffc 0 9%,#0000 10%),linear-gradient(#6ab7df,#24577b)}.balloon-field button:first-child{--balloon:#ef6f7d}.balloon-field button:nth-child(2){--balloon:#f2a84a}.balloon-field button:nth-child(3){--balloon:#5fc69b}.balloon-field button:nth-child(4){--balloon:#8277d9}.balloon-field button{text-shadow:0 2px 5px #173c4d66;background:radial-gradient(circle at 30% 23%,#fff9 0 7%,transparent 8%),linear-gradient(145deg,color-mix(in srgb,var(--balloon) 68%,white),var(--balloon))!important;border:2px solid #ffffff8c!important;box-shadow:inset -13px -15px 25px #173d5530,0 18px 30px #0a26354f!important}.balloon-field button:after{content:"";background:var(--balloon);clip-path:polygon(50% 0,100% 100%,0 100%);width:15px;height:15px;position:absolute;bottom:-8px}.treasure-scene{background:radial-gradient(circle at 50% 78%,#ffd76b2f 0 16%,#0000 36%),radial-gradient(circle at 14% 20%,#7a69c62d,#0000 22%),linear-gradient(145deg,#152c46,#302448 64%,#17283f);overflow:hidden}.treasure-scene:before{content:"✦  ·  ✧  ·  ✦";color:#ffe49355;letter-spacing:8vw;text-align:center;pointer-events:none;font-size:22px;position:absolute;top:28%;left:0;right:0}.treasure-field{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:14px;width:min(940px,100%);margin:auto;display:grid;position:relative}.treasure-option{background:linear-gradient(#ffffff0c,#080f1d30);border:1px solid #ffffff18;border-radius:18px;grid-template-rows:26px 34px minmax(76px,1fr);justify-items:center;gap:5px;min-width:0;padding:9px 7px 12px;transition:transform .18s,border-color .18s;display:grid;position:relative}.treasure-option>i{color:#fff;background:#ffffff20;border-radius:50%;place-items:center;width:23px;height:23px;font:800 9px system-ui;display:grid;position:absolute;top:8px;left:8px}.treasure-audio-trigger{color:#f6e5bd;white-space:nowrap;cursor:pointer;background:#ffffff0e;border:1px solid #f7dda14a;border-radius:99px;grid-row:2;width:100%;min-height:32px;padding:5px 7px;font-size:10px;font-weight:850}.treasure-audio-trigger:active{transform:scale(.96)}.treasure-chest-hit{cursor:pointer;background:0 0;border:0;grid-row:3;width:100%;min-height:76px;padding:0}.treasure-chest-visual{background:linear-gradient(#f0b84d 0 39%,#c17a26 40% 100%);border:4px solid #63451f;border-radius:14px 14px 11px 11px;width:min(132px,90%);height:70px;margin:auto;transition:transform .18s,filter .18s;display:block;position:relative;box-shadow:inset 0 5px #ffd875,inset 10px 0 #e79f38,inset -10px 0 #9c5b1f,0 9px #3f2a18,0 14px 24px #070d173f}.treasure-chest-visual:before{content:"";background:#815421;border-block:2px solid #513619;height:9px;position:absolute;top:34%;left:-4px;right:-4px}.treasure-chest-visual:after{content:"";background:#ffe078;border:3px solid #6b461e;border-radius:6px;width:19px;height:24px;position:absolute;top:43%;left:50%;transform:translate(-50%);box-shadow:0 2px 7px #3f291d66}.treasure-chest-visual>b{border:4px solid #63451f;transform-origin:bottom;background:linear-gradient(#e8ad44,#ad6b24);border-bottom:0;border-radius:50% 50% 0 0;height:24px;transition:transform .38s;position:absolute;top:-16px;left:15%;right:15%}.treasure-chest-visual>em{z-index:4;opacity:0;color:#fff5a1;font-size:33px;font-style:normal;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.treasure-chest-hit:hover .treasure-chest-visual{filter:brightness(1.08);transform:translateY(-4px)}.treasure-chest-hit:active .treasure-chest-visual{transform:translateY(3px)scale(.97)}.treasure-option.wrong .treasure-chest-visual{filter:grayscale(.75);animation:.45s treasure-shake}.treasure-option.opened{background:#ffe68b12;border-color:#ffe48d80}.treasure-option.opened .treasure-chest-visual{box-shadow:0 0 38px #ffe283b3,0 9px #3f2a18}.treasure-option.opened .treasure-chest-visual>b{transform:rotateX(145deg)translateY(-8px)}.treasure-option.opened .treasure-chest-visual>em{opacity:1;animation:.8s ease-out treasure-spark}.treasure-option.opened .treasure-audio-trigger{color:#352814;background:#fff0a7;font:900 17px Georgia,serif}@media (width<=900px){.treasure-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.treasure-option{grid-template-rows:22px 30px minmax(62px,1fr);padding:6px}.treasure-chest-hit{min-height:62px}.treasure-chest-visual{height:57px}.treasure-chest-visual>b{height:20px;top:-13px}}@media (width<=700px) and (orientation:portrait){.treasure-scene{grid-template-rows:auto minmax(0,1fr);display:grid;padding:10px 12px!important;overflow:hidden!important}.treasure-scene .mini-prompt h2{font-size:21px}.treasure-scene .mini-prompt>span{font-size:7px}.treasure-field{align-content:center;gap:8px;width:100%;height:100%}.treasure-option{min-height:132px}.treasure-notice{top:auto;bottom:4px}.mole-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mole-grid button{min-height:125px!important}.mole-character{height:58px!important}.mole-character b{padding-top:17px!important}}@media (width<=380px) and (orientation:portrait){.treasure-option{min-height:122px}.treasure-audio-trigger{font-size:9px}.treasure-chest-visual{width:min(110px,88%)}}@media (orientation:landscape) and (height<=650px){.treasure-option{grid-template-rows:18px 27px 48px;gap:2px;padding:4px}.treasure-audio-trigger{min-height:25px;font-size:8px}.treasure-chest-hit{min-height:48px}.treasure-chest-visual{height:43px}.treasure-chest-visual>b{height:16px;top:-10px}.treasure-chest-visual:after{width:15px;height:18px}.game-feedback>div{padding:10px 17px!important}.game-feedback b{font-size:22px!important}}
