.app-nav{display:flex;gap:8px;padding:16px 32px;border-bottom:1px solid var(--border)}
.app-nav button,.tracker button{font:inherit;cursor:pointer}.nav-btn{padding:10px 16px;border:1px solid var(--border2);border-radius:8px;background:transparent;color:var(--text2)}.nav-btn.active{background:var(--surface2);color:white;border-color:#666}
.tracker{max-width:1240px;margin:auto;padding:32px}.tracker [hidden]{display:none!important}.tracker-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.eyebrow{font-size:11px;color:var(--red);font-weight:700;letter-spacing:2px;text-transform:uppercase}.tracker h1{font-size:32px;margin:8px 0}.tracker p{color:var(--text2);font-size:14px;line-height:1.6}.tracker .button{padding:10px 15px;border:1px solid var(--border2);border-radius:8px;background:var(--surface2);color:white;font-size:13px}.tracker .primary{background:var(--red);border-color:var(--red)}.tracker button:disabled{opacity:.45;cursor:wait}.tracker-banner{padding:14px 18px;margin:24px 0;background:#211b10;border:1px solid #554322;border-radius:10px;color:#e6cc92;font-size:13px;line-height:1.6}.tracker-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.tracker-stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px}.tracker-stat strong{display:block;font-size:28px;margin-bottom:5px}.tracker-stat span{color:var(--text2);font-size:12px}.tracker-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.tracker-toolbar input{flex:1;min-width:150px}.tracker input,.tracker select{font:inherit;background:var(--surface2);border:1px solid var(--border2);border-radius:7px;color:white;padding:10px;max-width:100%}.tracker input[type=checkbox]{accent-color:var(--red);width:16px;height:16px}.tracker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.show-card{display:flex;gap:12px;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:14px;min-width:0}.show-poster{width:56px;height:83px;object-fit:cover;background:var(--surface2);border-radius:7px;flex-shrink:0}.show-body{flex:1;min-width:0}.show-body h2{font-size:16px;margin:0 0 4px}.show-meta{color:var(--text2);font-size:12px}.show-state{display:inline-block;font-size:11px;font-weight:600;padding:3px 6px;border-radius:5px;margin:8px 0 5px;background:#252525;color:#bbb}.show-state.missing{background:#3c2812;color:#f5be75}.show-state.available{background:#173323;color:#78dfa0}.show-state.upcoming{background:#182d45;color:#88bfff}.show-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.show-followers{font-size:12px;color:var(--text2);margin-top:7px}.tracker-empty{grid-column:1/-1;text-align:center;border:1px dashed var(--border2);border-radius:12px;padding:60px 24px}.tracker-empty h2{margin-bottom:12px}.tracker-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:var(--text3)}.tracker a{color:#aaa}.tracker dialog{position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 28px));max-height:85vh;overflow:auto;background:#161616;color:white;border:1px solid #444;border-radius:14px;padding:24px}.tracker dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:20px}.tracker label.field{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:18px 0}.tracker label.check{display:flex;gap:10px;align-items:center;margin:14px 0;font-size:14px}.search-result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.search-result p{font-size:12px}.tracker-note{font-size:12px!important;margin:12px 0}.tracker-error{color:#ff9292!important}.tracker-message{min-height:22px;margin:10px 0;color:var(--text2);font-size:13px}.tracker :focus-visible{outline:2px solid #ff7278;outline-offset:3px}
@media(max-width:850px){.topbar{padding:16px}.user-email{display:none}.app-nav{padding:12px 16px}.tracker{padding:24px 16px}.tracker h1{font-size:27px}.tracker-head{flex-direction:column}.tracker-grid{grid-template-columns:1fr}.tracker-stat{padding:12px}.tracker-stat strong{font-size:24px}.show-card{padding:12px;gap:10px}.show-poster{width:48px;height:71px}.layout{grid-template-columns:1fr}.main{padding:24px 16px;border-right:none}.sidebar{padding:24px 16px}.config-row input{min-width:0}}

/* Compact followed-show cards; retain full episode and recipient details. */
.show-body p{font-size:12px;line-height:1.45;margin:0}.show-followers{line-height:1.4}.show-actions .button{font-size:12px;padding:6px 10px;min-height:32px}

/* Dense cards place actions at the top and combine metadata with status. */
.tracker-grid{gap:8px}.show-card{padding:10px;gap:10px;border-radius:8px;align-items:flex-start}.show-poster{width:40px;height:60px;border-radius:4px}.show-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.show-body h2{font-size:14px;line-height:1.3;margin:2px 0}.show-actions{margin:0;gap:4px;flex-wrap:nowrap;flex-shrink:0}.show-actions .button{font-size:11px;padding:4px 7px;min-height:28px;border-radius:5px}.show-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:3px 0 5px}.show-meta{font-size:11px}.show-state{font-size:10px;padding:2px 5px;margin:0}.show-body p{font-size:12px;line-height:1.35}.show-followers{font-size:11px;line-height:1.35;margin-top:5px}
@media(max-width:520px){.show-title-row{flex-wrap:wrap;gap:4px}.show-actions .button{min-height:32px}.show-poster{width:36px;height:54px}}

.app-nav{flex-wrap:wrap}.activity-list{display:grid;gap:8px}.activity-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,3fr) auto;gap:16px;padding:13px 15px;border:1px solid var(--border2);background:var(--surface);border-radius:8px;align-items:center}.activity-row strong{font-size:14px;overflow-wrap:anywhere}.activity-detail{font-size:12px;color:var(--text2);margin-top:4px}.activity-time{font-size:12px;color:var(--text2);text-align:right}.activity-user{color:#ddd;font-size:13px;overflow-wrap:anywhere}@media(max-width:600px){.activity-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.activity-user{grid-column:1/-1}.activity-time{max-width:100px}}