*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F5F6FA;--bg-dark: #1A1A2E;--bg-card: #FFF;--bg-card-dark: #252545;--accent: #FF6B35;--accent-light: #FF8C66;--text: #1A1A2E;--text-light: #888;--text-dark-bg: #DDD;--gold: #FFD700;--green: #4CAF50;--radius: 12px;--shadow: 0 2px 8px rgba(0,0,0,.06);--safe-bottom: env(safe-area-inset-bottom, 16px);--lp-panel-bg: #252545;--lp-panel-text: #FFF;--lp-panel-sub: #AAA;--lp-player-bg: #000;--lp-player-border: transparent;--lp-player-shadow: none;--lp-text: #FFF;--lp-sep: #555;--lp-pos: #FFF;--lp-ctrl: #FFF;--lp-ex-bg: rgba(255,255,255,.08);--lp-ex-jp: #EEE;--lp-ex-zh: #999;--lp-ex-btn: #AAA;--lp-ex-btn-border: #555;--lp-fav: #AAA;--lp-fav-border: #555;--lp-hl: #f0a500;--lp-row-bg: #252545;--lp-row-current-bg: #303055;--lp-row-current-border: rgba(255,107,53,.5);--lp-row-current-shadow: 0 0 12px rgba(255,107,53,.35);--lp-row-text: #DDD;--lp-row-idx: #666;--lp-row-current-text: #FFF;--lp-inline-fav: #777;--lp-chip-jp-bg: rgba(255,107,53,.18);--lp-chip-jp-fg: #FF6B35;--lp-chip-cn-bg: rgba(100,149,237,.22);--lp-chip-cn-fg: #7B9FE0;--lp-chip-jpr-bg: rgba(255,140,102,.2);--lp-chip-jpr-fg: #FF8C66;--lp-chip-prog-bg: rgba(180,160,255,.18);--lp-chip-prog-fg: #C4B5FD}[data-theme=day]{--lp-panel-bg: #F5F6FA;--lp-panel-text: #1A1A2E;--lp-panel-sub: #888;--lp-player-bg: #FFF;--lp-player-border: #ECECF1;--lp-player-shadow: 0 2px 10px rgba(0,0,0,.06);--lp-text: #1A1A2E;--lp-sep: #CCC;--lp-pos: #666;--lp-ctrl: #1A1A2E;--lp-ex-bg: rgba(0,0,0,.045);--lp-ex-jp: #1A1A2E;--lp-ex-zh: #777;--lp-ex-btn: #666;--lp-ex-btn-border: #D0D0D8;--lp-fav: #888;--lp-fav-border: #D0D0D8;--lp-hl: #C77700;--lp-row-bg: #FFF;--lp-row-current-bg: #FFF3EC;--lp-row-current-border: rgba(255,107,53,.5);--lp-row-current-shadow: 0 0 10px rgba(255,107,53,.18);--lp-row-text: #1A1A2E;--lp-row-idx: #AAA;--lp-row-current-text: #1A1A2E;--lp-inline-fav: #BBB;--lp-chip-jp-bg: rgba(255,107,53,.12);--lp-chip-jp-fg: #E2551F;--lp-chip-cn-bg: rgba(100,149,237,.14);--lp-chip-cn-fg: #4A73C8;--lp-chip-jpr-bg: rgba(255,140,102,.16);--lp-chip-jpr-fg: #D9633A;--lp-chip-prog-bg: rgba(124,92,255,.12);--lp-chip-prog-fg: #6D4AE0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-dark);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;overflow:hidden}.screen{position:absolute;top:0;left:0;right:0;bottom:64px;overflow-y:auto;background:var(--bg);-webkit-overflow-scrolling:touch}.listening-screen{bottom:0;display:flex;flex-direction:column;overflow:hidden}.listening-screen .word-list-scroll{max-height:none}.topbar{display:flex;align-items:center;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid #EEE;position:sticky;top:0;z-index:10}.topbar-dark{display:flex;align-items:center;padding:10px 16px;background:var(--lp-panel-bg);position:sticky;top:0;z-index:10}.back-btn,.back-btn-light{background:none;border:none;font-size:22px;cursor:pointer;padding:4px 8px}.back-btn,.back-btn-light{color:var(--accent)}.topbar-title{margin-left:8px}.topbar-name{font-size:16px;font-weight:700;color:var(--text)}.topbar-sub{font-size:12px;color:var(--text-light);margin-top:2px}.topbar-name-light{font-size:16px;font-weight:700;color:var(--lp-panel-text)}.topbar-sub-dark{font-size:12px;color:var(--lp-panel-sub);margin-top:2px}.header{padding:24px 20px 16px;background:var(--bg)}.header-title{font-size:28px;font-weight:800;color:var(--text)}.header-sub{font-size:14px;color:var(--text-light);margin-top:4px}.list{padding:0 16px 16px}.card{background:var(--bg-card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s}.card:active{transform:scale(.98)}.book-card{display:flex;align-items:center;margin-bottom:12px;border-left:4px solid var(--accent)}.book-badge{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;margin-right:14px;flex-shrink:0}.book-info{flex:1}.book-name{font-size:17px;font-weight:700;color:var(--text)}.book-level{font-size:13px;color:#666;margin-top:2px}.book-desc{font-size:12px;color:var(--text-light);margin-top:4px}.arrow{font-size:24px;color:#ccc;margin-left:8px}.unit-card{display:flex;align-items:center;margin-bottom:10px}.unit-info{flex:1}.unit-name{font-size:16px;font-weight:600;color:var(--text)}.unit-count{font-size:13px;color:var(--text-light);margin-top:4px}.play-icon{font-size:20px;color:var(--accent);margin-left:8px}.now-section{background:var(--lp-panel-bg);padding:8px 14px 10px;border-radius:0 0 20px 20px}.chip-row{display:flex;gap:4px;justify-content:center;align-items:center;margin-bottom:8px;flex-wrap:nowrap}.chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:11px;border:none;font-size:11px;font-weight:600;cursor:pointer;user-select:none;white-space:nowrap;transition:opacity .15s}.chip:active{opacity:.7}.chip.jp-repeat{background:var(--lp-chip-jp-bg);color:var(--lp-chip-jp-fg)}.chip.cn-repeat{background:var(--lp-chip-cn-bg);color:var(--lp-chip-cn-fg)}.chip.jp-rate{background:var(--lp-chip-jpr-bg);color:var(--lp-chip-jpr-fg)}.chip.cn-rate{background:var(--lp-chip-cn-bg);color:var(--lp-chip-cn-fg)}.chip.progress{background:var(--lp-chip-prog-bg);color:var(--lp-chip-prog-fg);cursor:default}.chip.progress:active{opacity:1}.chip.pregen{background:rgba(45,212,191,.18);color:#5eead4}.chip.pregen:disabled{opacity:.6;cursor:default}.chip.furigana.on{background:rgba(45,212,191,.18);color:#5eead4}.chip.furigana.off{background:var(--lp-chip-prog-bg);color:var(--lp-chip-prog-fg);opacity:.55}.now-card{background:var(--lp-player-bg);border:1px solid var(--lp-player-border);box-shadow:var(--lp-player-shadow);border-radius:16px;padding:14px 16px;text-align:left;box-sizing:border-box}.now-word-line{max-width:fit-content;margin:0 auto;text-align:left;font-size:0;line-height:1.25;word-break:break-all;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.now-kana-text{font-size:22px;font-weight:800;color:var(--lp-text);display:inline;word-break:break-all;line-height:1.25}.now-word-sep{font-size:18px;font-weight:600;color:var(--lp-sep);display:inline;margin:0 6px;white-space:nowrap;line-height:1.25;vertical-align:baseline}.now-kanji-inline{font-size:22px;font-weight:800;color:var(--lp-text);display:inline;word-break:break-all;line-height:1.25}.now-meaning-row{display:block;text-align:center;margin-top:6px;line-height:1.35;word-break:break-word;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.now-meaning{display:inline;font-size:14px;font-weight:600;color:var(--lp-text)}.now-pos{display:inline-block;margin-left:6px;font-size:12px;color:var(--lp-pos);max-width:40%;word-break:break-all;vertical-align:baseline}.speak-label{font-size:12px;font-weight:600;margin-top:6px;color:var(--green)}.controls{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:24px;padding-bottom:2px}.ctrl-btn{background:none;border:none;font-size:22px;color:var(--lp-ctrl);cursor:pointer;padding:8px}.play-btn{width:44px;height:44px;border-radius:22px;background:var(--accent);border:none;font-size:20px;color:#fff;cursor:pointer;transition:background .2s}.play-btn.playing{background:var(--accent-light)}.word-list-scroll{flex:1;overflow-y:auto;padding:10px 14px 14px;-webkit-overflow-scrolling:touch}.word-row{display:flex;align-items:center;background:var(--lp-row-bg);border-radius:10px;padding:6px 12px;margin-bottom:4px;cursor:pointer;transition:all .2s;border:1.5px solid transparent}.word-row-current{background:var(--lp-row-current-bg);border-color:var(--lp-row-current-border);box-shadow:var(--lp-row-current-shadow)}.word-idx{width:32px;text-align:center;font-size:14px;color:var(--lp-row-idx)}.text-hl{color:var(--lp-row-current-text)!important}.text-hl-sub{color:#bbb!important}.word-body{flex:1;margin-left:6px}.word-row-inner{display:flex;align-items:center}.word-text{font-size:18px;font-weight:600;color:var(--lp-row-text)}.word-mean{font-size:14px;color:#999;margin-top:3px;display:block}.now-tag{font-size:11px;font-weight:700;color:var(--accent);background:rgba(255,107,53,.15);padding:2px 6px;border-radius:4px;margin-left:8px}.fav-star{font-size:16px;color:var(--gold);margin-left:6px}.top-section{background:var(--bg-dark);padding:20px 20px 16px}.title-light{font-size:24px;font-weight:800;color:#fff}.play-all-btn{display:flex;align-items:center;gap:8px;background:var(--accent);border:none;border-radius:10px;padding:14px;margin-top:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;width:100%}.tool-row{display:flex;gap:8px;margin-top:12px}.tool-btn{background:rgba(255,255,255,.15);border:none;border-radius:8px;padding:8px 14px;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.folder-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid #EEE}.folder-tab{display:flex;align-items:center;gap:6px;background:#f0f0f5;border:none;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .15s}.folder-tab.active{background:var(--accent);color:#fff}.folder-dot{width:8px;height:8px;border-radius:4px}.folder-play-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;margin-left:2px;flex-shrink:0;transition:transform .15s}.folder-play-btn:hover{transform:scale(1.2)}.folder-tab.active .folder-play-btn{background:#fff;color:var(--accent)}.fav-list-scroll{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.fav-item{display:flex;align-items:center;margin-bottom:8px}.fav-word-info{flex:1}.fav-word{font-size:18px;font-weight:700;color:var(--text)}.fav-meaning{font-size:15px;color:var(--accent);margin-top:3px}.fav-source{font-size:12px;color:#aaa;margin-top:4px}.fav-actions{display:flex;gap:12px}.fav-act-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:8px}.batch-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #EEE;flex-wrap:wrap}.batch-count{font-size:13px;color:var(--text-light);margin-right:auto}.batch-btn{background:var(--accent);border:none;border-radius:8px;padding:7px 14px;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.batch-btn:disabled{opacity:.4;cursor:not-allowed}.batch-btn-danger{background:#ff5252}.fav-item-managing{cursor:pointer}.fav-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:2px solid #CCC;color:#fff;font-size:14px;font-weight:700;margin-right:12px;flex-shrink:0;transition:all .15s}.fav-check-on{background:var(--accent);border-color:var(--accent)}.fav-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;padding:12px 0}.fav-page-btn{background:var(--accent);border:none;border-radius:8px;padding:8px 18px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.fav-page-btn:disabled{opacity:.4;cursor:not-allowed}.fav-page-info{font-size:13px;color:var(--text-light)}.section-title{font-size:14px;font-weight:600;color:var(--text-light);margin-bottom:10px;margin-top:8px;padding:0 4px}.setting-card{margin-bottom:16px;cursor:default}.setting-card:active{transform:none}.setting-label{font-size:16px;font-weight:600;color:var(--text)}.setting-desc{font-size:13px;color:var(--text-light);margin-top:4px;margin-bottom:14px}.repeat-row{display:flex;gap:10px}.repeat-opt{padding:10px 20px;border-radius:10px;background:#f0f0f5;border:none;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .15s}.repeat-opt.active{background:var(--accent);color:#fff}.day-mode-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.day-switch{position:relative;flex-shrink:0;width:48px;height:28px;border-radius:14px;border:none;background:#ccc;cursor:pointer;transition:background .2s;outline:none}.day-switch.on{background:var(--accent)}.day-switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:11px;background:#fff;transition:transform .2s}.day-switch.on .day-switch-knob{transform:translate(20px)}.import-row{display:flex;align-items:center;gap:14px;cursor:pointer}.import-icon{font-size:32px}.import-title{font-size:16px;font-weight:600;color:var(--text)}.import-desc{font-size:13px;color:var(--text-light);margin-top:2px}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--bg-card);box-shadow:0 -2px 8px rgba(0,0,0,.08);padding:8px 0 calc(8px + var(--safe-bottom));z-index:100}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:4px 16px;transition:color .15s}.tab-icon{font-size:22px}.tab-label{font-size:11px;font-weight:600;color:#999}.tab-active .tab-label{color:var(--accent)}.lock-screen{display:flex;justify-content:center;align-items:center;background:var(--bg-dark);bottom:0}.lock-card{text-align:center;padding:40px 32px;background:var(--bg-card-dark);border-radius:20px;width:300px}.lock-icon{font-size:48px;margin-bottom:12px}.lock-title{font-size:22px;font-weight:800;color:#fff}.lock-desc{font-size:14px;color:#aaa;margin-top:8px;margin-bottom:20px}.lock-input{width:100%;padding:14px;border-radius:10px;border:1px solid #555;background:#303055;color:#fff;font-size:16px;text-align:center;margin-bottom:12px;outline:none}.lock-input:focus{border-color:var(--accent)}.lock-error{font-size:13px;color:#e74c3c;margin-bottom:12px}.lock-msg{font-size:13px;color:#2ecc71;margin-bottom:12px}.lock-btn{width:100%;padding:14px;border-radius:10px;background:var(--accent);border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.lock-switch{margin-top:16px;background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:200}.modal-box{background:#fff;border-radius:16px;padding:24px;width:300px}.modal-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:16px}.modal-input{width:100%;padding:12px;border-radius:8px;border:1px solid #DDD;font-size:16px;margin-bottom:16px;outline:none}.modal-input:focus{border-color:var(--accent)}.modal-btns{display:flex;justify-content:flex-end;gap:12px}.btn-cancel{background:#f0f0f5;border:none;border-radius:8px;padding:10px 20px;font-size:15px;color:#666;cursor:pointer}.btn-confirm{background:var(--accent);border:none;border-radius:8px;padding:10px 24px;font-size:15px;color:#fff;font-weight:600;cursor:pointer}.folder-option{display:flex;align-items:center;gap:8px;width:100%;padding:14px;border:none;border-bottom:1px solid #EEE;background:none;font-size:16px;color:var(--text);cursor:pointer;text-align:left}.btn{background:var(--accent);border:none;border-radius:8px;padding:10px 24px;font-size:15px;color:#fff;font-weight:600;cursor:pointer}.fav-toggle-btn{background:none;border:none;cursor:pointer;outline:none;flex-shrink:0;padding:6px 8px;font-size:20px;line-height:1;transition:color .15s,transform .15s}.fav-toggle-btn:active{transform:scale(1.25)}.fav-toggle-btn.inline-fav{color:var(--lp-inline-fav)}.fav-toggle-btn.inline-fav.favd{color:#ff5252}.fav-toggle-btn.player-fav{display:block;margin:8px auto 0;font-size:13px;color:var(--lp-fav);padding:4px 12px;border-radius:12px;border:1px solid var(--lp-fav-border)}.fav-toggle-btn.player-fav.favd{color:#ff5252;border-color:#ff5252;background:rgba(255,82,82,.1)}.app-has-mini .screen{bottom:120px}.app-has-mini.no-tab .screen{bottom:64px}.mini-player{position:fixed;bottom:64px;left:0;right:0;z-index:150;display:flex;align-items:center;gap:8px;background:var(--bg-card-dark);border-top:1px solid #444;padding:8px 14px;padding-bottom:calc(8px + var(--safe-bottom))}.no-tab .mini-player{bottom:0}.mini-info{flex:1;cursor:pointer;min-width:0}.mini-word{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-unit{font-size:12px;color:#aaa;margin-top:2px}.mini-fav-btn{background:none;border:none;font-size:20px;color:#888;cursor:pointer;flex-shrink:0;padding:4px 6px;transition:color .15s,transform .15s}.mini-fav-btn:active{transform:scale(1.25)}.mini-fav-btn.mini-favd{color:#ff5252}.mini-play-btn{background:var(--accent);border:none;border-radius:50%;width:34px;height:34px;font-size:14px;color:#fff;cursor:pointer;flex-shrink:0}.mini-close-btn{background:none;border:none;font-size:18px;color:#888;cursor:pointer;flex-shrink:0;padding:4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}