.flashcard-shell{width:100%;max-width:580px;padding:2rem 1.75rem;padding-bottom:100px;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(255,236,200,.6),transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,210,180,.5),transparent 50%),linear-gradient(160deg,#fdf6e9,#f7ecd8)}.flashcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-left{display:flex;align-items:center;gap:.5rem}.flashcard-title{font-family:PingFang SC,Hiragino Sans GB,YouYuan,STHupo,Microsoft YaHei,sans-serif;font-size:2rem;font-weight:800;color:#5c3d2e;letter-spacing:.05em;margin:0;text-shadow:2px 2px 0px rgba(255,255,255,.8),0px 0px 15px rgba(232,163,23,.15)}.header-actions{display:flex;gap:.6rem}.icon-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fffaf0;border:2px solid #d1bba6;border-radius:14px;cursor:pointer;font-size:1.1rem;box-shadow:0 4px 10px #bc987226;transition:all .2s ease}.icon-btn.active{background:#f2e3d0;border-color:#a68b72}.icon-btn.primary{background:#d96b53;color:#fffaf0;border-color:#b8553d}.icon-btn:hover{transform:translateY(-2px) scale(1.05)}.back-btn{width:36px!important;height:36px!important;font-size:1.4rem!important;padding-bottom:4px}.search-bar{margin-bottom:1rem;animation:fadeIn .2s ease}.search-bar input{width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;color:#5c3d2e;background:#fffaf0cc;border:2px solid #d1bba6;border-radius:12px;outline:none}.search-bar input:focus{border-color:#d96b53;box-shadow:0 0 0 3px #d96b5333}.deck-list{display:flex;flex-direction:column;gap:.8rem}.deck-item{display:flex;align-items:center;gap:.8rem;padding:1.1rem 1.2rem;background:linear-gradient(135deg,#fffdf7,#fdf3e1);border:2px solid #d1bba6;border-radius:18px;box-shadow:0 6px 16px #a8896c1f;position:relative}.deck-icon{font-size:1.6rem;filter:drop-shadow(1px 1px 0px rgba(255,255,255,.8))}.deck-info{flex:1;display:flex;flex-direction:column;cursor:pointer}.deck-name{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:700;color:#5c3d2e;font-size:1.1rem}.deck-count{font-size:.8rem;color:#a68b72;margin-top:.1rem}.inline-edit-input{width:100%;padding:.3rem .5rem;font-family:inherit;font-size:1rem;font-weight:700;color:#5c3d2e;background:#fffaf0;border:2px solid #d96b53;border-radius:6px;outline:none}.deck-actions{display:flex;align-items:center;gap:.3rem}.dots-btn{background:transparent;border:none;font-size:1.5rem;color:#a68b72;cursor:pointer;padding:0 .3rem;line-height:1}.dots-btn:hover{color:#d96b53}.dropdown-menu{position:absolute;top:50%;right:3rem;background:#fffaf0;border:2px solid #d1bba6;border-radius:10px;box-shadow:0 8px 20px #a8896c33;display:flex;flex-direction:column;z-index:10;padding:.3rem;min-width:100px}.dropdown-menu button{background:transparent;border:none;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:700;color:#5c3d2e;text-align:left;border-radius:6px;cursor:pointer}.dropdown-menu button:hover{background:#f2e3d0}.dropdown-menu button.danger{color:#d96b53}.dropdown-menu button.danger:hover{background:#fce8e4}.sort-arrows{display:flex;flex-direction:column;gap:.2rem}.sort-btn{background:#fffaf0;border:1px solid #d1bba6;border-radius:4px;color:#5c3d2e;font-size:.8rem;padding:.1rem .4rem;cursor:pointer}.sort-btn:hover{background:#f2e3d0;border-color:#d96b53}.flashcard-empty{text-align:center;padding:4rem 1rem;animation:fadeIn .3s ease}.flashcard-empty p{margin:0;font-size:1.2rem;font-weight:700;color:#a68b72}.empty-hint{font-size:.9rem!important;font-weight:500!important;margin-top:.5rem!important;color:#c4aa92!important}.flashcard-modal{border-radius:20px;border:2px solid #d1bba6;background:#fdf6e9}.flashcard-modal .modal-label{color:#5c3d2e}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.card-icon svg{transition:transform .2s ease}.card-icon:hover svg{transform:rotate(-15deg) scale(1.1)}.deck-item.selecting{border-color:#d96b53;background:#fff7f5}.deck-checkbox{font-size:1.2rem;cursor:pointer;padding-right:.3rem;display:flex;align-items:center}.batch-actions-bar{position:fixed;bottom:70px;left:50%;transform:translate(-50%);width:90%;max-width:500px;display:flex;align-items:center;justify-content:space-between;background:#5c3d2e;padding:.8rem 1.2rem;border-radius:16px;box-shadow:0 10px 30px #5c3d2e66;z-index:1000;animation:fadeInUp .25s ease}.batch-count{color:#fdf6e9;font-size:.9rem;font-weight:700}.batch-btn{background:transparent;border:none;color:#fdf6e9;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;padding:.3rem .6rem;border-radius:6px;transition:background .2s}.batch-btn:hover{background:#ffffff26}.batch-btn.danger{color:#ff7e67}.move-deck-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.move-deck-item{padding:.8rem 1rem;background:#fffaf0;border:2px solid #d1bba6;border-radius:10px;cursor:pointer;font-weight:700;color:#5c3d2e;transition:border-color .2s}.move-deck-item:hover{border-color:#d96b53;background:#fdf3e1}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.practice-options{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.practice-option-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fffaf0;border:2px solid #d1bba6;border-radius:12px;cursor:pointer;transition:all .2s ease}.practice-option-card:hover{border-color:#d96b53;transform:translateY(-2px);background:#fdf3e1}.practice-icon{font-size:2rem;flex-shrink:0}.practice-info{display:flex;flex-direction:column}.practice-title{font-weight:800;color:#5c3d2e;font-size:1.05rem}.practice-desc{font-size:.8rem;color:#a68b72;margin-top:.2rem}.export-form{display:flex;flex-direction:column;margin-top:.5rem}.export-label{font-size:.85rem;font-weight:700;color:#5c3d2e;margin-bottom:.3rem}.radio-group{display:flex;gap:1rem;margin-top:.3rem}.radio-group label{font-size:.9rem;color:#5c3d2e;display:flex;align-items:center;gap:.3rem;font-weight:600;cursor:pointer}.practice-btn{background:#f2e3d0!important;color:#d96b53!important;font-weight:900!important;font-size:1.1rem!important;border-color:#d96b53!important}.practice-btn:hover{background:#d96b53!important;color:#fffaf0!important}.practice-stats{margin-top:1rem;padding:.8rem;background:#fdf3e1;border-radius:8px;text-align:center;border:1px dashed #d1bba6}.practice-stats p{margin:0;color:#5c3d2e;font-size:.95rem}.practice-stats strong{color:#d96b53;font-size:1.2rem}.batch-input-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5c3d2e80;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.batch-input-box{background:#fdf6e9;width:100%;max-width:600px;max-height:90vh;border-radius:20px;border:2px solid #d1bba6;box-shadow:0 10px 30px #5c3d2e4d;display:flex;flex-direction:column;overflow:hidden}.batch-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:2px solid #d1bba6;background:#f2e3d0}.batch-header h3{margin:0;font-size:1.1rem;color:#5c3d2e}.close-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;color:#a68b72}.batch-step1{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.batch-hint{margin:0;color:#a68b72;font-size:.9rem}.batch-textarea{width:100%;height:220px;padding:1rem;font-family:inherit;font-size:1rem;color:#5c3d2e;background:#fffaf0;border:2px solid #d1bba6;border-radius:12px;resize:vertical;outline:none}.batch-textarea:focus{border-color:#d96b53}.batch-actions{display:flex;justify-content:flex-end;gap:.8rem}.batch-step2{padding:1rem;display:flex;flex-direction:column;overflow-y:auto;flex:1}.batch-table-header{display:flex;justify-content:space-between;padding:0 .5rem .8rem;color:#5c3d2e;font-size:.9rem;font-weight:700}.batch-check{cursor:pointer;-webkit-user-select:none;user-select:none}.batch-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:50vh}.batch-row{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;background:#fffaf0;border:2px solid #d1bba6;border-radius:10px}.batch-row-main{display:flex;flex-direction:column;gap:.2rem;flex:1}.batch-front{font-weight:800;color:#5c3d2e;font-size:1rem}.batch-back{font-size:.8rem;color:#a68b72}.batch-row-actions{display:flex;gap:.3rem}.edit-btn,.delete-btn{background:transparent;border:none;font-size:1.1rem;cursor:pointer;padding:.2rem}.batch-footer{display:flex;justify-content:space-between;padding:1rem .5rem 0;border-top:2px solid #d1bba6;margin-top:.8rem}.pos-options{display:flex;gap:.4rem;margin-top:.3rem;flex-wrap:wrap}.pos-btn{padding:.3rem .6rem;background:#f2e3d0;border:1px solid #d1bba6;border-radius:6px;cursor:pointer;font-weight:700;color:#5c3d2e;font-family:inherit;font-size:.85rem}.pos-btn:hover{background:#d96b53;color:#fffaf0}.card-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.card-item{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;background:linear-gradient(135deg,#fffdf7,#fdf3e1);border:2px solid #d1bba6;border-radius:14px;box-shadow:0 4px 10px #a8896c14;cursor:pointer;transition:all .2s ease}.card-item:hover{border-color:#d96b53;transform:translateY(-2px)}.card-item-front{font-weight:800;color:#5c3d2e;font-size:1.05rem;min-width:80px}.card-item-meta{display:flex;flex-direction:column;flex:1;gap:.1rem}.card-item-phonetic{font-size:.75rem;color:#a68b72}.card-item-back{font-size:.85rem;color:#8a7a66}.card-item-actions{display:flex;gap:.3rem}.card-item.selecting{border-color:#d96b53;background:#fff7f5}.todo-add:disabled{opacity:.6;cursor:not-allowed}.move-tree{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem;padding-right:4px}.move-tree-node{display:flex;flex-direction:column}.move-tree-item{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#fffaf0;border:1.5px solid #d1bba6;border-radius:8px;cursor:pointer;font-weight:700;color:#5c3d2e;transition:all .15s;font-size:.92rem}.move-tree-item:hover{border-color:#d96b53;background:#fdf3e1;transform:translate(2px)}.move-tree-item.root{background:#f2e3d0;border-color:#a68b72;margin-bottom:.3rem}.move-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.7rem;color:#a68b72;cursor:pointer;flex-shrink:0;font-weight:900}.move-tree-toggle.placeholder{color:transparent;cursor:default}.move-tree-icon{font-size:.95rem;flex-shrink:0}.move-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-tree-children{display:flex;flex-direction:column;gap:.3rem;margin-top:.3rem}.free-input-body{padding:1.5rem;display:flex;flex-direction:column;flex:1;overflow-y:auto}.free-textarea{height:260px!important;font-family:Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6}.free-preview-hint{margin-top:.6rem;font-size:.78rem;color:#a68b72;padding:.5rem .8rem;background:#f2e3d0;border-radius:8px;border-left:3px solid #d96b53}.free-card .card-item-front{display:flex;align-items:center;gap:.3rem}.free-card-icon{font-size:.9rem}.free-view-modal{max-width:560px!important;max-height:85vh!important;display:flex;flex-direction:column}.free-view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding-bottom:.8rem;border-bottom:2px solid #d1bba6;margin-bottom:1rem}.free-view-title{margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:1.3rem;font-weight:800;color:#5c3d2e;flex:1;word-break:break-word}.free-view-actions{display:flex;gap:.3rem;flex-shrink:0}.icon-btn.small{width:30px!important;height:30px!important;font-size:.85rem!important;border-radius:8px!important}.free-view-content{flex:1;overflow-y:auto;color:#5c3d2e;font-size:.95rem;line-height:1.7;padding-right:4px}.free-view-content h1{font-size:1.3rem;color:#d96b53;margin:.8rem 0 .5rem;font-weight:800}.free-view-content h2{font-size:1.1rem;color:#5c3d2e;margin:.7rem 0 .4rem;font-weight:700}.free-view-content h3{font-size:1rem;color:#5c3d2e;margin:.6rem 0 .3rem}.free-view-content p{margin:.5rem 0}.free-view-content ul,.free-view-content ol{padding-left:1.4rem;margin:.5rem 0}.free-view-content li{margin:.2rem 0}.free-view-content strong{color:#d96b53;font-weight:800}.free-view-content em{color:#a68b72}.free-view-content blockquote{border-left:3px solid #d1bba6;padding:.3rem .8rem;margin:.5rem 0;background:#fdf3e1;color:#8a7a66;border-radius:0 6px 6px 0}.free-view-content code{background:#f2e3d0;padding:.1rem .4rem;border-radius:4px;font-family:Menlo,Consolas,monospace;font-size:.85rem;color:#d96b53}.free-view-content hr{border:none;border-top:2px dashed #d1bba6;margin:1rem 0}.card-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;flex-direction:column;background:radial-gradient(circle at 10% 20%,rgba(255,236,200,.6),transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,210,180,.5),transparent 50%),linear-gradient(160deg,#fdf6e9,#f7ecd8);padding:1.2rem 1.5rem}.card-viewer-topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.card-viewer-close{background:transparent;border:none;color:#5c3d2e;font-size:1rem;font-weight:800;cursor:pointer;padding:.3rem .6rem;border-radius:8px;transition:background .15s;font-family:inherit}.card-viewer-close:hover{background:#5c3d2e1a}.card-viewer-counter{color:#a68b72;font-size:.85rem;font-weight:800}.card-viewer-actions{display:flex;gap:.4rem}.card-viewer-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fffaf0;border:2px solid #d1bba6;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .15s}.card-viewer-btn:hover{border-color:#d96b53;transform:translateY(-2px)}.card-viewer-body{flex:1;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:.5rem 0}.card-viewer-content{width:100%;max-width:640px;background:linear-gradient(135deg,#fffdf7,#fdf3e1);border:2px solid #d1bba6;border-radius:20px;padding:2rem 2rem 2.5rem;box-shadow:0 8px 24px #a8896c26;min-height:300px;cursor:text}.card-viewer-title{font-family:PingFang SC,Hiragino Sans GB,YouYuan,Microsoft YaHei,sans-serif;font-size:1.8rem;font-weight:800;color:#d96b53;margin:0 0 .5rem;letter-spacing:.03em;text-align:center}.card-viewer-phonetic{text-align:center;font-size:.95rem;color:#a68b72;margin-bottom:1.2rem;font-style:italic}.card-viewer-markdown{color:#5c3d2e;font-size:1.05rem;line-height:1.9;margin-top:1rem;padding-top:1rem;border-top:2px dashed #e0d0b8}.card-viewer-meaning{color:#5c3d2e;font-size:1.05rem;line-height:1.7;margin:0}.card-viewer-markdown h1{font-size:1.4rem;color:#d96b53;text-align:center;margin:.6rem 0 .4rem;font-weight:800}.card-viewer-markdown h2{font-size:1.1rem;color:#5c3d2e;text-align:center;margin:.5rem 0 .8rem;font-weight:700}.card-viewer-markdown p{margin:.4rem 0;text-align:center}.card-viewer-markdown ul,.card-viewer-markdown ol{padding-left:1.4rem;margin:.4rem 0;text-align:left}.card-viewer-markdown strong{color:#d96b53;font-weight:800}.card-viewer-markdown blockquote{border-left:3px solid #d1bba6;padding:.4rem .8rem;margin:.6rem 0;background:#fdf3e1;color:#8a7a66;border-radius:0 6px 6px 0}.card-viewer-hint{text-align:center;color:#c4aa92;font-size:.75rem;margin-top:1.5rem;font-style:italic}.card-viewer-edit{width:100%;max-width:640px;background:linear-gradient(135deg,#fffdf7,#fdf3e1);border:2px solid #d1bba6;border-radius:20px;padding:1.5rem 1.8rem;box-shadow:0 8px 24px #a8896c26}.card-viewer-edit-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.card-viewer-nav{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;flex-shrink:0}.card-viewer-navbtn{flex:1;padding:.9rem 1rem;background:#fffaf0;border:2px solid #d1bba6;border-radius:14px;font-family:inherit;font-size:1rem;font-weight:800;color:#5c3d2e;cursor:pointer;transition:all .15s}.card-viewer-navbtn:hover:not(:disabled){background:#d96b53;color:#fffaf0;border-color:#d96b53;transform:translateY(-2px)}.card-viewer-navbtn:disabled{opacity:.35;cursor:not-allowed}.practice-session{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 15%,rgba(255,236,200,.7),transparent 45%),radial-gradient(circle at 80% 85%,rgba(255,210,180,.55),transparent 50%),linear-gradient(160deg,#fdf6e9,#f7ecd8);padding:1.2rem 1.5rem 1.5rem}.practice-topbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.8rem}.practice-exit{background:transparent;border:none;color:#5c3d2e;font-family:inherit;font-size:1rem;font-weight:800;cursor:pointer;padding:.3rem .6rem;border-radius:8px}.practice-exit:hover{background:#5c3d2e1a}.practice-progress{color:#a68b72;font-size:.9rem;font-weight:800}.practice-session-score{display:flex;gap:.6rem;font-size:.9rem;font-weight:800}.practice-session-score .green{color:#2c6e6b}.practice-session-score .red{color:#d96b53}.practice-progress-bar{width:100%;height:6px;background:#e0d0b8;border-radius:3px;overflow:hidden;margin-bottom:1.5rem}.practice-progress-fill{height:100%;background:linear-gradient(90deg,#d96b53,#e8a317);transition:width .4s ease}.practice-card{background:linear-gradient(135deg,#fffdf7,#fdf3e1);border:2px solid #d1bba6;border-radius:20px;padding:2rem 1.5rem;box-shadow:0 8px 24px #a8896c26;text-align:center;margin-bottom:1.2rem}.practice-card-front{font-family:PingFang SC,Hiragino Sans GB,YouYuan,Microsoft YaHei,sans-serif;font-size:2.2rem;font-weight:800;color:#5c3d2e;letter-spacing:.03em;word-break:break-word}.practice-card-phonetic{font-size:1rem;color:#a68b72;margin-top:.5rem;font-style:italic}.practice-options-list{display:flex;flex-direction:column;gap:.7rem;flex:1;overflow-y:auto}.practice-option{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:linear-gradient(135deg,#fffdf7,#fdf3e1);border:2px solid #d1bba6;border-radius:14px;font-family:inherit;font-size:1rem;color:#5c3d2e;cursor:pointer;text-align:left;transition:all .2s;box-shadow:0 4px 12px #a8896c14}.practice-option:not(:disabled):hover{border-color:#d96b53;transform:translateY(-2px);box-shadow:0 6px 16px #d96b5326}.practice-option:disabled{cursor:default}.practice-option-letter{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f2e3d0;border-radius:50%;font-weight:800;font-size:.9rem;color:#5c3d2e}.practice-option-text{flex:1;word-break:break-word;font-weight:700}.practice-option.correct{background:linear-gradient(135deg,#d4f0e5,#b8e6d5);border-color:#2c6e6b}.practice-option.correct .practice-option-letter{background:#2c6e6b;color:#fff}.practice-option.wrong{background:linear-gradient(135deg,#ffdad1,#ffc4b8);border-color:#d96b53}.practice-option.wrong .practice-option-letter{background:#d96b53;color:#fff}.practice-option.dimmed{opacity:.45}.practice-feedback{margin-top:1rem;padding:.8rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.95rem;animation:fadeIn .2s ease}.practice-feedback.correct{background:#d4f0e5;color:#2c6e6b;border:2px solid #2c6e6b}.practice-feedback.wrong{background:#ffdad1;color:#a63c25;border:2px solid #d96b53}.feedback-icon{font-size:1.2rem;font-weight:900}.feedback-next-btn{margin-left:auto;padding:.4rem .9rem;background:#5c3d2e;color:#fdf6e9;border:none;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:800;cursor:pointer}.practice-card-stats{display:flex;justify-content:flex-end;gap:1rem;margin-top:.8rem;font-size:.82rem;font-weight:800}.practice-card-stats .stat-green{color:#2c6e6b}.practice-card-stats .stat-red{color:#d96b53}.practice-finish{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.practice-finish-icon{font-size:4rem;animation:floatIn .4s ease}.practice-finish-title{font-size:1.8rem;color:#5c3d2e;margin:0;font-weight:800}.practice-finish-stats{display:flex;gap:2rem;margin:1.5rem 0}.practice-stat-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.practice-stat-value{font-size:2rem;font-weight:800;color:#5c3d2e}.practice-stat-value.green{color:#2c6e6b}.practice-stat-value.red{color:#d96b53}.practice-stat-label{font-size:.85rem;color:#a68b72;font-weight:700}.practice-finish-actions{display:flex;gap:.8rem;margin-top:1rem}.card-item-stats{display:flex;gap:.3rem;font-size:.72rem;font-weight:800;flex-shrink:0}.card-item-stats .stat-green{color:#2c6e6b}.card-item-stats .stat-red{color:#d96b53}.practice-modal-box{max-width:560px!important;max-height:88vh!important;display:flex;flex-direction:column}.practice-selector{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:.5rem}.practice-selector-top{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:#f2e3d0;border-radius:10px;margin-bottom:.5rem;flex-shrink:0}.practice-selector-all{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-weight:800;color:#5c3d2e;font-size:.9rem;-webkit-user-select:none;user-select:none}.practice-selector-count{font-size:.82rem;color:#5c3d2e;font-weight:700}.practice-selector-count strong{color:#d96b53}.practice-selector-tree{flex:1;overflow-y:auto;max-height:50vh;display:flex;flex-direction:column;gap:.2rem;padding-right:4px}.practice-selector-empty{text-align:center;color:#a68b72;font-style:italic;padding:1rem}.tree-deck-group{display:flex;flex-direction:column}.tree-deck-row{display:flex;align-items:center;gap:.4rem;padding:.45rem .5rem;border-radius:8px;transition:background .15s}.tree-deck-row:hover{background:#fdf3e1}.tree-toggle{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#a68b72;font-size:.7rem;cursor:pointer;padding:0;flex-shrink:0;font-weight:900}.tree-toggle:disabled{color:#d1bba6;cursor:default}.tree-deck-name{flex:1;color:#5c3d2e;font-weight:700;font-size:.92rem;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.3rem}.tree-deck-count{color:#a68b72;font-weight:500;font-size:.78rem}.tree-card-row{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;border-radius:8px;cursor:pointer;transition:background .15s}.tree-card-row:hover{background:#fdf3e1}.tree-card-name{color:#5c3d2e;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-checkbox{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1rem;color:#a68b72;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.tree-checkbox.checked{color:#2c6e6b}.tree-checkbox.partial{color:#e8a317}.tree-checkbox{width:22px;height:22px;font-size:1.15rem;color:#8a7a66;transition:all .15s}.tree-checkbox:hover{transform:scale(1.15)}.tree-checkbox.checked{color:#2c6e6b;text-shadow:0 0 6px rgba(44,110,107,.45)}.tree-checkbox.partial{color:#e8a317;text-shadow:0 0 6px rgba(232,163,23,.45)}.tree-deck-name{flex:initial!important;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-deck-count{margin-right:.2rem}.tree-deck-checkbox{font-size:1.25rem!important;margin-left:.2rem}.tree-deck-row{justify-content:flex-start;gap:.35rem}.practice-modal-box{max-height:74vh!important;margin-bottom:90px}.practice-selector-tree{max-height:44vh!important}.tree-checkbox{display:inline-flex!important;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid #a68b72;border-radius:5px;background:#fffaf0;flex-shrink:0;transition:all .15s;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;font-size:0;vertical-align:middle}.tree-checkbox:hover{border-color:#d96b53}.tree-checkbox.checked{background:#6e6e6e;border-color:#6e6e6e}.tree-checkbox.checked:after{content:"";position:absolute;width:5px;height:9px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);top:1px;left:5px}.tree-checkbox.partial{background:#e8a317;border-color:#e8a317}.tree-checkbox.partial:after{content:"";position:absolute;width:10px;height:2.5px;background:#fff;border-radius:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-deck-checkbox{width:22px!important;height:22px!important}.tree-deck-checkbox.checked:after{top:2px;left:6px}.move-tree-item.selected{background:#d96b53!important;border-color:#d96b53!important;color:#fffaf0!important;box-shadow:0 4px 12px #d96b534d}.move-tree-item.selected .move-tree-name,.move-tree-item.selected .move-tree-icon,.move-tree-item.selected .move-tree-toggle{color:#fffaf0!important}.move-tree-item.selected:hover{background:#c85a45!important}.move-tree-item.root.selected{background:#d96b53!important;border-color:#d96b53!important;color:#fffaf0!important}.move-tree-item.root.selected .move-tree-name,.move-tree-item.root.selected .move-tree-icon{color:#fffaf0!important}.practice-reveal-card{background:linear-gradient(135deg,#fffdf7,#fdf3e1);border:2px solid #d1bba6;border-radius:20px;padding:2rem 1.5rem;box-shadow:0 8px 24px #a8896c26;text-align:center;margin-bottom:1rem;cursor:pointer;transition:all .2s;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.practice-reveal-card:hover{border-color:#d96b53;transform:translateY(-2px)}.practice-reveal-hint{margin-top:1.5rem;color:#c4aa92;font-size:.85rem;font-style:italic;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.practice-reveal-back{width:100%;margin-top:1.2rem;animation:fadeIn .3s ease}.practice-reveal-divider{border-top:2px dashed #e0d0b8;margin-bottom:1rem}.practice-reveal-text{font-size:1.1rem;color:#5c3d2e;line-height:1.8;font-weight:600;word-break:break-word}.practice-lines-card{background:linear-gradient(135deg,#fffdf7,#fdf3e1);border:2px solid #d1bba6;border-radius:20px;padding:1.8rem 1.5rem;box-shadow:0 8px 24px #a8896c26;text-align:center;margin-bottom:1rem;cursor:pointer;transition:all .2s;min-height:200px}.practice-lines-card:hover{border-color:#d96b53}.practice-lines-content{margin-top:1.2rem;display:flex;flex-direction:column;gap:.6rem}.practice-line-row{font-size:1.1rem;color:#5c3d2e;line-height:1.8;font-weight:600;animation:fadeIn .4s ease;text-align:center;word-break:break-word}.practice-line-row p{margin:0}.practice-line-row h1,.practice-line-row h2,.practice-line-row h3{margin:0;color:#d96b53}.practice-lines-hint{margin-top:1.2rem;color:#c4aa92;font-size:.85rem;font-style:italic;animation:pulse 2s ease-in-out infinite}.practice-familiarity{background:#fdf3e1;border:2px solid #d1bba6;border-radius:16px;padding:1rem;margin-top:.5rem;animation:fadeIn .3s ease}.practice-familiarity-title{text-align:center;color:#5c3d2e;font-size:.9rem;font-weight:800;margin-bottom:.8rem}.practice-familiarity-btns{display:flex;gap:.6rem}.fam-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .5rem;background:#fffaf0;border:2px solid #d1bba6;border-radius:12px;font-family:inherit;font-size:.9rem;font-weight:800;color:#5c3d2e;cursor:pointer;transition:all .2s}.fam-icon{font-size:1.6rem}.fam-btn.familiar:hover{background:#d4f0e5;border-color:#2c6e6b;color:#2c6e6b}.fam-btn.normal:hover{background:#fdf3e1;border-color:#e8a317;color:#b87800}.fam-btn.unfamiliar:hover{background:#ffdad1;border-color:#d96b53;color:#d96b53}.practice-finish-block{width:100%;max-width:380px;margin:.8rem 0;padding:.8rem 1rem;background:#fdf3e1;border-radius:12px;border:1.5px dashed #d1bba6}.practice-finish-block-title{text-align:center;color:#a68b72;font-size:.82rem;font-weight:800;margin-bottom:.6rem;letter-spacing:.05em}.edit-stats-section{margin-top:1rem;padding:.8rem 1rem;background:#fdf3e1;border:1.5px dashed #d1bba6;border-radius:10px}.edit-stats-row{display:flex;gap:.6rem;margin-top:.5rem;flex-wrap:wrap}.edit-stat-item{display:flex;align-items:center;gap:.3rem;flex:1;min-width:100px}.edit-stat-label{font-size:.85rem;font-weight:800;flex-shrink:0}.edit-stat-label.stat-green{color:#2c6e6b}.edit-stat-label.stat-red{color:#d96b53}.edit-stat-input{flex:1;min-width:0;width:60px;padding:.4rem .5rem;font-family:inherit;font-size:.95rem;font-weight:800;color:#5c3d2e;background:#fffaf0;border:1.5px solid #d1bba6;border-radius:6px;outline:none;text-align:center}.edit-stat-input:focus{border-color:#d96b53;box-shadow:0 0 0 2px #d96b5333}.edit-stat-unit{font-size:.78rem;color:#a68b72;font-weight:700;flex-shrink:0}.card-viewer-stats{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;padding:.6rem .8rem;background:#fdf3e1;border-radius:10px;font-size:.85rem;font-weight:800;flex-wrap:wrap}.card-viewer-stats .stat-green{color:#2c6e6b}.card-viewer-stats .stat-red{color:#d96b53}.tree-card-row{display:flex;align-items:center;gap:.4rem;justify-content:flex-start}.tree-card-name{flex:1;min-width:0}.tree-card-stats{display:flex;gap:.4rem;font-size:.7rem;font-weight:800;flex-shrink:0;margin-right:.3rem;padding:.15rem .4rem;background:#fffaf0b3;border-radius:6px}.tree-card-stats .stat-green{color:#2c6e6b}.tree-card-stats .stat-red{color:#d96b53}.tree-card-row .tree-card-name{flex:0 1 auto!important;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-card-row .tree-card-stats{margin-left:.6rem!important;margin-right:0!important;flex-shrink:0;display:inline-flex;gap:.4rem;font-size:.7rem;font-weight:800;padding:.15rem .45rem;background:#fffaf0bf;border-radius:6px}.tree-card-row{justify-content:flex-start!important}.tree-card-row .stat-green{color:#2c6e6b}.tree-card-row .stat-red{color:#d96b53}.pdf-mode-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}.pdf-mode-opt{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#fffaf0;border:2px solid #d1bba6;border-radius:10px;cursor:pointer;font-weight:700;color:#5c3d2e;font-size:.9rem;transition:all .15s}.pdf-mode-opt:hover{border-color:#d96b53}.pdf-mode-opt.active{background:#fdf3e1;border-color:#d96b53}.pdf-mode-opt input[type=radio]{accent-color:#d96b53}.pdf-header-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.9rem;color:#5c3d2e;font-weight:700;cursor:pointer}.pdf-header-toggle input{accent-color:#d96b53;width:16px;height:16px}.pdf-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#999;display:flex;flex-direction:column;overflow:auto}.pdf-toolbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 1rem;background:#5c3d2e;color:#fdf6e9;z-index:10;box-shadow:0 2px 8px #0003}.pdf-toolbar-close{background:transparent;border:none;color:#fdf6e9;font-family:inherit;font-size:.95rem;font-weight:800;cursor:pointer;padding:.3rem .6rem;border-radius:8px}.pdf-toolbar-close:hover{background:#ffffff26}.pdf-toolbar-title{flex:1;text-align:center;font-weight:800;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-toolbar-actions{display:flex;gap:.5rem}.pdf-toolbar-btn{padding:.4rem .9rem;background:transparent;border:1.5px solid #fdf6e9;color:#fdf6e9;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .15s}.pdf-toolbar-btn:hover{background:#ffffff26}.pdf-toolbar-btn.primary{background:#d96b53;border-color:#d96b53}.pdf-toolbar-btn.primary:hover{background:#c85a45}.pdf-paper{flex:1;display:flex;justify-content:center;padding:1.5rem 1rem}.pdf-paper-inner{width:21cm;min-height:29.7cm;background:#fff;padding:1.2cm 1.2cm 1cm;box-shadow:0 6px 20px #00000040;color:#000;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;box-sizing:border-box}.pdf-title{text-align:center;font-size:20pt;font-weight:800;margin:0 0 .6cm;letter-spacing:.05em}.pdf-header-row{display:flex;justify-content:space-between;gap:.5cm;font-size:10.5pt;margin-bottom:.6cm;padding-bottom:.3cm;border-bottom:1px dashed #999;flex-wrap:wrap}.pdf-footer{text-align:center;font-size:9pt;color:#666;margin-top:1cm}.pdf-en-table{display:flex;gap:.5cm}.pdf-en-half{flex:1}.pdf-en-half table{width:100%;border-collapse:collapse;font-size:10pt}.pdf-en-half th,.pdf-en-half td{border:1px solid #333;padding:5px 6px;text-align:left;vertical-align:middle;height:26px}.pdf-en-half th{background:#f2f2f2;font-weight:800;text-align:center;font-size:10pt}.en-col-idx{text-align:center;width:30px;color:#666}.en-col-cn{width:45%;font-size:10.5pt}.en-col-en{background:#fff}.pdf-cn-grid{display:flex;flex-wrap:wrap;gap:.5cm .3cm}.pdf-cn-item{display:flex;flex-direction:column;align-items:center}.pdf-cn-pinyin-line{display:flex;gap:2px;margin-bottom:2px;font-size:10pt;color:#1a4a8a;height:16px}.pdf-cn-pinyin-char{min-width:32px;text-align:center;font-family:Times New Roman,serif}.pdf-cn-tianzige-row{display:flex;gap:2px}.pdf-tianzige{width:32px;height:32px;border:1px solid #c0392b;position:relative;box-sizing:border-box}.pdf-cn-word-grid{display:flex;flex-wrap:wrap;gap:.4cm .5cm}.pdf-cn-word-item{display:flex;flex-direction:column;align-items:center;padding:4px 8px;border:1.5px solid #333;border-radius:4px}.pdf-cn-word-chars{display:flex;gap:4px;font-size:16pt;font-weight:700;padding:2px 4px}.pdf-cn-word-char{min-width:22px;text-align:center}.pdf-cn-word-pinyin-row{display:flex;gap:4px;margin-top:4px}.pdf-cn-pinyin-blank{width:22px;height:0;border-bottom:1.5px solid #1a4a8a}@media print{.no-print{display:none!important}.pdf-preview-overlay{position:static;background:#fff;overflow:visible;display:block}.pdf-paper{padding:0;display:block}.pdf-paper-inner{box-shadow:none;width:auto;min-height:auto;padding:0;page-break-after:always}@page{size:A4;margin:1cm}}.pdf-en-table{width:100%;border-collapse:collapse;font-size:10pt;margin-top:.3cm;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.pdf-en-table th,.pdf-en-table td{border:1px solid #333;padding:5px 8px;text-align:left;vertical-align:middle;height:28px}.pdf-en-table th{background:#f2f2f2;font-weight:800;text-align:center;font-size:10.5pt;height:32px}.pdf-col-idx{width:38px;text-align:center;color:#333;font-weight:700}.pdf-col-cn{width:22%;font-size:10.5pt;word-break:break-word;line-height:1.4}.pdf-col-en{width:30%}.pdf-en-blank{width:100%;height:20px;border-bottom:1px dashed #999;box-sizing:border-box}.pdf-cn-word-grid{display:flex;flex-wrap:wrap;gap:.35cm .35cm;margin-top:.3cm;align-items:flex-start}.pdf-cn-word-item{display:flex;flex-direction:column;align-items:center;padding:4px 6px 6px;border:1.5px solid #333;border-radius:4px;background:#fff}.pdf-cn-word-chars{display:flex;gap:4px;align-items:flex-end}.pdf-cn-char-cell{display:flex;flex-direction:column;align-items:center;margin:0 2px}.pdf-cn-pinyin-tianzi{width:30px;height:24px;position:relative;border-top:1px solid #c0392b;border-bottom:1px solid #c0392b;box-sizing:border-box;margin-bottom:3px}.pdf-cn-pinyin-tianzi:before,.pdf-cn-pinyin-tianzi:after{content:"";position:absolute;left:0;right:0;height:1px;background:#c0392b}.pdf-cn-pinyin-tianzi:before{top:33.33%}.pdf-cn-pinyin-tianzi:after{top:66.66%}.pdf-cn-char{font-size:16pt;font-weight:700;min-width:30px;text-align:center;line-height:1.1;color:#000}@media print{.pdf-paper-inner{page-break-inside:auto}.pdf-cn-word-item,.pdf-cn-item,.pdf-en-table tr{page-break-inside:avoid}}.pdf-en-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10pt;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.pdf-en-table th,.pdf-en-table td{border:1px solid #333;padding:5px 6px;text-align:left;vertical-align:middle;height:28px;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.pdf-en-table th{background:#f2f2f2;font-weight:800;text-align:center;font-size:10.5pt;height:32px;white-space:nowrap;color:#333}.pdf-en-table .pdf-col-idx{text-align:center;color:#333;font-weight:700;font-size:10.5pt}.pdf-en-table .pdf-col-cn{font-size:10.5pt;line-height:1.4}.pdf-en-blank{width:100%;height:18px;border-bottom:1px dashed #999;box-sizing:border-box}.pdf-cn-word-grid{display:flex;flex-wrap:wrap;gap:.35cm;margin-top:.3cm;align-items:flex-start}.pdf-cn-word-item{display:flex;flex-direction:column;align-items:center;padding:5px 6px 8px;border:1.5px solid #333;border-radius:4px;background:#fff}.pdf-cn-char-row{display:flex;gap:4px}.pdf-cn-char-cell{display:flex;flex-direction:column;align-items:center}.pdf-cn-char-below{font-size:16pt;font-weight:700;min-width:32px;text-align:center;line-height:1.1;color:#000;margin-top:3px}.pdf-tianzige{width:32px;height:32px;border:1px solid #c0392b;position:relative;box-sizing:border-box;background:#fff}.pdf-tianzige:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #e0a0a0}.pdf-tianzige:after{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px dashed #e0a0a0}@media print{.pdf-cn-item,.pdf-cn-word-item,.pdf-en-table tr{page-break-inside:avoid}}.pdf-en-table{display:table!important;width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;font-size:10.5pt!important}.pdf-en-table th,.pdf-en-table td{display:table-cell!important;border:1px solid #333!important;padding:5px 6px!important;vertical-align:middle!important;height:28px!important;box-sizing:border-box!important;word-break:break-word!important;overflow-wrap:break-word!important}.pdf-en-table th{background:#f2f2f2!important;font-weight:800!important;text-align:center!important;height:32px!important;color:#333!important;font-size:10.5pt!important}.pdf-en-table .pdf-col-idx{width:8%!important;text-align:center!important;color:#333!important;font-weight:700!important;font-size:10.5pt!important}.pdf-en-table .pdf-col-cn{width:22%!important;font-size:10.5pt!important;line-height:1.4!important}.pdf-en-table .pdf-col-en{width:20%!important}.pdf-en-blank{width:100%!important;height:18px!important;border-bottom:1px dashed #999!important;box-sizing:border-box!important}.pdf-cn-zhuyin-grid{display:flex;flex-wrap:wrap;gap:.4cm .35cm;margin-top:.4cm;align-items:flex-start}.pdf-cn-zhuyin-item{display:inline-flex;gap:4px;padding:6px 8px;border:1.5px solid #333;border-radius:4px;background:#fff}.pdf-cn-zhuyin-cell{display:flex;flex-direction:column;align-items:center}.pdf-cn-zhuyin-lines{width:30px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:2px}.pdf-cn-zhuyin-line{width:100%;height:1px;background:#3a6ea5}.pdf-cn-zhuyin-char{font-size:16pt;font-weight:700;min-width:30px;text-align:center;line-height:1.15;color:#000}@media print{body *{visibility:hidden!important}.pdf-paper,.pdf-paper *{visibility:visible!important}.pdf-paper{position:absolute!important;left:0!important;top:0!important;width:100%!important;padding:0!important;margin:0!important;display:block!important;background:#fff!important}.pdf-paper-inner{width:100%!important;min-height:auto!important;box-shadow:none!important;padding:0!important;border:none!important;margin:0!important}.pdf-toolbar,.no-print,.bottom-nav,.modal-overlay,.practice-session,.card-viewer,.batch-input-overlay,.doc-preview,.pdf-preview-overlay>.no-print{display:none!important;visibility:hidden!important}.pdf-cn-item,.pdf-cn-zhuyin-item,.pdf-en-table tr{page-break-inside:avoid}@page{size:A4;margin:1cm}}.pdf-tip{background:#fff4d6;color:#8a6a1a;font-size:1.6rem;font-weight:700;text-align:center;padding:.5rem 1rem;border-bottom:1px solid #f0e0b8;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}@media print{@page{size:A4;margin:.8cm 1cm}}.practice-encourage{position:fixed;top:40%;left:50%;z-index:9999;font-size:3rem;font-weight:900;font-family:PingFang SC,Hiragino Sans GB,YouYuan,Microsoft YaHei,sans-serif;color:#e8a317;text-shadow:3px 3px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);pointer-events:none;transform:translate(-50%,-50%);animation:practiceCelebrate 1.2s ease-out forwards;white-space:nowrap;letter-spacing:.05em}@keyframes practiceCelebrate{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(3deg)}45%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}70%{opacity:1;transform:translate(-50%,-55%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-90%) scale(.9)}}.pdf-paper-inner{padding:1cm!important}.pdf-en-table{display:table!important;width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;font-size:10.5pt!important;margin-top:.3cm!important}.pdf-en-table thead{display:table-header-group!important}.pdf-en-table tbody{display:table-row-group!important}.pdf-en-table tr{display:table-row!important}.pdf-en-table th,.pdf-en-table td{display:table-cell!important;border:1px solid #333!important;box-sizing:border-box!important;word-break:break-word!important;overflow-wrap:break-word!important;vertical-align:middle!important}.pdf-en-table th{background:#f2f2f2!important;font-weight:800!important;text-align:center!important;height:30px!important;color:#333!important;font-size:10.5pt!important;padding:3px 4px!important;white-space:nowrap!important}.pdf-en-table tbody td{height:42px!important;padding:2px 6px!important}.pdf-en-table .pdf-col-idx{text-align:center!important;color:#333!important;font-weight:700!important;font-size:10.5pt!important;padding:2px!important}.pdf-en-table .pdf-col-cn{font-size:10.5pt!important;line-height:1.35!important;padding:4px 6px!important}.pdf-en-table .pdf-col-en{padding:2px 4px!important}.pdf-en-three-lines{display:flex!important;flex-direction:column!important;height:38px!important;width:100%!important}.pdf-en-three-lines>div{flex:1!important;border-bottom:1px dashed #999!important;box-sizing:border-box!important}.pdf-en-three-lines>div:last-child{border-bottom:none!important}@media print{@page{size:A4;margin:1cm}.pdf-paper-inner{padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important;min-height:auto!important;width:100%!important}.pdf-en-table{page-break-inside:auto}.pdf-en-table tr{page-break-inside:avoid}}.todo-tree-picker{max-height:45vh;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem;padding-right:4px}.todo-tree-empty{text-align:center;color:#a68b72;font-style:italic;padding:2rem 1rem;margin:0}.todo-tree-doc-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;background:#fffaf0;border:1.5px solid #d1bba6;border-radius:8px;cursor:pointer;font-weight:700;color:#5c3d2e;transition:all .15s;margin:.2rem 0}.todo-tree-doc-item:hover{border-color:#d96b53;background:#fdf3e1;transform:translate(2px)}.todo-tree-doc-icon{font-size:1rem;flex-shrink:0}.todo-tree-doc-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.documents-shell{width:100%;max-width:580px;padding:2rem 1.75rem;padding-bottom:100px;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(255,236,200,.6),transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,210,180,.5),transparent 50%),linear-gradient(160deg,#fdf6e9,#f7ecd8)}.documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.documents-title{font-family:PingFang SC,Hiragino Sans GB,YouYuan,Microsoft YaHei,sans-serif;font-size:2rem;font-weight:800;color:#5c3d2e;letter-spacing:.05em;margin:0;text-shadow:2px 2px 0px rgba(255,255,255,.8),0px 0px 15px rgba(232,163,23,.15)}.doc-list{display:flex;flex-direction:column;gap:.8rem}.doc-item{display:flex;align-items:center;gap:.8rem;padding:1.1rem 1.2rem;background:linear-gradient(135deg,#fffdf7,#fdf3e1);border:2px solid #d1bba6;border-radius:18px;box-shadow:0 6px 16px #a8896c1f;position:relative;cursor:pointer;transition:all .2s ease}.doc-item:hover{border-color:#d96b53;transform:translateY(-2px)}.doc-item.selecting{border-color:#d96b53;background:#fff7f5}.doc-icon{font-size:1.6rem;filter:drop-shadow(1px 1px 0px rgba(255,255,255,.8));flex-shrink:0}.doc-info{flex:1;display:flex;flex-direction:column;cursor:pointer;min-width:0}.doc-name{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:700;color:#5c3d2e;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-meta{font-size:.8rem;color:#a68b72;margin-top:.1rem}.doc-actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.doc-empty{text-align:center;padding:4rem 1rem;animation:fadeIn .3s ease}.doc-empty p{margin:0;font-size:1.2rem;font-weight:700;color:#a68b72}.doc-empty-hint{font-size:.9rem!important;font-weight:500!important;margin-top:.5rem!important;color:#c4aa92!important}.doc-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;flex-direction:column;background:radial-gradient(circle at 10% 20%,rgba(255,236,200,.6),transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,210,180,.5),transparent 50%),linear-gradient(160deg,#fdf6e9,#f7ecd8);padding:1.2rem 1.5rem}.doc-preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.doc-preview-close{background:transparent;border:none;color:#5c3d2e;font-size:1rem;font-weight:800;cursor:pointer;padding:.3rem .6rem;border-radius:8px;font-family:inherit}.doc-preview-close:hover{background:#5c3d2e1a}.doc-preview-title{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:1.05rem;font-weight:800;color:#5c3d2e;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-preview-body{flex:1;overflow:auto;background:#fff;border:2px solid #d1bba6;border-radius:12px;padding:1rem;color:#333}.doc-item.menu-open{z-index:50}:root{--ink: #1b1410;--cream: #f4ead5;--crimson: #c0392b;--gold: #e8a317;--teal: #2c6e6b;--orange: #e67e22;--shadow: 0 6px 18px rgba(27, 20, 16, .45);--shadow-soft: 0 3px 10px rgba(27, 20, 16, .3);font-family:"Noto Serif SC",Georgia,Times New Roman,serif;line-height:1.6;color:var(--ink);background-color:#2a1f18;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;background:radial-gradient(circle at 20% 15%,rgba(232,163,23,.18),transparent 45%),radial-gradient(circle at 80% 85%,rgba(192,57,43,.22),transparent 50%),linear-gradient(135deg,#3a2a20,#2a1f18)}#app{width:100%;max-width:580px;position:relative}.todo-shell{background:var(--cream);border-radius:20px;padding:2rem 1.75rem;box-shadow:var(--shadow);border:2px solid var(--ink);overflow:visible}.todo-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.todo-title{margin:0 0 .25rem;font-size:2.2rem;font-weight:800;letter-spacing:.04em;color:var(--ink);text-shadow:2px 2px 0 var(--gold)}.todo-subtitle{margin:0;font-size:.95rem;color:#6b5644;font-style:italic}.todo-cal-btn{flex-shrink:0;width:48px;height:48px;display:flex;align-items:stretch;justify-content:center;flex-direction:column;font-family:inherit;border:2px solid var(--ink);border-radius:12px;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s;padding:0;position:relative;overflow:hidden;background:var(--cream)}.cal-icon-topbar{display:flex;align-items:center;justify-content:center;height:11px;font-size:.45rem;font-weight:800;letter-spacing:.02em;color:var(--cream);background:var(--crimson);text-transform:uppercase}.cal-icon-day{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:var(--ink);background:#fffaf0;line-height:1}.todo-cal-btn:hover{transform:translateY(-2px)}.todo-cal-btn:active{transform:translateY(0)}.cal-panel{max-height:0;opacity:0;overflow:hidden;margin-top:0;background:#fffaf0;border:2px solid var(--ink);border-radius:14px;box-shadow:var(--shadow-soft);transition:max-height .3s ease,opacity .2s ease,margin-top .25s ease,padding .25s ease;padding:0 .9rem}.cal-panel.show{max-height:90vh;opacity:1;margin-top:1rem;padding:.9rem;overflow-y:hidden}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.cal-nav-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;font-family:inherit;color:var(--ink);background:transparent;border:2px solid var(--ink);border-radius:8px;cursor:pointer;padding:0;line-height:1;transition:background .15s}.cal-nav-btn:hover{background:var(--gold)}.cal-month-label{font-size:1rem;font-weight:700;color:var(--ink)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.cal-weekdays span{text-align:center;font-size:.7rem;font-weight:700;color:#8a7a66;padding:.2rem 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:.85rem;font-weight:600;color:var(--ink);border-radius:8px;cursor:pointer;transition:background .15s,transform .1s;position:relative;-webkit-user-select:none;user-select:none;touch-action:manipulation}.cal-cell:hover:not(.cal-empty):not(.cal-selected){background:#e8a31740;transform:scale(1.08)}.cal-cell.cal-empty{cursor:default}.cal-cell.cal-today{border:2px solid var(--crimson);font-weight:800}.cal-cell.cal-selected{border:2px solid var(--gold);background:#e8a31726;font-weight:800}.cal-cell.cal-today.cal-selected{border:2px solid var(--crimson);background:#c0392b1a;color:var(--ink)}.cal-cell.cal-selected:hover{background:#a93226;transform:scale(1.08)}.cal-cell.cal-has-items:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--orange)}.cal-cell.cal-alldone:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--teal)}.cal-cell.cal-selected.cal-has-items:after,.cal-cell.cal-selected.cal-alldone:after{background:var(--cream)}.cal-day-view{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease,margin-top .2s ease;margin-top:0}.cal-day-view.show{max-height:50vh;opacity:1;margin-top:.75rem;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.cal-day-view.show{max-height:60vh;opacity:1;margin-top:.75rem}.cal-day-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:2px solid var(--ink);margin-bottom:.5rem;flex-wrap:nowrap}.cal-day-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;color:var(--ink)}.cal-day-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.cal-day-count{font-size:.8rem;font-weight:700;color:var(--cream);background:var(--teal);border:1.5px solid var(--ink);border-radius:999px;padding:.15rem .5rem}.cal-day-add{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;font-family:inherit;color:var(--cream);background:var(--crimson);border:1.5px solid var(--ink);border-radius:50%;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:background .15s,transform .1s}.cal-day-add:hover{background:#a93226;transform:scale(1.08)}.cal-day-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-family:inherit;color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:50%;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:background .15s}.cal-day-close:hover{background:#1b14101a}.cal-day-list{list-style:none;margin:0;padding:0 4px 0 0;display:flex;flex-direction:column;gap:.35rem;max-height:none;overflow-y:visible}.cal-day-list::-webkit-scrollbar{width:6px}.cal-day-list::-webkit-scrollbar-thumb{background:#c8b898;border-radius:3px}.cal-day-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:var(--cream);border:1.5px solid var(--ink);border-radius:8px;font-size:.85rem}.cal-day-check{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#6b5644;border:1.5px solid #a8927a;border-radius:50%;transition:all .2s}.cal-day-check.is-done{background:var(--teal);color:#fff;border-color:var(--teal)}.cal-day-text{flex:1;color:var(--ink);word-break:break-word}.cal-day-item.is-done .cal-day-text{text-decoration:line-through;color:#8a7a66}.cal-day-tag{font-size:.65rem;font-weight:700;color:#fff;border:1px solid var(--ink);border-radius:999px;padding:.1rem .4rem;flex-shrink:0}.cal-day-tag.priority-important{background:var(--crimson)}.cal-day-tag.priority-secondary{background:var(--orange)}.cal-day-tag.priority-normal{background:var(--teal)}.cal-day-sub-count{font-size:.65rem;color:#8a7a66}.cal-day-empty{text-align:center;padding:1rem;color:#8a7a66;font-style:italic;font-size:.85rem}.cal-day-item.cal-day-sub{background:#f0e4cc80;border-style:dashed;margin-left:1.2rem;font-size:.78rem;padding:.35rem .5rem}.cal-day-item.is-parent{border-left:3px solid var(--gold)}.main-badge-section{margin-top:1rem}.achievement-badge{display:flex;align-items:center;gap:.85rem;padding:.75rem .9rem;border:2px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-soft);transition:transform .2s;cursor:pointer}.achievement-badge:hover{transform:translateY(-2px)}.badge-medal-v{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);position:relative;border:none;box-shadow:var(--shadow-soft)}.badge-v-count{font-size:.8rem;font-weight:800;color:var(--cream);text-shadow:0 1px 2px rgba(0,0,0,.4);z-index:1;line-height:1}.badge-info{display:flex;flex-direction:column;gap:.1rem;flex:1}.badge-tier-name{font-size:1rem;font-weight:800;color:var(--ink)}.badge-count{font-size:.8rem;font-weight:600;color:#6b5644}.badge-progress{font-size:.7rem;color:#8a7a66}.badge-arrow{flex-shrink:0;font-size:1.4rem;font-weight:700;color:#8a7a66}.badge-wood .badge-medal-v,.badge-wood .badge-preview-v,.badge-wood .ladder-medal-v{background:linear-gradient(160deg,#a08060,#6b4e35,#4a3525)}.badge-wood{background:linear-gradient(135deg,#d4c4a8,#c8b898)}.badge-iron .badge-medal-v,.badge-iron .badge-preview-v,.badge-iron .ladder-medal-v{background:linear-gradient(160deg,#c0c0c8,#7a7a82,#5a5a62)}.badge-iron{background:linear-gradient(135deg,#e0e0e4,#d0d0d6)}.badge-bronze .badge-medal-v,.badge-bronze .badge-preview-v,.badge-bronze .ladder-medal-v{background:linear-gradient(160deg,#cd9b5d,#a0703c,#7a5228)}.badge-bronze{background:linear-gradient(135deg,#e8d5b8,#d4bc94)}.badge-silver .badge-medal-v,.badge-silver .badge-preview-v,.badge-silver .ladder-medal-v{background:linear-gradient(160deg,#e8e8ee,#c0c0c8,#9898a0)}.badge-silver{background:linear-gradient(135deg,#f0f0f4,#e4e4ea)}.badge-gold .badge-medal-v,.badge-gold .badge-preview-v,.badge-gold .ladder-medal-v{background:linear-gradient(160deg,#ffe680,#e8b830 40%,#c49820)}.badge-gold{background:linear-gradient(135deg,#fff4d0,#f0d870)}.badge-titanium .badge-medal-v,.badge-titanium .badge-preview-v,.badge-titanium .ladder-medal-v{background:linear-gradient(160deg,#d8d8e4,#a0a0b8 40%,#7878a0)}.badge-titanium{background:linear-gradient(135deg,#e8e8f0,#d0d0e0)}.badge-diamond .badge-medal-v,.badge-diamond .badge-preview-v,.badge-diamond .ladder-medal-v{background:linear-gradient(160deg,#b0f0f8,#60c0d8 40%,#3090b8)}.badge-diamond{background:linear-gradient(135deg,#d0f0f8,#a0d8e8)}.badge-crystal .badge-medal-v,.badge-crystal .badge-preview-v,.badge-crystal .ladder-medal-v{background:linear-gradient(160deg,#e0c0f8,#b080e0 40%,#8050c0)}.badge-crystal{background:linear-gradient(135deg,#f0e0f8,#d8c0f0)}.badge-modal-box{max-width:420px;max-height:85vh;overflow-y:auto}.badge-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.badge-modal-header .modal-label{margin:0}.badge-close{padding:.3rem .8rem;font-size:.85rem}.badge-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fffaf0;border:2px solid var(--ink);border-radius:14px;box-shadow:var(--shadow-soft);margin-bottom:.75rem}.badge-preview-v{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);position:relative;box-shadow:var(--shadow-soft)}.badge-preview-v-count{font-size:1.3rem;font-weight:800;color:var(--cream);text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:1;line-height:1}.badge-preview-info{display:flex;flex-direction:column;gap:.2rem}.badge-preview-name{font-size:1.3rem;font-weight:800;color:var(--ink)}.badge-preview-count{font-size:.9rem;color:#6b5644}.badge-tier-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.ladder-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .3rem;border:2px solid var(--ink);border-radius:10px;box-shadow:var(--shadow-soft);position:relative;transition:transform .15s,opacity .2s}.ladder-item.ladder-locked{opacity:.35;filter:grayscale(.7)}.ladder-item.ladder-current{border-color:var(--crimson);border-width:3px;transform:scale(1.05)}.ladder-medal-v{width:30px;height:30px;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.ladder-v-count{font-size:.6rem;font-weight:800;color:var(--cream);text-shadow:0 1px 1px rgba(0,0,0,.5);line-height:1}.ladder-info{display:flex;flex-direction:column;align-items:center;gap:0}.ladder-name{font-size:.75rem;font-weight:800;color:var(--ink)}.ladder-req{font-size:.6rem;color:#8a7a66}.ladder-check{position:absolute;top:2px;right:4px;font-size:.65rem;color:var(--teal);font-weight:800}.ladder-badge-current{position:absolute;top:2px;right:4px;font-size:.55rem;font-weight:800;color:var(--crimson)}.badge-completed-section{margin-bottom:.75rem}.badge-completed-title{margin:0 0 .5rem;font-size:.9rem;font-weight:700;color:var(--ink)}.badge-completed-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.badge-completed-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;background:#fffaf0;border:1.5px solid var(--ink);border-radius:8px;font-size:.85rem}.badge-completed-text{flex:1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-completed-date{font-size:.7rem;color:#8a7a66;flex-shrink:0}.badge-completed-del{flex-shrink:0;padding:.2rem .6rem;font-size:.75rem;font-weight:700;font-family:inherit;color:var(--cream);background:var(--crimson);border:1.5px solid var(--ink);border-radius:6px;cursor:pointer;transition:background .15s}.badge-completed-del:hover{background:#a93226}.badge-completed-empty{text-align:center;padding:1rem;color:#8a7a66;font-style:italic;font-size:.85rem}.badge-actions{display:flex;justify-content:center}.badge-reset-btn{padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;font-family:inherit;color:var(--cream);background:var(--ink);border:2px solid var(--ink);border-radius:10px;cursor:pointer;box-shadow:var(--shadow-soft);transition:background .2s,transform .15s}.badge-reset-btn:hover{background:var(--crimson);transform:translateY(-1px)}.date-display{display:flex;align-items:center;gap:.6rem;margin-top:.75rem;padding:.5rem .2rem}.date-display-text{font-size:1.1rem;font-weight:700;color:var(--ink)}.date-today-btn{padding:.25rem .7rem;font-size:.8rem;font-weight:700;font-family:inherit;color:var(--cream);background:var(--teal);border:2px solid var(--ink);border-radius:999px;cursor:pointer;box-shadow:var(--shadow-soft);transition:background .2s,transform .15s}.date-today-btn:hover{background:#238580;transform:translateY(-1px)}.todo-add-inline{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;font-family:inherit;color:var(--cream);background:var(--crimson);border:2px solid var(--ink);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .15s,background .2s;line-height:1;padding:0}.todo-add-inline:hover{background:#a93226;transform:translateY(-1px) scale(1.08)}.todo-add-inline:active{transform:translateY(0) scale(1)}.todo-addbar{display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem;margin-top:0;background:#fffaf0;border:2px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-soft);max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0;border-width:0;transition:max-height .25s ease,opacity .2s ease,padding .25s ease,border-width .2s ease,margin-top .25s ease}.todo-addbar.show{max-height:60px;opacity:1;padding-top:.65rem;padding-bottom:.65rem;border-width:2px;margin-top:.75rem}.todo-addbar-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--crimson);box-shadow:0 0 0 2px var(--cream),0 0 0 4px var(--crimson)}.todo-addbar-input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;font-family:inherit;color:var(--ink);padding:.2rem 0}.todo-addbar-input::placeholder{color:#a8927a}.todo-addbar-input,.todo-input,.todo-edit-input{touch-action:manipulation;-webkit-user-select:text;user-select:text;-webkit-touch-callout:none}@supports (pointer: fine) and (hover: none){.todo-addbar-input,.todo-input,.todo-edit-input{touch-action:auto}}.todo-addbar-confirm{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;font-family:inherit;color:var(--cream);background:var(--crimson);border:2px solid var(--ink);border-radius:50%;cursor:pointer;padding:0;line-height:1;transition:background .2s,transform .15s}.todo-addbar-confirm:hover{background:#a93226;transform:translateY(-1px) scale(1.05)}.todo-addbar-confirm:active{transform:translateY(0) scale(1)}.todo-addbar-close{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-family:inherit;color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:50%;cursor:pointer;padding:0;line-height:1;transition:background .15s}.todo-addbar-close:hover{background:#1b14101a}.todo-toolbar{display:flex;align-items:center;gap:.75rem;margin-top:1rem;margin-bottom:1rem;position:relative;z-index:50;overflow:visible}.todo-count{display:inline-block;padding:.35rem .9rem;font-size:.95rem;font-weight:700;color:var(--cream);background:var(--teal);border:2px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-soft)}.todo-clear{padding:.35rem .9rem;font-size:.85rem;font-weight:700;font-family:inherit;color:var(--cream);background:var(--ink);border:2px solid var(--ink);border-radius:999px;cursor:pointer;box-shadow:var(--shadow-soft);transition:background .2s,transform .15s}.todo-clear:hover{background:var(--crimson);transform:translateY(-1px)}.todo-clear:active{transform:translateY(0)}.todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.todo-item{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;background:#fffaf0;border:2px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-soft);transition:opacity .2s,transform .15s;touch-action:pan-y;user-select:none;-webkit-user-select:none}.todo-item.is-sub{background:#f0e4cc;border-width:1.5px}.todo-item.is-parent{border-left:5px solid var(--gold)}.todo-item.dragging{opacity:.85;box-shadow:0 8px 24px #1b141080;cursor:grabbing}.drag-placeholder{background:#c0392b1a;border:2px dashed var(--crimson);border-radius:12px;box-shadow:none;padding:0;display:block;min-height:48px}.todo-collapse{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-family:inherit;color:var(--ink);background:transparent;border:none;border-radius:6px;cursor:pointer;padding:0;transition:background .15s}.todo-collapse:hover{background:#1b14101a}.todo-check{position:relative;flex-shrink:0;width:22px;height:22px;cursor:pointer}.todo-check input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.todo-box{display:block;width:22px;height:22px;border:2px solid var(--ink);border-radius:6px;background:var(--cream);transition:background .2s}.todo-check input:checked+.todo-box{background:var(--gold);box-shadow:inset 0 0 0 2px var(--cream)}.todo-text{position:relative;flex:1;font-size:1.02rem;color:var(--ink);word-break:break-word;transition:color .3s ease .15s;cursor:text}.todo-text:after{content:"";position:absolute;left:0;top:50%;width:0;height:2px;background:var(--crimson);border-radius:1px;transition:width .35s ease}.todo-item.is-done .todo-text{color:#8a7a66}.todo-item.is-done .todo-text:after{width:100%}.todo-edit-input{flex:1;padding:.3rem .5rem;font-size:1.02rem;font-family:inherit;color:var(--ink);background:#fffaf0;border:2px solid var(--crimson);border-radius:6px;outline:none;box-shadow:0 0 0 3px #c0392b40}.todo-pri-badge{flex-shrink:0;padding:.2rem .7rem;font-size:.75rem;font-weight:700;font-family:inherit;color:#fff;border:1.5px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .15s,opacity .2s;line-height:1.4}.todo-pri-badge:hover{transform:translateY(-1px);opacity:.85}.todo-pri-badge.priority-important{background:var(--crimson)}.todo-pri-badge.priority-secondary{background:var(--orange)}.todo-pri-badge.priority-normal{background:var(--teal)}.todo-tag,.todo-addsub{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-family:inherit;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:10px;cursor:pointer;box-shadow:var(--shadow-soft);transition:background .2s,transform .15s;padding:0;line-height:1}.todo-tag:hover,.todo-addsub:hover{background:var(--gold);transform:translateY(-1px)}.todo-tag:active,.todo-addsub:active{transform:translateY(0)}.todo-del{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--crimson);background:transparent;border:2px solid var(--crimson);border-radius:50%;cursor:pointer;transition:all .15s;padding:0}.todo-del:hover{background:var(--crimson);color:var(--cream);transform:translateY(-1px) scale(1.05)}.todo-del:active{transform:translateY(0) scale(1)}.todo-del:hover{background:var(--crimson);transform:translateY(-1px)}.todo-del:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b141099;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-box{background:var(--cream);border:2px solid var(--ink);border-radius:16px;padding:1.5rem 1.5rem 1.25rem;box-shadow:var(--shadow);width:100%;max-width:380px;transform:scale(.9);transition:transform .2s ease}.modal-box-sm{max-width:300px}.modal-overlay.show .modal-box{transform:scale(1)}.modal-label{margin:0 0 .75rem;font-size:1.1rem;font-weight:700;color:var(--ink)}.modal-form{display:flex;flex-direction:column;gap:.75rem}.todo-input{flex:1;padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:var(--ink);background:#fffaf0;border:2px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-soft);outline:none;transition:border-color .2s,box-shadow .2s}.todo-input::placeholder{color:#a8927a}.todo-input:focus{border-color:var(--crimson);box-shadow:0 0 0 3px #c0392b40}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.todo-add{padding:.75rem 1.4rem;font-size:1rem;font-weight:700;font-family:inherit;color:var(--cream);background:var(--crimson);border:2px solid var(--ink);border-radius:12px;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .15s,background .2s;white-space:nowrap}.todo-add:hover{background:#a93226;transform:translateY(-1px)}.todo-add:active{transform:translateY(0)}.modal-cancel{padding:.75rem 1.2rem;font-size:1rem;font-weight:700;font-family:inherit;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:12px;cursor:pointer;box-shadow:var(--shadow-soft);transition:background .2s,transform .15s}.modal-cancel:hover{background:#e0d4ba;transform:translateY(-1px)}.modal-cancel:active{transform:translateY(0)}.priority-options{display:flex;flex-direction:column;gap:.6rem}.priority-opt{padding:.65rem 1rem;font-size:.95rem;font-weight:700;font-family:inherit;color:#fff;border:2px solid var(--ink);border-radius:10px;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .15s,opacity .2s;text-align:center}.priority-opt:hover{transform:translateY(-1px);opacity:.9}.priority-opt.priority-important{background:var(--crimson)}.priority-opt.priority-secondary{background:var(--orange)}.priority-opt.priority-normal{background:var(--teal)}.priority-opt.priority-none{color:var(--ink);background:var(--cream)}.encourage{position:fixed;z-index:200;font-size:1.3rem;font-weight:800;font-family:inherit;color:var(--gold);text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);pointer-events:none;transform:translate(-50%);animation:floatUp 1.2s ease-out forwards;white-space:nowrap}@keyframes floatUp{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-12px) scale(1.15)}60%{opacity:1;transform:translate(-50%,-35px) scale(1)}to{opacity:0;transform:translate(-50%,-65px) scale(.9)}}@media (max-width: 480px){.todo-del{width:28px;height:28px;font-size:.9rem}}.toolbar-add-wrapper{position:relative;display:inline-flex}.tooltip-box{position:absolute;top:130%;left:50%;transform:translate(-50%);background:var(--ink);color:var(--cream);padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:700;white-space:nowrap;box-shadow:var(--shadow-soft);z-index:9999;animation:floatIn .3s ease}.tooltip-arrow{position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent var(--ink) transparent}@keyframes floatIn{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:580px;display:flex;justify-content:space-around;background:var(--cream);border-top:2px solid var(--ink);box-shadow:0 -4px 12px #1b14101a;padding:.5rem 0;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:transparent;border:none;cursor:pointer;padding:.3rem 1.5rem;border-radius:10px;transition:background .2s}.nav-item.active{background:#e8a31726}.nav-icon{font-size:1.3rem}.nav-text{font-size:.75rem;font-weight:800;color:#6b5644;font-family:inherit}.nav-item.active .nav-text{color:var(--crimson)}.todo-practice{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:.92rem;font-weight:800;color:#5c3d2e;background:#fffaf0;border:2px solid var(--ink);border-radius:10px;cursor:pointer;box-shadow:var(--shadow-soft);transition:all .15s;padding:0;line-height:1}.todo-practice:hover{background:var(--teal);color:var(--cream);transform:translateY(-1px)}.todo-badge{flex-shrink:0;border:none;font-family:inherit;font-size:.68rem;font-weight:800;color:#fff;cursor:pointer;padding:.18rem .5rem;line-height:1.3;transition:all .15s;margin-left:.3rem}.todo-badge-flashcard{background:#d96b53;border-radius:5px}.todo-badge-pdf{background:#d96b53;border-radius:999px;padding:.18rem .6rem}.todo-badge:hover{background:#c85a45;transform:translateY(-1px)}