/* Homepage R17: one entry per function at each breakpoint; business hooks remain in index.html. */
body.home-v4 {
  --home-navy:#081b36;
  --home-ink:#132d4b;
  --home-light:#c5d8eb;
  min-height:100svh;
  margin:0;
  isolation:isolate;
  background:#081b36;
  color:var(--text-primary);
  overflow-x:clip;
}
.home-v4 .home-backdrop { position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; background:radial-gradient(ellipse at 8% 20%,#164c7259,transparent 52%),radial-gradient(ellipse at 90% 85%,#214f8e42,transparent 60%),linear-gradient(125deg,#07172d,#0d2b50 62%,#0a213e); }
.home-v4 .home-backdrop::before { content:""; position:absolute; inset:0; background-image:linear-gradient(#8bc6ed0b 1px,transparent 1px),linear-gradient(90deg,#8bc6ed0b 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(120deg,transparent,#000 65%,transparent); }
.home-v4 .home-backdrop i { position:absolute; left:var(--x); top:var(--y); width:3px; height:3px; border-radius:50%; background:#a0e1f6; opacity:.35; animation:home-glimmer 9s ease-in-out infinite; animation-delay:var(--delay); }
.home-v4>.topbar { position:relative; z-index:50; padding:24px max(32px,env(safe-area-inset-right)) 0 max(32px,env(safe-area-inset-left)); background:transparent; border:0; }
.home-v4 .topbar-inner { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; max-width:720px; height:auto; min-height:48px; background:transparent; border:0; border-radius:0; box-shadow:none; }
.home-v4 .home-wordmark { display:flex; align-items:center; gap:12px; min-width:0; }
.home-v4 .home-logo { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border:1px solid #5b86b2; border-radius:12px; color:#d6f4ff; background:linear-gradient(145deg,#23587f,#163f68); }
.home-v4 svg { width:20px; height:20px; display:block; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.home-v4 .home-logo img { display:block; width:100%; height:100%; border-radius:11px; }
.home-v4 .home-wordmark h1 { margin:0; color:#fff; font-size:var(--font-title); font-weight:600; line-height:1.4; letter-spacing:1px; }
.home-v4 .home-wordmark p { margin:2px 0 0; font-size:var(--font-small); line-height:1.5; color:#bdd5ec; }
.home-v4 .home-nav { display:flex; align-items:center; gap:8px; margin-left:auto; }
.home-v4 .home-nav a { display:flex; align-items:center; gap:8px; padding:10px 12px; min-height:44px; border:1px solid #527498; border-radius:8px; background:#173855; color:#e0effb; font-size:var(--font-body); text-decoration:none; white-space:nowrap; }
.home-v4 .home-nav a:hover { background:#1c4166; color:#fff; }
.home-v4 .menu-btn { display:flex; align-items:center; justify-content:center; gap:8px; flex:0 0 auto; position:static; width:auto; height:44px; padding:0 12px; transform:none; border:1px solid #527498; border-radius:8px; background:#173855; color:#e0effb; font-size:var(--font-body); }
.home-v4 .menu-btn:hover { background:#214667; }
.home-v4 .top-menu { display:none; position:absolute; top:calc(100% + 12px); right:0; width:190px; padding:6px; border:1px solid #dce5ef; border-radius:10px; background:#fff; box-shadow:0 16px 40px #020d2c40; }
.home-v4 .top-menu.show { display:block; }
.home-v4 .top-menu button { width:100%; min-height:44px; padding:0 12px; gap:10px; background:#fff; border:0; border-radius:6px; font-weight:500; color:#253d57; text-align:left; }
.home-v4 .top-menu button:hover { background:#edf4fc; color:#1466c7; }
.home-v4 .top-menu button .mi { width:22px; height:22px; background:transparent; color:#31679e; }
.home-v4>.page { display:flex; flex-direction:column; align-items:stretch; gap:20px; width:100%; max-width:784px; min-height:0; margin:0 auto; padding:40px 32px 24px; }
.home-v4 .home-intro { width:100%; min-width:0; padding:0; color:#fff; }
.home-v4 .home-intro h2 { margin:0 0 6px; color:#fff; font-size:var(--font-title); line-height:1.6; font-weight:600; }
.home-v4 .home-intro-copy { margin:0; color:#c5d8eb; font-size:var(--font-body); line-height:1.8; }
.home-v4 .home-signal-art { position:fixed; z-index:-1; pointer-events:none; right:-110px; top:120px; width:460px; aspect-ratio:400/240; opacity:.16; }
.home-v4 .home-signal-art>svg { width:100%; height:100%; }
.home-v4 .home-signal-core { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:68px; height:68px; transform:translate(-50%,-50%); color:#d8f5ff; }
.home-v4 .home-signal-core>span { display:grid; place-items:center; position:relative; width:68px; height:68px; border:1px solid #82c9ef; border-radius:20px; background:linear-gradient(145deg,#286799,#134671); box-shadow:0 0 36px #43b5ea2b; }
.home-v4 .home-signal-core svg { width:38px; height:38px; }
.home-v4 .home-signal-core i { position:absolute; inset:0; border:1px solid #89cdea; border-radius:50%; opacity:0; animation:home-signal 8s linear infinite; }
.home-v4 .home-signal-core i:nth-child(2) { animation-delay:-2.66s; }
.home-v4 .home-signal-core i:nth-child(3) { animation-delay:-5.33s; }
.home-v4>.page>.panel { width:100%; min-width:0; margin:0; border:1px solid #dce6ef; border-radius:14px; background:#fff; box-shadow:0 24px 64px #020c2033; overflow:hidden; }
.home-v4 .panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; height:auto; min-height:68px; padding:16px 24px; border-bottom:1px solid #e2e9f0; background:#fff; }
.home-v4 .panel-title { display:flex; align-items:center; gap:10px; font-size:var(--font-section); color:#183653; }
.home-v4 .panel-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#eaf2fc; color:var(--brand); }
.home-v4 #wsStatus { flex-shrink:0; min-width:0; height:28px; padding:4px 9px; border:1px solid #dfe5ed; border-radius:20px; background:#f6f8fb; color:#475569; font-size:var(--font-small); }
.home-v4 #wsStatus.ok { background:#edf7f1; border-color:#c8e4d3; color:#157347; }
.home-v4 #wsStatus.warn { background:#fff7e8; border-color:#efdab8; color:#925400; }
.home-v4 #wsStatus.err { background:#fff0ed; border-color:#edc8c1; color:#b42318; }
.home-v4 .form-body { display:block; padding:24px 24px 0; }
.home-v4 .home-target-column { padding:0; background:transparent; }
.home-v4 #targetRow { display:grid; grid-template-columns:minmax(0,1fr) 140px 100px; gap:16px; margin:0 0 20px; }
.home-v4 #targetRow.combined { grid-template-columns:1fr; }
.home-v4 #targetRow .field { min-width:0; }
.home-v4 #targetRow label,.home-v4 .home-message-field>label { display:block; margin:0 0 8px; color:#283c52; font-size:var(--font-body); font-weight:500; }
.home-v4 #targetRow input { width:100%; height:44px; padding:0 12px; border:1px solid #cbd7e4; border-radius:6px; font-size:var(--font-body); color:var(--text-primary); background:#fff; }
.home-v4 #targetRow input:focus,.home-v4 #message:focus { border-color:var(--brand); box-shadow:0 0 0 3px #1466c71a; }
.home-v4 .url-locked-input { color:#475569!important; background:#f1f5f9!important; }
.home-v4 .sub-step-field { display:block; }
.home-v4 .sub-action-switch { height:44px; }
.home-v4 .sub-flip-card { position:relative; height:100%; width:100%; }
.home-v4 .sub-flip-face { position:absolute; inset:0; display:flex; align-items:stretch; transition:opacity .15s; }
.home-v4 .sub-flip-front { opacity:1; pointer-events:auto; }
.home-v4 .sub-flip-back { opacity:0; pointer-events:none; }
.home-v4 .step-active .sub-flip-front { opacity:0; pointer-events:none; }
.home-v4 .step-active .sub-flip-back { opacity:1; pointer-events:auto; }
.home-v4 .sub-refresh-button { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; height:44px; padding:0 8px; border:1px solid #cbd7e4; border-radius:6px; background:#f7f9fc; color:#475569; font-size:var(--font-body); }
.home-v4 .refresh-glyph { font-size:20px; font-weight:500; line-height:1; }
.home-v4 .sub-step-buttons { display:grid; grid-template-columns:1fr 1fr; gap:0; width:100%; border:1px solid #cbd7e4; border-radius:6px; overflow:hidden; }
.home-v4 .sub-step-buttons button { width:100%; height:42px; padding:0; border:0; border-radius:0; color:#315c85; background:#f7f9fc; font-size:20px; font-weight:500; }
.home-v4 .sub-step-buttons button+button { border-left:1px solid #cbd7e4; }
.home-v4 .home-message-field { min-width:0; padding:0; }
.home-v4 #message { display:block; width:100%; height:220px; min-height:160px; max-height:560px; padding:12px; border:1px solid #cbd7e4; border-radius:6px; background:#fbfcfe; color:var(--text-primary); font-size:var(--font-body); line-height:1.8; resize:vertical; }
.home-v4 .count-row { margin-top:8px; color:#566579; font-size:var(--font-small); }
.home-v4 #sendActions { display:flex; justify-content:flex-end; padding:18px 24px 24px; border:0; background:transparent; }
.home-v4 #sendBtn { width:100%; height:46px; min-height:44px; border-radius:6px; background:var(--brand); border:1px solid var(--brand); color:#fff; font-size:var(--font-body); font-weight:600; box-shadow:none; }
.home-v4 #sendBtn:hover:not(:disabled) { background:#104f9a; border-color:#104f9a; }
.home-v4 #stopBox { margin:16px 24px 0; border-radius:6px; font-size:var(--font-body); }
.home-v4 .site-footer { margin:0; padding:4px 0 0; color:#b6cce2; font-size:var(--font-small); line-height:1.8; }
.home-v4 .footer-meta { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:3px 10px; }
.home-v4 .site-footer a { color:inherit; text-decoration:none; }
.home-v4 .site-footer a:hover { color:#fff; }
.home-v4 .gongan-beian { display:inline-flex; align-items:center; gap:5px; }
.home-v4 .gongan-beian img { width:14px; height:14px; }
.home-v4 :where(button,a):focus-visible { outline:2px solid #79b9ee; outline-offset:4px; }
.home-v4 .modal { border-radius:14px; }
.home-v4 .modal-mask { background:#03112699; }
.home-v4 .modal-head { background:#13375c; color:#fff; }
.home-v4 .history-toolbar { align-items:flex-start; }
.home-v4 .history-note { flex:1; }
.home-v4 .history-toolbar button { flex-shrink:0; min-height:44px; height:auto; white-space:nowrap; }
@keyframes home-signal { 0% { transform:scale(1); opacity:0; } 12% { opacity:.25; } 100% { transform:scale(3.1); opacity:0; } }
@keyframes home-glimmer { 0%,100% { transform:translateY(0); opacity:.2; } 50% { transform:translateY(-10px); opacity:.5; } }
.home-v4 .home-desktop-break { display:none; }
.home-v4 .top-menu .home-mobile-menu-item { display:none; }
@media(min-width:761px) and (max-height:800px) {
  .home-v4>.page { padding-top:24px; gap:16px; }
  .home-v4 .panel-head { min-height:60px; padding-top:12px; padding-bottom:12px; }
  .home-v4 #message { height:180px; }
  .home-v4 #sendActions { padding-top:14px; padding-bottom:20px; }
}
/* Mobile keeps its own single-column form and a single menu for all six entries. */
@media(max-width:760px) {
  .home-v4 .home-backdrop::before { background-size:60px 60px; opacity:.6; }
  .home-v4>.topbar { padding:calc(18px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left)); }
  .home-v4 .topbar-inner { min-height:44px; gap:12px; max-width:480px; }
  .home-v4 .home-wordmark { gap:10px; }
  .home-v4 .home-logo { width:36px; height:36px; flex-basis:36px; border-radius:10px; }
  .home-v4 .home-logo img { border-radius:9px; }
  .home-v4 .home-wordmark p,.home-v4 .home-nav,.home-v4 .home-signal-art { display:none; }
  .home-v4 .home-wordmark h1 { font-size:var(--font-title); letter-spacing:0; }
  .home-v4 .menu-btn { margin-left:auto; width:44px; height:44px; padding:0; background:#173855; }
  .home-v4 .menu-btn>span { display:none; }
  .home-v4 .top-menu { top:calc(100% + 8px); }
  .home-v4 .top-menu .home-mobile-menu-item { display:flex; }
  .home-v4>.page { gap:0; max-width:520px; margin:0 auto; padding:24px max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left)); }
  .home-v4 .home-intro { display:none; }
  .home-v4 .home-intro h2 { margin:0 0 6px; font-size:var(--font-section); line-height:1.6; }
  .home-v4 .home-intro-copy { font-size:var(--font-caption); line-height:1.8; }
  .home-v4 .home-desktop-break { display:initial; }
  .home-v4>.page>.panel { border-radius:12px; }
  .home-v4 .panel-head { min-height:64px; padding:14px 16px; gap:8px; }
  .home-v4 .panel-title { gap:8px; font-size:var(--font-section); }
  .home-v4 .panel-icon { width:30px; height:30px; border-radius:8px; }
  .home-v4 #wsStatus { padding:4px 7px; font-size:var(--font-small); }
  .home-v4 .form-body { padding:18px 16px 0; }
  .home-v4 #targetRow { grid-template-columns:minmax(0,1fr) 70px 72px; gap:8px; margin-bottom:18px; }
  .home-v4 #targetRow input { height:44px; padding:0 10px; font-size:16px; }
  .home-v4 #message { height:180px; min-height:160px; max-height:none; font-size:16px; padding:10px 12px; }
  .home-v4 #sendActions { padding:16px; }
  .home-v4 #sendBtn { width:100%; height:46px; }
  .home-v4 .site-footer { margin-top:20px; padding:16px 0 0; border-top:1px solid #35516d; }
  .home-v4 .footer-meta { gap:4px 6px; }
  .home-v4 .footer-meta .beian-sep { display:none; }
  .home-v4 .footer-meta>span:last-child { flex-basis:100%; }
  .home-v4 #stopBox { margin:14px 16px 0; }
  .home-v4 .modal-mask { padding:0; }
  .home-v4 .modal { border-radius:0; }
}
@media(max-width:359px) {
  .home-v4>.topbar { padding-left:12px; padding-right:12px; }
  .home-v4>.page { padding-left:12px; padding-right:12px; padding-top:20px; }
  .home-v4 .panel-head { padding-left:12px; padding-right:12px; }
  .home-v4 .form-body { padding-left:12px; padding-right:12px; }
  .home-v4 #targetRow { grid-template-columns:minmax(0,1fr) 64px 64px; gap:7px; }
  .home-v4 .sub-refresh-button { padding:0 5px; gap:4px; font-size:var(--font-caption); }
  .home-v4 #sendActions { padding-left:12px; padding-right:12px; }
}
/* Portrait phones give spare viewport height to the message input. */
@media(max-width:760px) and (orientation:portrait) {
  body.home-v4 { display:flex; flex-direction:column; min-height:100svh; min-height:100dvh; }
  .home-v4>.topbar { flex:0 0 auto; }
  .home-v4>.page { flex:1 0 auto; }
  .home-v4>.page>.panel { display:flex; flex-direction:column; flex:1 0 auto; }
  .home-v4 .panel-head { flex:0 0 auto; }
  .home-v4 #sendForm,.home-v4 .form-body,.home-v4 .home-message-field { display:flex; flex-direction:column; flex:1 0 auto; }
  .home-v4 .home-target-column,.home-v4 .home-message-field>label,.home-v4 .count-row,.home-v4 #sendActions,.home-v4 .site-footer { flex:0 0 auto; }
  .home-v4 #message { flex:1 0 auto; height:auto; min-height:180px; }
}
/* Phones in landscape keep a compact header and a single-column form. */
@media(orientation:landscape) and (max-height:500px) and (max-width:1024px) {
  .home-v4>.topbar { padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left)); }
  .home-v4 .topbar-inner { max-width:600px; min-height:44px; gap:12px; }
  .home-v4 .home-logo { width:36px; height:36px; flex-basis:36px; border-radius:10px; }
  .home-v4 .home-logo img { border-radius:9px; }
  .home-v4 .home-wordmark p,.home-v4 .home-nav,.home-v4 .home-intro,.home-v4 .home-signal-art,.home-v4 .menu-btn>span { display:none; }
  .home-v4 .menu-btn { width:44px; padding:0; }
  .home-v4 .top-menu { top:calc(100% + 6px); max-height:calc(100dvh - 68px); overflow-y:auto; overscroll-behavior:contain; }
  .home-v4 .top-menu .home-mobile-menu-item { display:flex; }
  .home-v4>.page { max-width:632px; gap:12px; padding:8px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left)); }
  .home-v4>.page>.panel { border-radius:12px; }
  .home-v4 .panel-head { min-height:44px; padding:8px 16px; }
  .home-v4 .panel-icon { width:28px; height:28px; border-radius:8px; }
  .home-v4 #wsStatus { height:26px; padding:3px 7px; }
  .home-v4 .form-body { display:block; padding:14px 16px 0; }
  .home-v4 #targetRow { grid-template-columns:minmax(0,1fr) 80px 80px; gap:10px; margin:0 0 14px; }
  .home-v4 #targetCallField,.home-v4 #targetRow>.field:first-child { grid-column:auto; }
  .home-v4 #targetRow label,.home-v4 .home-message-field>label { margin-bottom:4px; font-size:var(--font-caption); }
  .home-v4 #targetRow input { height:44px; font-size:16px; }
  .home-v4 #message { height:clamp(112px,35svh,160px); min-height:112px; max-height:none; font-size:16px; resize:vertical; }
  .home-v4 .count-row { margin-top:4px; }
  .home-v4 #sendActions { padding:8px 16px 10px; }
  .home-v4 #sendBtn { width:100%; height:44px; }
  .home-v4 .site-footer { margin-top:0; padding-top:8px; border-top:1px solid #35516d; }
  .home-v4 .footer-meta { gap:3px 8px; }
  .home-v4 .footer-meta>span:last-child { flex-basis:auto; }
}
@media(prefers-reduced-motion:reduce) {
  .home-v4 .home-backdrop i,.home-v4 .home-signal-core i { animation:none; }
  .home-v4 .sub-flip-face { transition:none; }
}

/* Device weather preferences share aligned rows and a single Save action. */
#weatherArea .weather-service-row { align-items:center; gap:12px; min-height:70px; padding:12px; border:1px solid #dbe4ee; border-radius:10px; background:#fff; }
#weatherArea .weather-service-row>div { min-width:0; flex:1; }
#weatherArea .weather-service-row b { font-size:var(--font-body); }
#weatherArea .weather-service-row .feature-switch-select { flex:0 0 86px; }
#weatherArea .feature-switch-select select { min-height:44px; }
#weatherArea .weather-service-notice { margin:0 0 12px; padding:10px 12px; border-radius:8px; background:#fff4df; color:#815000; }
@media(max-width:380px) { #weatherArea .weather-service-row { padding:10px; gap:8px; } #weatherArea .weather-service-row .feature-switch-select { flex-basis:78px; } }

/* Remote OFF lives above service-disable, with an explicit second confirmation. */
.device-power-panel{display:grid;gap:8px;margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid var(--bp-border,#dce3ed)}
.device-power-status{font-size:13px;line-height:1.6;color:#34435b;overflow-wrap:anywhere}
.device-power-btn:disabled{opacity:.6;cursor:not-allowed}
.remote-power-confirm{box-sizing:border-box;width:min(440px,calc(100vw - 32px));padding:24px;border:1px solid #d5dfed;border-radius:16px;color:#172c4c;background:#fff;box-shadow:0 24px 80px #102c5a40}
.remote-power-confirm::backdrop{background:#091f40a8}
.remote-power-confirm h3{margin:0 0 16px;font-size:20px}
.remote-power-confirm p{font-size:14px;line-height:1.7;margin:0 0 16px}
.remote-power-target{font-weight:600;overflow-wrap:anywhere}
.remote-power-confirm-actions{display:flex;justify-content:flex-end;gap:12px}
.remote-power-confirm-actions button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:88px;line-height:1;font:inherit;font-size:14px;border:1px solid #c7d3e4;border-radius:8px;padding:0 16px;background:#fff;color:#233c60;cursor:pointer}
.remote-power-confirm-actions [data-confirm]{background:#b52d3e;border-color:#b52d3e;color:#fff}

/* R40: five balanced navigation items, compact labels on phones. */
#mgrMask #mgrTabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:5px;border-radius:12px;background:#eef3fa;border:1px solid #dbe4f0}
#mgrMask #mgrTabs button{min-width:0;border:0;border-radius:8px;background:transparent;height:40px;padding:0 5px;white-space:nowrap}
#mgrMask #mgrTabs button.active{background:#fff;color:#155aa5;box-shadow:0 1px 4px #173b6b22}
.daily-user-switch{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0;padding:14px;border:1px solid #dbe4f0;border-radius:10px;background:#f5f8fc}.daily-user-switch small{display:block;color:#52637b;font-size:13px;margin-top:3px}.daily-user-switch input{width:20px!important;height:20px!important;flex:0 0 20px}
@media(max-width:640px){#mgrMask #mgrTabs{gap:3px;padding:4px}#mgrMask #mgrTabs button{font-size:14px;padding:0 2px;height:38px}.daily-user-switch{padding:11px}}

#dailyUserTopics .news-topic-switch{pointer-events:none}

/* R44 compact subscription clocks: title edits time, separate switch toggles. */
.subscription-clock-title{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;background:transparent;color:inherit;padding:0;min-width:0;cursor:pointer;font:inherit;flex:1;gap:3px}
.subscription-clock-title:focus-visible{outline:2px solid var(--primary,#1762df);outline-offset:4px;border-radius:4px}
.subscription-clock-caption{font-size:13px;line-height:1.4;color:var(--text-secondary,#516175);white-space:nowrap}
.subscription-time-dialog{width:min(380px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;overflow:auto;border:1px solid #d3dfec;border-radius:16px;padding:18px;color:var(--text,#172d49);background:var(--surface,#fff);overscroll-behavior:contain}
.subscription-time-dialog::backdrop{background:rgba(15,30,50,.4)}
.clock-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.clock-dialog-head b{font-size:16px;line-height:1.5}
.subscription-time-dialog .clock-close{flex:none;width:44px;height:44px;min-height:44px;margin:-6px -6px -6px 0;padding:0;background:transparent;border:0;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.subscription-time-field{display:flex;flex-direction:column;gap:12px;margin:18px 0 14px;font-size:14px}
.clock-field-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.clock-field-label span{font-size:13px;color:var(--text-secondary,#516175)}
.clock-selectors{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.clock-selectors label{display:flex;align-items:center;gap:8px;min-width:0}.clock-selectors label>span{font-size:14px;flex:none}
.subscription-time-dialog .clock-selectors select{display:block;min-width:0;width:100%;height:48px;min-height:48px;box-sizing:border-box;margin:0;padding:8px 10px;border:1px solid #bdcddd;border-radius:8px;background:var(--surface,#fff);color:inherit;font:600 20px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums;cursor:pointer}
.clock-colon{font-size:20px;font-weight:600}.subscription-time-dialog p{margin:8px 0;font-size:13px;line-height:1.5}.clock-effective:empty,.clock-error:empty{display:none}.clock-error{color:#b32424}
.clock-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}.subscription-time-dialog .clock-actions button{min-height:44px;height:auto;margin:0;padding:9px 12px;font:inherit;font-size:14px;cursor:pointer}.subscription-time-dialog .clock-actions .clock-reset{margin-right:auto;border:0;background:transparent;color:var(--primary,#1762df);padding-left:0}.subscription-time-dialog button:disabled{opacity:.55;cursor:default}.clock-actions [hidden]{display:none!important}
@media(max-height:440px){.subscription-time-dialog{padding:12px 16px}.subscription-time-field{margin:10px 0;gap:8px}.clock-actions{margin-top:10px}}
@media(max-width:520px){
 #newsTopicList .news-topic-item,#dailyUserTopics .news-topic-item{position:relative;display:flex;grid-template-columns:none;align-items:flex-start}
 #newsTopicList .news-topic-copy,#dailyUserTopics .news-topic-copy{width:100%;flex:auto;gap:12px;height:auto!important;max-height:none;min-height:44px;overflow:visible}
 #newsTopicList .news-topic-name,#dailyUserTopics .news-topic-name{padding-right:44px;white-space:normal;line-height:20px}
 #newsTopicList .news-topic-toggle,#dailyUserTopics .news-topic-toggle{position:absolute;right:10px;top:10px}
 #newsTopicList .subscription-clock-caption,#dailyUserTopics .subscription-clock-caption{display:block;line-height:20px}
}
@media(max-width:360px){
 .subscription-time-dialog .clock-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .subscription-time-dialog .clock-actions .clock-reset,.subscription-time-dialog .clock-actions [data-clock-retry]{grid-column:1/-1;justify-self:start;margin-right:0;width:auto}
 .subscription-time-dialog .clock-actions [data-clock-cancel],.subscription-time-dialog .clock-actions [data-clock-apply]{width:100%;min-width:0}
}

.subscription-time-dialog .clock-selectors select:disabled{font-size:14px;cursor:default;opacity:1}