:root{color-scheme:dark;--bg: #0b0c10;--panel: #111521;--panel2: #0e1220;--border: #1b2230;--border2: #263043;--text: #e9eef6;--muted: #a9b3c5;--container: 980px;--login: 500px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}a{color:inherit}.appShell{min-height:100dvh;display:flex;flex-direction:column}.topBar{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 14px}.topBarTitle{font-weight:700}.topBarRight{margin-left:auto;display:flex;gap:10px;align-items:center}.content{flex:1;padding:14px 14px 88px;display:flex;justify-content:center}.contentInner{width:100%;max-width:var(--container);margin:0 auto}.contentInner2{width:100%;max-width:var(--login);margin:0 auto}.page{width:100%}.page h1{margin:8px 0 12px;font-size:22px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:12px}.subcard{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-top:10px}.list{display:flex;flex-direction:column;gap:10px}.error{color:#ff6b6b}.muted{color:var(--muted)}.title{font-weight:650}.titleLink{text-decoration:none;font-weight:650;display:inline-block}.spacer{height:24px}label{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;font-size:14px}input,textarea,select{width:100%;border-radius:12px;border:1px solid var(--border2);background:#0b0f1c;color:var(--text);padding:10px 12px;outline:none}textarea{min-height:80px;resize:vertical}button{border:1px solid var(--border2);background:#161c2c;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.linkBtn{padding:8px 10px;border-radius:10px;background:transparent;color:#cbd6ea;text-decoration:none}.linkBtn:hover{background:var(--panel)}.iconBtn{border:0;background:transparent;font-size:22px;padding:6px 10px;border-radius:10px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.rowMain{flex:1;min-width:0}.rowActions{display:flex;gap:8px;align-items:center}.rowInput{display:flex;gap:10px}.rowInput input{flex:1}.bottomNav .contentInner{width:100%;max-width:var(--container, 980px);margin-left:auto;margin-right:auto}.bottomNavInner{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bottomNav{position:fixed;left:0;right:0;bottom:0;background:var(--bg, #0b0c10);border-top:1px solid var(--border, #1b2230);padding:10px 14px;z-index:10}.navItem{text-decoration:none;text-align:center;padding:10px 8px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:#cbd6ea}.navItem.active{background:#161c2c;color:#fff;border-color:#2b3952}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:10px}.tab{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.tab.active{border-color:#2b3952;background:#1a2236}.tabCount{min-width:22px;height:18px;padding:0 6px;border-radius:999px;font-size:12px;line-height:18px;text-align:center;border:1px solid var(--border);background:#ffffff08;color:#8da2c0}.tabCount.on{color:#c7d5ea;background:#ffffff0f}.menu{position:absolute;right:12px;top:52px;display:flex;flex-direction:column;min-width:180px;border-radius:12px;padding:6px;background:#1b1b1b;border:1px solid rgba(255,255,255,.08);z-index:50}.menuItem{text-align:left;padding:10px;border-radius:10px;text-decoration:none;background:transparent;border:0;color:inherit}.menuItem:hover{background:#ffffff0f}.menuItem.danger{color:#ff4d4f}.badge{display:inline-flex;min-width:18px;height:18px;padding:0 6px;border-radius:999px;font-size:12px;line-height:18px;margin-left:6px;background:#ff4d4f;color:#fff;align-items:center;justify-content:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sectionHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.section{margin-top:14px}.sectionTop{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:8px}.sectionTitle{font-weight:700;font-size:16px}.gridList{display:flex;flex-direction:column;gap:10px}.itemCard{display:flex;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--border);background:#ffffff05;cursor:pointer}.itemCard:hover{background:#ffffff0a}.thumb{width:56px;height:76px;object-fit:cover;border-radius:10px;border:1px solid var(--border);display:block}.thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:12px;color:#8da2c0}.itemBody{flex:1 1 auto;min-width:0}.itemRight{flex:0 0 auto;display:flex;align-items:center;gap:8px}.itemTitle{font-weight:700;font-size:15px;line-height:1.2;margin-top:2px;word-break:break-word}.itemSub{margin-top:6px}.metaLine{margin-bottom:4px}.metaRow{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;font-size:12px;color:#c7d5ea}.chip.warn{border-color:#3a2b1f;background:#ffa50014}.pill{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.12);opacity:.92}.libCard{display:flex;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.libLeft{width:92px;flex:0 0 92px;display:flex;flex-direction:column;gap:8px}.libCover{display:block;width:92px;height:128px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.libCover img{width:100%;height:100%;object-fit:cover;display:block}.libUnderCover{display:flex;align-items:center;gap:8px}.miniCnt{display:inline-flex;align-items:center;gap:6px;padding:4px;font-size:12px;line-height:1;opacity:.75}.miniCnt.on{opacity:1}.libBody{flex:1;min-width:0;display:flex;flex-direction:column}.libTitle{font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.libDesc{margin-top:6px;color:#ffffffb3;line-height:1.35;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.libMeta{margin-top:8px;color:#ffffffa6;font-size:13px;line-height:1.25;display:flex;flex-wrap:wrap;gap:6px}.libActions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media(max-width:420px){:root{--container: 680px}.libCard{padding:10px;gap:10px;border-radius:14px}.libLeft{width:84px;flex-basis:84px}.libCover{width:84px;height:118px;border-radius:12px}.libTitle{font-size:15px}}.coverPreviewWrap{margin-top:10px}.coverPreviewImg{width:100%;max-width:100px;max-height:150px;height:auto;object-fit:cover;border-radius:12px;border:1px solid var(--border, #1b2230);display:block}@media(min-width:720px){.coverPreviewImg{width:360px}}.tagRow{display:flex;flex-wrap:wrap;gap:8px}.tagChip{border:1px solid var(--border, #1b2230);background:#ffffff08;color:inherit;padding:7px 10px;border-radius:999px;font-size:13px;line-height:1;cursor:pointer}.tagChip:hover{background:#ffffff0f}.tagX{opacity:.7;margin-left:6px}.tagSuggest{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.tagSuggestItem{border:1px solid var(--border2, #263043);background:#ffffff05;color:inherit;padding:8px 10px;border-radius:999px;font-size:13px}.genrePick{position:relative}.genreSuggestBox{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;padding:8px;border-radius:12px;border:1px solid var(--border, #1b2230);background:#0a0c10fa;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto;box-shadow:0 10px 30px #00000059}.tagSuggestItem{text-align:left;border:1px solid var(--border2, #263043);background:#ffffff05;color:inherit;padding:10px;border-radius:10px;cursor:pointer}.tagSuggestItem:hover{background:#ffffff0f}.iconActionBtn{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;border-radius:12px;border:1px solid #263043;background:#161c2c;color:#e9eef6;cursor:pointer}.iconActionBtn:hover{background:#1a2236}.iconActionBtn.danger{border-color:#ff4d4f59}.modalOverlay{position:fixed;inset:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.modalCard{width:min(440px,100%);background:#111521;border:1px solid #1b2230;border-radius:16px;padding:14px;box-shadow:0 12px 40px #00000073}.modalTitle{font-weight:800;font-size:16px;margin-bottom:8px}.modalText{color:#cbd6ea;opacity:.9;line-height:1.35}.modalActions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.modalBtnGhost{background:transparent;border:1px solid #1b2230;color:#cbd6ea}.modalBtnGhost:hover{background:#ffffff0a}.modalBtnPrimary{border:1px solid #2b3952;background:#1a2236}.modalBtnPrimary:hover{background:#222c44}.modalBtnPrimary.danger{border-color:#ff4d4f59}.stars10{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.starBtn{border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1;opacity:.25;padding:2px}.starBtn.on{opacity:1}.stars10.disabled .starBtn{cursor:default;opacity:.2}.starsVal{margin-left:8px;font-size:12px;opacity:.7}.d-none{display:none!important}.addInMenu{display:none}@media(max-width:520px){.addTop{display:none}.addInMenu{display:block}}.topBarRow{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}.topBarLeft{display:flex;align-items:center;gap:10px;min-width:0;transition:opacity .18s ease,transform .18s ease}.topBarLeft.hidden{opacity:0;transform:translateY(-6px);pointer-events:none}.logoBox{width:36px;height:36px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);flex:0 0 auto}.crumbSep{opacity:.5}.topBarCrumb{opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.topSearchOverlay{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:5}.topSearchOverlay.on{opacity:1}.topSearchInner{display:flex;align-items:center;gap:8px;padding-right:140px;pointer-events:none}.topSearchInput{pointer-events:auto;width:100%;max-width:100%;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#00000059;color:inherit;padding:0 12px;outline:none}.menuOverlay{position:fixed;inset:56px 0 0;z-index:40;background:transparent}.menu{position:absolute;z-index:50}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack{display:grid;gap:14px}@media(max-width:860px){.settingsGrid{grid-template-columns:1fr}}.segmented{display:inline-flex;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.segBtn{padding:10px 14px;border:0;background:transparent;color:inherit;cursor:pointer}.segBtn.active{background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff2e;font-weight:700}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.twoCols{grid-template-columns:1fr}}.ok{padding:10px 12px;border-radius:12px;background:#00b45a1f}.profCard{display:flex;gap:12px;align-items:center}.profLeft{flex:0 0 auto}.avatarPh{width:52px;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;opacity:.9}.profMid{flex:1;min-width:0}.profTitleRow{display:flex;align-items:center;gap:10px;min-width:0}.profTitle{font-weight:900;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profSub{margin-top:4px;font-size:13px}.profMetaRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.profRight{flex:0 0 auto;display:flex;align-items:center;gap:8px}.primaryBtn{border:1px solid rgba(255,255,255,.2);background:#ffffff1f;color:inherit;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:800}.primaryBtn:disabled{opacity:.7;cursor:default}.ghostBtn{border:1px solid rgba(255,255,255,.16);background:transparent;color:inherit;border-radius:12px;padding:10px 12px;cursor:pointer;opacity:.9}.ghostBtn:hover{opacity:1}.thumbWrap{width:56px;flex:0 0 56px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;font-size:12px;line-height:1;white-space:nowrap}.rightCol{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.openBtn{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;cursor:pointer;font-weight:900;display:flex;align-items:center;justify-content:center;opacity:.9}.openBtn:hover{opacity:1}.addBtn{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;font-weight:900;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.addBtn:hover{background:#ffffff1a;border-color:#fff3}.addBtn:disabled{opacity:.65;cursor:default}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:100;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#141414eb;color:#ffffffeb;font-weight:700;max-width:92vw;text-align:center}.chipAnn{border-color:#ffffff3d;background:#ffffff14;font-weight:700}.addBtn{background:#ffffff0f;color:inherit;font-weight:900;line-height:1}.addBtn.done{border-color:#ffffff47;background:#ffffff1f}.addBtn:disabled{opacity:.75;cursor:default}.moreBtn{display:block;margin:14px auto 0;border:none;background:transparent;color:inherit;opacity:.9;cursor:pointer;font-size:14px;padding:10px 12px}.moreBtn:hover{opacity:1;text-decoration:underline}.rankCard{padding:6px 12px}.rankRow{display:flex;align-items:center;gap:10px;padding:10px 0}.rankLeft{width:42px;display:flex;justify-content:center}.rankMid{flex:1;min-width:0}.rankRight{width:18px;text-align:right}.rankName{font-weight:800}.rankMeta{margin-top:2px;font-size:13px}.rankBadge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-weight:900;font-size:13px}.rankBadge.gold{background:#ffffff1f}.rankBadge.silver{background:#ffffff1a}.rankBadge.bronze{background:#ffffff17}.rankBadge.num{opacity:.9}