:root{--ink:#16151e;--paper:#f6f5f3;--surface:#fff;--accent:#5850ea;--accent-press:#4840d7;--accent-soft:#ecebfe;--tongue:#fc4878;--tongue-groove:#c42b55;--lip:#ff5080;--lip-dark:#e23b6e;--cavity:#600024;--teeth:#fff;--teeth-line:#dcd9e2;--muted:#6e6b7b;--line:#e7e5ea;--success:#2bb673;--success-soft:#e6f7ef;--error:#e5484d;--error-soft:#fdecec;--streak-bg:#fff1d6;--streak-fg:#8f5f00;--m-gram:#e5484d;--m-gram-s:#fde9e9;--m-vocab:#d97706;--m-vocab-s:#fdf0dc;--m-spell:#8e4ec6;--m-spell-s:#f2eafb;--m-punct:#0e86a8;--m-punct-s:#e2f3f8;--m-style:#6e6b7b;--m-style-s:#eeedf1;--m-good:#2bb673;--m-good-s:#e3f6ed;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-pill:999px;--shadow-sm:0 2px 8px #16151f0f;--shadow-md:0 12px 40px #16151f1a;--shadow-pop:0 16px 44px #16151f2e;--ease:cubic-bezier(.22, .61, .36, 1);--font-display:"Unbounded", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace}.error{color:var(--error);margin-bottom:12px;font-size:13.5px}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.55 var(--font-body);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--paper);min-height:100svh;color:var(--ink);margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.05}p{margin:0}button,input,textarea,select{font-family:inherit}a{color:var(--accent)}code{font-family:var(--font-mono)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mascot-mini{transform-origin:50%;flex:none;animation:5.2s ease-in-out infinite mascot-mini-blink;display:block}@keyframes mascot-mini-blink{0%,90%,to{transform:scaleY(1)}93%{transform:scaleY(.05)}96%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.mascot-mini{animation:none}}.page-loader{min-height:100svh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14.5px;font-weight:600;display:flex}.auth-page{justify-content:center;align-items:center;min-height:100svh;padding:32px 20px;display:flex;position:relative;overflow-x:hidden}.auth-blob{filter:blur(70px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.auth-blob-a{background:radial-gradient(circle,#5850ea29,#0000 70%);width:420px;height:420px;top:-140px;left:-120px}.auth-card{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:428px;box-shadow:var(--shadow-md);padding:40px 36px 32px;position:relative}.auth-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:26px;display:flex}.auth-brand-name{font-family:var(--font-display);letter-spacing:.01em;margin-top:10px;font-size:15px;font-weight:700}.auth-heading{text-align:center;margin-bottom:24px}.auth-heading h1{margin-bottom:6px;font-size:25px;font-weight:700}.auth-heading p{color:var(--muted);font-size:14.5px}.auth-switcher{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);grid-template-columns:1fr 1fr;margin-bottom:28px;padding:4px;display:grid;position:relative}.auth-switcher button{z-index:1;cursor:pointer;font-family:var(--font-body);color:var(--muted);border-radius:var(--r-pill);transition:color .2s var(--ease);background:0 0;border:none;min-height:40px;padding:10px 0;font-size:14px;font-weight:700;position:relative}.auth-switcher button[aria-selected=true]{color:#fff}.auth-switcher-thumb{background:var(--accent);border-radius:var(--r-pill);width:calc(50% - 4px);transition:transform .28s var(--ease);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 4px 14px #5850ea59}.auth-card[data-mode=register] .auth-switcher-thumb{transform:translate(100%)}.auth-stack{display:grid}.auth-stack>.auth-panel{transition:opacity .22s var(--ease), transform .22s var(--ease);grid-area:1/1}.auth-card[data-mode=login] .auth-panel-register,.auth-card[data-mode=register] .auth-panel-login{opacity:0;pointer-events:none;transform:translateY(4px)}.auth-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-field{margin-bottom:16px}.auth-field label{color:var(--ink);margin-bottom:7px;font-size:13.5px;font-weight:700;display:block}.auth-field-control{position:relative}.auth-field input{border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;font-family:var(--font-body);color:var(--ink);background:var(--surface);transition:border-color .15s var(--ease);padding:13px 15px;font-size:16px}.auth-field input[type]:has(+.auth-pw-toggle){padding-right:40px}.auth-field input::placeholder{color:var(--muted)}.auth-field input:focus{border-color:var(--accent);outline:none}.auth-field.invalid input{border-color:var(--error)}.auth-field-hint{color:var(--muted);margin-top:6px;font-size:13.5px;font-weight:600}.auth-field-error{color:var(--error);margin-top:6px;font-size:13.5px;font-weight:600}.auth-pw-toggle{cursor:pointer;border-radius:var(--r-sm);width:32px;height:32px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-pw-toggle:hover{background:var(--paper);color:var(--ink)}.auth-pw-toggle svg{width:19px;height:19px}.auth-link{color:var(--accent);cursor:pointer;font-size:13.5px;font-weight:700;font-family:var(--font-body);background:0 0;border:none;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-forgot-row{text-align:right;margin:-8px 0 16px}.auth-submit{width:100%;font-size:15.5px}.auth-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-form-error{color:var(--error);background:var(--error-soft);border-radius:var(--r-sm);margin-bottom:16px;padding:10px 13px;font-size:13.5px;font-weight:600}.auth-switch-line{text-align:center;color:var(--muted);margin-top:22px;font-size:13.5px}@media (prefers-reduced-motion:reduce){.auth-switcher-thumb,.auth-panel{transition:none}}@media (width<=480px){.auth-card{padding:32px 22px 26px}.auth-row{grid-template-columns:1fr}}.app-shell{background:var(--paper);min-height:100svh;display:flex}.app-sidebar{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;flex:none;gap:4px;width:210px;height:100svh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.app-sidebar-logo{font-family:var(--font-display);color:var(--ink);align-items:center;gap:9px;margin:2px 6px 18px;font-size:14.5px;font-weight:700;display:flex}.app-sidebar-nav,.app-nav-group{flex-direction:column;gap:4px;display:flex}.app-nav-label{letter-spacing:.12em;text-transform:uppercase;color:#a6a4b0;padding:12px 13px 4px;font-size:11px;font-weight:800}.app-nav-sep{background:var(--line);height:1px;margin:10px 13px}.app-nav-item{border-radius:var(--r-sm);font-family:var(--font-body);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:11px;padding:11px 13px;font-size:14.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.app-nav-item:hover:not(:disabled){background:var(--paper);color:var(--ink)}.app-nav-item.active{background:var(--accent-soft);color:var(--accent)}.app-nav-item:disabled{cursor:default;opacity:.55}.app-nav-icon{flex:none;display:flex}.app-nav-soon{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:10.5px;font-style:italic;font-weight:700}.app-nav-badge{background:var(--tongue);color:#fff;border-radius:var(--r-pill);flex:none;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.app-sidebar-spacer{flex:1}.app-sidebar-user{border-radius:var(--r-sm);border:1px solid var(--line);align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.app-avatar{background:linear-gradient(135deg, var(--accent), var(--tongue));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.app-user-meta{flex-direction:column;min-width:0;display:flex}.app-user-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.app-user-subtitle{color:var(--muted);font-size:11.5px}.app-signout{border-radius:var(--r-sm);font-family:var(--font-body);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:10px 13px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.app-signout:hover{background:var(--error-soft);color:var(--error)}.app-main-col{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#f6f5f3e6;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:none;position:sticky;top:0}.app-topbar-logo{font-family:var(--font-display);color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.app-topbar-signout{border-radius:var(--r-sm);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.app-topbar-signout:hover{background:var(--error-soft);color:var(--error)}.app-topbar-custom{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20;background:#f6f5f3db;align-items:center;gap:14px;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.app-topbar-signout-mobile-only{flex:none;display:none}@media (width<=820px){.app-topbar-custom{height:60px;padding:0 16px}.app-topbar-signout-mobile-only{display:flex}}.app-main{flex:1;min-width:0}.app-tabbar{display:none}@media (width<=820px){.app-sidebar{display:none}.app-topbar{display:flex}.app-tabbar{background:var(--surface);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:20;justify-content:space-around;display:flex;position:sticky;bottom:0}.app-tab{color:var(--muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-height:44px;padding:6px 14px;font-size:11px;font-weight:600;display:flex}.app-tab.on{color:var(--accent);background:var(--accent-soft)}.app-tab:disabled{cursor:default}}.confirm-overlay{z-index:100;background:#16151f66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:22px}.confirm-message{color:var(--ink);margin-bottom:18px;font-size:15px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:9px;display:flex}.confirm-actions button{border-radius:var(--r-pill);min-height:40px;font-family:var(--font-body);cursor:pointer;padding:10px 18px;font-size:13.5px;font-weight:700}.confirm-cancel{background:var(--paper);color:var(--ink);border:1.5px solid var(--line)}.confirm-cancel:hover{border-color:var(--ink)}.confirm-ok{background:var(--error);color:#fff;border:none}.confirm-ok:hover{opacity:.9}.msgr-page{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex:1;grid-template-rows:100%;height:100%;min-height:480px;display:grid;overflow:hidden}.msgr-page-student{grid-template-columns:minmax(0,1fr)}.msgr-page-teacher{grid-template-columns:300px minmax(0,1fr)}.msgr-icon-btn{cursor:pointer;width:38px;height:38px;color:var(--muted);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.msgr-icon-btn:hover{background:var(--paper);color:var(--ink)}.msgr-icon-btn svg{width:19px;height:19px}.msgr-back{display:none}.msgr-avatar{background:linear-gradient(135deg, var(--accent), var(--tongue));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.msgr-avatar-sm{width:28px;height:28px;font-size:11.5px}.msgr-avatar-lg{width:42px;height:42px;font-size:15px}.msgr-roster{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;height:100%;min-height:0;display:flex}.msgr-roster-top{border-bottom:1px solid var(--line);padding:16px 14px 12px}.msgr-roster-top h3{margin-bottom:12px;font-size:16px;font-weight:700}.msgr-search{background:var(--paper);border-radius:var(--r-sm);color:var(--muted);border:1.5px solid #0000;align-items:center;gap:8px;padding:9px 11px;display:flex}.msgr-search:focus-within{border-color:var(--accent);background:var(--surface)}.msgr-search input{font-family:var(--font-body);width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:13.5px}.msgr-filters{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.msgr-chip{font-family:var(--font-body);border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;padding:6px 11px;font-size:12px;font-weight:700;transition:all .15s}.msgr-chip:hover{border-color:var(--ink);color:var(--ink)}.msgr-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.msgr-roster-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex;overflow-y:auto}.msgr-roster-empty{color:var(--muted);text-align:center;padding:24px 12px;font-size:13px}.msgr-rost{border-radius:var(--r-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:10px;width:100%;padding:10px;transition:background .15s;display:flex}.msgr-rost:hover{background:var(--paper)}.msgr-rost[aria-current=true]{background:var(--accent-soft)}.msgr-rost-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msgr-rost-top{align-items:baseline;gap:8px;display:flex}.msgr-rost-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.msgr-rost-time{color:var(--muted);flex:none;margin-left:auto;font-size:11px}.msgr-rost-prev{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.msgr-rost-prev>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.msgr-unread{color:#fff;background:var(--accent);border-radius:var(--r-pill);flex:none;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.msgr-roster-foot{border-top:1px solid var(--line);color:var(--muted);flex:none;padding:10px 14px;font-size:11.5px}.msgr-chat{background:var(--paper);flex-direction:column;height:100%;min-height:0;display:flex}.msgr-chat-top{background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:11px;padding:13px 18px;display:flex}.msgr-who{min-width:0}.msgr-who-name{font-size:14.5px;font-weight:700}.msgr-who-sub{color:var(--muted);font-size:12px}.msgr-hw{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);flex:none;align-items:center;gap:10px;margin:12px 18px 0;padding:7px 8px 7px 14px;font-size:12.5px;display:flex}.msgr-hw-dots{flex:none;gap:4px;display:flex}.msgr-hw-dots i{background:var(--line);border-radius:50%;width:7px;height:7px;display:block}.msgr-hw-dots i.on{background:var(--accent)}.msgr-hw-txt{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.msgr-hw-txt b{color:var(--ink);font-weight:700}.msgr-hw-act{color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);cursor:pointer;border:none;flex:none;margin-left:auto;padding:6px 13px;font-size:12px;font-weight:700;transition:background .15s}.msgr-hw-act:hover{background:#e1dffd}.msgr-thread{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 18px 6px;display:flex;overflow-y:auto}.msgr-empty-hint{color:var(--muted);margin:auto;font-size:13.5px}.msgr-day{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);align-self:center;margin:6px 0;padding:4px 13px;font-size:11px;font-weight:700}.msgr-row{align-items:flex-end;gap:9px;max-width:76%;display:flex}.msgr-row.out{flex-direction:row-reverse;align-self:flex-end}.msgr-row.in{align-self:flex-start}.msgr-bubble{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border-bottom-left-radius:6px;min-width:0;padding:11px 15px;font-size:16px}.msgr-row.out .msgr-bubble{background:var(--accent);border-color:var(--accent);color:#fff;border-bottom-left-radius:var(--r-md);border-bottom-right-radius:6px;box-shadow:0 6px 18px #5850ea2e}.msgr-text{white-space:pre-wrap;word-break:break-word}.msgr-link{color:inherit;word-break:break-all;text-decoration:underline}.msgr-stamp{color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;font-size:10.5px;display:flex}.msgr-row.out .msgr-stamp{color:#ffffffb8}.msgr-edited{opacity:.8;font-style:italic}.msgr-msg-actions{opacity:0;flex:none;align-self:center;align-items:center;gap:2px;transition:opacity .15s;display:flex}.msgr-row:hover .msgr-msg-actions,.msgr-row:focus-within .msgr-msg-actions{opacity:1}@media (hover:none){.msgr-msg-actions{opacity:1}}.msgr-msg-actions .msgr-icon-btn{width:28px;height:28px}.msgr-msg-actions .msgr-icon-btn svg{width:15px;height:15px}.msgr-edit{align-items:center;gap:6px;display:flex}.msgr-edit-input{border-radius:var(--r-sm,6px);min-width:0;font-family:var(--font-body);color:inherit;background:#ffffff26;border:none;outline:none;flex:1;padding:4px 8px;font-size:16px}.msgr-row.in .msgr-edit-input{background:var(--paper)}.msgr-edit-actions{flex:none;gap:2px;display:flex}.msgr-edit-actions .msgr-icon-btn{width:28px;height:28px;color:inherit}.msgr-edit-actions .msgr-icon-btn svg{width:15px;height:15px}.msgr-file{align-items:center;gap:11px;min-width:220px;display:flex}.msgr-file-ic{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:10.5px;font-weight:800;display:flex}.msgr-row.out .msgr-file-ic{color:#fff;background:#ffffff2e}.msgr-file-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.msgr-file-name{word-break:break-word;font-size:13.5px;font-weight:700}.msgr-file-size{opacity:.75;font-size:11.5px}.msgr-file-dl{color:inherit;flex:none;width:32px;height:32px;margin-left:auto}.msgr-file-dl svg{width:17px;height:17px}.msgr-shot{border:1px solid #16151f14;border-radius:12px;width:220px;display:block;overflow:hidden}.msgr-shot img{object-fit:cover;width:100%;max-height:220px;display:block}.msgr-shot-loading{background:var(--paper);height:120px}.msgr-voice{align-items:center;gap:11px;min-width:210px;display:flex}.msgr-play{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.msgr-row.out .msgr-play{color:var(--accent);background:#fff}.msgr-play svg{width:14px;height:14px}.msgr-wave-track{background:#5850ea2e;border-radius:2px;flex:1;height:4px;overflow:hidden}.msgr-row.out .msgr-wave-track{background:#ffffff4d}.msgr-wave-fill{background:var(--accent);height:100%;display:block}.msgr-row.out .msgr-wave-fill{background:#fff}.msgr-voice-len{opacity:.8;flex:none;font-size:11.5px;font-weight:700}.msgr-composer-wrap{border-top:1px solid var(--line);background:var(--surface);flex:none}.msgr-composer-error,.msgr-page-error{margin:8px 18px 0;font-size:12.5px}.msgr-composer{align-items:flex-end;gap:9px;padding:12px 16px;display:flex;position:relative}.msgr-attach-wrap{flex:none;position:relative}.msgr-attach-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-md);z-index:5;min-width:190px;padding:6px;position:absolute;bottom:50px;left:0}.msgr-attach-menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;font-weight:600;display:flex}.msgr-attach-menu button:hover{background:var(--paper)}.msgr-attach-menu svg{width:17px;height:17px;color:var(--muted);flex:none}.msgr-field{background:var(--paper);border-radius:var(--r-md);border:1.5px solid #0000;flex:1;align-items:center;min-width:0;padding:11px 13px;display:flex}.msgr-field:focus-within{border-color:var(--accent);background:var(--surface)}.msgr-field input{width:100%;font-family:var(--font-body);color:var(--ink);background:0 0;border:none;outline:none;font-size:16px}.msgr-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:flex;box-shadow:0 6px 18px #5850ea47}.msgr-send:hover:not(:disabled){background:var(--accent-press)}.msgr-send:disabled{opacity:.5}.msgr-send svg{width:18px;height:18px}.msgr-recording{align-items:center;gap:10px;display:flex}.msgr-rec-dot{background:var(--error);border-radius:50%;flex:none;width:9px;height:9px;animation:1.1s infinite msgr-pulse}@keyframes msgr-pulse{0%,to{opacity:1}50%{opacity:.35}}.msgr-rec-time{font-family:var(--font-mono);font-size:13.5px;font-weight:700}.msgr-rec-hint{color:var(--muted);flex:1;font-size:13px}.msgr-hint-line{color:var(--muted);background:var(--surface);flex:none;padding:0 18px 10px;font-size:11.5px}.msgr-empty-detail{color:var(--muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}@media (width<=900px){.msgr-page-teacher{grid-template-columns:1fr}.msgr-page-teacher .msgr-roster,.msgr-page-teacher .msgr-chat{display:none}.msgr-page-teacher.msgr-mobile-roster .msgr-roster,.msgr-page-teacher.msgr-mobile-chat .msgr-chat,.msgr-back{display:flex}}.voice-picker-toggle{z-index:2;border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--muted);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.voice-picker-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.voice-picker-overlay{z-index:100;background:#16151f66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.voice-picker-modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:420px;max-height:min(80vh,560px);box-shadow:var(--shadow-md);flex-direction:column;padding:22px 22px 18px;display:flex}.voice-picker-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.voice-picker-header h3{font-size:17px}.voice-picker-close{border-radius:var(--r-sm);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.voice-picker-close:hover{background:var(--paper);color:var(--ink)}.voice-picker-hint{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.45}.voice-picker-empty{color:var(--muted);font-size:14px}.voice-picker-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.voice-picker-row{align-items:center;gap:6px;display:flex}.voice-row{text-align:left;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;min-width:0;font-family:var(--font-body);color:var(--ink);flex:1;align-items:baseline;gap:8px;padding:10px 12px;font-size:13.5px;display:flex}.voice-row:hover{border-color:var(--accent)}.voice-row-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.voice-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.voice-row-lang{font-family:var(--font-mono);color:var(--muted);flex:none;font-size:11.5px}.voice-row-active .voice-row-lang{color:var(--accent)}.voice-row-preview{border:1.5px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--accent);cursor:pointer;border-radius:50%;flex:none;font-size:13px}.voice-row-preview:hover{background:var(--accent-soft);border-color:var(--accent)}.mascot-root{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.mascot-stage{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;transition:transform .12s;position:relative}.mascot-stage svg{filter:drop-shadow(0 12px 26px #5850ea2e);width:100%;height:auto;display:block}.mascot-stage.pressed{transform:scale(.96)}.mascot-stage:focus-visible{outline:3px solid var(--accent);outline-offset:8px;border-radius:12px}.btn{font-family:var(--font-body);cursor:pointer;border-radius:var(--r-pill);transition:transform .15s var(--ease), background .15s, box-shadow .15s, border-color .15s, opacity .15s;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:13px 24px;font-size:15px;font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.6;cursor:default;transform:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #5a4ff352}.btn-primary:hover:not(:disabled){background:var(--accent-press)}.btn-secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.btn-secondary:hover:not(:disabled){border-color:var(--ink)}.btn-ghost{color:var(--accent);box-shadow:none;background:0 0;padding:13px 16px}.btn-ghost:hover:not(:disabled){background:var(--accent-soft)}.btn-onink{background:var(--accent-soft);color:var(--accent);box-shadow:none}.btn-onink:hover:not(:disabled){background:#dedcfc}.btn-sm{min-height:38px;padding:9px 16px;font-size:13.5px}.btn-block{width:100%}.dashboard-tab{flex-direction:column;gap:20px;max-width:1300px;margin:0 auto;padding:24px 30px 96px;display:flex}.dash-companion{background:radial-gradient(620px 320px at 12% 34%, var(--accent-soft), transparent 60%), var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:var(--r-lg);padding:26px 30px 22px;overflow:hidden}.dash-companion__top{grid-template-columns:186px minmax(0,1fr);align-items:center;gap:30px;display:grid}.dash-eye-slot{justify-content:center;align-items:center;width:186px;display:flex;position:relative}.dash-eye-slot:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#5850ea24 0%,#0000 60%);position:absolute;inset:-10px}.dash-hello{font-family:var(--font-display);margin-bottom:4px;font-size:clamp(22px,2.4vw,28px);font-weight:700}.dash-hello span{color:var(--accent)}.dash-hello-sub{color:var(--muted);margin-bottom:18px;font-size:14px;font-weight:500}.dash-idiom{border-left:3px solid var(--accent-soft);padding-left:16px;transition:border-color .3s}.dash-idiom.speaking{border-color:var(--accent)}.dash-idiom-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.dash-idiom-phrase{font-family:var(--font-display);margin:4px 0 2px;font-size:clamp(20px,2.2vw,26px);font-weight:600;transition:color .2s}.dash-idiom.speaking .dash-idiom-phrase{color:var(--accent)}.dash-idiom-ru{color:var(--muted);margin-top:5px;font-size:14px}.dash-idiom-actions{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.dash-companion__stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px;padding-top:19px;display:grid}.dash-stat b{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.2;display:block}.dash-stat span{color:var(--muted);font-size:12px;font-weight:600}.dash-stat i{color:var(--success);margin-left:5px;font-size:12px;font-style:normal;font-weight:700}.dash-cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.dash-col{flex-direction:column;gap:18px;min-width:0;display:flex}.dash-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:21px 22px}.dash-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.dash-card-title{font-family:var(--font-display);font-size:15.5px;font-weight:600}.dash-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.dash-sec-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dash-sec-head h2{font-family:var(--font-display);font-size:17px}.dash-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:700;text-decoration:none}.dash-link:hover{text-decoration:underline}.dash-muted-text{color:var(--muted);font-size:14px;line-height:1.5}.dash-lesson{padding:0;overflow:hidden}.dash-lesson-flag{background:var(--accent-soft);color:var(--accent);align-items:center;gap:9px;padding:11px 22px;font-size:13px;font-weight:700;display:flex}.dash-lesson-flag.urgent{background:var(--streak-bg);color:var(--streak-fg)}.dash-live-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s infinite dash-pulse}@keyframes dash-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}.dash-lesson-body{padding:20px 22px 22px}.dash-lesson-topic{font-family:var(--font-display);margin:7px 0 10px;font-size:21px}.dash-lesson-meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-bottom:16px;font-size:13.5px;font-weight:600;display:flex}.dash-lesson-meta em{color:var(--ink);font-style:normal}.dash-teacher{background:var(--paper);border-radius:var(--r-sm);align-items:center;gap:10px;margin-bottom:18px;padding:11px 13px;display:flex}.dash-teacher-name{font-size:13.5px;font-weight:700}.dash-teacher-role{color:var(--muted);font-size:12px}.dash-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-press));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.dash-avatar-sm{width:26px;height:26px;font-size:11px}.dash-empty-card{flex-direction:column;gap:6px;display:flex}.dash-empty-card p{color:var(--muted);font-size:14px;line-height:1.5}.dash-hw-checklist{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.dash-hw-checklist-item{width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:9px;padding:3px 2px;font-family:inherit;font-size:14.5px;display:flex}.dash-hw-checklist-item:hover{background:var(--paper)}.dash-hw-checklist-item.done{color:var(--muted);text-decoration:line-through}.dash-hw-checklist-box{border:1.5px solid var(--line);color:#fff;border-radius:5px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.dash-hw-checklist-item.done .dash-hw-checklist-box{background:var(--success);border-color:var(--success)}.dash-hw-checklist-box svg{width:12px;height:12px}.dash-chip{border-radius:var(--r-pill);background:var(--paper);color:var(--muted);padding:4px 10px;font-size:11.5px;font-weight:700}.dash-chip-warn{background:var(--streak-bg);color:var(--streak-fg)}.dash-practice{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dash-pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s, border-color .18s;text-align:left;font-family:var(--font-body);color:var(--ink);flex-direction:column;gap:6px;padding:18px;display:flex}.dash-pcard:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-3px)}.dash-pcard-ic{border-radius:var(--r-sm);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.dash-pcard b{font-size:14.5px}.dash-pcard>span{color:var(--muted);font-size:12.5px}.dash-pcard-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:11.5px;font-weight:700;display:flex}.dash-bar{background:var(--line);border-radius:var(--r-pill);height:7px;margin-top:8px;overflow:hidden}.dash-bar>i{background:var(--accent);border-radius:var(--r-pill);width:100%;height:100%;transform:scaleX(var(--progress));transform-origin:0;transition:transform .5s var(--ease);display:block}.dash-week{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px;display:grid}.dash-day{text-align:center;border-radius:var(--r-sm);border:1px solid var(--line);padding:9px 0 7px}.dash-day-d{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:800}.dash-day-n{margin-top:1px;font-size:15px;font-weight:700}.dash-day-mark{background:var(--line);border-radius:50%;width:6px;height:6px;margin:5px auto 0}.dash-day.has .dash-day-mark{background:var(--accent)}.dash-day.today{border-color:var(--ink);background:var(--ink);color:#fff}.dash-day.today .dash-day-d{color:#fff9}.dash-day.today.has .dash-day-mark{background:var(--tongue)}.dash-slot{border-top:1px dashed var(--line);align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.dash-slot b{min-width:78px;font-weight:700}.dash-slot span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dash-wordcard-word{flex-wrap:wrap;align-items:center;gap:12px;margin:9px 0 4px;display:flex}.dash-wordcard-word b{font-family:var(--font-display);letter-spacing:-.02em;font-size:26px;font-weight:700}.dash-say{background:var(--accent);color:#fff;cursor:pointer;width:34px;height:34px;transition:transform .15s var(--ease);border:none;border-radius:50%;flex:none;font-size:13.5px;box-shadow:0 6px 14px #5850ea4d}.dash-say:hover{transform:scale(1.08)}.dash-say:active{transform:scale(.94)}.dash-wordcard-ipa{font-family:var(--font-mono);color:var(--accent);font-size:14px;font-weight:600}.dash-wordcard-ru{color:var(--ink);margin:8px 0 16px;font-size:14.5px;font-weight:600}.dash-revise{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.dash-word-chip{border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);padding:6px 12px;font-size:13px;font-weight:600}.dash-word-chip em{color:var(--muted);margin-left:5px;font-size:11.5px;font-style:normal}@media (width<=1180px){.dash-cols{grid-template-columns:1fr}}@media (width<=820px){.dashboard-tab{padding:18px 18px 110px}.dash-companion{padding:22px 20px 18px}.dash-companion__top{text-align:center;grid-template-columns:1fr;gap:18px}.dash-eye-slot{margin:0 auto}.dash-idiom{border-left:none;border-top:3px solid var(--accent-soft);text-align:center;padding:14px 0 0}.dash-idiom.speaking{border-color:var(--accent)}.dash-idiom-actions{justify-content:center}.dash-companion__stats{grid-template-columns:1fr 1fr;gap:14px}.dash-practice{grid-template-columns:1fr}}.fc-page{max-width:1120px}@property --fc-rot{syntax:"<angle>";inherits:false;initial-value:0deg}@property --fc-ty{syntax:"<length>";inherits:false;initial-value:0}@property --fc-hy{syntax:"<length>";inherits:true;initial-value:0}@property --fc-hr{syntax:"<angle>";inherits:true;initial-value:0deg}@property --fc-sc{syntax:"<number>";inherits:true;initial-value:1}.fc-root{--fc-cw:208px;--fc-ch:292px;--fc-pivot:900px;--fc-lift:-150px;--fc-pop:1.45;flex-direction:column;gap:4px;display:flex}.fc-subhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.fc-subhead p{color:var(--muted);max-width:40ch;font-size:14.5px}.fc-tally{text-align:right;white-space:nowrap;flex:none}.fc-tally b{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1;display:block}.fc-tally span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.fc-gauge{width:100%;max-width:560px;height:44px;margin:10px auto 0;display:block;overflow:visible}.fc-gauge path{fill:none;stroke-linecap:round}.fc-gauge .fc-gauge-track{stroke:var(--line);stroke-width:6px}.fc-gauge .fc-gauge-fill{stroke:var(--tongue);stroke-width:6px;transition:stroke-dashoffset .55s var(--ease)}.fc-stage{height:560px;margin-top:4px;position:relative}.fc-fan{position:absolute;inset:0}.fc-veil{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;z-index:50;transition:opacity .35s var(--ease);background:#f6f5f39e;position:absolute;inset:-40px}:root[data-theme=dark] .fc-veil{background:#16151e9e}.fc-stage.busy .fc-veil{opacity:1;pointer-events:auto}.fc-slot{width:var(--fc-cw);height:var(--fc-ch);margin-left:calc(var(--fc-cw) / -2);--fc-rot:var(--fc-rot0);--fc-ty:0px;--fc-hy:0px;--fc-hr:0deg;--fc-sc:1;transform-origin:50% var(--fc-pivot);transform:rotate(var(--fc-rot)) translateY(var(--fc-ty));transition:transform .5s var(--ease), opacity .38s var(--ease);opacity:0;position:absolute;top:210px;left:50%}.fc-pop{width:100%;height:100%;transform:translateY(var(--fc-hy)) rotate(var(--fc-hr)) scale(var(--fc-sc));transform-origin:50%;transition:transform .26s var(--ease);will-change:transform}.fc-fan:not(.ready) .fc-slot{--fc-rot:0deg;--fc-ty:70px;--fc-sc:.88}.fc-fan.ready .fc-slot{opacity:1}.fc-fan.ready:not(.dealt) .fc-slot{transition-delay:calc(var(--fc-i) * 46ms)}.fc-fan.ready:not(.dealt) .fc-pop{transition-duration:.5s;transition-delay:calc(var(--fc-i) * 46ms)}.fc-slot:hover,.fc-slot:focus-within{--fc-hy:-16px;--fc-hr:calc(var(--fc-rot0) * -.35);--fc-sc:1.05;z-index:60}.fc-fan.busy .fc-slot:not(.fc-open){opacity:.3;--fc-ty:24px;--fc-rot:calc(var(--fc-rot0) + var(--fc-push,0deg));pointer-events:none}.fc-slot.fc-open{--fc-rot:0deg;--fc-ty:var(--fc-lift);--fc-hy:0px;--fc-hr:0deg;--fc-sc:var(--fc-pop);z-index:90;opacity:1}.fc-slot.fc-open .fc-pop{transition-duration:.5s}.fc-card{perspective:1200px;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:100%;font:inherit;color:inherit;background:0 0;border:none;padding:0;display:block}.fc-card:focus-visible{outline:none}.fc-card:focus-visible .fc-inner{box-shadow:0 0 0 3px var(--accent)}.fc-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:var(--r-md);transition:transform .55s var(--ease), box-shadow .35s var(--ease);box-shadow:var(--shadow-sm);position:relative}.fc-slot:hover .fc-inner,.fc-slot:focus-within .fc-inner{box-shadow:var(--shadow-md)}.fc-slot.fc-open .fc-inner{transform:rotateY(180deg);box-shadow:0 34px 70px #16151f38}.fc-face{border-radius:var(--r-md);backface-visibility:hidden;background:var(--surface);border:1px solid var(--line);position:absolute;inset:0;overflow:hidden}.fc-front{background:radial-gradient(circle at 22px 22px, #5850ea24 2px, transparent 2.6px) 0 0/22px 22px, var(--accent-soft);border-color:var(--accent-soft);align-items:flex-end;padding:14px;display:flex}.fc-front-motif{transition:transform .3s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.fc-slot:hover .fc-front-motif,.fc-slot:focus-within .fc-front-motif{transform:scale(1.08)}.fc-front-tag{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700;position:relative}.fc-mark{border:2px solid var(--surface);z-index:1;border-radius:50%;width:10px;height:10px;transition:background .3s,border-color .3s;position:absolute;top:14px;left:14px}.fc-slot.fc-visited .fc-mark{background:var(--accent);border-color:var(--accent)}.fc-back{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 16px;display:flex;position:relative;overflow-y:auto;transform:rotateY(180deg)}.fc-back .exercise-word{font-size:1.3rem}.fc-ipa{font-family:var(--font-mono);color:var(--accent);margin-top:-6px;font-size:12px}.fc-say{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;transition:background .18s,color .18s,transform .12s;display:grid}.fc-say:hover{background:var(--accent);color:#fff}.fc-say:active{transform:scale(.93)}.fc-say svg{width:16px;height:16px}.fc-back-row{align-items:center;gap:8px;display:flex}.fc-hint-text{text-align:center;color:var(--muted);opacity:.75;margin-top:2px;font-size:12.5px;transition:opacity .25s}.fc-stage.busy~.fc-hint-text{opacity:0}.fc-continue{background:var(--ink);color:#fff;border-radius:var(--r-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;width:100%;max-width:620px;margin:8px auto 24px;padding:22px 24px;display:flex}.fc-continue-lbl{opacity:.7;margin-bottom:4px;font-size:12.5px;font-weight:600}.fc-continue h4{font-family:var(--font-display);font-size:18px;font-weight:600}.fc-continue-actions{flex-wrap:wrap;gap:10px;display:flex}.fc-btn{font-family:var(--font-body);cursor:pointer;border-radius:var(--r-pill);border:none;padding:12px 22px;font-size:14.5px;font-weight:700;transition:background .15s,transform .12s}.fc-btn:active{transform:translateY(1px)}.fc-btn-primary{background:var(--accent);color:#fff}.fc-btn-primary:hover{background:var(--accent-press)}.fc-btn-ghost{color:#fff;background:#ffffff1f}.fc-btn-ghost:hover{background:#ffffff38}@keyframes fc-exhale{0%{--fc-sc:1}45%{--fc-sc:1.06}to{--fc-sc:1}}.fc-fan.done .fc-pop{animation:fc-exhale .7s var(--ease) both;animation-delay:calc(var(--fc-i) * 58ms)}@media (width<=980px){.fc-root{--fc-cw:176px;--fc-ch:248px;--fc-pivot:650px;--fc-lift:-126px;--fc-pop:1.5}.fc-stage{height:480px}.fc-slot{top:186px}}@media (width<=680px){.fc-root{--fc-cw:134px;--fc-ch:188px;--fc-pivot:300px;--fc-lift:-84px;--fc-pop:1.85}.fc-stage{height:380px}.fc-slot{top:148px}.fc-back .exercise-word{font-size:1.05rem}.fc-gauge{height:36px}}@media (width<=720px){.game-page{padding:20px 16px 40px}}.game-header{align-items:center;gap:14px;display:flex}.game-header h1{font-family:var(--font-display);font-size:22px}.link-button{cursor:pointer;font-family:var(--font-body);color:var(--muted);background:0 0;border:none;align-items:center;gap:4px;padding:6px 4px;font-size:13.5px;font-weight:700;display:inline-flex}.link-button:hover{color:var(--ink)}.card-fan{justify-content:center;min-height:190px;padding:36px 0 56px;display:flex;position:relative}.card-fan-item{aspect-ratio:3/4;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;width:92px;box-shadow:var(--shadow-sm);transform:translateX(var(--tx)) translateY(var(--ty)) rotate(var(--rot));transition:transform .3s var(--ease), box-shadow .15s;justify-content:center;align-items:center;margin-left:-46px;display:flex;position:absolute;left:50%}.card-fan-item:hover,.card-fan-item:focus-visible{transform:translateX(var(--tx)) translateY(calc(var(--ty) - 12px)) rotate(var(--rot)) scale(1.08);box-shadow:var(--shadow-md);z-index:200!important}.card-fan-complete{color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:48px 0;font-size:1.05rem;font-weight:600;display:flex}.card-fan-complete button{font-family:var(--font-body);color:#fff;background:var(--accent);border-radius:var(--r-pill);cursor:pointer;border:none;padding:12px 26px;font-size:15px;font-weight:700}.card-fan-complete button:hover{background:var(--accent-press)}.exercise-overlay{z-index:40;background:#16151f66;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.exercise-card{background:var(--surface);color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;gap:.85rem;width:100%;max-width:420px;margin:0 auto;padding:2rem;display:flex;position:relative}.exercise-close-button{cursor:pointer;border-radius:var(--r-sm);min-width:32px;min-height:32px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;display:flex;position:absolute;top:14px;right:14px}.exercise-close-button:hover{background:var(--paper);color:var(--ink)}.exercise-word{font-family:var(--font-display);margin:0;font-size:1.9rem;font-weight:700}.exercise-translation{color:var(--muted);margin:0}.exercise-timer,.exercise-listening{font-size:1.05rem;font-weight:600}.exercise-transcript{min-height:1.5em;color:var(--muted);font-style:italic}.exercise-warning{color:var(--error);font-size:.95rem;font-weight:600}.record-button{font-family:var(--font-body);color:#fff;background:var(--accent);border-radius:var(--r-pill);cursor:pointer;border:none;align-self:center;min-height:44px;padding:12px 26px;font-size:15px;font-weight:700;transition:background .15s;box-shadow:0 6px 18px #5a4ff352}.record-button:hover{background:var(--accent-press)}.hint-button{border:1.5px dashed var(--line);color:var(--muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;align-self:center;min-height:44px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.hint-button:hover{border-color:var(--accent);color:var(--accent)}.exercise-playback{width:100%}.vocab-add-fab{border-radius:var(--r-pill);border:1.5px solid var(--accent);background:var(--surface);min-width:36px;max-width:36px;height:36px;color:var(--accent);cursor:pointer;transition:max-width .25s var(--ease), background .15s, border-color .15s, color .15s;align-items:center;padding:0;display:flex;position:absolute;top:14px;right:14px;overflow:hidden}.vocab-add-fab-icon{flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.vocab-add-fab-label{white-space:nowrap;font-family:var(--font-body);opacity:0;flex:none;padding-right:16px;font-size:13px;font-weight:700;transition:opacity .15s}.vocab-add-fab:hover:not(:disabled),.vocab-add-fab:focus-visible{background:var(--accent-soft);max-width:220px}.vocab-add-fab:hover:not(:disabled) .vocab-add-fab-label,.vocab-add-fab:focus-visible .vocab-add-fab-label{opacity:1;transition:opacity .2s 80ms}.vocab-add-fab.saved{border-color:var(--success);color:var(--success)}.vocab-add-fab:disabled{cursor:default}.vocab-add-fab:disabled:not(.saved){opacity:.6}.mixed-word-list{flex-direction:column;gap:.4rem;margin:0;padding:0;font-size:1.15rem;list-style:none;display:flex}.mixed-word-list .ok{color:var(--success);font-weight:700}.mixed-word-list .fail{color:var(--error);font-weight:700}.taboo-terms{border:1.5px solid var(--error-soft);background:var(--error-soft);border-radius:var(--r-sm);padding:.7rem .9rem}.taboo-terms-label{color:var(--error);margin:0 0 .4rem;font-size:.9rem;font-weight:700}.taboo-terms-list{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.taboo-terms-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);padding:.2rem .7rem;font-size:.88rem}.exercise-result{font-size:1.25rem;font-weight:700}.exercise-result.ok{color:var(--success)}.exercise-result.fail{color:var(--error)}.exercise-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.exercise-actions button{cursor:pointer;border-radius:var(--r-pill);min-height:44px;font-family:var(--font-body);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:11px 20px;font-size:14px;font-weight:700}.exercise-actions button:first-child{background:var(--accent);border-color:var(--accent);color:#fff}@media (width<=480px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.6rem}.exercise-overlay{align-items:flex-end;padding:0}.exercise-card{border-radius:20px 20px 0 0;width:100%;max-width:none;padding:1.5rem 1.25rem 2rem}}.sel-toolbar{z-index:200;background:var(--ink);color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-pop);gap:2px;padding:5px;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 10px))}.sel-toolbar-btn{font-family:var(--font-body);color:#fff;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:7px 11px;font-size:12.5px;font-weight:700;display:flex}.sel-toolbar-btn:hover{background:#ffffff29}.sel-toolbar-sw{border-radius:50%;width:9px;height:9px;display:inline-block}.sel-toolbar-btn-gram .sel-toolbar-sw{background:var(--m-gram)}.sel-toolbar-btn-vocab .sel-toolbar-sw{background:var(--m-vocab)}.sel-toolbar-btn-spell .sel-toolbar-sw{background:var(--m-spell)}.sel-toolbar-btn-punct .sel-toolbar-sw{background:var(--m-punct)}.sel-toolbar-btn-style .sel-toolbar-sw{background:var(--m-style)}.sel-toolbar-btn-good .sel-toolbar-sw{background:var(--m-good)}.sel-toolbar-key{opacity:.55;font-size:10px;font-weight:800}.sel-toolbar-warning{white-space:nowrap;padding:8px 14px;font-size:12.5px;font-weight:600}.essay-annotator{position:relative}.essay-text{color:var(--ink);cursor:text;white-space:pre-wrap;font-size:16px;line-height:1.95}.essay-text mark.mk{cursor:pointer;color:inherit;background:0 0;border-bottom:2.5px solid;border-radius:3px;padding:1px 0 2px;transition:background .15s}.essay-text mark.mk-gram{border-color:var(--m-gram)}.essay-text mark.mk-gram:hover,.essay-text mark.mk-gram.mk-sel{background:var(--m-gram-s)}.essay-text mark.mk-vocab{border-color:var(--m-vocab)}.essay-text mark.mk-vocab:hover,.essay-text mark.mk-vocab.mk-sel{background:var(--m-vocab-s)}.essay-text mark.mk-spell{border-color:var(--m-spell)}.essay-text mark.mk-spell:hover,.essay-text mark.mk-spell.mk-sel{background:var(--m-spell-s)}.essay-text mark.mk-punct{border-color:var(--m-punct)}.essay-text mark.mk-punct:hover,.essay-text mark.mk-punct.mk-sel{background:var(--m-punct-s)}.essay-text mark.mk-style{border-color:var(--m-style)}.essay-text mark.mk-style:hover,.essay-text mark.mk-style.mk-sel{background:var(--m-style-s)}.essay-text mark.mk-good{border-color:var(--m-good)}.essay-text mark.mk-good:hover,.essay-text mark.mk-good.mk-sel{background:var(--m-good-s)}.essay-text mark.mk .mk-fix{color:var(--m-good);white-space:nowrap;margin-left:5px;font-size:12.5px;font-weight:700}.essay-hint{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding-top:12px;font-size:12.5px;display:flex}.essay-hint kbd{font-family:var(--font-mono);background:var(--paper);border:1px solid var(--line);color:var(--ink);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:11.5px;font-weight:700}.essay-hint-esc{color:var(--accent);font-weight:700}.wsol{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:28px 24px 48px;display:flex}.wsol-topbar{align-items:center;gap:12px;display:flex}.wsol-title{font-family:var(--font-display);font-size:16px;font-weight:600}.wsol-loading,.wsol-empty{color:var(--muted)}.wsol-sheet{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:18px;padding:24px;display:flex}.wsol-sub{color:var(--muted);font-size:13.5px}.wsol-overdue{color:var(--error);font-size:13.5px;font-weight:600}.wsol-block{border-bottom:1px dashed var(--line);flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.wsol-block:last-of-type{border-bottom:none}.wsol-exercise-label{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:11.5px;font-weight:800}.wsol-instr{color:var(--ink);font-weight:600}.wsol-reading{background:var(--paper);border-radius:var(--r-md);white-space:pre-wrap;padding:14px 16px;line-height:1.6}.wsol-image img{border-radius:var(--r-md);max-width:100%}.wsol-image-placeholder{background:var(--paper);border-radius:var(--r-md);text-align:center;color:var(--muted);padding:32px}.wsol-image-caption{color:var(--muted);font-size:13px}.wsol-text{flex-direction:column;gap:8px;display:flex}.wsol-gapline{line-height:1.9}.wsol-gap-unit{align-items:baseline;gap:4px;display:inline-flex}.wsol-gapinput{border:none;border-bottom:2px solid var(--accent);width:130px;font:inherit;text-align:center;background:0 0;padding:2px 4px}.wsol-gapinput:focus{background:var(--accent-soft);outline:none}.wsol-gap-infin{color:var(--muted);font-size:12.5px}.wsol-choice-group{flex-direction:column;gap:6px;display:flex}.wsol-opt{cursor:pointer;align-items:center;gap:8px;font-size:14.5px;display:flex}.wsol-tf-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wsol-tf-text{flex:1;min-width:200px}.wsol-matchgrid{grid-template-columns:1fr 1fr;align-items:center;gap:8px 16px;display:grid}.wsol-match-right{color:var(--muted)}.wsol-match{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.wsol-match-col{flex-direction:column;gap:8px;display:flex}.wsol-match-item{text-align:left;font:inherit;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;padding:9px 12px}.wsol-match-item:hover:not(:disabled){border-color:var(--accent)}.wsol-match-item.active{border-color:var(--accent);background:var(--accent-soft)}.wsol-match-item.paired{background:var(--success-soft);border-color:var(--success);color:var(--success);cursor:default}.wsol-match-arrow{margin-left:8px;font-weight:600}.wsol-order-row{flex-direction:column;gap:8px;display:flex}.wsol-order-label{color:var(--muted);font-size:12.5px}.wsol-order-built{border:1px dashed var(--line);border-radius:var(--r-md);flex-wrap:wrap;gap:6px;min-height:34px;padding:6px;display:flex}.wsol-order-placeholder{color:var(--muted);padding:4px;font-size:13px}.wsol-order-pool{flex-wrap:wrap;gap:6px;display:flex}.wsol-wordchip{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);font:inherit;cursor:pointer;padding:6px 12px}.wsol-wordchip:hover{background:var(--accent-soft)}.wsol-wordchip.chosen{background:var(--accent-soft);border-color:var(--accent)}.wsol-openbox{width:100%;font:inherit;border-radius:var(--r-md);border:1px solid var(--line);resize:vertical;padding:12px}.wsol-wordcount{color:var(--muted);font-size:12.5px}.wsol-wordcount.low{color:var(--streak-fg)}.wsol-rec{background:var(--accent-soft);color:var(--accent-press);border-radius:var(--r-pill);font:inherit;cursor:pointer;border:none;align-items:center;gap:8px;width:fit-content;margin-bottom:14px;padding:8px 16px;font-weight:600;display:inline-flex}.wsol-rec-countdown{font-variant-numeric:tabular-nums;opacity:.8}.wsol-rec i{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.wsol-rec.on{background:var(--error-soft);color:var(--error)}.wsol-hint{margin-top:4px}.wsol-hint-toggle{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.wsol-hint-text{color:var(--muted);margin-top:4px;font-size:13px}.wsol-result-list{flex-direction:column;gap:6px;display:flex}.wsol-result-row{border-radius:var(--r-sm);align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.wsol-result-row.ok{background:var(--success-soft);color:var(--success)}.wsol-result-row.no{background:var(--error-soft);color:var(--error)}.wsol-result-label{color:var(--ink);flex:1}.wsol-result-answer{font-weight:600}@media (width<=720px){.wsol{padding:20px 16px 40px}.wsol-matchgrid{grid-template-columns:1fr}}.wfb{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:28px 24px 48px;display:flex}.wfb-topbar{align-items:center;gap:12px;display:flex}.wfb-title{font-family:var(--font-display);font-size:16px;font-weight:600}.wfb-loading{color:var(--muted)}.wfb-sheet{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:18px;padding:24px;display:flex}.wfb-sub{color:var(--muted);font-size:13.5px}.wfb-rubric{background:var(--paper);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.wfb-rubric-row,.wfb-rubric-total{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.wfb-rubric-total{border-top:1px dashed var(--line);margin-top:2px;padding-top:8px;font-size:14.5px}.wfb-block{border-bottom:1px dashed var(--line);flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.wfb-block:last-of-type{border-bottom:none}.wfb-prompt{color:var(--ink);font-weight:600}.wfb-empty{color:var(--muted);font-style:italic}.wfb-hint-tag{color:var(--streak-fg);background:var(--streak-bg);border-radius:var(--r-pill);margin-left:8px;padding:2px 8px;font-size:11.5px;font-weight:700}.wfb-comments{flex-direction:column;gap:6px;display:flex}.wfb-comment{border-radius:var(--r-sm);background:var(--paper);border-left:3px solid var(--line);margin:0;padding:8px 10px;font-size:13px}.wfb-comment-gram{border-left-color:var(--m-gram)}.wfb-comment-vocab{border-left-color:var(--m-vocab)}.wfb-comment-spell{border-left-color:var(--m-spell)}.wfb-comment-punct{border-left-color:var(--m-punct)}.wfb-comment-style{border-left-color:var(--m-style)}.wfb-comment-good{border-left-color:var(--m-good)}.wfb-teacher-comment{border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-press);margin:0;padding:8px 10px;font-size:13px}@media (width<=720px){.wfb{padding:20px 16px 40px}}.homework-tab{flex-direction:column;gap:20px;max-width:640px;margin:0 auto;padding:28px 24px 48px;display:flex}.homework-header h1{font-size:26px}.homework-subtitle{color:var(--muted);margin-top:4px;font-size:14.5px}.homework-empty{color:var(--muted);font-size:14.5px}.homework-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.homework-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px}.homework-item-header{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.homework-date{font-family:var(--font-mono);color:var(--accent);text-transform:capitalize;font-size:12.5px;font-weight:700}.homework-topic{font-family:var(--font-display);font-size:16px;font-weight:600}.homework-text{color:var(--ink);white-space:pre-wrap;font-size:14.5px;line-height:1.5}.homework-text-empty{color:var(--muted);font-style:italic}.homework-checklist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.homework-checklist-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:8px;padding:4px 2px;font-family:inherit;font-size:14.5px;display:flex}.homework-checklist-item:hover{background:var(--paper)}.homework-checklist-item.done{color:var(--muted);text-decoration:line-through}.homework-checklist-box{border:1.5px solid var(--line);color:#fff;border-radius:5px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.homework-checklist-item.done .homework-checklist-box{background:var(--success);border-color:var(--success)}.homework-checklist-box svg{width:12px;height:12px}.homework-sections{gap:8px;display:flex}.homework-section-tab{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:600}.homework-section-tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.ws-section{flex-direction:column;gap:12px;display:flex}.ws-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ws-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.ws-row-main{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:220px;display:flex}.ws-status-tag{border-radius:var(--r-pill);background:var(--paper);color:var(--muted);white-space:nowrap;padding:4px 10px;font-size:11.5px;font-weight:700}.ws-status-tag.wait{background:var(--streak-bg);color:var(--streak-fg)}.ws-status-tag.done{background:var(--success-soft);color:var(--success)}.ws-due{color:var(--muted);font-size:12.5px}.ws-row-actions{flex:none;align-items:center;gap:8px;display:flex}.ws-no-attempts{color:var(--muted);white-space:nowrap;font-size:12.5px}@media (width<=720px){.homework-tab{padding:20px 16px 40px}}.vocabulary-tab{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;padding:28px 24px 48px;display:flex}.vocabulary-header h1{font-size:26px}.vocabulary-subtitle{color:var(--muted);margin-top:4px;font-size:14.5px}.vocabulary-add-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px}.vocabulary-add-fields{flex-wrap:wrap;gap:8px;display:flex}.vocabulary-add-fields input{border:1.5px solid var(--line);border-radius:var(--r-sm);min-width:180px;font-family:var(--font-body);background:var(--surface);color:var(--ink);flex:1;padding:10px 12px;font-size:14px}.vocabulary-add-fields input:focus{border-color:var(--accent);outline:none}.vocabulary-add-fields button[type=submit]{cursor:pointer;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-family:var(--font-body);white-space:nowrap;border:none;min-height:40px;padding:10px 18px;font-size:13.5px;font-weight:700}.vocabulary-add-fields button[type=submit]:hover:not(:disabled){background:var(--accent-press)}.vocabulary-add-fields button[type=submit]:disabled{opacity:.6;cursor:default}.vocabulary-spell-warning{border-radius:var(--r-sm);background:var(--streak-bg);color:var(--ink);margin-top:12px;padding:12px 14px;font-size:14px}.vocabulary-spell-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.vocabulary-spell-actions button{cursor:pointer;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font-body);padding:8px 14px;font-size:13px;font-weight:600}.vocabulary-spell-actions button:hover{border-color:var(--accent);color:var(--accent)}.vocabulary-spell-cancel{color:var(--muted)!important}.vocabulary-empty{color:var(--muted);font-size:14.5px}.vocabulary-search{border:1.5px solid var(--line);border-radius:var(--r-pill);width:100%;font-family:var(--font-body);background:var(--surface);color:var(--ink);padding:10px 14px;font-size:14px}.vocabulary-search:focus{border-color:var(--accent);outline:none}.vocabulary-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.vocabulary-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 12px 14px 18px;display:flex}.vocabulary-item-main{flex:1;min-width:200px}.vocabulary-item-term{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.vocabulary-term-text{font-family:var(--font-display);font-size:17px;font-weight:600}.vocabulary-transcription{font-family:var(--font-mono);color:var(--muted);font-size:13.5px}.vocabulary-translation{color:var(--ink);margin-top:2px;font-size:14px}.vocabulary-source-badge{border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);margin-top:8px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.vocabulary-teacher-badge{border-radius:var(--r-pill);background:var(--accent-soft);width:22px;height:22px;color:var(--accent);cursor:default;justify-content:center;align-items:center;margin-top:8px;display:inline-flex}.vocabulary-teacher-badge svg{width:13px;height:13px}.vocabulary-example{color:var(--muted);margin-top:2px;font-size:13.5px;font-style:italic}.vocabulary-change-banner{border-radius:var(--r-sm);background:var(--accent-soft);width:100%;margin-top:10px;padding:12px 14px}.vocabulary-change-banner p{color:var(--ink);font-size:13.5px}.vocabulary-item-actions{flex:none;gap:2px;display:flex}.icon-button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.icon-button:disabled{opacity:.4;cursor:default}.icon-button-danger:hover:not(:disabled){background:var(--error-soft);color:var(--error)}@media (width<=720px){.vocabulary-tab{padding:20px 16px 40px}}.game-page{flex-direction:column;gap:24px;max-width:880px;margin:0 auto;padding:28px 24px 48px;display:flex}.game-page-header h1{font-size:26px}.game-page-subtitle{color:var(--muted);margin-top:4px;font-size:14.5px}.back-link{cursor:pointer;font-family:var(--font-body);color:var(--muted);background:0 0;border:none;align-items:center;gap:4px;padding:6px 4px;font-size:13.5px;font-weight:700;display:inline-flex}.back-link:hover{color:var(--ink)}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.theme-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;width:100%;transition:transform .18s var(--ease), box-shadow .18s;flex-direction:column;gap:6px;padding:20px;display:flex}.theme-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.theme-card-name{color:var(--ink);font-size:16px;font-weight:700}.theme-card-meta{color:var(--muted);font-size:12.5px}.activity-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.activity-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;width:100%;min-height:44px;transition:transform .18s var(--ease), box-shadow .18s;flex-direction:column;gap:8px;padding:20px;display:flex}.activity-card:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-3px)}.activity-card:disabled{opacity:.5;cursor:not-allowed}.activity-card-icon{border-radius:var(--r-sm);background:var(--accent-soft);width:38px;height:38px;color:var(--accent);justify-content:center;align-items:center;display:flex}.activity-card-title{color:var(--ink);font-size:15.5px;font-weight:700}.activity-card-desc{color:var(--muted);font-size:13px;line-height:1.4}@media (width<=720px){.game-page{padding:20px 16px 40px}}.gp-topbar-title{font-family:var(--font-display);white-space:nowrap;font-size:19px}.gp-search{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-pill);width:230px;color:var(--muted);align-items:center;gap:9px;margin-left:auto;padding:9px 16px;font-size:13.5px;display:flex}.gp-search input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-family:inherit;font-size:13.5px}.gp-streak-pill{border-radius:var(--r-pill);white-space:nowrap;background:var(--streak-bg);color:var(--streak-fg);flex:none;padding:7px 13px;font-size:12.5px;font-weight:700}@media (width<=960px){.gp-search{display:none}}.annotation-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;max-height:min(720px,100vh - 90px);display:flex;position:sticky;top:16px;overflow:hidden}.ap-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.ap-top b{font-family:var(--font-display);font-size:14.5px;font-weight:600}.ap-count{background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);padding:3px 9px;font-size:11.5px;font-weight:800}.ap-scroll{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow:auto}.ap-empty{text-align:center;color:var(--muted);padding:26px 10px;font-size:13.5px;line-height:1.6}.ap-empty b{color:var(--ink);font-family:var(--font-display);margin-bottom:6px;font-size:14.5px;font-weight:600;display:block}.ap-note{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;padding:11px 12px}.ap-note-sel{box-shadow:0 0 0 2px var(--accent-soft)}.ap-note-gram{border-left-color:var(--m-gram)}.ap-note-vocab{border-left-color:var(--m-vocab)}.ap-note-spell{border-left-color:var(--m-spell)}.ap-note-punct{border-left-color:var(--m-punct)}.ap-note-style{border-left-color:var(--m-style)}.ap-note-good{border-left-color:var(--m-good)}.ap-note-head{align-items:center;gap:7px;margin-bottom:6px;display:flex}.ap-note-type{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.ap-note-gram .ap-note-type{color:var(--m-gram)}.ap-note-vocab .ap-note-type{color:var(--m-vocab)}.ap-note-spell .ap-note-type{color:var(--m-spell)}.ap-note-punct .ap-note-type{color:var(--m-punct)}.ap-note-style .ap-note-type{color:var(--m-style)}.ap-note-good .ap-note-type{color:var(--m-good)}.ap-note-del{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:2px 4px;font-size:14px;line-height:1}.ap-note-del:hover{background:var(--m-gram-s);color:var(--m-gram)}.ap-note-quote{color:var(--ink);background:var(--paper);border-radius:8px;margin-bottom:7px;padding:6px 9px;font-size:13px;line-height:1.45}.ap-note-fix{border:1px solid var(--line);width:100%;font-family:var(--font-body);background:var(--paper);color:var(--ink);box-sizing:border-box;border-radius:8px;margin-bottom:7px;padding:6px 9px;font-size:13px}.ap-note-comment{border:1px solid var(--line);width:100%;font-family:var(--font-body);resize:vertical;min-height:38px;color:var(--ink);background:var(--paper);box-sizing:border-box;border-radius:8px;padding:7px 9px;font-size:13px}.ap-note-fix:focus,.ap-note-comment:focus{border-color:var(--accent);background:var(--surface);outline:none}.ap-errprofile{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:11px 14px;display:flex}.ap-errprofile-empty{color:var(--muted);font-size:12px}.ap-ecount{border-radius:var(--r-pill);padding:4px 10px;font-size:11.5px;font-weight:800}.ap-ecount-gram{color:var(--m-gram);background:var(--m-gram-s)}.ap-ecount-vocab{color:var(--m-vocab);background:var(--m-vocab-s)}.ap-ecount-spell{color:var(--m-spell);background:var(--m-spell-s)}.ap-ecount-punct{color:var(--m-punct);background:var(--m-punct-s)}.ap-ecount-style{color:var(--m-style);background:var(--m-style-s)}.ap-ecount-good{color:var(--m-good);background:var(--m-good-s)}.ap-rubric{border-top:1px solid var(--line);padding:14px 16px}.ap-rubric h5{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:800}.ap-rubrow{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ap-rubrow span{font-size:13px;font-weight:600}.rub-scale{gap:3px;display:flex}.rub-scale-btn{border:1.5px solid var(--line);background:var(--surface);width:24px;height:24px;color:var(--muted);cursor:pointer;font-size:11.5px;font-weight:800;font-family:var(--font-body);border-radius:7px}.rub-scale-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.ap-total{border-top:1px dashed var(--line);justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:11px;display:flex}.ap-total>span:first-child{color:var(--muted);font-size:13px;font-weight:700}.ap-total-n{font-family:var(--font-display);font-size:24px;font-weight:700}.ap-total-n small{color:var(--muted);font-size:13px;font-weight:600}.ap-errorworksheet{border-top:1px solid var(--line);padding:12px 14px 0}.ap-errorworksheet-hint{color:var(--muted);margin:0 0 8px;font-size:11.5px;line-height:1.4}.ap-errorworksheet .btn{width:100%}.ap-bottom{gap:8px;padding:12px 14px;display:flex}.ap-bottom .btn{flex:1;min-height:38px;padding:10px 12px;font-size:13px}.photo-annotator{flex-direction:column;display:flex}.photo-annotator-empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}.photo-canvas-wrap{background:var(--paper);cursor:crosshair;padding:20px;position:relative}.photo-canvas-img{border-radius:var(--r-sm);width:100%;height:auto;box-shadow:var(--shadow-sm);display:block}.photo-canvas-placeholder{text-align:center;color:var(--muted);background:var(--surface);border-radius:var(--r-sm);padding:60px 20px;font-size:14px}.photo-pin{color:#fff;width:26px;height:26px;box-shadow:var(--shadow-sm);cursor:pointer;border:none;border-radius:50% 50% 50% 4px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-100%)rotate(-45deg)}.photo-pin span{transform:rotate(45deg)}.photo-pin-sel{outline:3px solid var(--accent);outline-offset:2px}.photo-pin-gram{background:var(--m-gram)}.photo-pin-vocab{background:var(--m-vocab)}.photo-pin-spell{background:var(--m-spell)}.photo-pin-punct{background:var(--m-punct)}.photo-pin-style{background:var(--m-style)}.photo-pin-good{background:var(--m-good)}.photo-picker{z-index:50;background:var(--ink);border-radius:var(--r-pill);box-shadow:var(--shadow-pop);flex-direction:column;gap:2px;padding:5px;display:flex;position:absolute;transform:translate(-50%,-100%)}.photo-hintbar{color:var(--muted);border-top:1px solid var(--line);background:var(--surface);padding:10px 20px;font-size:12.5px}.ws-grading{flex-direction:column;display:flex}.ws-grading-block{border-bottom:1px solid var(--line)}.ws-grading-block:last-child{border-bottom:none}.qa{border-bottom:1px solid var(--line);padding:16px 20px}.qa:last-child{border-bottom:none}.qa-n{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:800}.qa-hint-tag{color:var(--streak-fg);background:var(--streak-bg);border-radius:var(--r-pill);text-transform:none;letter-spacing:normal;margin-left:8px;padding:2px 8px;font-weight:700}.qa-prompt{white-space:pre-wrap;margin-bottom:9px;font-size:15px;line-height:1.7}.qa-ansline{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.qa-ans{border-radius:8px;padding:5px 11px;font-size:14.5px;font-weight:700}.qa-ans-ok{background:var(--m-good-s);color:var(--m-good)}.qa-ans-bad{background:var(--m-gram-s);color:var(--m-gram);text-decoration:line-through}.qa-accepted-tag{color:var(--m-good);font-size:11.5px;font-weight:700}.qa-expect{color:var(--muted);font-size:12.5px}.qa-acts{gap:6px;margin-left:auto;display:flex}.qa-mini{font-family:var(--font-body);border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-pill);cursor:pointer;color:var(--muted);padding:5px 11px;font-size:11.5px;font-weight:700}.qa-mini:hover{border-color:var(--accent);color:var(--accent)}.qa-mini:disabled{opacity:.6;cursor:default}.qa-comment{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;font-family:var(--font-body);resize:vertical;background:var(--paper);min-height:44px;color:var(--ink);box-sizing:border-box;margin-top:10px;padding:8px 10px;font-size:13px}.qa-comment:focus{border-color:var(--accent);background:var(--surface);outline:none}.qa-open .qa-prompt{font-weight:700}.grading-screen{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:1280px;margin:0 auto;padding:16px 20px 40px;display:flex}.grading-topbar{align-items:center;gap:12px;display:flex}.grading-path{color:var(--muted);font-size:13.5px;font-weight:600}.grading-body{grid-template-columns:1fr 348px;align-items:start;gap:16px;display:grid}.grading-doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);position:relative;overflow:hidden}.grading-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;padding:12px 14px;display:flex}.grading-tab{font-family:var(--font-body);border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;padding:7px 13px;font-size:12.5px;font-weight:700}.grading-tab.on{background:var(--ink);border-color:var(--ink);color:#fff}.grading-who{color:var(--muted);margin-left:auto;font-size:12.5px}.grading-essay-pad{max-height:620px;padding:26px 30px;overflow:auto}.grading-loading{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}@media (width<=1100px){.grading-body{grid-template-columns:1fr}.annotation-panel{max-height:none;position:static}}.review-queue{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:1040px;margin:0 auto;padding:28px 24px 48px;display:flex}@media (width<=820px){.review-queue{padding:20px 16px 40px}}.rq-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.rq-head h3{margin:0;font-size:20px;font-weight:700}.rq-head-actions{flex-wrap:wrap;gap:8px;display:flex}.rq-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rq-chips{background:var(--paper);border-radius:var(--r-pill);flex-wrap:wrap;gap:4px;padding:3px;display:flex}.rq-chip{font-family:var(--font-body);border-radius:var(--r-pill);color:var(--muted);cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:11.5px;font-weight:600}.rq-chip.on{background:var(--accent);color:#fff}.rq-student-select{font-family:var(--font-body);border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:6px 10px;font-size:12.5px;font-weight:600}.rq-list{flex-direction:column;gap:10px;display:flex}.rq-row{text-align:left;width:100%;font-family:var(--font-body);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;transition:transform .16s var(--ease), box-shadow .16s;grid-template-columns:auto 1.1fr 1.4fr auto auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.rq-row:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.rq-row-assigned{cursor:default;opacity:.75}.rq-row-assigned:hover{box-shadow:none;transform:none}.rq-avatar{background:linear-gradient(135deg, var(--accent), var(--tongue));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.rq-who{flex-direction:column;gap:2px;min-width:0;display:flex}.rq-who b{font-size:14.5px;font-weight:700}.rq-who span{color:var(--muted);font-size:12.5px}.rq-task{color:var(--muted);flex-direction:column;gap:2px;min-width:0;font-size:13.5px;display:flex}.rq-task b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.rq-summary{color:var(--muted);white-space:nowrap;font-size:12.5px}.rq-tag{border-radius:var(--r-pill);white-space:nowrap;padding:4px 9px;font-size:11.5px;font-weight:700}.rq-tag-wait{background:var(--streak-bg);color:var(--streak-fg)}.rq-tag-late{background:var(--m-gram-s);color:var(--m-gram)}.rq-tag-done{background:var(--m-good-s);color:var(--m-good)}.rq-empty{text-align:center;color:var(--muted);padding:40px 10px;font-size:13.5px;line-height:1.6}.rq-empty b{color:var(--ink);font-family:var(--font-display);margin-bottom:6px;font-size:14.5px;font-weight:600;display:block}.rq-loading{color:var(--muted);font-size:14px}@media (width<=720px){.rq-row{grid-template-columns:auto 1fr;gap:8px 10px}.rq-summary,.rq-tag{grid-column:2}}.block-inspector{flex-direction:column;gap:14px;max-height:700px;padding:14px;display:flex;overflow:auto}.bi-hint{color:var(--muted);background:var(--paper);border-radius:var(--r-sm);padding:10px 11px;font-size:12px;line-height:1.5}.bi-field{flex-direction:column;gap:6px;display:flex}.bi-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11.5px;font-weight:800}.bi-field input[type=text],.bi-field input[type=number],.bi-field select,.bi-field textarea{border:1.5px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-body);background:var(--surface);color:var(--ink);box-sizing:border-box;width:100%;padding:9px 11px;font-size:13.5px}.bi-field input:focus,.bi-field select:focus,.bi-field textarea:focus{border-color:var(--accent);outline:none}.bi-field input:disabled{color:var(--muted);background:var(--paper)}.bi-switch-row{justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.bi-toggle{border-radius:var(--r-pill);background:var(--line);cursor:pointer;border:none;flex:none;width:40px;height:23px;transition:background .18s;position:relative}.bi-toggle i{width:17px;height:17px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.bi-toggle.on{background:var(--success)}.bi-toggle.on i{transform:translate(17px)}.bi-toggle:disabled{opacity:.55;cursor:default}.am-student-list{border:1px solid var(--line);border-radius:var(--r-sm);flex-direction:column;gap:4px;max-height:180px;padding:8px 10px;display:flex;overflow:auto}.am-student-row{cursor:pointer;border-radius:var(--r-sm);align-items:center;gap:9px;padding:7px 6px;font-size:13.5px;line-height:1.2;display:flex}.am-student-row:hover{background:var(--paper)}.am-student-row input{accent-color:var(--accent);flex:none;width:16px;height:16px;margin:0}.am-empty{color:var(--muted);margin:0;font-size:13px}.hr-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:300;background:#16151f6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.hr-modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);width:min(560px,100%);max-height:86vh;padding:26px;overflow:auto}.hr-modal-title{font-family:var(--font-display);margin:0 0 6px;font-size:20px;font-weight:600}.hr-modal p.hr-modal-sub{color:var(--muted);margin:0 0 18px;font-size:13.5px}.hr-modal textarea,.hr-modal input[type=text],.hr-modal select{border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;font-family:var(--font-body);resize:vertical;box-sizing:border-box;color:var(--ink);background:var(--surface);padding:10px 12px;font-size:14px}.hr-modal textarea{min-height:130px}.hr-modal textarea:focus,.hr-modal input:focus,.hr-modal select:focus{border-color:var(--accent);outline:none}.hr-modal-field{margin-bottom:14px}.hr-modal-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.hr-modal-row{gap:10px;margin-top:18px;display:flex}.hr-modal-row .btn{flex:1}.hr-modal-switch{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.blk{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:10px;overflow:hidden}.blk-sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.blk-dragging{opacity:.45}.blk-head{border-bottom:1px solid var(--line);background:var(--surface);cursor:pointer;align-items:center;gap:8px;padding:9px 12px;display:flex}.blk-drag-handle{cursor:grab;color:var(--muted);touch-action:none;padding:2px;font-size:15px;line-height:1}.blk-drag-handle:active{cursor:grabbing}.blk-type{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);white-space:nowrap;padding:3px 9px;font-size:11px;font-weight:800}.blk-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.blk-points{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11.5px;font-weight:700}.blk-acts{gap:2px;display:flex}.blk-acts button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:13px;line-height:1}.blk-acts button:hover:not(:disabled){background:var(--paper);color:var(--ink)}.blk-acts button:disabled{opacity:.35;cursor:default}.blk-body{padding:12px}.blk-body textarea{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;font-family:var(--font-body);background:var(--paper);color:var(--ink);box-sizing:border-box;padding:10px 12px;font-size:14.5px;line-height:1.7}.blk-textarea{resize:none;overflow:hidden}.blk-body textarea:focus{border-color:var(--accent);background:var(--surface);outline:none}.blk-syntax{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:7px;font-size:11.5px;display:flex}.blk-choice-warning{color:var(--error);margin-top:6px;font-size:11.5px}.blk-gapbtn{font-family:var(--font-body);background:var(--ink);color:#fff;border-radius:var(--r-pill);cursor:pointer;border:none;padding:6px 12px;font-size:11.5px;font-weight:700}.blk-gapbtn:hover:not(:disabled){background:var(--accent)}.blk-gapbtn:disabled{opacity:.45;cursor:default}.blk-image-attach{border-radius:var(--r-sm);margin-bottom:10px;transition:background .15s,box-shadow .15s}.blk-image-attach-over{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}.blk-image-drop{border:1.5px dashed var(--line);border-radius:var(--r-sm);text-align:center;color:var(--muted);cursor:pointer;margin-bottom:8px;padding:18px 12px;font-size:12.5px}.blk-image-attach-over .blk-image-drop{border-color:var(--accent);color:var(--accent)}.blk-image-preview{border-radius:var(--r-sm);border:1px solid var(--line);cursor:pointer;max-width:320px;margin-bottom:8px;overflow:hidden}.blk-image-preview img{width:100%;height:auto;display:block}.blk-image-acts{align-items:center;gap:8px;display:flex}.blk-image-status{color:var(--muted);margin-bottom:8px;font-size:12px}.blk-image-remove{font-family:var(--font-body);color:var(--error);border:1.5px solid var(--error-soft);border-radius:var(--r-pill);cursor:pointer;background:0 0;padding:6px 12px;font-size:11.5px;font-weight:700}.blk-image-remove:hover:not(:disabled){background:var(--error-soft)}.blk-image-remove:disabled{opacity:.5;cursor:default}.block-palette{flex-direction:column;gap:5px;max-height:640px;padding:10px;display:flex;overflow:auto}.bp-group{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:10px 8px 4px;font-size:10.5px;font-weight:800}.bp-item{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);color:var(--ink);transition:border-color .15s, transform .12s var(--ease);align-items:center;gap:9px;margin-bottom:4px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.bp-item:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translate(2px)}.bp-item:disabled{opacity:.5;cursor:default}.bp-auto{color:var(--success);letter-spacing:.04em;margin-left:auto;font-size:9.5px;font-weight:800}.ws-preview{background:var(--paper);padding:20px}.ws-preview-sheet{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);max-width:720px;margin:0 auto;padding:24px 26px}.ws-preview-sheet h4{font-family:var(--font-display);margin:0 0 4px;font-size:20px;font-weight:600}.ws-preview-sub{color:var(--muted);margin-bottom:20px;font-size:12.5px}.ws-preview-empty{text-align:center;color:var(--muted);padding:30px 10px;font-size:13.5px}.ws-preview-empty b{color:var(--ink);font-family:var(--font-display);margin-bottom:6px;font-size:14.5px;font-weight:600;display:block}.ws-pb{border-bottom:1px dashed var(--line);margin-bottom:20px;padding-bottom:16px}.ws-pb:last-child{border-bottom:none}.ws-pinstr{margin-bottom:8px;font-size:14px;font-weight:700}.ws-ptext{font-size:15px;line-height:1.9}.ws-gapline{margin-bottom:6px}.ws-gap-unit{align-items:baseline;display:inline-flex}.ws-gapinput{border:none;border-bottom:2px solid var(--accent);background:var(--accent-soft);font-family:var(--font-body);width:110px;color:var(--ink);border-radius:5px 5px 0 0;padding:1px 8px;font-size:14.5px}.ws-gap-infin{color:var(--muted);font-size:13px}.ws-choice-group{margin-bottom:12px}.ws-opt{cursor:default;align-items:center;gap:9px;padding:5px 0;font-size:14.5px;display:flex}.ws-opt input{accent-color:var(--accent);width:16px;height:16px}.ws-tf-row{align-items:center;gap:10px;margin-bottom:7px;font-size:14.5px;display:flex}.ws-tf-text{flex:1}.ws-matchgrid{grid-template-columns:1fr 1fr;gap:8px;font-size:14px;display:grid}.ws-matchgrid>div{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 11px}.ws-match-right{color:var(--muted)}.ws-order-row{margin-bottom:10px}.ws-order-label{color:var(--muted);margin-bottom:5px;font-size:12.5px}.ws-wordchip{background:var(--accent-soft);color:var(--accent);border-radius:8px;margin:0 5px 6px 0;padding:4px 10px;font-size:13.5px;font-weight:700;display:inline-block}.ws-openbox{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--paper);min-height:76px;color:var(--muted);padding:11px;font-size:14px}.ws-rec{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--muted);align-items:center;gap:10px;width:fit-content;padding:8px 14px;font-size:13px;display:flex}.ws-rec i{background:var(--tongue);border-radius:50%;width:11px;height:11px;display:block}.ws-pimage-placeholder{background:var(--paper);border:1px dashed var(--line);height:120px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.ws-pimage{border-radius:12px;margin-bottom:8px;overflow:hidden}.ws-pimage img{width:100%;height:auto;display:block}.ws-pimage-caption{color:var(--muted);font-size:13px}.worksheet-builder{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:1400px;margin:0 auto;padding:16px 20px 40px;display:flex}.ws-builder-loading{color:var(--muted);padding:20px 0;font-size:14px}.ws-builder-topbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ws-builder-spacer{flex:1}.ws-builder-grid{grid-template-columns:206px 1fr 300px;align-items:start;gap:14px;display:grid}.ws-builder-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.ws-builder-colhead{border-bottom:1px solid var(--line);font-family:var(--font-display);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:13.5px;font-weight:600;display:flex}.ws-builder-points{color:var(--muted);font-size:12px;font-weight:600}.ws-builder-points b{color:var(--ink)}.ws-builder-canvas{background:var(--paper);min-height:560px;max-height:760px;padding:16px;overflow:auto}.ws-builder-meta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:14px;padding:14px 16px}.ws-builder-title-input{font-family:var(--font-display);width:100%;color:var(--ink);background:0 0;border:none;margin-bottom:8px;padding:0;font-size:19px;font-weight:600}.ws-builder-title-input:focus{border-bottom:2px solid var(--accent);outline:none}.ws-builder-metarow{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.ws-builder-time{color:var(--ink);margin-left:auto}.ws-builder-drop{border:2px dashed var(--line);border-radius:var(--r-md);text-align:center;color:var(--muted);padding:26px;font-size:13.5px;line-height:1.6}@media (width<=1100px){.ws-builder-grid{grid-template-columns:1fr}}.worksheet-list{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:1040px;margin:0 auto;padding:28px 24px 48px;display:flex}@media (width<=820px){.worksheet-list{padding:20px 16px 40px}}.wsl-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.wsl-head h3{margin:0;font-size:20px;font-weight:700}.wsl-list{flex-direction:column;gap:10px;display:flex}.wsl-row{text-align:left;width:100%;font-family:var(--font-body);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;transition:transform .16s var(--ease), box-shadow .16s;align-items:center;gap:14px;padding:14px 16px;display:flex}.wsl-row:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.wsl-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14.5px;font-weight:700;overflow:hidden}.wsl-date{color:var(--muted);white-space:nowrap;font-size:12.5px}.wsl-delete{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:4px 8px;font-size:14px;line-height:1}.wsl-delete:hover{background:var(--m-gram-s);color:var(--m-gram)}.wsl-empty{text-align:center;color:var(--muted);padding:40px 10px;font-size:13.5px;line-height:1.6}.wsl-empty b{color:var(--ink);font-family:var(--font-display);margin-bottom:6px;font-size:14.5px;font-weight:600;display:block}.wsl-loading{color:var(--muted);font-size:14px}@media (width<=820px){.admin-layout{grid-template-columns:1fr;gap:20px}}.admin-page{flex-direction:column;max-width:1040px;height:100%;margin:0 auto;padding:28px 24px 48px;display:flex}.admin-page-full{max-width:none;padding:0}.admin-page-full .msgr-page{border:none;border-radius:0}.admin-page-header{flex:none;margin-bottom:24px}.admin-page-header h1{font-size:26px}.admin-page-subtitle{color:var(--muted);margin-top:4px;font-size:14.5px}@media (width<=820px){.admin-page{padding:20px 16px 40px}}.attempt-type-tabs{gap:8px;margin-bottom:4px;display:flex}.attempt-type-tabs button{cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);font-family:var(--font-body);color:var(--muted);padding:8px 16px;font-size:13px;font-weight:600}.attempt-type-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.attempt-word .ok{color:var(--success);font-weight:700}.attempt-word .fail{color:var(--error);font-weight:700}.attempt-meta{color:var(--muted);font-size:.8rem}.attempt-row button{cursor:pointer;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);font-family:var(--font-body);color:var(--ink);align-self:flex-start;min-height:36px;padding:8px 16px;font-size:13px;font-weight:600}.attempt-row button:hover{border-color:var(--accent);color:var(--accent)}.attempt-row audio{width:100%}.attempt-badge{border-radius:var(--r-pill);background:var(--paper);color:var(--muted);margin-left:.5rem;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-block}.attempt-badge.warning{background:var(--error-soft);color:var(--error)}.review-form{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:4px;padding-top:12px;display:flex}.review-form label{color:var(--ink);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.review-form input,.review-form textarea{border:1.5px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-body);background:var(--surface);color:var(--ink);padding:10px 12px;font-size:14px}.review-form input:focus,.review-form textarea:focus{border-color:var(--accent);outline:none}.review-form input[type=number]{width:5rem}.review-form textarea{resize:vertical;min-height:3rem}.review-form button{cursor:pointer;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-family:var(--font-body);border:none;align-self:flex-start;min-height:40px;padding:9px 18px;font-size:13.5px;font-weight:700}.review-form button:hover{background:var(--accent-press)}.attempt-status{color:var(--muted);font-size:.8rem;font-weight:600}.attempt-status.reviewed{color:var(--success)}.idioms-manager{max-width:720px}.idioms-manager-hint{color:var(--muted);margin-bottom:18px;font-size:13.5px}.idiom-form{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.idiom-form input{border:1.5px solid var(--line);border-radius:var(--r-sm);min-width:180px;font-family:var(--font-body);background:var(--surface);color:var(--ink);flex:1;padding:10px 12px;font-size:14px}.idiom-form input:focus{border-color:var(--accent);outline:none}.idiom-form button[type=submit]{cursor:pointer;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-family:var(--font-body);white-space:nowrap;border:none;min-height:40px;padding:10px 18px;font-size:13.5px;font-weight:700}.idiom-form button[type=submit]:hover{background:var(--accent-press)}.idiom-cancel{cursor:pointer;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--font-body);min-height:40px;padding:10px 16px;font-size:13.5px;font-weight:600}.idiom-cancel:hover{border-color:var(--ink);color:var(--ink)}.idiom-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.idiom-item{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:10px;padding:12px 8px 12px 16px;display:flex}.idiom-text{color:var(--ink);font-size:14px}.idiom-actions{flex:none;gap:2px;display:flex}.icon-button{border-radius:var(--r-sm);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.idiom-edit-form{flex:1;align-items:center;margin-bottom:0}.admin-layout{grid-template-columns:240px 1fr;gap:28px;display:grid}@media (width<=820px){.admin-layout{grid-template-columns:1fr;gap:20px}}.student-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.student-list button{text-align:left;cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);width:100%;font-family:var(--font-body);color:var(--ink);padding:11px 13px;font-size:14px}.student-list button:hover{border-color:var(--ink)}.student-list button.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.student-number{color:var(--muted);font-variant-numeric:tabular-nums}.student-email{color:var(--muted);font-size:.85em}.attempt-list{flex-direction:column;gap:16px;display:flex}.attempt-row{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.attempt-word{font-size:15px}.attempt-transcript{color:var(--muted);font-style:italic}.vocabulary-manager-subnav{border-bottom:1px solid var(--line);gap:8px;margin-bottom:22px;padding-bottom:4px;display:flex}.vocabulary-manager-subnav-button{cursor:pointer;border-radius:var(--r-pill);font-family:var(--font-body);color:var(--muted);background:0 0;border:none;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:600;display:flex}.vocabulary-manager-subnav-button:hover{background:var(--paper);color:var(--ink)}.vocabulary-manager-subnav-button.active{background:var(--accent-soft);color:var(--accent)}.vocabulary-manager-subnav-button svg{width:17px;height:17px}.vocabulary-edit-form{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:10px;padding-top:12px;display:flex}.vocabulary-edit-form label{color:var(--ink);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.vocabulary-edit-form input,.vocabulary-edit-form textarea{font-family:var(--font-body);border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);padding:10px 12px;font-size:14px}.vocabulary-edit-form input:focus,.vocabulary-edit-form textarea:focus{border-color:var(--accent);outline:none}.vocabulary-edit-form textarea{resize:vertical;min-height:44px}.vocabulary-edit-form button{cursor:pointer;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-family:var(--font-body);border:none;align-self:flex-start;min-height:40px;padding:9px 18px;font-size:13.5px;font-weight:700}.vocabulary-edit-form button:hover:not(:disabled){background:var(--accent-press)}.vocabulary-edit-form button:disabled{opacity:.6;cursor:default}.vocabulary-add-word-form{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin:0 0 18px;padding:16px}.vocabulary-add-word-form label:first-child{font-size:14px}.themes-manager-layout{grid-template-columns:280px 1fr;align-items:start;gap:28px;display:grid}@media (width<=720px){.themes-manager-layout{grid-template-columns:1fr}}.theme-column h2,.word-column-header h2{font-size:18px}.theme-column h2{margin-bottom:14px}.materials-loading,.materials-empty{color:var(--muted);font-size:13.5px}.materials-placeholder{border:1.5px dashed var(--line);border-radius:var(--r-md);text-align:center;color:var(--muted);padding:32px 20px;font-size:14px}.theme-add-form{gap:8px;margin-bottom:14px;display:flex}.theme-add-form input{border:1.5px solid var(--line);border-radius:var(--r-sm);min-width:0;font-family:var(--font-body);background:var(--surface);color:var(--ink);flex:1;padding:10px 12px;font-size:14px}.theme-add-form input:focus{border-color:var(--accent);outline:none}.theme-add-form button,.word-add-form button,.taboo-add-form button{cursor:pointer;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-family:var(--font-body);white-space:nowrap;border:none;align-items:center;gap:4px;min-height:40px;padding:10px 16px;font-size:13.5px;font-weight:700;display:flex}.theme-add-form button:hover,.word-add-form button:hover,.taboo-add-form button:hover{background:var(--accent-press)}.theme-add-form svg{width:16px;height:16px}.theme-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.theme-list li{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);align-items:center;gap:4px;padding:2px 2px 2px 4px;display:flex}.theme-list li.selected{border-color:var(--accent);background:var(--accent-soft)}.theme-list-item{text-align:left;cursor:pointer;min-width:0;font-family:var(--font-body);color:var(--ink);background:0 0;border:none;flex-direction:column;flex:1;padding:11px 8px;font-size:14px;display:flex}.theme-list-item.selected{color:var(--accent);font-weight:700}.theme-list-item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-list-item-hint{color:var(--muted);font-size:.8em;font-weight:400}.word-column-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;margin-bottom:20px;padding-bottom:16px;display:flex}.thinking-seconds-field{flex-direction:column;gap:6px;display:flex}.thinking-seconds-field-label{color:var(--muted);font-size:12px;font-weight:600}.thinking-seconds-control{align-items:center;gap:8px;display:flex}.thinking-seconds-control input{border:1.5px solid var(--line);border-radius:var(--r-sm);width:4.5rem;font-family:var(--font-body);background:var(--surface);color:var(--ink);text-align:center;flex:none;padding:9px 10px;font-size:14px}.thinking-seconds-control input:focus{border-color:var(--accent);outline:none}.thinking-seconds-unit{color:var(--muted);font-size:13px}.thinking-seconds-control button{cursor:pointer;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font-body);min-height:38px;padding:9px 16px;font-size:13px;font-weight:600}.thinking-seconds-control button:hover{border-color:var(--accent);color:var(--accent)}.word-add-card{background:var(--paper);border-radius:var(--r-md);margin-bottom:20px;padding:16px}.word-add-card h3{color:var(--ink);margin-bottom:10px;font-size:13.5px;font-weight:700}.word-add-form{flex-wrap:wrap;gap:8px;display:flex}.word-add-form input{border:1.5px solid var(--line);border-radius:var(--r-sm);min-width:160px;font-family:var(--font-body);background:var(--surface);color:var(--ink);flex:1;padding:10px 12px;font-size:14px}.word-add-form input:focus{border-color:var(--accent);outline:none}.word-list{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.word-list-item{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);overflow:hidden}.word-list-row{align-items:center;gap:6px;padding:2px 2px 2px 4px;display:flex}.word-list-main{text-align:left;cursor:pointer;min-width:0;font-family:var(--font-body);background:0 0;border:none;flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 10px;padding:12px 8px;display:flex}.word-list-en{color:var(--ink);font-size:14.5px;font-weight:700}.word-list-ru{color:var(--muted);font-size:13.5px}.word-list-taboo-count{color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);padding:2px 8px;font-size:12px;font-weight:600}.icon-button{border-radius:var(--r-sm);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.icon-button-danger:hover{background:var(--error-soft);color:var(--error)}.taboo-panel{border-top:1px solid var(--line);background:var(--paper);flex-direction:column;gap:10px;padding:14px 14px 16px;display:flex}.taboo-panel-label{color:var(--muted);margin:0;font-size:.85rem}.taboo-tag-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.taboo-tag{background:var(--error-soft);border:1px solid var(--error-soft);border-radius:var(--r-pill);color:var(--ink);align-items:center;gap:4px;padding:4px 4px 4px 12px;font-size:.85rem;display:flex}.taboo-tag button{cursor:pointer;color:var(--error);background:0 0;border:none;padding:0 6px}.taboo-tag-empty{color:var(--muted);font-size:.85rem}.taboo-add-form{gap:8px;display:flex}.taboo-add-form input{border:1.5px solid var(--line);border-radius:var(--r-sm);min-width:0;font-family:var(--font-body);background:var(--surface);color:var(--ink);flex:1;padding:9px 10px;font-size:13.5px}.taboo-add-form input:focus{border-color:var(--accent);outline:none}.suggestions-block{border-top:1px solid var(--line);padding-top:16px}.suggestions-block h3{color:var(--ink);margin-bottom:10px;font-size:13.5px;font-weight:700}.suggest-button{cursor:pointer;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--accent);font-family:var(--font-body);min-height:40px;padding:10px 18px;font-size:13.5px;font-weight:700}.suggest-button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.suggest-button:disabled{opacity:.55;cursor:default}.suggestions-list{flex-direction:column;gap:2px;margin:12px 0;padding:0;list-style:none;display:flex}.suggestion-item{cursor:pointer;flex:1;align-items:center;gap:8px;padding:8px 4px;font-size:14px;display:flex}.calendar-manager{max-width:1080px}.lessons-topbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.btn,.btn-ghost,.btn-debt{font-family:var(--font-body);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;min-height:38px;padding:9px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.btn{background:var(--accent);color:#fff}.btn:hover:not(:disabled){background:var(--accent-press)}.btn-ghost{background:var(--surface);border:1.5px solid var(--line);color:var(--muted)}.btn-ghost:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.btn-debt{background:var(--error-soft);border:1.5px solid var(--error-soft);color:var(--error)}.btn-debt:hover:not(:disabled){border-color:var(--error)}.btn-debt.active{background:var(--error);border-color:var(--error);color:#fff}.btn:disabled,.btn-ghost:disabled,.btn-debt:disabled{opacity:.5;cursor:default}.push{margin-left:auto}.mutedtext{color:var(--muted);font-size:13px}.split{grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:18px;display:grid}@media (width<=900px){.split{grid-template-columns:1fr}}.pane{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;min-width:0;padding:16px;display:flex}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal-nav b{font-family:var(--font-display);text-transform:capitalize;font-size:14px;font-weight:600}.cal-nav-btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;display:flex}.cal-nav-btn:hover{color:var(--accent);border-color:var(--accent)}.cal-nav-btn svg{width:15px;height:15px}.cal-today-row{justify-content:flex-end;margin:-4px 0 6px;display:flex}.wdays{grid-template-columns:repeat(7,1fr);margin-bottom:2px;display:grid}.wdays span{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding-bottom:4px;font-size:10px;font-weight:700}.minical{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.minical-day{text-align:center;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-body);color:var(--ink);background:0 0;border:none;padding:7px 0 10px;font-size:13px;position:relative}.minical-day:hover{background:var(--paper)}.minical-day.mut{color:var(--muted);opacity:.45}.minical-day.today{color:var(--accent);font-weight:700}.minical-day.sel{background:var(--accent);color:#fff;font-weight:700}.minical-day.dot:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.minical-day.dot.red:after{background:var(--error)}.minical-day.sel.dot:after{background:#fff}.cal-foot{justify-content:center;margin-top:6px;display:flex}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12.5px;font-weight:700}.link-button:hover{text-decoration:underline}.daysec{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.daysec-head{margin-bottom:6px}.daysec-head b{font-family:var(--font-display);text-transform:capitalize;font-size:13px;font-weight:600}.empty{border:1px dashed var(--line);border-radius:var(--r-sm);text-align:center;color:var(--muted);margin:0 0 6px;padding:10px;font-size:13px}.listitem{border-radius:var(--r-sm);cursor:pointer;width:100%;font-family:var(--font-body);color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:7px;margin-bottom:3px;padding:7px 8px;font-size:12.5px;display:flex}.listitem:hover{background:var(--paper)}.listitem.on{background:var(--accent-soft);border-color:var(--accent)}.listitem .t{font-family:var(--font-mono);color:var(--accent);flex:none;font-size:11.5px;font-weight:700}.listitem .n{flex:none;font-weight:700}.listitem .th{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.listitem .dotmark{background:var(--error);border-radius:50%;flex:none;width:6px;height:6px}.datemark{font-family:var(--font-mono);color:var(--muted);flex:none;width:46px;font-size:11px}.divider{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:10px 0 6px;font-size:10.5px;font-weight:700;display:flex}.divider:after{content:"";background:var(--line);flex:1;height:1px}.detail-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), var(--tongue));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.avatar.sm{width:27px;height:27px;font-size:11px}.pane-t{font-family:var(--font-display);font-size:15px;font-weight:600}.chip{font-family:var(--font-body);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;padding:5px 11px;font-size:11.5px;font-weight:700}button.chip{cursor:pointer;font-family:inherit}.chip.ok{background:var(--success-soft);color:var(--success);border-color:#0000}.chip.no{background:var(--error-soft);color:var(--error);border-color:#0000}.chip.wait{background:var(--streak-bg);color:var(--streak-fg);border-color:#0000}.tabs{border-bottom:1px solid var(--line);gap:16px;margin-bottom:14px;display:flex}.tabs button{color:var(--muted);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 8px}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){.detail-grid{grid-template-columns:1fr}}.block{border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px}.block.tall{min-height:84px}.block b{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.block p{margin:0;font-size:13.5px}.full{grid-column:1/-1}.topic-editable{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--ink);font-size:13.5px;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;margin:-3px -4px;padding:3px 4px;display:block}.topic-editable:hover{background:var(--paper)}.addline{color:var(--muted);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:2px 0;display:inline-flex}.addline b{color:var(--accent-press);font-weight:700;font-size:inherit;text-transform:none;letter-spacing:normal;margin-bottom:0;display:inline}.next-lesson-link{text-align:left;width:100%;color:var(--ink);font-size:13.5px;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;display:block}.next-lesson-link:hover{color:var(--accent)}.empty-detail{min-height:230px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.empty-detail .big{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:600}.hw-list{flex-direction:column;gap:5px;margin-bottom:6px;display:flex}.hw-item{color:var(--ink);background:var(--paper);border-radius:var(--r-sm);align-items:center;gap:7px;padding:6px 9px;font-size:12.5px;display:flex}.hw-item .dot-bullet{background:var(--accent);border-radius:50%;flex:none;width:5px;height:5px}.material-open{cursor:pointer;font-family:inherit;font-size:inherit;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;min-width:0;padding:0;text-decoration:none;overflow:hidden}.material-open:hover{color:var(--accent);text-decoration:underline}.material-size{color:var(--muted);flex:none;margin-left:auto;font-size:11px}.hw-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:2px 4px;font-size:15px;font-weight:700;line-height:1}.hw-remove:hover{color:var(--error)}.hw-add-row{gap:6px;display:flex}.hw-add-row .form-input,.hw-add-row .form-select{flex:1}.hw-add-btn{border-radius:var(--r-sm);background:var(--accent-soft);width:34px;height:34px;color:var(--accent-press);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.hw-add-btn:hover{background:#dedcfc}.checkline{align-items:center;gap:4px;margin-top:4px;display:flex}.checkline.done .checkline-toggle{color:var(--muted);text-decoration:line-through}.checkline-toggle{cursor:pointer;color:var(--ink);font-size:13.5px;font-family:var(--font-body);text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:7px;min-width:0;padding:3px 2px;display:flex}.box{border:1.5px solid var(--line);border-radius:4px;flex:none;width:14px;height:14px;display:inline-block}.box.on{background:var(--success);border-color:var(--success)}.checkline-remove{color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;flex:none;padding:2px 6px;font-size:15px;line-height:1;transition:opacity .15s}.checkline:hover .checkline-remove{opacity:1}.checkline-remove:hover{color:var(--error)}.history-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.history-row{border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px;display:flex}.history-row:hover{background:var(--paper)}.history-row.on{background:var(--accent-soft);border-color:var(--accent)}.history-row .th{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;overflow:hidden}.debt-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.debt-total{font-family:var(--font-display);color:var(--error);font-size:19px;font-weight:700}.debt-group{border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:8px;overflow:hidden}.debt-group.open{border-color:var(--error)}.debt-row{background:var(--surface);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);border:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.debt-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.debt-row .name{font-size:13.5px;font-weight:700}.debt-row .meta{color:var(--muted);font-size:12px}.overdue{color:var(--error);font-weight:700}.debt-row .sum{font-family:var(--font-display);color:var(--error);flex:none;margin-left:auto;font-weight:700}.caret{color:var(--muted);flex:none;transition:transform .15s;display:flex}.caret svg{width:14px;height:14px}.caret.open{transform:rotate(90deg)}.debt-body{border-top:1px solid var(--line);background:var(--paper);padding:8px 12px 10px}.debt-lesson{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:7px 0;display:flex}.debt-lesson:last-of-type{border-bottom:0}.debt-lesson .d{font-family:var(--font-mono);color:var(--muted);flex:none;width:100px;font-size:11px}.debt-lesson .th{color:var(--muted);flex:1;min-width:100px;font-size:13px}.debt-lesson .s{font-size:13px;font-weight:700}.debt-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.form-grid{grid-template-columns:1fr}}.field-label{color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.field-label .opt{text-transform:none;color:var(--muted);opacity:.75;font-weight:600}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-body);color:var(--ink);border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:9px 10px;font-size:13px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);outline:none}.form-input-conflict{border-color:var(--error);background:var(--error-soft)}.checkbox-field{white-space:nowrap;cursor:pointer;align-items:center;gap:7px;padding-bottom:8px;display:flex}.checkbox-field input{width:15px;height:15px}.checkbox-field span{color:var(--muted);font-size:12px;font-weight:600}.form-actions{gap:8px;margin-top:14px;display:flex}@media (width<=640px){.detail-head{gap:8px}.form-actions .btn,.form-actions .btn-ghost{flex:1;justify-content:center}}