/* Midnight Studio. Visual tokens and one coherent skin over shared UI geometry. */
.studio {
  color-scheme: dark;
  --bg:#101218; --card:#191c24; --ink:#f1f1ed; --muted:#a3a7b3;
  --purple:#d2f8a2; --purple-soft:#28312a; --line:#2b2f39; --green:#b5edbe;
  --shadow:0 18px 50px #0005; --accent:#d2f8a2;
  background:radial-gradient(ellipse at 90% -15%,#2e343448,transparent 48%),var(--bg);
  font-size:14px;
}
.studio .app-shell {max-width:1200px;padding:0 24px}
.studio .app-header {padding:23px 0 25px;border-bottom:1px solid #ffffff0a;margin-bottom:25px}
.studio .brand {font-size:19px;letter-spacing:-.85px;font-weight:800;gap:9px}
.studio .brand-light {font-weight:500;color:#b8bfc6}
.studio .brand-logo {width:34px;height:34px}
.studio .icon-button {background:#1d2028;border-color:#ffffff12;width:39px;height:39px}
.studio .profile-button {background:#282f25;color:#d2f8a2;border:1px solid #d2f8a219}
.studio h1 {font-size:35px;line-height:1.12;letter-spacing:-1.4px;font-weight:700}
.studio h2 {font-weight:650;letter-spacing:-.5px}
.studio .eyebrow {font-size:9px;letter-spacing:1.8px;color:#a3a7b3;font-weight:600}
.studio .subtitle {font-size:12px;margin-top:10px;color:#a3a7b3;line-height:1.7}
.studio .page-heading {margin:5px 0 26px}
.studio .studio-heading {margin:0 0 25px}
.studio .studio-kicker {font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:7px;color:#afb4ba;margin-bottom:17px}
.studio .studio-date {margin-left:auto;letter-spacing:0;text-transform:uppercase;font-size:10px;color:#c4c9ca}
.studio .studio-heading h1 {font-size:clamp(30px,8.25vw,43px);line-height:1.15;letter-spacing:-1.65px}
.studio .studio-heading h1 span {color:#9ca49b;font-weight:500}
.studio .studio-heading>p {font-size:11px;color:#969ea9;margin-top:12px;letter-spacing:.1px}
.studio .status-dot {background:#d2f8a2;width:5px;height:5px;box-shadow:0 0 10px #d2f8a252;margin:0}
.studio .week-strip {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0 0 20px;padding:0}
.studio .week-day {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff08;border-radius:14px;background:#191c235e;min-height:76px;padding:9px 0 7px}
.studio .week-day>span {color:#969eaa;font-size:9px;text-transform:uppercase}
.studio .week-day strong {font-weight:600;font-size:17px;line-height:1.15;font-variant-numeric:tabular-nums}
.studio .week-day i {width:3px;height:3px;border-radius:50%;background:transparent}
.studio .week-day i.has-events {background:#d2f8a2;box-shadow:5px 0 #d2f8a266}
.studio .week-day.current {background:#d2f8a2;border-color:#e6ffc5;color:#151b13;box-shadow:0 4px 20px #badc8b13}
.studio .week-day.current>span {color:#394b2c}
.studio .week-day.current i.has-events {background:#293920;box-shadow:5px 0 #29392066}
.studio .hero {background:radial-gradient(ellipse at 100% 20%,#36433970,transparent 70%),linear-gradient(135deg,#252b30,#1b2025);border:1px solid #b9cdc32c;padding:22px;border-radius:23px;min-height:245px;margin:0 0 13px;box-shadow:inset 0 1px #ffffff09,0 10px 40px #0002;isolation:isolate}
.studio .hero::after {display:none}
.studio .hero-orbit {position:absolute;width:255px;height:255px;right:-78px;top:6px;opacity:.5;z-index:-1;pointer-events:none;transform:rotate(10deg)}
.studio .hero-topline {display:flex;gap:10px;align-items:center;justify-content:space-between}
.studio .hero-topline .eyebrow {color:#c4cdc6;font-size:8px;letter-spacing:1.7px;margin:0}
.studio .hero-tag {font-size:9px;border:1px solid #cbd7cb30;border-radius:20px;padding:4px 8px;color:#d6ddd7;white-space:nowrap}
.studio .hero-time {font-size:59px;line-height:1.05;letter-spacing:-3px;font-weight:500;margin:19px 0 12px;color:#e5f2dc;font-variant-numeric:tabular-nums}
.studio .hero-time>span {font-size:43px;color:#cff3a2;margin-left:14px}
.studio .hero h2 {font-size:17px;line-height:1.4;letter-spacing:-.3px;margin:0 0 18px;max-width:80%;font-weight:600}
.studio .hero-footer {border-top:1px solid #d6e4d81a;padding-top:12px;min-height:43px}
.studio .hero-meta {color:#bdc5c0;font-size:10px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio .hero-meta .icon {width:14px;height:14px;color:#b4d997}
.studio .hero-action {color:#15200e;background:#d2f8a2;border:0;width:31px;height:31px;border-radius:50%;flex:none}
.studio .hero-action .icon {width:17px;height:17px;transform:rotate(-40deg)}
.studio .metrics {gap:0;border:1px solid var(--line);border-radius:18px;background:#171a21;margin:0 0 18px;overflow:hidden}
.studio .metric {background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:14px 12px;text-align:left}
.studio .metric:last-child {border:0}
.studio .metric>span {display:flex;align-items:center;justify-content:space-between;color:#a6adb9;font-size:9px;margin:0 0 8px;gap:4px}
.studio .metric>span .icon {width:11px;height:11px;color:#727c85}
.studio .metric strong {font-size:26px;font-weight:500;letter-spacing:-.8px;line-height:1;display:flex;align-items:center;justify-content:space-between}
.studio .metric strong i {width:16px;height:13px;border-bottom:2px solid #b5db93;transform:skewY(-25deg);opacity:.8}
.studio .metric:nth-child(2) strong i {border-color:#b8a4e5;transform:skewY(0)}
.studio .metric:nth-child(3) strong i {border-color:#748580;transform:skewY(0)}
.studio .idea-card {width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:1px dashed #3c443d;border-radius:17px;padding:16px;background:#191e1a80}
.studio .idea-symbol {font-size:32px;font-weight:400;color:#c3e9a0;line-height:1}
.studio .idea-card>span:nth-child(2) {flex:1;min-width:0}
.studio .idea-card strong {display:block;font-size:12px;font-weight:600;color:#e0e8d8}
.studio .idea-card small {display:block;font-size:10px;color:#9baba0;margin-top:3px}
.studio .idea-card>.icon {width:18px;height:18px;color:#b3bcb0}
.studio .section-heading {margin:28px 0 14px}
.studio .section-heading h2 {font-size:17px;letter-spacing:-.4px;display:flex;align-items:center;gap:7px}
.studio .section-count {font-size:9px;color:#adbc9e;font-weight:500;border:1px solid #394133;padding:2px 6px;border-radius:6px}
.studio .text-button {display:flex;align-items:center;gap:3px;color:#b9c7ac;font-size:10px;font-weight:500}
.studio .text-button .icon {width:13px;height:13px}
.studio .post-card {border-radius:17px;border:1px solid #ffffff0c;background:linear-gradient(120deg,#1d2029,#191c23);padding:16px;margin-bottom:10px;box-shadow:inset 0 1px #ffffff03;transition:background .2s,border-color .2s,transform .15s}
.studio .post-card:hover {border-color:#7d927344;background:#22262e}
.studio .post-title {font-size:13px;font-weight:600;color:#e5e6e1}
.studio .post-preview {font-size:11px;color:#a0a6b2;line-height:1.6}
.studio .channel-avatar {border:1px solid #b9acc926;background:#34303f;color:#d9c9eb;border-radius:11px;font-weight:500;font-size:15px;width:36px;height:36px}
.studio .channel-avatar.green {background:#283a31;color:#bad5c4;border-color:#b2d6bf1a}
.studio .channel-avatar.orange {background:#3a322a;color:#dcc7a6;border-color:#c4bda61a}
.studio .post-card-footer {border-color:#ffffff0a;margin-top:12px;padding-top:10px}
.studio .post-channel {color:#9fa8b2}
.studio .badge {background:#2c303b;color:#b7beca;font-weight:500;font-size:9px;border-radius:6px}
.studio .badge.purple {background:#2d3b2a;color:#d0ecaf}
.studio .badge.green {background:#26392f;color:#b9e6c5}
.studio .badge.orange {background:#3b3228;color:#e2c495}
.studio .badge.red {background:#402c33;color:#f1b9bc}
.studio .button {border-radius:12px;font-weight:650;min-height:46px}
.studio .primary {background:#d2f8a2;color:#19230f;box-shadow:0 5px 20px #d2f8a20b;border:1px solid #e5ffc140}
.studio .secondary {background:#292e37;color:#d3d7df;border:1px solid #ffffff08}
.studio .filter {background:#1a1e26;border-color:#2b303b;color:#a6aeba;border-radius:10px;padding:9px 14px;font-weight:500}
.studio .filter.active {background:#d2f8a2;border-color:#d2f8a2;color:#19230f}
.studio .empty-state {background:radial-gradient(ellipse at 50% 0,#2a332b40,transparent 70%),#191c24;border-color:#ffffff0c;border-radius:20px;padding:30px 20px}
.studio .empty-state .empty-art {opacity:.85;filter:saturate(.6);width:155px}
.studio .empty-state h3 {font-weight:600;font-size:17px}
.studio .bottom-nav {width:calc(100% - 24px);max-width:520px;height:calc(72px + env(safe-area-inset-bottom));bottom:8px;background:#1a1e25ed;border:1px solid #41475085;border-radius:23px;padding:9px 9px calc(9px + env(safe-area-inset-bottom));box-shadow:0 8px 35px #0009,inset 0 1px #ffffff06;backdrop-filter:blur(24px)}
.studio .bottom-nav>button {font-size:8px;font-weight:500;color:#929ca8;gap:5px;min-height:48px}
.studio .bottom-nav>button.active {color:#d2f8a2}
.studio .bottom-nav .icon {width:20px;height:20px;stroke-width:1.5}
.studio .compose-nav>span {background:#d2f8a2;border:1px solid #e3ffc4;border-radius:16px;width:46px;height:46px;box-shadow:0 4px 14px #c4ed9620;color:#1a2712}
.studio main {padding-bottom:calc(105px + env(safe-area-inset-bottom))}
.studio .calendar-panel,.studio .settings-card,.studio .channel-card {background:#191d25;border-color:#ffffff0d;box-shadow:inset 0 1px #ffffff03}
.studio .month-header h2 {font-weight:600;font-size:17px}
.studio .month-header button {background:#272c36;border:1px solid #ffffff06;color:#bec5ce}
.studio .calendar-grid {gap:8px 4px}
.studio .day {font-size:12px;border-radius:11px}
.studio .day.today {background:#303b2a;color:#d2f8a2}
.studio .day.selected {background:#d2f8a2;color:#19230f;box-shadow:0 3px 14px #c0ed9a16}
.studio .day.selected.has-posts::after {background:#1a2712}
.studio .search-field input {background:#191d25}
.studio .sheet {background:#1a1e26;border:1px solid #444b54;color:#edf0e9;border-radius:27px 27px 0 0;width:min(calc(100% - 12px),560px)}
.studio .sheet::backdrop {background:#080b14b8;backdrop-filter:blur(9px)}
.studio .sheet-handle {background:#566050;width:30px;height:3px}
.studio .sheet-header,.studio .sheet-footer {background:#1a1e26}
.studio .sheet-header {padding-top:17px}
.studio .sheet-header h2 {font-size:22px;font-weight:650;letter-spacing:-.6px}
.studio .sheet-footer {border-color:#ffffff12;padding-top:13px}
.studio input,.studio textarea,.studio select {background:#11151c;border:1px solid #343b47;color:#edf0e9;font-size:14px}
.studio input::placeholder,.studio textarea::placeholder {color:#7f8997}
.studio input:focus,.studio textarea:focus,.studio select:focus {outline:1px solid #c6e8a8;border-color:#c6e8a8}
.studio label,.studio legend {font-weight:500;color:#c9d0d8}
.studio .channel-choice {background:#1e242c;border-color:#353c47}
.studio .inline-error {background:#3a272d;color:#f6c0c6}
.studio .preview-bubble {background:#293827;border:1px solid #3c4d34;color:#e4ecd9}
.studio .toast {background:#d2f8a2;color:#1c2614;border:1px solid #ecffd1;font-weight:500;bottom:calc(96px + env(safe-area-inset-bottom))}
.studio .connection-success {background:#2a3d29;color:#d2f8a2;border:1px solid #435b37}
.studio .connection-art {filter:saturate(.55)}
.studio .preview-notice {background:#293729;color:#c3dfb0;font-size:10px;padding:4px 10px}
.studio .date-pill {background:#2c3629;color:#d2f8a2}
.studio .spinner {border-color:#323b2c;border-top-color:#d2f8a2}
.studio .task-rules {border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.studio .task-rules h3 {font-weight:500;font-size:13px;line-height:1.7}
.studio .delivery-summary {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0;padding:14px 0;border-block:1px solid var(--line)}
.studio .delivery-summary span {font-size:9px;color:var(--muted)}
.studio .delivery-summary strong {display:block;font-size:23px;color:var(--ink);font-weight:500}
.studio .target-rules {max-height:220px;overflow:auto;margin-bottom:18px}
.studio .target-rules>div {padding:9px 0;border-bottom:1px solid #ffffff08}
.studio .target-rules strong {display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.studio .target-rules span {display:block;color:var(--muted);font-size:10px;margin-top:3px}
.studio .delivery-row {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}
.studio .delivery-row>span:first-child {min-width:0;overflow-wrap:anywhere}
.studio .delivery-row small {display:block;color:var(--muted);margin-top:4px}
@media(min-width:700px) {
  .studio .app-shell {padding:0 42px}
  .studio .app-header {padding:28px 0}
  .studio .studio-heading {margin:8px 0 32px}
  .studio .studio-heading h1 {font-size:51px;letter-spacing:-2px}
  .studio .studio-heading>p {font-size:13px}
  .studio .studio-kicker {max-width:430px}
  .studio .overview-columns {grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:32px}
  .studio .overview-secondary>.section-heading:first-child {margin-top:0}
  .studio .hero {padding:26px;min-height:270px}
  .studio .hero-time {font-size:73px}
  .studio .hero h2 {font-size:19px}
  .studio .hero-orbit {width:285px;height:285px;right:-70px}
  .studio .sheet {border-radius:25px}
  .studio .calendar-panel {padding:25px}
}
@media(max-width:350px) {
  .studio .app-shell {padding:0 17px}
  .studio .app-header {margin-bottom:22px;gap:8px}
  .studio .brand {font-size:16px;gap:7px}
  .studio .brand-logo {width:30px;height:30px}
  .studio .header-actions {gap:6px}
  .studio .icon-button {width:34px;height:34px}
  .studio .studio-heading h1 {font-size:29px;letter-spacing:-1.2px}
  .studio .studio-kicker {font-size:7px;letter-spacing:1.2px}
  .studio .week-strip {gap:3px}
  .studio .week-day {min-height:66px;border-radius:11px}
  .studio .week-day strong {font-size:15px}
  .studio .hero {padding:19px;min-height:235px}
  .studio .hero h2 {font-size:16px}
  .studio .hero-time {font-size:53px}
  .studio .metric {padding:12px 9px}
  .studio .metric>span {font-size:8px}
  .studio .metric strong {font-size:24px}
  .studio .section-heading h2 {font-size:16px}
  .studio .text-button {font-size:9px}
}
/* Shared folder/search picker; selected chats remain visible across filters. */
.catalog-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.catalog-controls label{min-width:0;font-size:12px;color:var(--muted,#929b9b)}
.catalog-controls input,.catalog-controls select{width:100%;min-width:0;box-sizing:border-box;margin-top:6px}
.catalog-sync{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}
.catalog-sync p{flex:1;min-width:140px;margin:0}
.catalog-sync .button{font-size:12px;min-height:40px;padding:10px 12px}
.catalog-selection{padding:12px 0;border-top:1px solid #30363c;margin:12px 0}
.catalog-selection strong{font-size:13px}.catalog-bulk{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0}
.catalog-bulk .text-button{font-size:12px;padding:5px 0}
.selected-chats{display:flex;flex-wrap:wrap;gap:6px}
.selected-chat{border:1px solid #485044;background:#263022;color:#d2f8a2;border-radius:10px;padding:7px 9px;max-width:100%;overflow-wrap:anywhere;text-align:left;font:inherit;font-size:11px}
.catalog-chat-name{display:block;min-width:0;overflow-wrap:anywhere;font-size:13px;flex:1}
.catalog-chat-name small{display:block;margin-top:5px;color:#929b9b;font-size:11px}
.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0}
.catalog-pagination span{font-size:11px;color:#929b9b;text-align:center}
.catalog-pagination .button{padding:10px 14px;min-height:40px;font-size:12px}
.catalog-pagination button:disabled{opacity:.35}
@media(max-width:360px){.catalog-controls{grid-template-columns:minmax(0,1fr)}.catalog-sync .button{width:100%}}
/* Operations overview: real queue, saved rules and recorded account state. */
.studio .control-heading{padding:24px 0 28px}
.studio .control-kicker{display:flex;align-items:center;gap:9px;color:#a5b1a7;font-size:9px;letter-spacing:1.7px}
.studio .control-kicker>span:last-child{margin-left:auto;color:#79867e;letter-spacing:0}
.studio .control-heading h1{font-size:clamp(42px,8vw,66px);letter-spacing:-2.5px;font-weight:550;line-height:1.05;margin:22px 0 14px}
.studio .control-heading h1 em{font-style:normal;color:#b5c7a1;font-weight:420}
.studio .control-heading p{font-size:12px;line-height:1.7;color:#9aa4ae;max-width:330px}
.control-layout{display:grid;gap:10px}.control-primary,.control-secondary{min-width:0}
.daily-control{position:relative;border:1px solid #ffffff15;border-radius:24px;padding:22px;background:radial-gradient(ellipse at 100% 0,#40513880,transparent 70%),linear-gradient(145deg,#202b25,#191f26);box-shadow:inset 0 1px #ffffff0a}
.daily-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-title .eyebrow{font-size:8px;letter-spacing:1.8px}
.timezone-tag{font-size:9px;color:#a6b69e;border:1px solid #56694a70;border-radius:7px;padding:5px 7px;white-space:nowrap}
.daily-number{display:flex;align-items:center;gap:18px;padding:21px 0 18px}.daily-number>strong{font-size:78px;line-height:1;font-weight:440;letter-spacing:-4px;color:#e0f7c6;font-variant-numeric:tabular-nums}
.daily-number>span{font-size:12px;line-height:1.6;color:#b3c1aa}.daily-number .daily-emblem{font-size:44px;margin-left:auto;align-self:center;line-height:1;color:#cceda8;border:1px solid #6c8a5870;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#d2f8a206}
.daily-facts{display:flex;gap:15px;border-bottom:1px solid #ffffff12;padding-bottom:18px;flex-wrap:wrap}.daily-facts>span{font-size:10px;color:#aab6a6;display:flex;align-items:center;gap:5px}.daily-facts strong{font-size:12px;color:#d8e4d1}
.daily-facts i{width:4px;height:4px;background:#b9e797;border-radius:50%}.daily-facts>span:nth-child(2) i{background:#cab889}.daily-facts>span:nth-child(3) i{background:#c89090}
.plan-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:18px}.plan-day{display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:11px;padding:8px 3px;border:1px solid transparent;color:#a0afa0;min-width:0}
.plan-day.today{background:#d2f8a20a;border-color:#bcd79d40;color:#d2f8a2}.plan-day>span:first-child{font-size:8px;text-transform:uppercase}.plan-day strong{font-size:15px;font-weight:500}.plan-day small{font-size:10px;color:#b9c9ab;font-variant-numeric:tabular-nums}
.plan-day .plan-bar{height:35px;width:5px;display:flex;align-items:flex-end;background:#63745625;border-radius:3px}.plan-bar i{display:block;min-height:2px;width:5px;background:#a6bf8d;border-radius:3px}.plan-day.today .plan-bar i{background:#d2f8a2}
.daily-note{font-size:9px!important;line-height:1.6;color:#7e8c7c;margin:16px 0 0}
.compose-callout{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border:1px solid #444c3f;border-radius:17px;background:linear-gradient(120deg,#27301f,#1c2321);margin:14px 0 22px}
.compose-callout-symbol{width:39px;height:39px;border-radius:12px;background:#d2f8a2;color:#17220f;display:grid;place-items:center;flex-shrink:0}.compose-callout>span:nth-child(2){min-width:0;flex:1}.compose-callout strong{display:block;font-size:13px;color:#dde9d1}.compose-callout small{display:block;font-size:9px;color:#98a88d;margin-top:6px}.compose-callout>.icon{width:16px;color:#b2c298}
.account-monitor,.automation-panel{padding:18px;border:1px solid #ffffff0e;background:#191e25;border-radius:21px;margin-bottom:16px}.account-monitor .section-heading,.automation-panel .section-heading{margin:0 0 18px}.account-monitor h2,.automation-panel h2{font-size:14px!important}
.monitor-top{display:flex;gap:12px;align-items:center}.monitor-glyph{height:40px;width:40px;border-radius:12px;display:grid;place-items:center;background:#2f3b29;color:#c9e5ac;flex-shrink:0}.monitor-top strong{font-size:12px;font-weight:600}.monitor-top p{font-size:10px!important;line-height:1.5;color:#939faa;margin:5px 0 0}
.monitor-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;padding:16px 0;margin-top:18px}.monitor-facts>span{font-size:8px;color:#87949d;line-height:1.6}.monitor-facts strong{display:block;font-size:22px;font-weight:450;color:#dfe5da;margin-top:6px}
.monitor-note{font-size:9px!important;line-height:1.65;color:#7e8a92;margin:13px 0 0}
.rule-card{display:block;width:100%;text-align:left;padding:14px 0;border-top:1px solid #ffffff0c}.rule-card>div{display:flex;gap:8px;align-items:center}.rule-marker{height:5px;width:5px;border-radius:50%;background:#c2e5a2;flex-shrink:0}.rule-card strong{font-size:12px;font-weight:550;flex:1;min-width:0}.rule-card .icon{width:13px;color:#a0afa1}.rule-card p{font-size:10px!important;color:#9aab9b;margin:8px 0}
.rule-chip{font-size:8px;background:#282f33;color:#a9b7b0;border:1px solid #ffffff09;border-radius:5px;padding:4px 6px;display:inline-block;margin:3px 4px 0 0}
.saved-rule-panel{padding:15px;background:#202925;border:1px solid #afcf9229;border-radius:15px;margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-rule-panel>div{min-width:0}.saved-rule-panel>div>span{font-size:10px;display:block;color:#94a48c;margin-bottom:7px}.saved-rule-panel strong{font-size:15px;font-weight:500;color:#d7e8c7;overflow-wrap:anywhere}.saved-rule-panel p,.saved-rule-panel small{grid-column:1/-1;line-height:1.6;margin:0}.saved-rule-panel p{font-size:11px;color:#b4c0a9}.saved-rule-panel small{font-size:9px;color:#91a184}
@media(min-width:700px){.control-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px}.control-heading h1{font-size:66px!important}.control-secondary{padding-top:0}}
@media(max-width:360px){.daily-control{padding:17px}.daily-number{gap:12px}.daily-number>strong{font-size:66px}.daily-number .daily-emblem{width:48px;height:48px;font-size:34px}.daily-facts{gap:10px}.timezone-tag{font-size:8px}.monitor-facts{gap:5px}}