:root{--bg:#0e1117;--panel:#171c26;--card:#1c2330;--text:#e6e9ef;--muted:#8b93a3;--accent:#6c8cff;--g-extreme:#34d399;--g-good:#6c8cff;--g-wait:#fbbf24;--g-low:#f87171;--g-few:#8b93a3}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:PingFang TC,Microsoft JhengHei,system-ui,sans-serif}header{flex-wrap:wrap;align-items:baseline;gap:12px;max-width:1180px;margin:0 auto;padding:28px 24px 16px;display:flex}header h1{letter-spacing:1px;align-items:center;gap:10px;font-size:26px;display:flex}header .logo{width:30px;height:30px}header .sub{color:var(--muted);font-size:13px}header .user-box{margin-left:auto;position:relative}header .user-box summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #2a3242;border-radius:999px;padding:6px 12px;font-size:13px;list-style:none}header .user-box summary:hover{color:var(--text)}header .user-box[open] summary{color:var(--text);background:var(--panel)}header .user-panel{z-index:20;background:var(--panel);border:1px solid #2a3242;border-radius:12px;flex-direction:column;gap:10px;width:280px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 30px #00000080}header .user-row{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}header .user-row input[type=text]{background:var(--bg);color:var(--text);border:1px solid #2a3242;border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-size:13px}header .user-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:13px}header .user-row button:hover{filter:brightness(1.15)}header .user-error{color:var(--g-low)}header .ledger-detail{color:var(--muted);font-size:12px}.card .list-badge{color:#0e1117;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;bottom:5px;right:5px}.modal .my-status{color:var(--accent)}.tabs{flex-wrap:wrap;align-items:center;gap:8px;max-width:1180px;margin:0 auto;padding:0 24px 12px;display:flex}.tabs button{background:var(--panel);color:var(--muted);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:8px 18px;font-size:14px}.tabs button.active{background:var(--accent);color:#fff}.tabs .spacer{flex:1}.tabs .search{background:var(--panel);color:var(--text);border:1px solid #2a3242;border-radius:999px;width:180px;padding:7px 16px;font-size:13px}.weighted{color:var(--muted);margin-left:8px;font-size:12px}.trend{margin-left:6px;font-size:12px;font-weight:700}.trend.up{color:var(--g-extreme)}.trend.down{color:var(--g-low)}main{max-width:1180px;margin:0 auto;padding:8px 24px 60px}@media (width<=640px){.tabs .spacer{display:none}.tabs .search{flex:100%;order:1;width:auto}}.month-header{color:var(--muted);border-bottom:1px solid #2a3242;margin:22px 0 12px;padding-bottom:6px;font-size:15px}.month-header:first-of-type{margin-top:4px}.status{color:var(--muted);text-align:center;padding:40px 0;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.card{background:var(--card);color:inherit;cursor:pointer;border-radius:12px;transition:transform .12s;display:flex;overflow:hidden}.card:hover{transform:translateY(-2px)}.backdrop{z-index:10;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:16px;width:100%;max-width:640px;max-height:86vh;padding:24px;position:relative;overflow-y:auto}.modal .close{background:var(--card);color:var(--muted);cursor:pointer;border:none;border-radius:999px;width:32px;height:32px;font-size:14px;position:absolute;top:14px;right:14px}.modal .close:hover{color:var(--text)}.modal-head{gap:16px;display:flex}.modal-head img{object-fit:cover;border-radius:10px;align-self:flex-start;width:120px}.modal-head .head-info{flex-direction:column;gap:6px;min-width:0;display:flex}.modal-head h2{font-size:19px;line-height:1.35}.modal .signals{flex-direction:column;gap:7px;margin-top:16px;display:flex}.modal .signal{font-size:13.5px;line-height:1.5}.modal .signal.pro{color:var(--g-extreme)}.modal .signal.con{color:var(--g-wait)}.modal .signal.mine{color:var(--accent,#7aa2ff)}.modal .plot-box{margin-top:14px}.modal .plot-box summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.modal .plot-box summary:hover{color:var(--text)}.modal .plot{color:var(--text);white-space:pre-line;margin-top:10px;font-size:14px;line-height:1.75}.modal .plot-note{color:var(--muted);margin-top:6px;font-size:12px;display:block}.modal .next-ep{color:var(--accent)}.modal .tag-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.modal .tag{background:var(--card);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px}.modal-links{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.modal-links a{background:var(--card);color:var(--text);border-radius:999px;padding:8px 16px;font-size:13px;text-decoration:none}.modal-links a.primary{background:var(--accent);color:#fff}.modal-links a.baha{align-items:center;gap:7px;display:inline-flex}.modal-links a.baha img{border-radius:4px;width:18px;height:18px}.modal-links a.icon-link{padding:6px;line-height:0}.modal-links a.icon-link img{border-radius:7px;width:26px;height:26px;display:block}.modal-links a:hover{filter:brightness(1.15)}.modal .anilist-link{color:var(--muted);margin-top:16px;font-size:12px;text-decoration:none;display:inline-block}.modal .anilist-link:hover{color:var(--text)}.modal .hide-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;font-size:12px;display:block}.modal .hide-btn:hover{color:var(--g-low)}.binge{background:var(--panel);border:1px solid #2a3242;border-radius:14px;margin-bottom:18px;padding:12px 16px}.binge summary{color:var(--g-extreme);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:700}.binge-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.binge-item{background:var(--card);color:var(--text);cursor:pointer;border:1px solid #2a3242;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;font-size:13px;display:flex}.binge-item:hover{border-color:var(--g-extreme)}.binge-meta{color:var(--muted);font-size:12px}.skipped{margin-top:28px}.skipped summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.skipped .grid{opacity:.6;margin-top:14px}@media (width<=640px){.backdrop{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-height:92vh}}.card .cover{flex-shrink:0}.card img{object-fit:cover;width:92px;height:100%;min-height:130px;display:block}.card .info{flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.card .cover{position:relative}.card .baha-mini{background:#ffffffeb;border-radius:6px;padding:2px;line-height:0;position:absolute;bottom:5px;left:5px}.card .baha-mini img{border-radius:4px;width:18px;height:18px;min-height:0}.card .baha-mini:hover{background:#fff}.card .title{color:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}.card .title:hover{color:var(--accent)}.card .links{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.card .links a{background:var(--panel);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;text-decoration:none}.card .links a:hover{color:var(--text)}.card .native{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.card .meta{color:var(--muted);margin-top:auto;font-size:12px}.card .score{font-size:13px}.card .score b{font-size:16px}.badge{color:#0e1117;border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:700}