body.times-page .main-content { max-width:860px; padding:8px 28px 28px; }
  .times-wrap { width:100%; max-width:1040px; padding:0 0 18px; box-sizing:border-box; }
  .times-header { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:12px; }
  .times-copy { min-width:0; }
  .times-title { margin:0; font-size:28px; font-weight:900; color:#17202a; letter-spacing:-0.8px; }
  .times-desc { color:#64748b; font-size:13px; line-height:1.5; margin-top:5px; }
  .times-meta { flex:0 0 auto; color:#64748b; font-size:11px; font-weight:800; letter-spacing:.08em; }
  .times-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; margin-bottom:12px; }
  .search-bar { width:100%; position:relative; }
  .search-input { width:100%; height:44px; padding:0 44px 0 14px; border:1px solid #cbd5e1; border-radius:6px; font-size:14px; font-weight:600; color:#0f172a; background:#fff; outline:none; transition:none; box-sizing:border-box; box-shadow:none; }
  .search-input:focus { border-color:#059669; box-shadow:none; }
  .search-bar i { position:absolute; right:16px; top:50%; transform:translateY(-50%); color:#64748b; font-size:18px; pointer-events:none; }
  .times-overview { min-height:44px; display:flex; align-items:center; gap:9px; padding:0 12px; background:none; border:1px solid #dbe3ec; border-radius:6px; color:#334155; white-space:nowrap; }
  .overview-count { font-size:13px; font-weight:900; }
  .overview-divider { width:1px; height:18px; background:#dbe3ec; }
  .overview-clock { color:#64748b; font-size:12px; font-weight:750; font-variant-numeric:tabular-nums; }
  .table-shell { width:100%; }
  .table-head,.table-row { display:grid; grid-template-columns:48px minmax(180px,1fr) 180px 210px; align-items:center; gap:12px; }
  .table-head { color:#64748b; font-weight:850; font-size:12px; padding:0 17px 7px; }
  .table-body { max-height:720px; overflow:auto; display:grid; gap:5px; padding:2px; }
  .table-row { min-height:58px; padding:8px 14px; border:1px solid #e1e8ef; border-radius:11px; background:#fff; box-sizing:border-box; }
  .table-head > div,.table-row > div { min-width:0; }
  .card-img { width:38px; height:49px; object-fit:cover; border-radius:5px; box-shadow:none; display:block; }
  .card-name { font-weight:900; color:#17202a; font-size:15px; word-break:break-word; }
  .time-text { font-weight:750; color:#334155; font-size:13px; word-break:keep-all; }
  .remain { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border-radius:999px; background:#ecfdf5; color:#07835e; font-size:12px; font-weight:900; word-break:keep-all; }
  .remain.soon { background:#fff1f2; color:#d61f45; }
  .remain.is-updating { background:#e8f8ff; color:#0877a5; }
  .status-dim { opacity:.5; }
  .times-empty { padding:34px 16px; text-align:center; color:#64748b; font-size:13px; font-weight:750; background:#f8fafc; border-radius:14px; }
  .times-guide { margin-top:8px; text-align:right; }
  .times-guide summary { display:inline-flex; align-items:center; gap:1px; padding:2px 1px; color:#94a3b8; font-size:9px; font-weight:600; line-height:1.1; cursor:pointer; list-style:none; opacity:.48; user-select:none; }
  .times-guide summary::-webkit-details-marker { display:none; }
  .times-guide summary::after { content:'›'; font-size:10px; line-height:1; transform:rotate(90deg); transition:transform .15s ease; }
  .times-guide[open] summary::after { transform:rotate(-90deg); }
  .times-guide-content { margin-top:5px; padding:15px 17px; border:1px solid #dbe3ec; border-radius:12px; background:#fff; color:#475569; text-align:left; }
  .times-guide h2 { margin:0 0 8px; color:#17202a; font-size:16px; font-weight:900; }
  .times-guide p,.times-guide ol { margin:0; font-size:13px; line-height:1.7; }
  .times-guide ol { margin-top:8px; padding-left:20px; }
  .times-guide-note { margin-top:10px !important; padding-top:10px; border-top:1px solid #e2e8f0; }
  @media (max-width: 720px) {
    body.times-page .main-content { padding:4px 12px 22px; }
    .times-wrap { padding-bottom:14px; }
    .times-header { align-items:flex-start; margin-bottom:10px; }
    .times-title { font-size:24px; }
    .times-meta { display:none; }
    .times-toolbar { grid-template-columns:minmax(0,1fr) auto; gap:7px; margin-bottom:10px; }
    .times-overview { justify-content:center; }
    .overview-divider,.overview-clock { display:none; }
    .table-head { display:none; }
    .table-body { max-height:none; overflow:visible; gap:6px; }
    .table-row { grid-template-columns:38px minmax(0,1fr) auto; gap:5px 9px; min-height:0; padding:9px 10px; }
    .image-col { grid-column:1; grid-row:1 / span 2; align-self:center; }
    .card-img { width:34px; height:44px; border-radius:6px; }
    .name-col { grid-column:2 / -1; }
    .time-col { grid-column:2; }
    .remain-col { grid-column:3; }
    .time-text { font-size:11px; }
    .remain { min-height:26px; padding:0 8px; font-size:11px; text-align:right; }
  }
  @media (max-width: 520px) {
    .times-wrap { padding-bottom:18px; }
    .times-title { font-size:22px; }
    .times-desc { font-size:12px; }
    .search-input { height:42px; font-size:13px; }
    .times-overview { min-height:42px; padding:0 10px; }
    .overview-count { font-size:11px; }
    .table-row { padding:9px 10px; }
    .card-name { font-size:14px; }
    .times-guide-content { padding:14px 13px; }
  }

  .name-col { display:flex; align-items:center; gap:7px; }
  .season-star { border:0; background:none; color:#94a3b8; font-size:20px; padding:2px; cursor:pointer; flex:none; line-height:1; transition:color .15s; }
  .season-star[aria-pressed=true] { color:#e2ac26; }
  .season-star:disabled { opacity:.4; cursor:default; }
html[data-theme="dark"] .times-title,html[data-theme="dark"] .card-name{color:#e2e8f0}
html[data-theme="dark"] .table-row,html[data-theme="dark"] .search-input{background:#1e293b!important;border-color:#334155!important;color:#e2e8f0!important}
html[data-theme="dark"] .time-text{color:#cbd5e1}
html[data-theme="dark"] .times-overview{background:#20372e;color:#a7d8c6}
html[data-theme="dark"] .overview-clock{color:#a7d8c6}
html[data-theme="dark"] .remain{background:#20372e;color:#a7d8c6}
html[data-theme="dark"] .remain.soon{background:#442a32;color:#fda4af}
html[data-theme="dark"] .times-empty{background:#1e293b}

.remain.is-idle{background:transparent!important;color:#94a3b8!important;padding:0 10px;font-weight:500}
.times-guide summary{font-size:11px;opacity:1;padding:6px 0;gap:4px}
@media(max-width:720px){
 .search-input{font-size:16px;scroll-margin-top:88px}
 .season-star{position:relative}.season-star::before{content:'';position:absolute;inset:-10px -8px}
}
@media(max-width:820px){.search-input{font-size:16px}}

/* Watchlist + alert controls: one compact toolbar, settings in a popover. */
.interest-area{margin:12px 0 14px}
.interest-heading{display:flex;align-items:center;gap:8px;min-height:40px;flex-wrap:nowrap}
.interest-title{flex:none;font-size:13px;font-weight:800;color:#334155;white-space:nowrap}
.interest-title>span[aria-hidden]{color:#e2ac26}
.interest-empty{min-width:0;color:#94a3b8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.interest-empty[hidden]{display:none}
.interest-empty a{color:#07835e;font-weight:700}
.interest-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;box-sizing:border-box;border:1px solid #d7e1ea;border-radius:8px;background:#fff;color:#475569;padding:0 11px;font-size:12px;font-weight:650;cursor:pointer;text-decoration:none;white-space:nowrap}
.quiet-button:hover{border-color:#a8cfc0;color:#07835e}
.quiet-button[aria-pressed=true]{color:#07835e;border-color:#78c7ac;background:#ecfdf5}
.quiet-button:disabled{opacity:.5;cursor:wait}
.quiet-button[hidden]{display:none}
.quiet-button .bi{font-size:14px;line-height:1}
.alert-settings{position:relative}
.alert-settings>summary{list-style:none;width:36px;padding:0}
.alert-settings>summary::-webkit-details-marker{display:none}
.alert-settings[open]>summary{color:#07835e;border-color:#78c7ac;background:#ecfdf5}
.alert-settings-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:min(340px,calc(100vw - 24px));box-sizing:border-box;padding:14px;border:1px solid #dbe3ec;border-radius:12px;background:#fff;box-shadow:0 14px 34px #0f172a24;color:#475569;font-size:12px}
.alert-settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;color:#334155}
.alert-settings-note{margin:6px 0 12px;color:#64748b;font-size:11px;line-height:1.55}
.alert-settings-title{display:block;padding-top:12px;border-top:1px solid #e2e8f0;color:#334155;font-size:12px}
.interest-list{display:flex;flex-wrap:wrap;gap:6px}
.interest-list:empty{display:none}
.interest-heading+.interest-list{margin-top:6px}
.interest-item{display:inline-flex;align-items:center;gap:8px;padding:5px 4px 5px 10px;border:1px solid #e1e8ef;border-radius:999px;background:#fff;font-size:12px}
.interest-item strong{font-weight:700;color:#17202a}
.interest-item time{color:#07835e;font-variant-numeric:tabular-nums}
.interest-item button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:50%;background:none;color:#94a3b8;cursor:pointer;padding:0;font-size:15px}
.interest-item button:hover{background:#f1f5f9;color:#475569}
.interest-status:empty{display:none}
.interest-status{color:#64748b;font-size:11px;margin-top:6px}
.interest-status.is-error{color:#d61f45}
#quiet-form{margin:0}
.quiet-enabled{display:flex;align-items:center;gap:8px;min-height:36px;color:#475569}
.quiet-enabled input{width:18px;height:18px;accent-color:#07835e}
.quiet-time-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;margin-top:4px}
#push-detail:not(:empty)+.alert-hint{display:none}
.quiet-time-fields label{display:grid;gap:4px;min-width:0}
.quiet-time-fields input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d7e1ea;border-radius:8px;background:#fff;color:#334155;padding:6px 8px;font:inherit;font-size:16px;min-height:40px}
.quiet-time-fields>span{padding-bottom:10px}
.quiet-time-fields button{grid-column:1 / -1;min-height:40px}
.quiet-note,#quiet-status{margin:8px 0 0;font-size:11px;line-height:1.5;color:#64748b}
#quiet-status:empty{display:none}
html[data-theme="dark"] .interest-title,html[data-theme="dark"] .interest-item strong,html[data-theme="dark"] .alert-settings-row,html[data-theme="dark"] .alert-settings-title{color:#e2e8f0}
html[data-theme="dark"] .interest-item,html[data-theme="dark"] .quiet-button{background:#1e293b;border-color:#334155;color:#cbd5e1}
html[data-theme="dark"] .quiet-button[aria-pressed=true],html[data-theme="dark"] .alert-settings[open]>summary{background:#20372e;border-color:#2f6b55;color:#a7d8c6}
html[data-theme="dark"] .alert-settings-panel{background:#131d2e;border-color:#334155;color:#cbd5e1}
html[data-theme="dark"] .alert-settings-title{border-color:#334155}
html[data-theme="dark"] .quiet-enabled{color:#cbd5e1}
html[data-theme="dark"] .interest-item button:hover{background:#334155;color:#e2e8f0}
html[data-theme="dark"] .quiet-button:hover{border-color:#2f6b55;color:#a7d8c6}
html[data-theme="dark"] .interest-empty a{color:#6ee7b7}
html[data-theme="dark"] .interest-item time{color:#6ee7b7}
html[data-theme="dark"] .quiet-time-fields input{background:#1e293b;color:#e2e8f0;border-color:#475569;color-scheme:dark}
@media(max-width:720px){
 .interest-area{margin:8px 0 12px}
 .interest-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
 .interest-item{flex:none}
 .quiet-button{min-height:38px}
 .alert-settings>summary{width:38px}
}
@media(max-width:420px){
 .push-toggle #push-toggle-label{display:none}
 .push-toggle{width:38px;padding:0}
}

.push-notice{margin:8px 0 0;padding:9px 11px;border:1px solid #cfd8e3;border-radius:6px;background:#f8fafc;color:#334155;font-size:12px;line-height:1.55}
.push-notice[hidden]{display:none}
html[data-theme="dark"] .push-notice{border-color:#475569;background:#1c273a;color:#e2e8f0}

/* Rounded search matches the home page; the list filters as you type. */
.times-search-form{margin:0}
.times-search-form .search-input{height:64px;padding:0 24px 0 54px;border:1px solid #dae6df;border-radius:999px;background:#fff;color:#263c33;font:inherit;font-size:18px;appearance:none}
.times-search-form .search-input::placeholder{color:#65746d;opacity:1}
.times-search-form .search-input:focus{border-color:#26835d;box-shadow:0 0 0 3px #26835d18}
.times-search-form>i{left:22px;right:auto;color:#40594c;font-size:21px}
html[data-theme="dark"] .times-search-form .search-input{background:#1b2a24!important;border-color:#3a5045!important;color:#edf5f0!important}
html[data-theme="dark"] .times-search-form .search-input::placeholder{color:#a6b8ad}
html[data-theme="dark"] .times-search-form>i{color:#b4d0bf}
@media(max-width:640px){
  .times-toolbar{grid-template-columns:minmax(0,1fr);gap:6px}
  .times-overview{justify-self:end;min-height:28px;padding:0 4px;border:0}
  .times-search-form .search-input{height:56px;padding:0 18px 0 44px;font-size:16px}
  .times-search-form>i{left:17px;font-size:18px}
}