:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e6ecf2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes menu-item-in{0%{opacity:0;transform:translate(-14px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes soft-pop{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes bar-drop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes answer-reveal{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}*{box-sizing:border-box}body{background:linear-gradient(135deg,#dfe7ee 0%,#eef2f6 48%,#e3edf0 100%);min-width:320px;min-height:100vh;margin:0}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5edf4;background:#0f141a}[data-theme=dark] body{background:linear-gradient(135deg,#080d13 0%,#101821 54%,#0b1118 100%)}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #2563eb47}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.app-shell{background:linear-gradient(#f8fafca3,#f8fafc00 260px),0 0;min-height:100vh}[data-theme=dark] .app-shell{background:linear-gradient(#080d13d1,#080d1300 280px),0 0}.app-shell.is-testing{color:#f8fafc;background:#10161d}.app-bar{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafceb;border:1px solid #cfd8dedb;border-radius:22px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 18px;animation:.28s cubic-bezier(.2,.85,.2,1) both bar-drop;display:grid;position:fixed;top:12px;left:14px;right:14px;box-shadow:0 14px 34px #11182717}[data-theme=dark] .app-bar,[data-theme=dark] .sidebar,[data-theme=dark] .auth-panel,[data-theme=dark] .panel{background:linear-gradient(#161f2af5,#080d13fa);border-color:#94a3b842;box-shadow:0 18px 42px #00000047}.app-title{gap:3px;min-width:0;display:grid}.app-title strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:850;line-height:1.15;overflow:hidden}[data-theme=dark] .app-title strong,[data-theme=dark] .brand h1,[data-theme=dark] .auth-brand h1,[data-theme=dark] .page-header h2,[data-theme=dark] .panel h3,[data-theme=dark] .item-title,[data-theme=dark] .profile-list dd,[data-theme=dark] .manage-item h3,[data-theme=dark] .admin-row strong,[data-theme=dark] .admin-user-card strong,[data-theme=dark] .answer-card-body strong{color:#f8fafc}.app-title span{color:#66747f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.app-actions{justify-content:flex-end;gap:8px;min-width:0;display:flex}.settings-icon-button{width:44px;min-width:44px;padding:0;font-size:22px;line-height:1}.icon-button{color:#17201b;background:#fff;border:1px solid #d6dde2;border-radius:16px;place-items:center;width:44px;min-width:44px;height:44px;display:grid}[data-theme=dark] .icon-button,[data-theme=dark] .ghost-button,[data-theme=dark] .nav-button,[data-theme=dark] .list-item{color:#e5edf4;background:#0f172ab8;border-color:#94a3b847}.icon-button:hover,.ghost-button:hover,.nav-button:hover,.list-item:hover{background:#f8fafc;border-color:#b8c5ce;transform:translateY(-1px)}[data-theme=dark] .icon-button:hover,[data-theme=dark] .ghost-button:hover,[data-theme=dark] .nav-button:hover,[data-theme=dark] .list-item:hover{color:#f8fafc;background:#1e293be0;border-color:#60a5fa61;box-shadow:0 14px 28px #00000038}.menu-button{gap:4px;padding:11px}.menu-button span{background:#17201b;border-radius:999px;width:20px;height:2px;transition:transform .18s,opacity .18s;display:block}[data-theme=dark] .menu-button span{background:#e5edf4}.sidebar-open .menu-button span:first-child{transform:translateY(6px)rotate(45deg)}.sidebar-open .menu-button span:nth-child(2){opacity:0;transform:scaleX(.4)}.sidebar-open .menu-button span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.close-button{margin-left:auto;font-size:26px;line-height:1}.sidebar{z-index:40;transform-origin:0;background:linear-gradient(#eff6ffdb,#fffffff5 34%),#fff;border:1px solid #cfd8dee0;border-radius:0 28px 28px 0;flex-direction:column;gap:22px;width:min(330px,100vw - 34px);max-width:100%;min-height:100vh;padding:24px;transition:transform .26s cubic-bezier(.2,.85,.2,1);display:flex;position:fixed;inset:0 auto 0 0;overflow:auto;transform:translate(-106%)scale(.96);box-shadow:24px 0 60px #1118272e}[data-theme=dark] .sidebar{background:linear-gradient(#1e293bf5,#0f172afa 36%),#0f172a}.sidebar-open .sidebar{transform:translate(0)scale(1)}.sidebar-backdrop{z-index:35;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11182761;border:0;animation:.18s both soft-pop;position:fixed;inset:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#0f766e;background:linear-gradient(135deg,#d1fae5,#dbeafe);border:1px solid #b7e3d0;border-radius:16px;place-items:center;width:44px;height:44px;font-size:14px;font-weight:900;display:grid}.brand h1,.brand p,.page-header h2,.page-header p,.panel h3,.book-detail h3,.answer-index h3,.answer-toolbar h3{margin:0}.brand h1{color:#111827;font-size:20px;line-height:1.1}.brand p{color:#66747f;margin-top:4px;font-size:13px}[data-theme=dark] .app-title span,[data-theme=dark] .brand p,[data-theme=dark] .auth-brand p,[data-theme=dark] .auth-hint,[data-theme=dark] .item-meta,[data-theme=dark] .muted,[data-theme=dark] .empty-note,[data-theme=dark] .profile-list dt,[data-theme=dark] .admin-row span,[data-theme=dark] .admin-row small,[data-theme=dark] .metric-label,[data-theme=dark] .book-detail dl div,[data-theme=dark] .manage-item p,[data-theme=dark] .group-card-main p,[data-theme=dark] .session-card span,[data-theme=dark] .session-card small,[data-theme=dark] .answer-index-top span{color:#a8b5c2}[data-theme=dark] .field span,[data-theme=dark] .segmented legend,[data-theme=dark] .group-rename-form label span,[data-theme=dark] .side-heading,[data-theme=dark] .book-detail p,[data-theme=dark] .json-guide code{color:#cbd5e1}[data-theme=dark] .json-guide strong,[data-theme=dark] .side-group-title,[data-theme=dark] .group-heading,[data-theme=dark] .eyebrow{color:#93c5fd}.nav-tabs{gap:8px;display:grid}.sidebar .nav-button{opacity:0;transform:translate(-12px)}.sidebar-open .nav-button{animation:.32s cubic-bezier(.2,.85,.2,1) both menu-item-in}.sidebar-open .nav-button:first-child{animation-delay:40ms}.sidebar-open .nav-button:nth-child(2){animation-delay:70ms}.sidebar-open .nav-button:nth-child(3){animation-delay:.1s}.sidebar-open .nav-button:nth-child(4){animation-delay:.13s}.sidebar-open .nav-button:nth-child(5){animation-delay:.16s}.sidebar-open .nav-button:nth-child(6){animation-delay:.19s}.sidebar-open .nav-button:nth-child(7){animation-delay:.22s}.sidebar-open .nav-button:nth-child(8){animation-delay:.25s}.sidebar-open .nav-button:nth-child(9){animation-delay:.28s}.nav-button,.list-item,.ghost-button,.primary-button{color:#17201b;background:#fff;border:1px solid #d6dde2;border-radius:16px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.nav-button{text-align:left;isolation:isolate;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:50px;padding:7px 32px 7px 10px;font-size:14px;font-weight:800;display:grid;position:relative;overflow:hidden}.nav-button:after{content:"";opacity:0;border-top:2px solid;border-right:2px solid;width:7px;height:7px;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:14px;transform:translateY(-50%)rotate(45deg)translate(-5px)}.nav-button:before{content:"";opacity:0;background:linear-gradient(#60a5fa,#10b981);border-radius:0 999px 999px 0;width:4px;transition:opacity .18s,transform .18s,background .18s;position:absolute;inset:7px auto 7px 6px;transform:scaleY(.72)}.nav-button:hover:before{opacity:.55;transform:scaleY(1)}.nav-icon{color:#1d4ed8;background:linear-gradient(135deg,#eff6fff5,#ecfdf5eb);border:1px solid #2563eb29;border-radius:14px;place-items:center;width:34px;height:34px;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.nav-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-button.is-active,.list-item.is-active{color:#0f4c81;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border-color:#86bdf8;box-shadow:0 12px 26px #2563eb21}[data-theme=dark] .nav-button.is-active,[data-theme=dark] .list-item.is-active{color:#dbeafe;background:linear-gradient(135deg,#2563eb38,#10b98129);border-color:#60a5fa7a;box-shadow:0 16px 34px #00000047}[data-theme=dark] .nav-icon{color:#bfdbfe;background:#0f172a9e;border-color:#94a3b838}.nav-button:hover .nav-icon,.nav-button.is-active .nav-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#10b981);border-color:#10b98161;transform:scale(1.04)}.nav-button.is-active:after{opacity:.72;transform:translateY(-50%)rotate(45deg)translate(0)}.nav-button.is-active:before{opacity:1;background:linear-gradient(#60a5fa,#10b981);transform:scaleY(1)}.side-section{min-height:0}.sidebar .side-section{opacity:0;transform:translate(-10px)}.sidebar-open .side-section{animation:.32s cubic-bezier(.2,.85,.2,1) both menu-item-in}.sidebar-open .side-section:first-of-type{animation-delay:.25s}.sidebar-open .side-section:nth-of-type(2){animation-delay:.29s}.side-heading{color:#7a8790;text-transform:uppercase;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;font-weight:850;display:flex}.side-list,.answer-list,.side-group{gap:8px;display:grid}.side-group+.side-group{border-top:1px solid #edf1f3;margin-top:10px;padding-top:12px}[data-theme=dark] .side-group+.side-group{border-top-color:#94a3b82e}.side-group-title{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;width:fit-content;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.list-item{text-align:left;border-radius:18px;gap:4px;width:100%;min-height:62px;padding:12px;display:grid}.item-title{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.item-meta,.muted,.empty-note{color:#66747f;font-size:13px}.main{width:min(1180px,100%);min-width:0;margin:0 auto;padding:110px 22px 34px;position:relative}.test-main{width:100%;min-height:100vh;padding:76px 18px 18px}.auth-page{background:linear-gradient(135deg,#d9e4ec 0%,#eef2f6 52%,#e3edf0 100%);place-items:center;min-height:100vh;padding:24px;display:grid}[data-theme=dark] .auth-page{background:#080d13}.auth-panel{background:#fff;border:1px solid #dce4e8;border-radius:26px;gap:18px;width:min(480px,100%);padding:24px;animation:.28s both soft-pop;display:grid;box-shadow:0 18px 40px #1118271f}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand h1,.auth-brand p{margin:0}.auth-brand h1{color:#111827;font-size:24px;line-height:1.1}.auth-brand p,.auth-hint{color:#66747f;font-size:13px}.auth-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.auth-switch button{color:#334155;background:#f8fafc;border:1px solid #d6dde2;border-radius:16px;min-height:42px;font-weight:900}[data-theme=dark] .auth-switch button,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:#e5edf4;background:#0f172ab8;border-color:#94a3b847}.auth-switch button.is-active{color:#065f46;background:#ecfdf5;border-color:#8ddab8}.auth-form{gap:14px;display:grid}.checkbox-field{color:#334155;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.checkbox-field input{accent-color:#10b981;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0}.auth-hint{margin:-4px 0 0;line-height:1.45}.toast{z-index:45;color:#7c3e0f;background:#fff7ed;border:1px solid #f5c56f;border-radius:18px;max-width:min(420px,100vw - 36px);padding:12px 14px;position:fixed;top:78px;right:18px;box-shadow:0 14px 34px #1118271f}.top-actions{z-index:18;gap:8px;display:flex;position:fixed;top:18px;right:16px}.top-actions .ghost-button,.home-button{color:#f8fafc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1720b8;border-color:#94a3b873}.home-button{min-width:72px}.compact-home-button,.compact-logout-button{min-width:64px}.compact-settings-button{min-width:44px}.page-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;display:flex}.header-actions,.stacked-actions{flex-wrap:wrap;gap:8px;display:flex}.stacked-actions{display:grid}.eyebrow{color:#2563eb;letter-spacing:0;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:900}.page-header h2{color:#111827;font-size:clamp(26px,3vw,38px);line-height:1.08}.home-hero{background:linear-gradient(135deg,#fff 0%,#f8fbff 48%,#ecfdf5 100%);border:1px solid #dbeafe;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;padding:28px;display:flex;box-shadow:0 16px 34px #11182712}.home-hero h2,.home-hero p{margin:0}.home-hero h2{color:#111827;font-size:clamp(30px,4vw,46px);line-height:1.05}.home-hero p:not(.eyebrow){color:#66747f;margin-top:10px;font-weight:750}.home-action-grid,.home-summary-grid{gap:16px;display:grid}.home-action-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:16px}.home-summary-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.home-action-card{color:#17201b;text-align:left;background:linear-gradient(#fff,#fbfdff);border:1px solid #dfe5e8;border-radius:24px;align-content:space-between;gap:12px;min-height:172px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 10px 24px #1118270d}.home-action-card:hover{border-color:#8ddab8;transform:translateY(-2px);box-shadow:0 18px 34px #2563eb1f}.home-action-card span{color:#2563eb;font-size:12px;font-weight:900}.home-action-card strong{color:#111827;font-size:21px;line-height:1.12}.home-action-card small{color:#66747f;font-size:13px;line-height:1.4}.home-action-card.is-primary{background:linear-gradient(135deg,#ecfdf5,#eff6ff);border-color:#8ddab8}.home-list{gap:8px;display:grid}[data-theme=dark] .home-hero,[data-theme=dark] .home-action-card{background:linear-gradient(135deg,#1e293bf0 0%,#0f172af5 58%,#064e3bb8 100%);border-color:#94a3b842;box-shadow:0 18px 42px #00000047}[data-theme=dark] .home-hero h2,[data-theme=dark] .home-action-card strong{color:#f8fafc}[data-theme=dark] .home-hero p:not(.eyebrow),[data-theme=dark] .home-action-card small{color:#a8b5c2}.work-grid,.add-grid,.answers-layout,.manage-layout,.groups-layout,.settings-layout,.admin-grid{align-items:start;gap:16px;display:grid}.work-grid{grid-template-columns:minmax(280px,400px) minmax(0,1fr)}.add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.answers-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.manage-layout,.groups-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.settings-layout{grid-template-columns:minmax(240px,320px) minmax(280px,400px) minmax(0,1fr)}.admin-dashboard{margin-top:22px}.admin-header{margin-bottom:14px}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-console-grid{grid-template-columns:minmax(420px,1.15fr) minmax(340px,.85fr);align-items:start;gap:16px;display:grid}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.admin-metrics>div{background:#f8fafce6;border:1px solid #d8e1e8;border-radius:22px;padding:16px;box-shadow:0 10px 24px #1118270d}[data-theme=dark] .admin-metrics>div{background:#0f172a94;border-color:#94a3b838}.admin-library-stack{gap:16px;display:grid}.panel{background:linear-gradient(#fff,#fbfdff);border:1px solid #dfe5e8;border-radius:24px;min-width:0;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 10px 24px #1118270d}.panel:hover{border-color:#d4dee5;box-shadow:0 16px 34px #11182712}[data-theme=dark] .panel:hover{border-color:#94a3b861;box-shadow:0 20px 44px #00000057}.panel h3{color:#111827;margin-bottom:16px;font-size:17px;line-height:1.2}.test-panel,.panel form{gap:16px;display:grid}.profile-panel,.password-panel,.management-panel,.admin-panel,.session-panel{gap:14px;display:grid}.session-panel{grid-column:1/-1}.panel-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-title-row h3{margin-bottom:0}.profile-list{gap:10px;margin:0;display:grid}.profile-list div{border-bottom:1px solid #edf1f3;justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}[data-theme=dark] .profile-list div{border-bottom-color:#94a3b82e}.profile-list dt,.profile-list dd{margin:0}.profile-list dt{color:#66747f;font-size:13px}.profile-list dd{overflow-wrap:anywhere;color:#111827;text-align:right;font-weight:800}.management-actions{gap:8px;display:grid}.theme-panel{gap:16px}.theme-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-option{color:#17201b;text-align:left;background:#fff;border:1px solid #d6dde2;border-radius:20px;align-content:center;gap:5px;min-height:76px;padding:12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.theme-option span{font-size:15px;font-weight:900}.theme-option small{color:#66747f;font-size:12px;font-weight:800}.theme-option.is-active{color:#065f46;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border-color:#8ddab8;box-shadow:0 10px 22px #10b9811f}[data-theme=dark] .theme-option{color:#e5edf4;background:#0f172ab8;border-color:#94a3b847}[data-theme=dark] .theme-option small{color:#a8b5c2}[data-theme=dark] .theme-option.is-active{color:#a7f3d0;background:linear-gradient(135deg,#10b98133,#2563eb33);border-color:#34d39985}.session-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.session-card{background:linear-gradient(135deg,#f8fafc,#f7fee7);border:1px solid #edf1f3;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}[data-theme=dark] .session-card,[data-theme=dark] .admin-row,[data-theme=dark] .manage-item,[data-theme=dark] .group-card,[data-theme=dark] .metric-row>div,[data-theme=dark] .json-guide,[data-theme=dark] .search-form,[data-theme=dark] .file-field,[data-theme=dark] .answer-card{background:linear-gradient(135deg,#0f172ab8,#1e293ba8);border-color:#94a3b838}.session-card.is-current{background:linear-gradient(135deg,#ecfdf5,#eff6ff);border-color:#8ddab8}[data-theme=dark] .session-card.is-current{background:linear-gradient(135deg,#10b9812e,#2563eb29);border-color:#34d39980}.session-card div{gap:4px;min-width:0;display:grid}.session-card strong,.session-card span,.session-card small{overflow-wrap:anywhere}.session-card strong{color:#111827;font-weight:900}.session-card span,.session-card small{color:#66747f;font-size:12px;font-weight:750}.status-pill{color:#047857;background:#dcfce7;border:1px solid #8ddab8;border-radius:999px;place-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-grid}[data-theme=dark] .status-pill{color:#a7f3d0;background:#10b98129;border-color:#34d39980}.search-form{background:linear-gradient(135deg,#f8fafc,#eef6ff);border:1px solid #e0e7ff;border-radius:20px;gap:10px;padding:12px;display:grid}.search-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.answer-search-form{margin-bottom:14px}.account-section{background:#f8fafcb8;border-top:1px solid #edf1f3;border-radius:20px;gap:8px;padding:14px;display:grid}[data-theme=dark] .account-section{background:linear-gradient(135deg,#0f172ab8,#1e293b8a);border:1px solid #94a3b833;box-shadow:inset 0 1px #ffffff0a}.admin-panel{align-content:start;max-height:560px;overflow:auto}.admin-wordbook-detail{gap:14px;margin-top:16px;display:grid}.admin-detail-meta{color:#66747f;font-size:13px;font-weight:800}.admin-row{background:#f8fafc;border:1px solid #edf1f3;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:transform .18s,box-shadow .18s;display:grid}.admin-row:hover{transform:translateY(-1px);box-shadow:0 10px 22px #11182712}.admin-row+.admin-row{margin-top:8px}.admin-row div{gap:4px;min-width:0;display:grid}.admin-row strong,.admin-row span{overflow-wrap:anywhere}.admin-row strong{color:#111827}.admin-row span,.admin-row small{color:#66747f;font-size:12px}.admin-row small{text-align:right;white-space:nowrap}.admin-user-list{gap:12px;display:grid}.admin-user-card{background:#f8fafc;border:1px solid #dce5eb;border-radius:22px;gap:12px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.admin-user-card:hover{border-color:#cbd8e1;transform:translateY(-1px);box-shadow:0 12px 24px #11182712}[data-theme=dark] .admin-user-card{background:#0f172a94;border-color:#94a3b838}.admin-user-heading,.admin-user-footer{justify-content:space-between;gap:12px;display:flex}.admin-user-heading{align-items:flex-start}.admin-user-heading div{gap:4px;min-width:0;display:grid}.admin-user-heading strong,.admin-user-heading span{overflow-wrap:anywhere}.admin-user-heading strong{color:#111827}.admin-user-heading span,.admin-user-heading small{color:#66747f;font-size:12px}.admin-user-heading small{flex:none;font-weight:900}.admin-user-fields,.admin-library-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-user-footer{align-items:center}.admin-stat-pills,.admin-user-actions,.admin-assign-form{flex-wrap:wrap;gap:8px;display:flex}.admin-stat-pills span{color:#1d4ed8;background:#eef6ff;border:1px solid #dbeafe;border-radius:999px;place-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:850;display:inline-grid}[data-theme=dark] .admin-user-heading span,[data-theme=dark] .admin-user-heading small{color:#a8b5c2}[data-theme=dark] .admin-stat-pills span{color:#bfdbfe;background:#2563eb29;border-color:#60a5fa52}.admin-library-form{gap:14px;display:grid}.admin-library-row{align-items:start}.admin-assign-form{justify-content:flex-end}.admin-assign-form select{width:min(220px,100%);min-height:34px}.field{gap:8px;display:grid}.field span,.segmented legend{color:#334155;font-size:13px;font-weight:850}input,select,textarea{color:#111827;background:#fff;border:1px solid #cfd8de;border-radius:16px;outline:none;width:100%;transition:border-color .18s,box-shadow .18s,background .18s}input,select{min-height:46px;padding:0 12px}textarea{resize:vertical;min-height:240px;padding:12px;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98129}.file-field{color:#334155;background:linear-gradient(135deg,#f8fafc,#eef6ff);border:1px dashed #9db0bd;border-radius:20px;place-items:center;min-height:112px;font-weight:800;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative}.file-field:hover{border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 12px 24px #2563eb1a}.file-field input{opacity:0;width:1px;height:1px;position:absolute}.json-guide{background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #dbeafe;border-radius:18px;gap:8px;padding:12px;display:grid}.json-guide strong{color:#1d4ed8;font-size:13px}.json-guide code{overflow-wrap:anywhere;color:#334155;font-size:12px;line-height:1.45}.segmented{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;display:grid}.segmented legend{grid-column:1/-1;margin-bottom:0}.segment input{opacity:0;position:absolute}.segment span{color:#334155;background:#f8fafc;border:1px solid #d6dde2;border-radius:999px;place-items:center;min-height:42px;font-weight:850;transition:transform .16s,border-color .16s,background .16s;display:grid}.segment input:checked+span{color:#065f46;background:linear-gradient(135deg,#dcfce7,#dbeafe);border-color:#8ddab8;box-shadow:0 8px 18px #10b98124}.segment span:hover{transform:translateY(-1px)}.primary-button,.ghost-button,.danger-button{border-radius:999px;place-items:center;min-height:44px;padding:0 16px;font-weight:900;display:inline-grid}[data-theme=dark] .danger-button{color:#fecaca;background:#7f1d1d5c;border-color:#f8717161}.mini-button{min-height:34px;padding:0 10px;font-size:12px}.primary-button{color:#fff;background:linear-gradient(135deg,#059669,#2563eb);border-color:#0000;box-shadow:0 12px 24px #2563eb2e}.primary-button:hover{background:linear-gradient(135deg,#047857,#1d4ed8);border-color:#0000;transform:translateY(-1px);box-shadow:0 16px 30px #2563eb38}.ghost-button{background:#fff}.danger-button{color:#b91c1c;background:#fff1f2;border:1px solid #f0a3a3}.danger-button:hover{background:#ffe4e6;border-color:#ef7b7b}.manage-summary,.manage-list,.group-list,.manage-group{gap:14px;display:grid}.group-heading{color:#2563eb;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:900;display:flex}.group-heading small{color:#66747f;font-size:12px;font-weight:700}.manage-item,.group-card{background:#f8fafc;border:1px solid #edf1f3;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.manage-item:hover,.group-card:hover{border-color:#d8e2e8;transform:translateY(-1px);box-shadow:0 12px 24px #11182712}.manage-item h3,.manage-item p{margin:0}.manage-item h3{overflow-wrap:anywhere;color:#111827;font-size:17px}.manage-item p{color:#66747f;margin-top:6px;font-size:13px}.group-card-main{gap:8px;display:grid}.group-card-main p{color:#66747f;margin:0;font-size:13px}.edit-wordbook-form{align-items:stretch}.edit-wordbook-fields{grid-template-columns:minmax(160px,1fr) minmax(140px,220px) minmax(180px,1fr);gap:10px;display:grid}.group-rename-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.group-rename-form label{gap:6px;display:grid}.group-rename-form label span{color:#334155;font-size:12px;font-weight:800}.group-rename-form input{min-height:40px}.group-rename-form .ghost-button{align-self:end;min-height:40px}.manage-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.detail-panel{gap:18px;display:grid}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.single-metric{grid-template-columns:1fr}.metric-row>div{background:linear-gradient(135deg,#f8fafc,#f0fdfa);border:1px solid #edf1f3;border-radius:20px;padding:16px}.metric-row>div:first-child{border-top:1px solid #edf1f3}[data-theme=dark] .metric-row>div:first-child{border-top-color:#94a3b838}.metric-value,.metric-label{display:block}.metric-value{color:#0f766e;font-size:32px;font-weight:900;line-height:1}.metric-label{color:#66747f;margin-top:6px;font-size:13px}.book-detail{gap:10px;display:grid}.book-detail p{color:#334155;margin:0}.book-detail dl{gap:8px;margin:10px 0 0;display:grid}.book-detail dl div{color:#66747f;justify-content:space-between;gap:16px;display:flex}.book-detail dt,.book-detail dd{margin:0}.answer-list-page,.answer-detail-layout{gap:16px;display:grid}.answer-index{gap:14px;display:grid}.answer-index-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.answer-index-top span{color:#66747f;flex:none;font-size:12px;font-weight:800}.answer-index-top h3,.answer-toolbar h3{margin-bottom:0}.answer-index .answer-list{max-height:calc(100vh - 140px);overflow:auto}.answer-list-page .answer-list{max-height:none}.answer-detail{min-height:520px}.answer-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.download-group,.answer-summary{flex-wrap:wrap;gap:8px;display:flex}.answer-summary{margin-bottom:14px}.answer-summary span{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #dbeafe;border-radius:999px;place-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-grid}.answer-card-list{display:none}.answer-card{background:#f8fafc;border:1px solid #edf1f3;border-radius:20px;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px;display:grid}.answer-number{color:#b45309;border:1px solid #f5c56f;border-radius:14px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.answer-card-body{gap:10px;min-width:0;display:grid}.answer-card-body div{gap:4px;min-width:0;display:grid}.answer-card-body span{color:#66747f;font-size:12px;font-weight:800}.answer-card-body strong{overflow-wrap:anywhere;color:#111827;line-height:1.35}.answer-table-wrap{border:1px solid #dfe5e8;border-radius:20px;overflow:auto}.answer-table{border-collapse:collapse;width:100%;min-width:560px}.answer-table th,.answer-table td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f3;padding:12px 14px}.answer-table th{color:#334155;background:#f8fafc;font-size:13px;position:sticky;top:0}[data-theme=dark] .answer-table-wrap{border-color:#94a3b83d}[data-theme=dark] .answer-table th{color:#cbd5e1;background:#111827}[data-theme=dark] .answer-table th,[data-theme=dark] .answer-table td{border-bottom-color:#94a3b833}.answer-table td:first-child{color:#66747f;width:72px}.stats-filter{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.stats-filter-actions{grid-template-columns:repeat(4,minmax(72px,auto));gap:8px;display:grid}.stats-grid,.stats-overview{gap:16px;display:grid}.stats-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stats-mode-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stats-mode-row span{background:#f8fafc;border:1px solid #dbeafe;border-radius:18px;gap:4px;padding:12px;display:grid}.stats-mode-row strong{color:#1d4ed8;font-size:22px;line-height:1}.stats-mode-row small{color:#66747f;font-weight:800}.stats-daily-panel,.stats-wordbook-panel{gap:14px;display:grid}.stats-bars{grid-auto-columns:minmax(38px,1fr);grid-auto-flow:column;gap:8px;min-height:210px;padding:8px 4px 2px;display:grid;overflow-x:auto}.stats-bar-item{grid-template-rows:22px 150px auto;justify-items:center;gap:8px;min-width:38px;display:grid}.stats-bar-value,.stats-bar-label{color:#66747f;white-space:nowrap;font-size:11px;font-weight:850;line-height:1}.stats-bar-track{background:#e2e8f0;border-radius:999px;align-items:end;width:100%;display:flex;overflow:hidden}.stats-bar-fill{background:linear-gradient(#60a5fa,#34d399);border-radius:999px;width:100%;transition:height .18s}.stats-table-wrap{max-height:520px}.stats-table th:first-child,.stats-table td:first-child{width:auto;min-width:220px;color:inherit}[data-theme=dark] .stats-mode-row span{background:#0f172a94;border-color:#60a5fa3d}[data-theme=dark] .stats-bar-track{background:#94a3b833}.test-stage{background:linear-gradient(135deg,#0b1118 0%,#101923 54%,#111827 100%);border-radius:28px;grid-template-rows:auto 8px minmax(0,1fr) auto;gap:18px;min-height:calc(100dvh - 94px);padding:8px;animation:.26s both soft-pop;display:grid}.test-stage.is-simple{grid-template-rows:auto minmax(0,1fr)}.countdown{color:#7dd3fc;text-shadow:0 18px 50px #7dd3fc4d;font-size:clamp(96px,20vw,220px);font-weight:900;line-height:.9}.stage-top{color:#aebdcc;grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:15px;font-weight:900;display:grid}.progress{background:#243241;border-radius:999px;height:8px;overflow:hidden}.progress progress,.time-gauge progress{appearance:none;background:0 0;border:0;width:100%;height:100%;display:block}.progress progress::-webkit-progress-bar{background:0 0;border-radius:999px}.time-gauge progress::-webkit-progress-bar{background:0 0;border-radius:999px}.progress progress::-webkit-progress-value{background:linear-gradient(90deg,#f59e0b,#34d399);border-radius:999px;transition:width .18s linear}.progress progress::-moz-progress-bar{background:linear-gradient(90deg,#f59e0b,#34d399);border-radius:999px}.stage-center{text-align:center;place-items:center;min-height:0;display:grid}.prompt-word{overflow-wrap:anywhere;color:#f8fafc;text-shadow:0 20px 60px #0f172a73;font-size:clamp(48px,11vw,140px);font-weight:900;line-height:1.05;animation:.22s both soft-pop}.test-stage.has-answer-input{gap:14px}.test-stage.has-answer-input.is-writing{grid-template-rows:auto 8px minmax(0,1fr)}.answer-entry-panel{background:#0f172a47;border:1px solid #94a3b83d;border-radius:24px;justify-items:stretch;gap:14px;width:min(720px,100%);padding:min(4vh,28px);display:grid;box-shadow:0 24px 70px #0000003d}.answer-entry-prompt{overflow-wrap:anywhere;color:#f8fafc;text-align:center;text-shadow:0 18px 52px #0f172a6b;font-size:clamp(30px,8vw,76px);font-weight:900;line-height:1.05}.answer-entry-gauge{width:100%}.answer-entry-field{gap:8px;display:grid}.answer-entry-field span{color:#cbd5e1;font-size:13px;font-weight:900}.answer-entry-field input{background:#fff;border-color:#94a3b880;border-radius:18px;min-height:54px;font-size:20px;font-weight:850}.answer-submit-button{min-height:48px}.answer-feedback-panel{background:#7f1d1d47;border:1px solid #f8717161;border-radius:24px;gap:12px;width:min(680px,100%);padding:min(4vh,30px);animation:.18s both answer-reveal;display:grid}.answer-feedback-panel.is-correct{background:#065f4647;border-color:#34d39970}.answer-feedback-mark{color:#fecaca;text-align:center;font-size:clamp(32px,7vw,68px);font-weight:900;line-height:1}.answer-feedback-panel.is-correct .answer-feedback-mark{color:#a7f3d0}.answer-feedback-row{background:#0f172a3d;border:1px solid #cbd5e12e;border-radius:16px;gap:4px;padding:12px;display:grid}.answer-feedback-row span{color:#cbd5e1;font-size:12px;font-weight:850}.answer-feedback-row strong{overflow-wrap:anywhere;color:#f8fafc;font-size:clamp(18px,4vw,30px)}.memorize-stage .progress progress::-webkit-progress-value{background:#34d399}.memorize-stage .progress progress::-moz-progress-bar{background:#34d399}.memorize-center{align-content:center}.memory-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a47;border:1px solid #94a3b833;border-radius:34px;justify-items:center;gap:28px;width:min(980px,100%);padding:min(5vw,46px);display:grid;box-shadow:0 24px 80px #00000038}.memory-card.is-answer{background:linear-gradient(#0f172a57,#1e293b5c);border-color:#fde68a52;gap:20px;animation:.24s both answer-reveal}.memory-prompt{max-width:100%}.memory-answer{color:#fde68a;overflow-wrap:anywhere;border-top:1px solid #344454;width:min(760px,100%);padding-top:24px;font-size:clamp(30px,7vw,82px);font-weight:900;line-height:1.15;animation:.26s both answer-reveal}.time-gauge{background:#17212c;border:1px solid #344454;border-radius:999px;height:14px;overflow:hidden}.time-gauge progress::-webkit-progress-value{background:#34d399;border-radius:999px;transition:width .1s linear}.time-gauge progress::-moz-progress-bar{background:#34d399;border-radius:999px}@media (width<=900px){.main{padding-left:16px;padding-right:16px}.work-grid,.add-grid,.answers-layout,.manage-layout,.groups-layout,.settings-layout,.home-action-grid,.home-summary-grid,.admin-grid,.admin-console-grid,.admin-metrics{grid-template-columns:1fr}.answer-index{gap:12px}.answer-detail{min-height:0}}@media (width<=700px){.answer-card-list{gap:8px;display:grid}.answer-table-wrap{display:none}}@media (width<=560px){.app-bar{border-radius:20px;grid-template-columns:44px minmax(0,1fr) auto;padding:8px 10px;top:8px;left:8px;right:8px}.compact-home-button,.compact-logout-button{min-width:52px;padding:0 10px}.compact-settings-button{min-width:44px;padding:0}.app-actions{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:6px;display:grid}.app-actions .ghost-button{min-width:0;padding:0 8px;font-size:13px}.main{padding:96px 12px 18px}.test-main{padding:76px 12px 14px}.page-header,.home-hero,.answer-toolbar{flex-direction:column;align-items:stretch}.home-hero{padding:20px}.page-header .ghost-button{width:100%}.answer-index-top{flex-direction:column;align-items:stretch}.download-group{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.download-group .ghost-button{min-width:0;padding:0 8px}.header-actions{display:grid}.search-actions,.segmented,.metric-row,.stats-filter,.stats-filter-actions,.stats-metrics,.stats-mode-row,.manage-item,.group-card,.group-rename-form,.edit-wordbook-fields,.session-list,.session-card,.admin-row,.admin-user-fields,.admin-library-fields{grid-template-columns:1fr}.admin-user-heading,.admin-user-footer{flex-direction:column;align-items:stretch}.admin-user-actions,.admin-assign-form{grid-template-columns:1fr;display:grid}.admin-assign-form select{width:100%}.profile-list div{flex-direction:column;align-items:flex-start}.profile-list dd,.admin-row small{text-align:left}.mini-button{width:100%}.manage-actions{justify-content:stretch}.manage-actions>*{flex:1}.group-heading{flex-direction:column;align-items:flex-start}.prompt-word{font-size:clamp(42px,18vw,96px)}.test-stage.has-answer-input{gap:10px;padding:6px}.test-stage.has-answer-input.is-writing{min-height:calc(100dvh - 86px)}.answer-entry-panel{border-radius:18px;gap:10px;padding:12px}.answer-entry-prompt{font-size:clamp(26px,10vw,48px);line-height:1.08}.answer-entry-field input{min-height:48px;font-size:18px}.answer-submit-button{min-height:44px}.answer-feedback-panel{gap:10px;padding:14px}.memory-card{gap:18px}.memory-answer{padding-top:18px;font-size:clamp(28px,13vw,64px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
