*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0f18;--surface: #151722;--surface2: #1c1f30;--border: #252840;--border2: #2e3350;--text: #dde3f0;--muted: #8e98b0;--muted2: #a8b4cc;--accent: #6366f1;--accent-dim: #6366f133}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100dvh;display:flex;flex-direction:column;overflow:hidden}#appHeader{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;gap:10px}.header-top h1{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text);white-space:nowrap}.header-top h1 span{color:var(--muted2);font-weight:400}#filterToggle{display:flex;align-items:center;gap:6px;padding:5px 11px;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;color:var(--muted2);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;flex-shrink:0}#filterToggle:hover{color:var(--text);border-color:var(--accent)}#filterToggle svg{opacity:.7;transition:transform .2s}#filterToggle.open svg{transform:rotate(180deg)}#filterToggle .filter-count{background:var(--accent);color:#fff;border-radius:999px;padding:0 6px;font-size:.68rem;font-weight:600;line-height:1.6;display:none}#filterToggle .filter-count.visible{display:inline}#dayTabs{display:flex;overflow-x:auto;scrollbar-width:none;padding:10px 14px;gap:6px}#dayTabs::-webkit-scrollbar{display:none}.day-tab{display:flex;flex-direction:column;align-items:center;padding:7px 16px;border-radius:10px;border:1px solid var(--border2);background:var(--surface2);color:var(--muted2);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;position:relative}.day-tab:hover{background:var(--border2);color:var(--text)}.day-tab .tab-day{font-size:.85rem;font-weight:600;line-height:1}.day-tab .tab-date{font-size:.68rem;margin-top:3px;opacity:.75}.day-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.day-tab.active .tab-date{opacity:.8}.day-tab.today .tab-day:after{content:"·";color:#4ade80;margin-left:4px}#filterPanel{overflow:hidden;max-height:0;transition:max-height .25s ease;background:var(--surface2);border-top:1px solid var(--border)}#filterPanel.open{max-height:600px}.filter-panel-inner{padding:12px 16px 14px;display:flex;flex-direction:column;gap:10px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group-header{display:flex;align-items:center;justify-content:space-between}.filter-group-title{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.filter-group-actions{display:flex;gap:4px}.filter-group-btn{font-size:.65rem;font-weight:500;padding:1px 7px;border-radius:4px;border:1px solid var(--border2);background:transparent;color:var(--muted2);cursor:pointer;transition:color .12s,border-color .12s}.filter-group-btn:hover{color:var(--text);border-color:var(--muted2)}.filter-badges{display:flex;flex-wrap:wrap;gap:5px}.badge{padding:3px 10px;border-radius:6px;border:1px solid transparent;font-size:.7rem;font-weight:500;cursor:pointer;white-space:nowrap;user-select:none;transition:opacity .15s,filter .15s;display:inline-flex;align-items:center;gap:5px}.badge .badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge.off{opacity:.3;filter:grayscale(.7)}#gridWrapper{flex:1;overflow:auto;min-height:0}#gridContainer{display:inline-block;min-width:100%}.scard{position:absolute;left:2px;right:2px;border-radius:5px;padding:4px 7px;font-size:.68rem;line-height:1.35;cursor:pointer;overflow:hidden;border-left:3px solid;transition:opacity .15s,filter .15s}.scard:hover{filter:brightness(1.25)}.scard.off{opacity:.06;pointer-events:none}.scard-title{font-weight:600;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scard-time{font-size:.58rem;opacity:.65}.now-line{position:absolute;left:0;right:0;border-top:2px solid #ef4444;z-index:15;pointer-events:none}.now-dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;background:#ef4444;border-radius:50%}#mobileList{padding:0 14px 24px;background:var(--bg)}.mtime-label{font-size:.75rem;font-weight:700;color:var(--accent);border-bottom:1px solid var(--border);padding:10px 0 5px;margin-bottom:8px;position:sticky;top:0;background:var(--bg);z-index:10}.mcard{background:var(--surface);border:1px solid var(--border);border-left:3px solid;border-radius:8px;padding:9px 12px;margin-bottom:7px;cursor:pointer;transition:border-color .12s}.mcard:hover{border-color:var(--border2)}.mcard.off{display:none}.mcard-title{font-size:.84rem;font-weight:600;margin-bottom:4px;line-height:1.4}.mcard-meta{font-size:.7rem;color:var(--muted2)}#modalOverlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:200;align-items:center;justify-content:center;padding:14px}#modalOverlay.open{display:flex}#modal{background:var(--surface);border:1px solid var(--border2);border-radius:14px;max-width:580px;width:100%;max-height:88dvh;overflow-y:auto;padding:22px}.modal-close{float:right;margin-left:12px;margin-bottom:8px;background:var(--surface2);border:1px solid var(--border2);color:var(--muted2);border-radius:8px;padding:4px 12px;cursor:pointer;font-size:.78rem;font-weight:500;transition:color .12s}.modal-close:hover{color:var(--text)}.modal-title{font-size:1.05rem;font-weight:700;line-height:1.4;margin-bottom:12px}.modal-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.modal-badge{padding:3px 10px;border-radius:6px;border:1px solid transparent;font-size:.7rem;font-weight:500}.modal-section{margin-bottom:14px}.modal-section h3{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px;font-weight:700}.modal-section p{font-size:.84rem;line-height:1.65;white-space:pre-wrap;color:var(--text)}#viewToggle{display:flex;border:1px solid var(--border2);border-radius:8px;overflow:hidden;flex-shrink:0}.view-btn{display:flex;align-items:center;justify-content:center;padding:5px 9px;background:var(--surface2);border:none;color:var(--muted2);cursor:pointer;transition:background .12s,color .12s}.view-btn+.view-btn{border-left:1px solid var(--border2)}.view-btn:hover{background:var(--border2);color:var(--text)}.view-btn.active{background:var(--accent);color:#fff}body:not(.list-mode) #mobileList{display:none}body.list-mode #gridWrapper{display:none}body.list-mode #mobileList{flex:1;overflow-y:auto;min-height:0}@media(max-width:640px){.header-top{padding:8px 10px 0;gap:6px}.header-top h1{font-size:.85rem}.btn-label{display:none}#filterToggle{padding:5px 8px;gap:4px}}.tool-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;color:var(--muted2);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}.tool-btn:hover{color:var(--text);border-color:var(--accent)}.tool-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}#jumpToNow{display:none}.scard.interest-yes{box-shadow:0 0 0 1.5px #fbbf24}.scard.interest-no:not(.off){opacity:.12}.mcard.interest-yes{outline:1.5px solid #fbbf24;outline-offset:-1px}.mcard.interest-no{opacity:.15}.interest-star{position:absolute;top:3px;right:4px;font-size:.65rem;line-height:1;pointer-events:none}.mcard .interest-star{position:static;display:inline;margin-left:6px;font-size:.75rem;vertical-align:middle}.interest-actions{display:flex;gap:8px;margin-bottom:16px}.interest-btn{flex:1;padding:7px 12px;border-radius:8px;border:1px solid var(--border2);background:var(--surface2);color:var(--muted2);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s}.interest-btn:hover{color:var(--text);border-color:var(--muted2)}.interest-btn.active-yes{background:#fbbf2420;border-color:#fbbf24;color:#fbbf24}.interest-btn.active-no{background:#ef444420;border-color:#ef4444;color:#ef4444}