:root{--blue:#185fa5;--green:#3b6d11;--red:#a32d2d;--text:#5f5e5a;--text-strong:#1c1c1c;--bg:#f5f5f5;--card-bg:#fff;--border:#e0e0e0;--nav-height:60px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}[data-theme=dark]{--blue:#4a9ee0;--green:#6db33f;--red:#e06060;--text:#8e8e93;--text-strong:#f2f2f7;--bg:#1c1c1e;--card-bg:#2c2c2e;--border:#3a3a3c}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#3a3a3c 25%,#48484a 50%,#3a3a3c 75%) 0 0/800px 100%}[data-theme=dark] .badge-green{background:#6db33f2e}[data-theme=dark] .badge-red{background:#e060602e}[data-theme=dark] .badge-blue{background:#4a9ee02e}[data-theme=dark] .badge-gray{background:#8e8e9326}[data-theme=dark] .filter-btn{background:#3a3a3c}[data-theme=dark] .filter-btn.active{background:var(--blue)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg)}#root{background:var(--bg);max-width:430px;min-height:100svh;margin:0 auto;position:relative}h1{color:var(--text-strong);font-size:22px;font-weight:500}h2{color:var(--text-strong);font-size:14px;font-weight:500}p{font-size:14px}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}input{font-family:inherit}.app-body{padding-bottom:calc(var(--nav-height) + 16px)}.bottom-nav{width:100%;max-width:430px;height:var(--nav-height);background:var(--card-bg);border-top:.5px solid var(--border);z-index:100;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#aaa;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:400;transition:color .15s;display:flex}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.nav-item.active{color:var(--blue);font-weight:500}.page{padding:0 0 24px}.page-header{flex-direction:column;gap:4px;padding:20px 16px 16px;display:flex}.page-description{color:var(--text);font-size:14px}.title-input{color:var(--text-strong);border:none;border-bottom:2px solid var(--blue);background:0 0;outline:none;width:100%;padding:2px 0;font-size:22px;font-weight:700}.progress-label{color:var(--text);margin-top:4px;font-size:13px}.home-header{background:var(--bg);flex-direction:column;gap:12px;padding:20px 16px 12px;display:flex}.home-title-row{justify-content:space-between;align-items:flex-start;display:flex}.home-date{color:var(--text);margin-bottom:2px;font-size:13px}.home-stats{color:var(--text);opacity:.6;padding:0 16px 8px;font-size:13px}.theme-toggle{padding:2px;font-size:18px;line-height:1}.search-input{background:var(--card-bg);border:.5px solid var(--border);width:100%;height:40px;color:var(--text-strong);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23aaa' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cline x1='11' y1='11' x2='14' y2='14'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;border-radius:10px;outline:none;padding:0 14px 0 36px;font-size:14px}.search-input::placeholder{color:#bbb}.search-input:focus{border-color:var(--blue)}.filter-bar{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text);background:var(--card-bg);white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.filter-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.sort-select{border:1px solid var(--border);color:var(--text);background:var(--card-bg);cursor:pointer;border-radius:20px;margin-left:auto;padding:5px 10px;font-size:13px;font-weight:500}.home-section{border-top:.5px solid var(--border);margin-top:20px;padding:16px 16px 0}.home-section:first-of-type{border-top:none;padding-top:0}.section-header{align-items:center;gap:6px;margin-bottom:10px;display:flex}.section-icon{font-size:16px;line-height:1}.section-header h2{flex:1}.section-link{color:var(--blue);font-size:13px;font-weight:400}.section-chevron{color:var(--text);align-items:center;transition:transform .2s;display:flex}.section-chevron svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px}.section-chevron.collapsed{transform:rotate(-90deg)}.card-list{flex-direction:column;gap:8px;display:flex}.card{background:var(--card-bg);border:.5px solid var(--border);border-radius:12px;align-items:center;display:flex;position:relative;overflow:hidden}.card-progress{background:var(--border);height:3px;position:absolute;bottom:0;left:0;right:0}.card-progress-fill{background:var(--blue);border-radius:0 2px 2px 0;height:100%;transition:width .4s;display:block}.card a,.card-inner{flex:1;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.card-icon{flex-shrink:0;font-size:20px;line-height:1}.card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.card-title{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.card-desc{color:var(--text);opacity:.65;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-size:12px;overflow:hidden}.card-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.badge{border-radius:20px;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.6}.badge-blue{background:color-mix(in srgb, var(--blue) 15%, transparent);color:var(--blue)}.badge-red{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red)}.badge-green{background:color-mix(in srgb, var(--green) 15%, transparent);color:var(--green)}.badge-gray{background:color-mix(in srgb, var(--text) 12%, transparent);color:var(--text)}.badge-orange{color:#c97000;background:#ffa50033}@media (prefers-color-scheme:dark){.badge-orange{color:#ffb347}}.badge-done{font-size:16px;line-height:1}.toast{bottom:calc(var(--nav-height) + 20px);background:var(--text-strong);color:var(--bg);z-index:200;white-space:nowrap;border-radius:24px;padding:10px 20px;font-size:14px;font-weight:500;animation:.2s toastIn;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.fab{bottom:calc(var(--nav-height) + 16px);background:var(--blue);color:#fff;z-index:90;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;line-height:1;display:flex;position:fixed;right:max(16px,50% - 199px);box-shadow:0 4px 16px #185fa573,0 2px 6px #00000026}.manga-list{flex-direction:column;gap:8px;padding:0 16px;display:flex}.manga-item{background:var(--card-bg);border:.5px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.manga-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.manga-title{color:var(--text-strong);font-size:15px;font-weight:500}.manga-badges{flex-wrap:wrap;gap:6px;display:flex}.manga-actions{flex-shrink:0;gap:8px;display:flex}.list-detail-header{justify-content:space-between;align-items:center;display:flex}.btn-edit{color:var(--blue);font-size:14px}.item-list{background:var(--card-bg);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);margin-top:8px}.item-row{border-bottom:.5px solid var(--border);align-items:center;gap:12px;min-height:48px;padding:0 16px;display:flex}.item-list>.item-row:last-child{border-bottom:none}@keyframes checkPop{0%{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.item-check{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,border-color .15s;display:flex}.item-done .item-check,.item-check.item-check-done{background:var(--blue);border-color:var(--blue);animation:.3s checkPop}.item-check svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.item-text{color:var(--text-strong);flex:1;font-size:15px;transition:color .2s,opacity .2s}.item-done .item-text{color:var(--text);opacity:.5}.item-sub-count{color:var(--text);opacity:.6;margin-left:6px;font-size:11px;font-weight:400}.item-del{color:#bbb;opacity:0;padding:0 4px;font-size:20px;line-height:1;transition:opacity .15s}.item-row:hover .item-del,.item-row:focus-within .item-del{opacity:1}.item-note-btn{color:#bbb;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s;display:flex}.item-note-btn svg{width:14px;height:14px}.item-note-btn.has-note{color:var(--blue)}.item-edit-btn{color:#bbb;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.item-edit-btn svg{width:13px;height:13px}.item-note{color:var(--text);opacity:.6;cursor:text;padding:2px 16px 6px 82px;font-size:12.5px;line-height:1.4}.subitem-note{background:var(--bg);border-top:none;margin:0;padding-left:86px!important}.subitem-note-input{background:var(--bg)!important;padding-left:86px!important}.item-note-input{width:100%;color:var(--text);border:none;border-bottom:1px solid var(--blue);background:0 0;outline:none;margin-bottom:4px;padding:2px 16px 6px 82px;font-size:12.5px;display:block}.item-add{border-bottom:none;padding:10px 16px}.item-add-icon{color:var(--blue);text-align:center;flex-shrink:0;width:22px;font-size:18px;line-height:1}.item-input{color:var(--text-strong);background:var(--bg);border:1px solid var(--border);border-radius:12px;outline:none;flex:1;padding:8px 12px;font-size:15px;transition:border-color .15s}.item-input:focus{border-color:var(--blue)}.item-input::placeholder{color:var(--text);opacity:.5}.item-add-btn{color:var(--blue);flex-shrink:0;padding:4px 0 4px 8px;font-size:13px;font-weight:600}.item-chevron{width:20px;height:20px;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.item-chevron svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px}.item-chevron.collapsed{transform:rotate(-90deg)}.drag-handle{color:#ccc;cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:14px;height:14px}.drag-handle-sm{width:16px}.item-action{color:#bbb;opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s;display:flex}.item-action svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.item-row:hover .item-action,.item-row:focus-within .item-action{opacity:1}.item-group{border-bottom:.5px solid var(--border);flex-direction:column;display:flex}.item-group>.item-row{border-bottom:none}.subitem-list{background:var(--bg);border-top:.5px solid var(--border)}.subitem-row{border-bottom:.5px solid var(--border);padding-left:52px}.subitem-row:last-child{border-bottom:none}.btn-primary{color:var(--blue);background:#e8f0f9;border-radius:8px;align-items:center;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn-secondary{color:var(--text);background:#f0f0f0;border-radius:8px;align-items:center;padding:5px 12px;font-size:13px;display:inline-flex}.btn-ghost{color:var(--text);padding:5px 0;font-size:13px}.btn-ghost-danger{color:var(--red)}.form{flex-direction:column;gap:20px;padding:0 16px 24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-strong);font-size:13px;font-weight:500}.required{color:var(--red)}.form-label-row{justify-content:space-between;align-items:baseline;display:flex}.form-label-hint{color:var(--text);font-size:13px}.form-input,.form-textarea,.form-select{background:var(--card-bg);border:.5px solid var(--border);width:100%;color:var(--text-strong);appearance:none;border-radius:10px;outline:none;padding:10px 14px;font-size:15px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--blue)}.form-input::placeholder,.form-textarea::placeholder{color:#bbb}.form-input-number{width:100px}.form-textarea{resize:none;line-height:1.5}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2 4 6 8 10 4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-hint{color:var(--text);font-size:13px}.vol-actions{gap:8px;margin-bottom:4px;display:flex}.vol-action-btn{color:var(--blue);background:#e8f0f9;border-radius:6px;padding:4px 10px;font-size:12px}.vol-grid{flex-wrap:wrap;gap:6px;display:flex}.vol-btn{border:1px dashed var(--border);width:36px;height:36px;color:var(--text);background:var(--bg);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:background .1s,border-color .1s,color .1s;display:flex}.vol-btn.owned{border:1px solid var(--blue);color:var(--blue);background:#e8f0f9}.toggle-row{background:var(--card-bg);border:.5px solid var(--border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.toggle{background:#ddd;border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle.on{background:var(--green)}.toggle.on:after{transform:translate(18px)}.btn-back{color:var(--blue);align-items:center;margin-bottom:4px;font-size:14px;display:inline-flex}.form-submit{background:var(--blue);color:#fff;border-radius:12px;width:100%;height:48px;margin-top:4px;font-size:16px;font-weight:500;transition:opacity .15s}.form-submit:disabled{opacity:.4;cursor:not-allowed}.inline-confirm{flex-shrink:0;align-items:center;gap:6px;display:flex}.confirm-yes{color:#fff;background:var(--red);border-radius:6px;padding:3px 10px;font-size:13px;font-weight:600}.confirm-no{color:var(--text);padding:3px 6px;font-size:13px}.card-menu-btn{color:var(--text);flex-shrink:0;padding:4px 8px;font-size:18px;line-height:1}.card-menu{background:var(--card-bg);border:.5px solid var(--border);z-index:50;border-radius:10px;min-width:130px;position:absolute;top:calc(100% - 4px);right:12px;overflow:hidden;box-shadow:0 4px 16px #0000001f}.card-menu-item{text-align:left;width:100%;color:var(--text-strong);padding:12px 16px;font-size:14px;display:block}.card-menu-danger{color:var(--red)}.cat-picker-overlay{z-index:200;background:#0000004d;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cat-picker{background:var(--card-bg);border-radius:16px 16px 0 0;width:100%;max-width:430px;padding:8px 0 32px}.cat-picker-title{color:var(--text);text-align:center;border-bottom:.5px solid var(--border);margin-bottom:4px;padding:12px 16px;font-size:13px}.cat-picker-item{width:100%;color:var(--text-strong);text-align:left;align-items:center;gap:12px;padding:14px 20px;font-size:15px;display:flex}.confirm-label{color:var(--text);font-size:12px}.archived-toggle-row{justify-content:center;padding:20px 16px 8px;display:flex}.archived-toggle{color:var(--text);border:.5px solid var(--border);background:var(--card-bg);border-radius:20px;padding:6px 16px;font-size:14px}.archived-section{margin-top:8px;padding-bottom:8px}.manga-item-archived{opacity:.6}.settings-section{margin-top:8px}.settings-section-title{color:var(--text);text-transform:uppercase;letter-spacing:.04em;padding:0 16px 8px;font-size:13px;font-weight:500}.settings-list{background:var(--card-bg);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border)}.settings-empty{color:var(--text);padding:14px 16px;font-size:14px}.settings-row{border-bottom:.5px solid var(--border);align-items:center;gap:12px;min-height:48px;padding:0 16px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-edit{padding:12px 16px}.settings-icon{flex-shrink:0;font-size:20px}.settings-name{color:var(--text-strong);flex:1;font-size:15px}.settings-action{color:#bbb;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.settings-action svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.settings-del{font-size:20px;line-height:1}.settings-edit-form{flex-direction:column;gap:10px;width:100%;display:flex}.settings-name-input{width:100%}.settings-edit-actions{gap:8px;display:flex}.btn-save{color:#fff;background:var(--blue);border-radius:8px;padding:6px 16px;font-size:14px;font-weight:500}.settings-add-form{flex-direction:column;gap:12px;margin-top:24px;padding:0 16px;display:flex}.settings-add-title{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:500}.settings-add-row{align-items:center;gap:8px;display:flex}.settings-add-btn{flex-shrink:0;width:auto;height:44px;margin-top:0;padding:0 20px;font-size:15px}.icon-picker{flex-direction:column;gap:8px;display:flex}.icon-input{background:var(--card-bg);border:.5px solid var(--border);text-align:center;border-radius:10px;outline:none;width:52px;height:44px;font-size:22px}.icon-input:focus{border-color:var(--blue)}.icon-grid{flex-wrap:wrap;gap:6px;display:flex}.icon-opt{background:var(--bg);border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:56px;padding:6px 4px;transition:border-color .1s;display:flex}.icon-opt-emoji{font-size:20px;line-height:1}.icon-opt-label{color:var(--text);font-size:10px;line-height:1}.icon-opt.selected{border-color:var(--blue);background:#e8f0f9}.icon-opt.selected .icon-opt-label{color:var(--blue)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--card-bg) 50%, var(--border) 75%);background-size:800px 100%;border-radius:8px;animation:1.4s linear infinite shimmer}.skeleton-card{border-bottom:.5px solid var(--border);border-radius:0;height:64px;margin:0}.skeleton-title{width:55%;height:14px;margin-bottom:8px}.skeleton-sub{width:30%;height:11px}.skeleton-list{background:var(--card-bg);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);margin-top:8px;overflow:hidden}.skeleton-row{border-bottom:.5px solid var(--border);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.skeleton-row:last-child{border-bottom:none}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 16px;display:flex}.empty-state-icon{opacity:.4;font-size:40px;line-height:1}.empty-state-text{color:var(--text);font-size:15px;font-weight:500}.empty-state-sub{color:var(--text);opacity:.6;font-size:13px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in,.fade-in-list>*{animation:.25s both fadeInUp}.fade-in-list>:first-child{animation-delay:30ms}.fade-in-list>:nth-child(2){animation-delay:60ms}.fade-in-list>:nth-child(3){animation-delay:90ms}.fade-in-list>:nth-child(4){animation-delay:.12s}.fade-in-list>:nth-child(5){animation-delay:.15s}.fade-in-list>:nth-child(6){animation-delay:.18s}.fade-in-list>:nth-child(7){animation-delay:.2s}.fade-in-list>:nth-child(8){animation-delay:.22s}.loading{text-align:center;color:var(--text);padding:48px 16px;font-size:14px}.error{text-align:center;color:var(--red);padding:32px 16px;font-size:14px}.empty{color:var(--text);padding:16px 0;font-size:14px}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:32px 24px;display:flex}.login-icon{text-align:center;margin:0;font-size:2.5rem}.login-title{text-align:center;color:var(--text);margin:0;font-size:1.4rem;font-weight:700}.login-sub{text-align:center;color:var(--text-2);margin:0 0 8px;font-size:.85rem}.login-form{flex-direction:column;gap:10px;display:flex}.login-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:12px;outline:none;padding:11px 14px;font-size:.95rem}.login-input:focus{border-color:var(--accent)}.login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:4px;padding:12px;font-size:.95rem;font-weight:600}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--red);text-align:center;margin:0;font-size:.8rem}.login-toggle{color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;padding:4px 0;font-size:.82rem}