:root{--ink:#18232b;--muted:#87939d;--line:#e8ecef;--canvas:#f7f8fc;--white:#fff;--teal:#087e78;--teal-dark:#076863;--teal-pale:#e8f5f3;--lime:#d9ef96;--coral:#ee896f;--shadow:0 12px 35px rgba(35,52,62,.055);font-family:'DM Sans','Noto Sans SC',sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:27px 17px 16px;background:#fff;border-right:1px solid #edf0f2;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 11px;margin-bottom:48px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--teal);color:#fff;font-size:18px;box-shadow:0 5px 12px #087e7830}.brand-dot{color:var(--coral)}.side-label{color:#a2abb2;font-size:10px;font-weight:700;letter-spacing:1.55px;text-transform:uppercase;padding:0 13px;margin-bottom:10px}.main-nav{display:grid;gap:4px}.nav-link{height:44px;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:13px;color:#697780;font-weight:500;transition:.15s}.nav-link:hover{background:#f5f8f8;color:var(--ink)}.nav-link.active{background:var(--teal-pale);color:var(--teal);font-weight:700}.nav-icon{display:grid;place-items:center;width:19px;font-size:17px}.nav-count{margin-left:auto;background:#f0f2f4;border-radius:20px;padding:2px 7px;font-size:10px;color:#74808a}.side-bottom{margin-top:auto}.daily-card{display:flex;align-items:center;gap:11px;padding:13px 11px;margin:0 2px 14px;background:#f7f8f7;border-radius:12px}.daily-spark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf4d6;color:#68832c;font-size:18px}.daily-card strong,.daily-card span:not(.daily-spark){display:block}.daily-card strong{font-size:12px}.daily-card div span{color:var(--muted);font-size:10px;margin-top:3px}.sidebar-foot{border-top:1px solid #edf0f2;padding:17px 7px 2px;display:flex;align-items:center;gap:9px;margin-top:14px}.avatar{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:50%;background:#dceeea;color:var(--teal);font-size:12px;font-weight:700}.sidebar-foot strong,.sidebar-foot div span{display:block}.sidebar-foot strong{font-size:11px}.sidebar-foot div span{font-size:9px;color:var(--muted);margin-top:3px}.local-dot{width:7px;height:7px;border-radius:50%;background:#6ebe8d;margin-left:auto}.main-area{margin-left:244px;min-height:100vh}.topbar{height:68px;padding:0 42px;border-bottom:1px solid #eceff2;display:flex;align-items:center;justify-content:space-between;background:#ffffffa8}.breadcrumb{font-size:12px;color:#89949b}.breadcrumb span{padding:0 9px;color:#bdc5ca}.breadcrumb strong{font-weight:600;color:#37454d}.top-actions{display:flex;align-items:center;gap:15px}.local-badge{font-size:10px;color:#718078;background:#eef5ef;border-radius:20px;padding:7px 10px}.local-badge i{display:inline-block;width:6px;height:6px;background:#64ad7c;border-radius:50%;margin-right:5px}.avatar-small{width:30px;height:30px}.menu-toggle{display:none}.page-content{max-width:1160px;padding:35px 44px 60px;margin:0 auto}.eyebrow{font-size:10px;color:var(--teal);font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:28px}.page-heading h1{margin:7px 0 7px;font:800 29px/1.25 Manrope,'Noto Sans SC',sans-serif;letter-spacing:-.9px}.page-heading p{margin:0;color:#849098;font-size:13px}.button{border:0;border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--teal);color:white;box-shadow:0 5px 12px #087e7825}.button-primary:hover{background:var(--teal-dark)}.button-secondary{background:#f2f5f5;color:#435158}.button-ghost{background:transparent;color:#66757e;border:1px solid var(--line)}.button-danger{background:#fff1ed;color:#bb5c48}.button-small{padding:8px 11px;font-size:11px}.hero-card{position:relative;overflow:hidden;background:#eaf4ef;border-radius:16px;padding:31px 34px;min-height:222px;display:flex;align-items:center;margin-bottom:21px}.hero-copy{position:relative;z-index:1;max-width:530px}.hero-copy .eyebrow{color:#638b75}.hero-copy h2{font:700 25px/1.4 Manrope,'Noto Sans SC',sans-serif;letter-spacing:-.6px;margin:12px 0 7px}.hero-copy p{color:#6f8177;font-size:12px;margin:0 0 20px}.hero-decoration{position:absolute;right:72px;top:23px;width:214px;height:174px}.hero-circle{position:absolute;inset:9px 18px 0 17px;border-radius:50%;background:#d7ebdd}.hero-book{position:absolute;top:20px;left:60px;width:92px;height:118px;background:#fcfff8;border-radius:6px 14px 14px 6px;box-shadow:13px 8px 0 #afd4c0,0 12px 22px #799c8740;transform:rotate(7deg);display:grid;place-items:center;color:var(--teal);font:800 44px Manrope}.hero-book:after{content:'WORDS TO GROW';font:700 6px Manrope;letter-spacing:1.5px;position:absolute;bottom:16px;color:#87a894}.float-word{position:absolute;padding:7px 10px;background:white;border-radius:8px;font-size:10px;font-weight:700;box-shadow:var(--shadow)}.float-one{top:13px;right:5px;transform:rotate(6deg)}.float-two{bottom:5px;left:2px;color:var(--teal);transform:rotate(-8deg)}.float-star{position:absolute;right:14px;bottom:11px;color:#efaa61;font-size:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:21px}.metric-card,.panel{background:white;border:1px solid #edf0f2;border-radius:13px;box-shadow:0 3px 15px #22313b04}.metric-card{padding:16px 17px;min-height:105px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#849098;font-size:11px}.metric-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:var(--teal);background:#ecf6f2}.metric-value{font:800 24px Manrope,sans-serif;letter-spacing:-1px;margin-top:13px}.metric-value small{font:500 11px 'DM Sans',sans-serif;color:#8a969c;letter-spacing:0}.home-lower{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(255px,.8fr);gap:15px}.panel{padding:20px 21px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h3{font-size:13px;margin:0;font-weight:700}.text-link{border:0;background:transparent;padding:0;color:var(--teal);font-size:11px;font-weight:700}.progress-track{height:6px;background:#edf0f1;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:var(--teal);border-radius:8px;transition:width .25s}.week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:19px}.week-day{text-align:center;color:#a0aab0;font-size:9px}.week-bar-wrap{height:55px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:6px}.week-bar{width:18px;max-height:50px;border-radius:5px 5px 3px 3px;background:#d9eee8;min-height:4px}.week-bar.today{background:var(--teal)}.empty-note{padding:20px;text-align:center;color:#929ca2;font-size:12px}.quick-actions{display:grid;gap:9px}.quick-action{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;text-align:left}.quick-action:hover{border-color:#add3c9;background:#fbfefd}.quick-action-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eff6f2;color:var(--teal);font-size:16px}.quick-action strong,.quick-action span{display:block}.quick-action strong{font-size:11px}.quick-action span{font-size:9px;color:#96a0a6;margin-top:3px}.study-layout{max-width:810px;margin:0 auto}.study-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;color:#7f8d94;font-size:11px}.study-topline strong{color:var(--ink)}.study-progress{height:5px;background:#e9edee;border-radius:6px;margin-bottom:20px}.study-progress .progress-fill{background:#a6c96e}.study-card{background:#fff;border:1px solid #edf0f2;border-radius:16px;padding:34px 42px 28px;box-shadow:var(--shadow)}.study-settings{display:flex;gap:8px;justify-content:center;margin-bottom:25px}.pill{padding:7px 11px;border-radius:20px;background:#f3f6f5;color:#708079;font-size:10px}.pill select{border:0;outline:0;color:#52645a;background:transparent;font-size:10px}.study-prompt-label{text-align:center;color:#96a0a5;font-size:10px;letter-spacing:.5px}.study-meaning{text-align:center;font:700 29px 'Noto Sans SC',sans-serif;margin:13px 0 6px}.study-phonetic{text-align:center;color:#8a989e;font-size:12px;min-height:18px}.sentence-box{max-width:510px;margin:18px auto 0;padding:11px 15px;border-left:2px solid #a9d2c5;background:#f6faf8;color:#7c8a88;font-size:12px;line-height:1.7}.sentence-translation{font-size:10px;color:#a1aaa8;margin-top:3px}.study-listen{display:flex;justify-content:center;margin:22px 0 16px}.listen-button{display:flex;align-items:center;gap:9px;border:1px solid #dce8e4;background:#f6faf8;color:var(--teal);padding:9px 15px;border-radius:25px;font-size:11px;font-weight:700}.listen-button:hover{background:#edf6f2}.sound-icon{font-size:17px}.answer-input{display:block;width:min(100%,430px);margin:0 auto;border:1.5px solid #dfe6e5;outline:none;border-radius:10px;padding:14px 17px;text-align:center;color:var(--ink);font:600 18px Manrope,sans-serif;letter-spacing:1px;transition:.15s}.answer-input:focus{border-color:#77b8a5;box-shadow:0 0 0 3px #087e7812}.answer-input::placeholder{font:400 12px 'DM Sans','Noto Sans SC',sans-serif;letter-spacing:0;color:#b0b9bd}.study-controls{display:flex;justify-content:center;gap:9px;margin-top:13px;flex-wrap:wrap}.study-status{text-align:center;min-height:28px;margin:17px 0 0;font-size:13px;font-weight:700}.study-status.correct{color:#21865d}.study-status.wrong{color:#cf614d}.study-status.neutral{color:#708078;font-size:11px;font-weight:500}.hint-area{text-align:center;color:#708078;font:600 17px Manrope,sans-serif;letter-spacing:7px;margin-top:10px}.answer-reveal{text-align:center;margin:10px 0 0;color:#6f7d84;font-size:12px}.answer-reveal strong{color:var(--teal);font:700 15px Manrope,sans-serif;margin-left:7px}.study-footnote{text-align:center;color:#a2aaaf;font-size:10px;margin-top:17px}.kbd{display:inline-grid;place-items:center;min-width:20px;padding:2px 5px;margin:0 2px;border:1px solid #dfe4e6;border-radius:4px;background:#fff;color:#869198;font-size:9px}.study-below{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.study-stat{padding:12px 13px;background:white;border:1px solid #edf0f2;border-radius:10px;display:flex;justify-content:space-between;color:#87939a;font-size:10px}.study-stat strong{color:#34434a;font-size:11px}.filter-row{display:flex;align-items:center;gap:9px;margin-bottom:16px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:180px}.search-box input{width:100%;height:37px;padding:0 12px 0 34px;border:1px solid var(--line);border-radius:8px;outline:0;background:white;font-size:11px}.search-box:before{content:'⌕';position:absolute;left:12px;top:8px;color:#96a0a5;font-size:17px}.select-control{height:37px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:white;color:#617079;font-size:11px;outline:0}.table-wrap{overflow-x:auto}.word-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.word-table th{padding:11px 13px;background:#f8f9fa;color:#96a0a6;font-size:10px;font-weight:600}.word-table td{padding:13px;border-bottom:1px solid #f0f2f3;font-size:11px;color:#59676e}.word-table tr:last-child td{border-bottom:0}.word-name{font:700 13px Manrope,sans-serif;color:#25353d!important}.word-tag{display:inline-block;padding:4px 7px;border-radius:6px;background:#eff6f3;color:#598477;font-size:9px}.row-actions{display:flex;gap:5px}.row-action{border:0;background:transparent;color:#8a969b;font-size:11px;padding:5px}.row-action:hover{color:var(--teal)}.empty-state{text-align:center;padding:45px 15px;color:#929ca2}.empty-state-icon{font-size:28px;color:#a3c9bd;margin-bottom:9px}.empty-state strong{display:block;color:#46565d;font-size:13px;margin-bottom:5px}.empty-state span{font-size:11px}.record-list{display:grid;gap:9px}.record-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:white}.record-item strong{font:700 13px Manrope}.record-item span{font-size:10px;color:#86939a}.record-result{font-size:10px;font-weight:700}.record-result.good{color:#26815f}.record-result.bad{color:#cd6b57}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.stat-large{padding:19px}.stat-large .metric-value{font-size:29px}.stat-hint{font-size:10px;color:#9ba4a8;margin-top:5px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-section{padding:20px}.settings-section h3{font-size:13px;margin:0 0 5px}.settings-section>p{font-size:10px;color:#89959b;margin:0 0 16px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f2f3;gap:12px}.setting-row:last-child{border:0}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:11px}.setting-row span{font-size:9px;color:#929da2;margin-top:3px}.setting-row select,.setting-row input[type=range]{width:120px}.setting-row select{padding:7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#47565e;font-size:10px}.switch{appearance:none;width:34px;height:19px;border-radius:20px;background:#d8dfe0;position:relative;transition:.2s}.switch:checked{background:var(--teal)}.switch:after{content:'';position:absolute;width:13px;height:13px;top:3px;left:3px;background:white;border-radius:50%;transition:.2s}.switch:checked:after{left:18px}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#1221266e;padding:20px}.modal{width:min(100%,540px);max-height:90vh;overflow:auto;background:white;border-radius:15px;padding:25px;box-shadow:0 25px 80px #101d2555}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0;font-size:17px}.modal-close{border:0;background:#f2f4f5;border-radius:50%;width:29px;height:29px;color:#748188}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:grid;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-size:10px;color:#738088;font-weight:600}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #e2e7e9;border-radius:8px;padding:10px 11px;outline:none;font-size:11px;color:#283941}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#83b9a9}.form-field textarea{min-height:66px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast-root{position:fixed;right:25px;bottom:24px;z-index:50;display:grid;gap:8px}.toast{padding:11px 15px;border-radius:9px;color:white;background:#263a3e;box-shadow:var(--shadow);font-size:11px;animation:toast-in .2s ease}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-scrim{display:none}
@media(max-width:1050px){.sidebar{width:215px}.main-area{margin-left:215px}.page-content{padding-left:28px;padding-right:28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.hero-decoration{right:30px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .22s;width:250px;box-shadow:12px 0 30px #1d30300d}.sidebar.open{transform:translateX(0)}.mobile-scrim.visible{display:block;position:fixed;inset:0;background:#1b29294d;z-index:9}.main-area{margin-left:0}.topbar{height:58px;padding:0 18px}.menu-toggle{display:block;border:0;background:transparent;color:#617078;font-size:16px}.breadcrumb{margin-right:auto;margin-left:12px;font-size:10px}.top-actions{gap:8px}.local-badge{font-size:0;padding:8px}.local-badge i{margin:0}.page-content{padding:25px 17px 42px}.page-heading{align-items:flex-start;margin-bottom:19px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.6}.page-heading>.button{padding:10px 11px;font-size:10px;white-space:nowrap}.hero-card{min-height:190px;padding:25px 21px}.hero-copy{max-width:65%}.hero-copy h2{font-size:21px}.hero-copy p{font-size:10px;line-height:1.6}.hero-decoration{right:-46px;transform:scale(.8)}.home-lower{grid-template-columns:1fr}.metric-card{min-height:95px;padding:13px}.metric-value{font-size:21px}.study-card{padding:25px 17px 20px}.study-meaning{font-size:25px}.study-layout{margin:0}.study-below{gap:6px}.study-stat{padding:10px 8px;display:grid;gap:6px}.settings-grid{grid-template-columns:1fr}.record-item{gap:9px;grid-template-columns:1fr auto}.record-item>span:nth-child(2){display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.metric-grid{gap:8px}.metric-card{padding:11px}.metric-top{font-size:9px}.metric-icon{width:23px;height:23px}.hero-decoration{right:-67px;opacity:.75}.hero-copy{max-width:76%}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.study-settings{flex-wrap:wrap}.study-controls .button{padding:9px 11px}.stat-grid{grid-template-columns:1fr 1fr}}

:root{transition:background-color .2s ease,color .2s ease}
html[data-theme="dark"]{color-scheme:dark;--ink:#e3e8e8;--muted:#a0abad;--line:#3b4549;--canvas:#1b2023;--white:#252c30;--teal:#69bdb1;--teal-dark:#83cfc2;--teal-pale:#293b3a;--lime:#c2d889;--coral:#df907a;--shadow:0 12px 35px rgba(0,0,0,.18);background:var(--canvas);color:var(--ink)}
html[data-theme="dark"] body,html[data-theme="dark"] .main-area{background:var(--canvas);color:var(--ink)}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .study-card,html[data-theme="dark"] .study-stat,html[data-theme="dark"] .record-item,html[data-theme="dark"] .modal{background:#252c30;border-color:#343e42;color:#e3e8e8}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar{border-color:#333d41}
html[data-theme="dark"] .topbar{background:#20272a}
html[data-theme="dark"] .nav-link{color:#aab5b7}html[data-theme="dark"] .nav-link:hover{background:#2b3438;color:#e7eeee}html[data-theme="dark"] .nav-link.active{background:#293b3a;color:#82cfc2}html[data-theme="dark"] .nav-count{background:#343e42;color:#bdc7c9}
html[data-theme="dark"] .daily-card{background:#2d3536}html[data-theme="dark"] .daily-spark{background:#394333;color:#c2d889}html[data-theme="dark"] .sidebar-foot{border-color:#394246}
html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .breadcrumb strong,html[data-theme="dark"] .page-heading h1,html[data-theme="dark"] .panel-head h3,html[data-theme="dark"] .settings-section h3,html[data-theme="dark"] .metric-value,html[data-theme="dark"] .study-meaning,html[data-theme="dark"] .word-name,html[data-theme="dark"] .record-item strong,html[data-theme="dark"] .empty-state strong,html[data-theme="dark"] .setting-row strong{color:#e3e8e8!important}
html[data-theme="dark"] .page-heading p,html[data-theme="dark"] .settings-section>p,html[data-theme="dark"] .setting-row span,html[data-theme="dark"] .metric-top,html[data-theme="dark"] .stat-hint,html[data-theme="dark"] .study-topline,html[data-theme="dark"] .study-prompt-label,html[data-theme="dark"] .study-footnote,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .record-item span{color:#a0abad}
html[data-theme="dark"] .hero-card{background:#293832}html[data-theme="dark"] .hero-copy h2{color:#e2ebe5}html[data-theme="dark"] .hero-copy p{color:#adbbb1}html[data-theme="dark"] .hero-circle{background:#34483d}html[data-theme="dark"] .hero-book{background:#d6e2d6;color:#276b66}html[data-theme="dark"] .float-word{background:#303a38;color:#d6e2dd}
html[data-theme="dark"] .quick-action,html[data-theme="dark"] .search-box input,html[data-theme="dark"] .select-control,html[data-theme="dark"] .setting-row select,html[data-theme="dark"] .form-field input,html[data-theme="dark"] .form-field textarea,html[data-theme="dark"] .form-field select,html[data-theme="dark"] .answer-input{background:#1e2528;color:#e1e8e8;border-color:#414c50}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#849194}
html[data-theme="dark"] .word-table th{background:#20272a;color:#a4b0b2}html[data-theme="dark"] .word-table td{color:#c1cbcc;border-color:#343e42}html[data-theme="dark"] .word-table tr:last-child td{border-color:transparent}html[data-theme="dark"] .word-tag{background:#2b3b38;color:#a9d6c9}
html[data-theme="dark"] .quick-action:hover{background:#293431;border-color:#52776e}html[data-theme="dark"] .quick-action-icon,html[data-theme="dark"] .metric-icon{background:#2a3a37;color:#83cfc2}
html[data-theme="dark"] .pill{background:#30383b;color:#c0cbcb}html[data-theme="dark"] .listen-button{background:#293634;border-color:#415550;color:#83cfc2}html[data-theme="dark"] .listen-button:hover{background:#31433f}html[data-theme="dark"] .sentence-box{background:#252f2d;color:#c0cdca}html[data-theme="dark"] .sentence-translation{color:#a0adaa}
html[data-theme="dark"] .answer-input:focus{border-color:#69bdb1;box-shadow:0 0 0 3px #69bdb122}html[data-theme="dark"] .kbd{background:#30383b;border-color:#465154;color:#bdc8ca}
html[data-theme="dark"] .button-secondary{background:#343d40;color:#d0dada}html[data-theme="dark"] .button-ghost{color:#bec9ca;border-color:#465154}html[data-theme="dark"] .button-danger{background:#49332f;color:#f0aa98}
html[data-theme="dark"] .modal-backdrop{background:#0e1315bb}html[data-theme="dark"] .modal-close{background:#343d40;color:#c7d0d1}html[data-theme="dark"] .form-field label{color:#b3bfc0}html[data-theme="dark"] .setting-row{border-color:#374145}html[data-theme="dark"] .progress-track,html[data-theme="dark"] .study-progress{background:#364044}
html[data-theme="dark"] .local-badge{background:#2c3b35;color:#b6d1bd}html[data-theme="dark"] .avatar{background:#304541;color:#92d5c9}html[data-theme="dark"] .theme-toggle{color:#e7cf86}
html[data-theme="dark"] .bulk-preview,html[data-theme="dark"] .bulk-table-wrap{border-color:#3a4549}html[data-theme="dark"] .bulk-table th{background:#20272a;color:#aab6b7}html[data-theme="dark"] .bulk-table td{border-color:#374145}html[data-theme="dark"] .bulk-table input{background:#1e2528;color:#e3e8e8;border-color:#414c50}html[data-theme="dark"] .bulk-subtitle,html[data-theme="dark"] .bulk-note,html[data-theme="dark"] .bulk-placeholder,html[data-theme="dark"] .bulk-summary,html[data-theme="dark"] .bulk-raw{color:#a5b0b2}html[data-theme="dark"] .bulk-status.is-found{color:#85c9a3}html[data-theme="dark"] .bulk-status.is-warning{color:#e5bb7d}
html[data-theme="dark"] .study-status.correct{color:#83d3a8}html[data-theme="dark"] .study-status.wrong{color:#ec9b89}html[data-theme="dark"] .answer-reveal,html[data-theme="dark"] .hint-area{color:#b4c1c0}
html[data-theme="dark"] .mobile-scrim.visible{background:#0e13158c}
html[data-theme="dark"] *,html[data-theme="dark"] *::before,html[data-theme="dark"] *::after{transition-property:background-color,color,border-color,box-shadow}
.theme-toggle{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:transparent;color:#52645a;font-size:17px;display:grid;place-items:center}

html[data-theme="dark"] *,html[data-theme="dark"] *::before,html[data-theme="dark"] *::after{transition-duration:.2s}

.bulk-modal{width:min(100%,980px);max-height:94vh;padding:23px 25px}
.bulk-modal .modal-head{align-items:flex-start;margin-bottom:15px}
.bulk-subtitle{margin:5px 0 0;color:#87939d;font-size:11px;line-height:1.6}
#bulk-source{min-height:96px;max-height:170px;line-height:1.55}
.bulk-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}
.bulk-summary{margin-left:auto;color:#7e8a90;font-size:10px}
.bulk-preview{max-height:42vh;overflow:auto;border:1px solid #e8ecef;border-radius:9px}
.bulk-placeholder{padding:20px;text-align:center;color:#87939d;font-size:11px}
.bulk-table{width:100%;min-width:740px;border-collapse:collapse;text-align:left}
.bulk-table th{position:sticky;top:0;z-index:1;padding:9px 10px;background:#f7f9f9;color:#78868c;font-size:10px;font-weight:600}
.bulk-table td{padding:7px 8px;border-top:1px solid #edf0f2;vertical-align:middle}
.bulk-table td:first-child,.bulk-table th:first-child{width:44px;text-align:center}
.bulk-table input:not([type=checkbox]){width:100%;min-width:100px;border:1px solid #e2e7e9;border-radius:6px;padding:7px 8px;background:#fff;color:#283941;font-size:11px;outline:0}
.bulk-table .bulk-word{min-width:130px}.bulk-table .bulk-phonetic{min-width:145px}
.bulk-table input:focus{border-color:#83b9a9}
.bulk-table tr.is-duplicate{background:#fffaf0}
.bulk-status{white-space:nowrap;font-size:10px;color:#75838a}.bulk-status.is-found{color:#398665}.bulk-status.is-warning{color:#ad7a2e}
.bulk-raw{margin-top:4px;color:#9a6e3b;font-size:9px;white-space:normal}
.bulk-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:13px}
.bulk-note{max-width:60%;color:#869298;font-size:9px;line-height:1.6}.bulk-note a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.bulk-footer .modal-actions{margin:0;white-space:nowrap}
.bulk-select{accent-color:var(--teal)}
@media(max-width:760px){.bulk-modal{padding:18px 15px}.bulk-footer{align-items:stretch;flex-direction:column;gap:8px}.bulk-note{max-width:none}.bulk-footer .modal-actions{justify-content:flex-end}.bulk-preview{max-height:38vh}}

html[data-theme="dark"] .bulk-table tr.is-duplicate{background:#332f28}

.bulk-table{min-width:680px;table-layout:fixed}
.bulk-table th:first-child,.bulk-table td:first-child{width:24%;text-align:left}
.bulk-table th:nth-child(2),.bulk-table td:nth-child(2){width:31%}
.bulk-table th:nth-child(3),.bulk-table td:nth-child(3){width:25%}
.bulk-table th:last-child,.bulk-table td:last-child{width:20%}

/* Category-aware bulk import and vocabulary groups */
.study-launch{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:20px;flex-wrap:wrap}.study-launch .select-control{min-width:220px;width:auto}
.word-group-row td{background:var(--surface-muted,#f4f6f5);padding:12px 16px!important;border-top:1px solid var(--border,#e5e9e8);color:var(--text,#25302e)}.word-group-row span{margin-left:10px;color:var(--muted,#7c8884);font-size:12px}.word-group-row .row-action{float:right}
.word-note{margin-top:4px;color:var(--muted,#798581);font-size:12px;line-height:1.45;white-space:pre-wrap}
.bulk-modal{width:min(100%,1180px)}.bulk-preview{max-height:50vh;overflow:auto}.bulk-group{margin:0 0 12px;border:1px solid var(--border,#e3e8e6);border-radius:12px;overflow:hidden}.bulk-group>summary{position:sticky;top:0;z-index:1;cursor:pointer;list-style:none;padding:12px 15px;background:var(--surface-muted,#f4f6f5);font-weight:650;color:var(--text,#25302e)}.bulk-group>summary::-webkit-details-marker{display:none}.bulk-group[open]>summary{border-bottom:1px solid var(--border,#e3e8e6)}.bulk-table-wrap{overflow:auto}.bulk-table{width:100%;min-width:930px;table-layout:fixed;border-collapse:collapse}.bulk-table th,.bulk-table td{padding:8px;border-bottom:1px solid var(--border,#e7ebea);text-align:left;vertical-align:middle}.bulk-table th{font-size:11px;color:var(--muted,#78847f)}.bulk-table th:first-child,.bulk-table td:first-child{width:42px;text-align:center}.bulk-table th:nth-child(2){width:24%}.bulk-table th:nth-child(3){width:17%}.bulk-table th:nth-child(4){width:15%}.bulk-table th:nth-child(5){width:15%}.bulk-table th:nth-child(6){width:25%}.bulk-table input:not([type=checkbox]),.bulk-table select{width:100%;min-width:0;padding:8px 9px;font-size:12px}.bulk-table select{margin-bottom:5px}.bulk-table .bulk-note-input{margin-bottom:5px}.bulk-table .bulk-status{display:block;font-size:11px}.bulk-table .bulk-raw{font-size:10px;color:var(--muted,#78847f);margin-top:3px}.bulk-table tr.is-duplicate{opacity:.63}.bulk-select{accent-color:var(--accent,#4b8e7a)}.bulk-other{border-style:dashed}
html[data-theme=dark] .word-group-row td,html[data-theme=dark] .bulk-group>summary{background:var(--surface-muted,#292f32);color:var(--text,#e3e8e8)}html[data-theme=dark] .word-note{color:var(--muted,#a4afae)}html[data-theme=dark] .bulk-group{border-color:var(--border,#3a4245)}html[data-theme=dark] .bulk-group>summary,html[data-theme=dark] .bulk-table th,html[data-theme=dark] .bulk-table td{border-color:var(--border,#3a4245)}
@media(max-width:760px){.study-launch{flex-direction:column;align-items:stretch}.study-launch .select-control{width:100%}.bulk-modal{padding:18px 14px}.bulk-preview{max-height:46vh}.bulk-table{min-width:860px}.bulk-footer{align-items:flex-start;gap:12px}}

/* Directory management */
.word-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.directory-modal{width:min(100%,620px)}.directory-create{display:flex;gap:9px;margin-bottom:16px}.directory-create input,.directory-delete-modal select,.inline-directory-create input{min-width:0;flex:1;border:1px solid #e2e7e9;border-radius:8px;padding:10px 11px;background:#fff;color:#283941;font-size:12px}.directory-list{max-height:52vh;overflow:auto;display:grid;gap:8px}.directory-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid #e9edef;border-radius:10px}.directory-item>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.directory-item strong{font-size:13px;overflow-wrap:anywhere}.directory-item span{font-size:11px;color:#89959b;white-space:nowrap}.directory-item .row-actions{flex-shrink:0}.danger-action{color:#b85d4c}.directory-delete-modal{width:min(100%,480px)}.directory-delete-modal>p{color:#738088;font-size:13px;line-height:1.7}.directory-move-label{display:block;font-size:11px;color:#738088;font-weight:600;margin:14px 0 6px}.directory-delete-modal select{width:100%;flex:auto}.directory-delete-actions{display:grid;gap:9px;margin-top:18px}.inline-directory-create{display:flex;gap:8px;margin-top:8px}.inline-directory-create[hidden]{display:none}
html[data-theme=dark] .directory-item{border-color:#3a4245}html[data-theme=dark] .directory-item span,html[data-theme=dark] .directory-delete-modal>p,html[data-theme=dark] .directory-move-label{color:#a4afae}html[data-theme=dark] .directory-create input,html[data-theme=dark] .directory-delete-modal select,html[data-theme=dark] .inline-directory-create input{background:#262c2f;border-color:#3d474a;color:#e3e8e8}
@media(max-width:760px){.page-heading:has(.word-page-actions){display:block}.word-page-actions{margin-top:13px}.word-page-actions .button{padding:9px 10px;font-size:10px}.directory-create{flex-direction:column}.directory-item{align-items:flex-start;flex-direction:column}.directory-item>div:first-child{justify-content:space-between;width:100%}}
.word-name{display:flex;align-items:center;gap:9px}.word-cell-copy{display:grid;gap:3px;min-width:0}.word-cell-copy small{font:400 9px 'DM Sans',sans-serif;color:#98a2a8}.word-select{flex:0 0 auto;width:16px;height:16px;accent-color:var(--teal)}.word-more-button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:transparent;color:#64727a;font-size:20px;line-height:1;font-weight:700;letter-spacing:1px}.word-more-button:hover{background:#f3f6f6;color:var(--teal)}.word-action-sheet{width:min(100%,420px);padding:17px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #111d2550}.word-action-title{display:flex;justify-content:space-between;align-items:center;padding:0 2px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}.word-action-title strong{font-size:14px}.word-action-sheet>[data-word-menu-action]{display:block;width:100%;min-height:48px;padding:12px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left;font-size:13px}.word-action-sheet>[data-word-menu-action]:hover{background:#f3f6f6}.word-action-sheet>[data-word-menu-action].word-action-delete{color:#b85d4c}.bulk-selection-bar{position:sticky;top:8px;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-12px 0 15px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--white);box-shadow:var(--shadow)}.bulk-selection-bar>span{margin-right:auto;font-size:12px;color:var(--muted)}.bulk-selection-bar>span strong{color:var(--ink)}.bulk-selection-bar .button:disabled{opacity:.48;cursor:not-allowed;transform:none}.move-words-modal>select{width:100%;border:1px solid #e2e7e9;border-radius:8px;padding:10px 11px;background:#fff;color:#283941;font-size:12px}
html[data-theme=dark] .word-more-button{border-color:#414a4d;color:#bbc5c6}html[data-theme=dark] .word-more-button:hover,html[data-theme=dark] .word-action-sheet>[data-word-menu-action]:hover{background:#30383b}html[data-theme=dark] .word-action-sheet{background:#252b2e;border-color:#3c4548}html[data-theme=dark] .word-action-title{border-color:#3c4548}html[data-theme=dark] .word-action-sheet>[data-word-menu-action]{color:#e2e8e8}html[data-theme=dark] .word-action-sheet>[data-word-menu-action].word-action-delete{color:#f0a08e}html[data-theme=dark] .bulk-selection-bar{background:#252b2e;border-color:#3c4548}html[data-theme=dark] .bulk-selection-bar>span strong{color:#e3e8e8}html[data-theme=dark] .move-words-modal>select{background:#262c2f;border-color:#3d474a;color:#e3e8e8}
@media(max-width:760px){.bulk-selection-bar{top:4px;gap:6px;padding:9px}.bulk-selection-bar .button{min-height:38px;padding:8px 9px;font-size:10px}.bulk-selection-bar>span{width:100%;margin:0}.word-more-button{width:40px;height:40px;font-size:21px}.word-menu-backdrop{align-items:end;padding:12px}.word-action-sheet{width:100%;max-width:none;padding:14px;border-radius:18px 18px 12px 12px}.word-action-sheet>[data-word-menu-action]{min-height:52px;font-size:15px}.word-page-actions{gap:6px}.word-page-actions .button{padding:9px 10px;font-size:10px}}

/* Two-level vocabulary browser */
.library-search-row{display:flex;align-items:center;gap:12px;margin:0 0 16px}.library-search-row .search-box{flex:1;max-width:none}.library-result-count{font-size:11px;color:var(--muted);white-space:nowrap}.directory-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.directory-card{min-width:0;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 15px #22313b04;transition:transform .15s,border-color .15s}.directory-card:hover{transform:translateY(-2px);border-color:#cbd9d5}.directory-card-top{display:flex;justify-content:space-between;align-items:center}.directory-card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--teal-pale);color:var(--teal);font-size:17px}.directory-count{font-size:10px;color:var(--muted)}.directory-card h2{margin:14px 0 6px;font-size:16px}.directory-preview{min-height:20px;margin:0 0 14px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-card .button{min-height:38px}.directory-breadcrumb{display:flex;align-items:center;gap:9px;margin:-12px 0 15px;color:var(--muted);font-size:11px}.directory-breadcrumb .text-link{font-size:11px}.directory-word-list{display:grid;gap:8px}.directory-word-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,180px) 42px;align-items:center;gap:13px;padding:12px 14px;background:var(--white);border:1px solid var(--line);border-radius:11px;transition:border-color .15s}.directory-word-item:hover{border-color:#cbd9d5}.directory-word-main{display:flex;align-items:center;gap:11px;min-width:0}.directory-word-copy{display:grid;grid-template-columns:minmax(95px,.7fr) minmax(100px,1fr);align-items:center;gap:13px;min-width:0;width:100%}.directory-word-copy strong{font-size:14px;overflow-wrap:anywhere}.directory-word-copy span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.directory-word-phonetic{font-size:12px;color:var(--muted);text-align:right;overflow-wrap:anywhere}.directory-word-item[hidden],.directory-card[hidden]{display:none!important}.library-empty{grid-column:1/-1;padding:35px;text-align:center}.library-empty strong,.library-empty span{display:block}.library-empty strong{font-size:14px}.library-empty span{margin-top:7px;color:var(--muted);font-size:12px}
html[data-theme=dark] .directory-card,html[data-theme=dark] .directory-word-item{background:#252b2e;border-color:#3a4245}html[data-theme=dark] .directory-card:hover,html[data-theme=dark] .directory-word-item:hover{border-color:#52605f}html[data-theme=dark] .directory-card h2,html[data-theme=dark] .directory-word-copy strong{color:#e3e8e8}html[data-theme=dark] .directory-preview,html[data-theme=dark] .directory-count,html[data-theme=dark] .directory-word-copy span,html[data-theme=dark] .directory-word-phonetic,html[data-theme=dark] .library-empty span{color:#a4afae}
@media(max-width:1000px){.directory-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.directory-card-grid{grid-template-columns:1fr;gap:9px}.directory-card{padding:15px}.directory-card h2{margin-top:10px}.directory-word-item{grid-template-columns:minmax(0,1fr) 40px;gap:8px;padding:11px 10px}.directory-word-main{grid-column:1;grid-row:1}.directory-word-copy{grid-template-columns:1fr;gap:3px}.directory-word-copy strong{font-size:13px}.directory-word-copy span{font-size:11px}.directory-word-phonetic{grid-column:1;grid-row:2;text-align:left;padding-left:27px;font-size:11px}.directory-word-item>.word-more-button{grid-column:2;grid-row:1/3}.directory-word-item .word-select{width:17px;height:17px}.directory-breadcrumb{margin-top:-5px}.library-search-row{gap:8px}}

/* Compact, full-card directory entry */
.directory-card{padding:11px 13px;cursor:pointer}.directory-card-heading{display:flex;align-items:center;gap:9px;min-width:0}.directory-card-icon{width:29px;height:29px;flex:0 0 29px;border-radius:8px;font-size:14px}.directory-card .directory-card-heading h2{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.3}.directory-card .directory-count{margin-left:auto;white-space:nowrap;font-size:10px}.directory-card-arrow{margin-left:2px;color:var(--muted);font-size:17px;line-height:1}.directory-preview{min-height:0;margin:5px 0 0;padding-left:38px;font-size:10px;line-height:1.4}.directory-card:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.directory-card:hover .directory-card-arrow{color:var(--teal);transform:translateX(2px)}
@media(max-width:760px){.directory-card-grid{gap:7px}.directory-card{padding:9px 11px;border-radius:11px}.directory-card-heading{gap:8px}.directory-card-icon{width:25px;height:25px;flex-basis:25px;border-radius:7px;font-size:12px}.directory-card .directory-card-heading h2{font-size:13px}.directory-card .directory-count{font-size:10px}.directory-card-arrow{font-size:16px}.directory-preview{padding-left:33px;margin-top:4px;font-size:10px;line-height:1.3}}
.startup-setting{grid-column:1/-1}.startup-setting>p{margin-bottom:12px}.startup-options{display:flex;gap:10px;flex-wrap:wrap}.startup-option{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 13px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:12px;cursor:pointer}.startup-option input{margin:0;accent-color:var(--teal)}.startup-option:has(input:checked){border-color:#8ebdb1;background:var(--teal-pale)}
html[data-theme=dark] .startup-option{border-color:#414a4d;color:#e3e8e8}html[data-theme=dark] .startup-option:has(input:checked){border-color:#497c73;background:#293b39}
@media(max-width:760px){.startup-options{display:grid;grid-template-columns:1fr}.startup-option{min-height:46px}}
.record-item,.directory-word-item{content-visibility:auto;contain-intrinsic-size:auto 58px}
.page-transition{animation:page-enter .2s cubic-bezier(.22,.61,.36,1) both;backface-visibility:hidden}
@keyframes page-enter{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:760px){.page-transition{animation-duration:.18s}}
@media(prefers-reduced-motion:reduce){.page-transition{animation:none}}
.study-picker{width:min(100%,560px);margin:18px auto 0;text-align:left}.study-scope-options{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.study-scope-option{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--muted);font-size:11px;cursor:pointer}.study-scope-option input,.study-category-option input{margin:0;accent-color:var(--teal)}.study-scope-option:has(input:checked){border-color:var(--teal);background:var(--teal-pale);color:var(--teal);font-weight:650}.study-category-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:180px;overflow:auto;margin-top:10px;padding:1px}.study-category-options[hidden]{display:none}.study-category-option{display:flex;align-items:center;gap:8px;min-width:0;min-height:39px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font-size:11px;cursor:pointer}.study-category-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-category-option small{margin-left:auto;color:var(--muted);font-size:10px}.study-category-empty{grid-column:1/-1;padding:10px;color:var(--muted);font-size:11px}.study-launch-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.study-launch-summary strong{color:var(--ink);font-size:15px}.study-launch-summary .button:disabled{opacity:.48;cursor:not-allowed;transform:none}
@media(max-width:760px){.study-picker{margin-top:15px}.study-scope-options{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr}.study-scope-option{min-height:42px;padding:8px 9px}.study-scope-option:last-child{grid-column:1/-1}.study-category-options{grid-template-columns:1fr;max-height:210px}.study-category-option{min-height:43px}.study-launch-summary{align-items:center}}

/* New Concept English course import and study picker */
.nce-import-modal{width:min(100%,1120px);max-height:94dvh;display:flex;flex-direction:column;padding:20px 22px}
.nce-import-summary{display:grid;gap:5px;margin:2px 0 13px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--teal-pale);color:var(--muted);font-size:11px;line-height:1.55}
.nce-import-summary strong{color:var(--ink);font-size:13px}
.nce-import-summary .nce-source-fallback{color:#8a713d}
.nce-import-preview{min-height:0;max-height:49vh;overflow:auto;padding-right:3px}
.nce-preview-columns,.nce-word-preview-row{display:grid;grid-template-columns:minmax(100px,1.1fr) minmax(85px,.9fr) minmax(70px,.65fr) minmax(130px,1.45fr) minmax(135px,1.3fr);align-items:center;gap:10px}
.nce-preview-columns{position:sticky;top:0;z-index:3;padding:8px 11px;background:var(--surface-muted);color:var(--muted);font-size:10px}
.nce-book-preview,.nce-lesson-preview{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.nce-book-preview{margin:8px 0;background:var(--white)}
.nce-book-preview>summary,.nce-lesson-preview>summary{display:flex;align-items:center;gap:10px;min-height:39px;padding:9px 11px;cursor:pointer;list-style:none;color:var(--ink);font-size:11px}
.nce-book-preview>summary::-webkit-details-marker,.nce-lesson-preview>summary::-webkit-details-marker{display:none}
.nce-book-preview>summary::before,.nce-lesson-preview>summary::before{content:'›';color:var(--teal);font-size:17px;line-height:1;transition:transform .15s}
.nce-book-preview[open]>summary::before,.nce-lesson-preview[open]>summary::before{transform:rotate(90deg)}
.nce-book-preview>summary span,.nce-lesson-preview>summary span{margin-left:auto;color:var(--muted);font-weight:400}
.nce-book-select-row{padding:0 9px 8px}
.nce-book-select,.nce-lesson-select{display:flex;align-items:center;gap:9px;min-height:37px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--ink);font-size:11px;cursor:pointer}
.nce-book-select input,.nce-lesson-select input{flex:0 0 auto;margin:0;accent-color:var(--teal);width:16px;height:16px}
.nce-book-select small,.nce-lesson-select small{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}
.nce-book-select.is-imported,.nce-lesson-select.is-imported{color:var(--muted);cursor:default}
.nce-book-select input:disabled,.nce-lesson-select input:disabled{opacity:.5}
.nce-lessons-preview{padding:0 8px 8px}
.nce-lesson-preview{margin-top:6px;background:var(--surface-muted)}
.nce-lesson-preview>summary{min-height:35px;padding:7px 10px;font-size:10px}
.nce-lesson-option{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(125px,.35fr);align-items:center;gap:7px;margin-top:6px}
.nce-lesson-option .nce-lesson-select{min-width:0}
.nce-lesson-option .nce-lesson-preview{margin:0}
.nce-lesson-option .nce-lesson-preview>summary{min-height:37px;justify-content:center;padding:6px 9px;white-space:nowrap}
.nce-import-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0;padding-top:12px;border-top:1px solid var(--line)}
.nce-word-preview-list{padding:2px 9px 7px;background:var(--white)}
.nce-word-preview-row{min-height:34px;padding:6px 2px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
.nce-word-preview-row:last-child{border-bottom:0}
.nce-word-preview-row strong{color:var(--ink);font-size:11px;overflow-wrap:anywhere}
.nce-word-preview-row span{overflow-wrap:anywhere}
.nce-word-preview-row small{font-size:9px;line-height:1.35}
.nce-import-note{padding-top:9px;color:var(--muted);font-size:10px;line-height:1.55}
.nce-import-note a{color:var(--teal)}
.nce-import-message{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:140px;color:var(--muted);font-size:13px}
.nce-import-message.is-error{color:#b85d4c}
.nce-import-modal .modal-actions{flex-shrink:0;padding-top:13px}
.study-newconcept-options{display:grid;gap:9px;margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--white)}
.study-newconcept-options[hidden]{display:none}
.study-course-book-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:var(--muted);font-size:11px}
.study-course-book-row .select-control{width:100%;min-width:0}
.study-course-all{display:flex;align-items:center;gap:8px;min-height:36px;color:var(--ink);font-size:11px}
.study-course-all input{margin:0;accent-color:var(--teal)}
.study-course-lessons{max-height:230px;margin-top:0}
.nce-other-words{margin-top:22px}
.nce-other-words h3{margin:0 0 10px;color:var(--ink);font-size:13px}
html[data-theme=dark] .nce-import-summary{background:#293b39;border-color:#3b5550}
html[data-theme=dark] .nce-book-preview,html[data-theme=dark] .nce-word-preview-list,html[data-theme=dark] .study-newconcept-options{background:#252b2e}
html[data-theme=dark] .nce-book-preview>summary,html[data-theme=dark] .nce-lesson-preview>summary{color:#e3e8e8}
html[data-theme=dark] .nce-lesson-preview{background:#202629}
html[data-theme=dark] .nce-book-select,html[data-theme=dark] .nce-lesson-select{background:#202629;border-color:#3a4245;color:#e3e8e8}
html[data-theme=dark] .nce-book-select.is-imported,html[data-theme=dark] .nce-lesson-select.is-imported{color:#a5b0b2}
html[data-theme=dark] .nce-word-preview-row{border-color:#3a4245}
html[data-theme=dark] .nce-word-preview-row strong,html[data-theme=dark] .nce-import-summary strong,html[data-theme=dark] .nce-other-words h3{color:#e3e8e8}
html[data-theme=dark] .nce-import-summary .nce-source-fallback{color:#d6c38e}
html[data-theme=dark] .nce-preview-columns{background:#292f32}
@media(max-width:760px){.nce-import-modal{width:100%;max-height:96dvh;padding:14px 12px}.nce-import-summary{padding:10px;font-size:10px}.nce-import-preview{max-height:48dvh}.nce-preview-columns{display:none}.nce-word-preview-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 9px;padding:8px 3px}.nce-word-preview-row strong{font-size:11px}.nce-word-preview-row span:nth-of-type(1){text-align:right}.nce-word-preview-row span:nth-of-type(2){display:none}.nce-word-preview-row small{grid-column:1/-1}.nce-import-note{font-size:9px}.nce-import-footer{position:sticky;bottom:0;align-items:center;gap:8px;background:var(--white);padding-top:10px}.nce-import-footer .modal-actions{padding-top:0}.nce-lesson-option{grid-template-columns:minmax(0,1fr) auto;gap:6px}.nce-lesson-select{min-height:42px;padding:6px 8px;gap:7px;font-size:10px}.nce-lesson-select small{font-size:9px}.nce-lesson-option .nce-lesson-preview>summary{min-height:42px;padding:6px 8px;font-size:9px}.nce-book-select{min-height:40px}.study-course-book-row{grid-template-columns:1fr}.study-course-lessons{max-height:190px}.nce-import-message{align-items:flex-start;flex-direction:column;justify-content:center}}

/* Home quick actions: compact, readable and theme-aware */
.quick-actions{gap:8px}
.quick-action{min-height:60px;gap:11px;padding:9px 11px;border-radius:11px;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.quick-action-icon,.quick-action .quick-action-icon{flex:0 0 37px;width:37px;height:37px;margin:0;border-radius:10px;background:#eaf4ef;color:var(--teal);font-size:18px;line-height:1}
.quick-action .quick-action-emoji{display:grid;width:26px;height:26px;place-items:center;margin:0;font-size:18px;line-height:1;transform:translateY(-.5px)}
.quick-action:nth-child(1) .quick-action-emoji{font-size:18px}
.quick-action:nth-child(2) .quick-action-emoji{font-size:15px}
.quick-action:nth-child(3) .quick-action-emoji{font-size:14px}
.quick-action .quick-action-copy{display:grid;flex:1;min-width:0;gap:3px}
.quick-action .quick-action-copy strong{display:block;overflow:hidden;color:var(--ink);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.quick-action .quick-action-copy>span{display:block;margin:0;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.quick-action .quick-action-arrow{display:grid;flex:0 0 20px;place-items:center;margin:0;color:var(--muted);font-size:15px;transition:transform .16s ease,color .16s ease}
.quick-action:hover{background:#fbfefd;border-color:#add3c9}
.quick-action:hover .quick-action-arrow{color:var(--teal);transform:translateX(2px)}
.quick-action:active{transform:scale(.99)}
.quick-action:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
html[data-theme=dark] .quick-action-icon{background:#2a3a37;color:#83cfc2}
html[data-theme=dark] .quick-action{background:#1e2528}
html[data-theme=dark] .quick-action:hover{background:#293431;border-color:#52776e}
@media(max-width:760px){.quick-actions{gap:7px}.quick-action{min-height:56px;gap:10px;padding:8px 10px}.quick-action-icon,.quick-action .quick-action-icon{flex-basis:36px;width:36px;height:36px;font-size:18px}.quick-action .quick-action-emoji{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.quick-action,.quick-action .quick-action-arrow{transition:none}}