:root { color-scheme:dark; --tool-bg:var(--mc-bg,#05070a); --tool-panel:var(--mc-panel,#0f141e); --tool-raised:var(--mc-raised,#141c28); --tool-text:var(--mc-text,#e6edf3); --tool-muted:var(--mc-muted,#94a3b8); --tool-border:var(--mc-border,#263143); --tool-accent:var(--mc-accent,#00e5ff); --tool-radius:var(--mc-radius,12px); --tool-soft:color-mix(in srgb,var(--tool-accent) 10%,var(--tool-panel)); --tool-accent-ink:#041015; --tool-error:#fca5a5; --tool-success:#6ee7b7; --tool-success-bg:#34d39914; --tool-warning:#fbbf24; --tool-warning-bg:#fbbf2414; }
.tool-page,.image-editor { margin:0; background:var(--tool-bg); color:var(--tool-text); font:14px/1.6 var(--mc-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif); color-scheme:dark; }
.tool-page *, .image-editor * { box-sizing:border-box; }
.tool-page [hidden],.image-editor [hidden] { display:none!important; }
.tool-main { max-width:1120px; padding:32px 24px 60px; margin:auto; }
.tool-breadcrumb { display:flex; align-items:center; gap:9px; font-size:13px; color:var(--tool-muted); margin-bottom:26px; }
.tool-breadcrumb a,.tool-footer a,.prose a,.source-links a { color:var(--tool-accent); text-decoration:none; }
.tool-breadcrumb a:hover,.tool-footer a:hover,.prose a:hover { text-decoration:underline; }
.tool-hero { display:flex; justify-content:space-between; align-items:start; gap:24px; margin-bottom:28px; }
.tool-hero h1 { font-size:26px; letter-spacing:-.5px; line-height:1.3; margin:0 0 10px; }
.tool-hero p { max-width:700px; color:var(--tool-muted); margin:0; }
.tool-label { display:block; color:var(--tool-muted); font-size:12px; font-weight:500; letter-spacing:1px; text-transform:uppercase; margin-bottom:8px; }
.quiet-tag { display:inline-flex; align-items:center; gap:7px; flex-shrink:0; border:1px solid var(--tool-border); border-radius:8px; padding:7px 12px; background:var(--tool-panel); color:var(--tool-muted); font-size:12px; white-space:nowrap; }
.quiet-tag svg { width:15px; height:15px; }
.tool-nav { display:flex; flex-wrap:wrap; gap:7px; padding-bottom:20px; border-bottom:1px solid var(--tool-border); margin-bottom:24px; }
.tool-nav a { padding:8px 15px; border-radius:7px; color:var(--tool-muted); text-decoration:none; font-size:13px; font-weight:500; }
.tool-nav a:hover { background:var(--tool-raised); color:var(--tool-text); }
.tool-nav a[aria-current="page"] { color:var(--tool-text); background:var(--tool-raised); box-shadow:inset 0 -2px var(--tool-accent); }
.editor-frame { width:100%; border:0; display:block; min-height:590px; }
.ad-slot { clear:both; margin:44px 0; padding:18px 0; border-top:1px solid var(--tool-border); border-bottom:1px solid var(--tool-border); text-align:center; }
.ad-slot > .ad-label { display:block; font-size:11px; color:var(--tool-muted); letter-spacing:1px; text-transform:uppercase; margin-bottom:14px; }
.prose { margin-top:42px; max-width:850px; }
.prose h2 { font-size:20px; letter-spacing:-.5px; line-height:1.3; margin:32px 0 13px; }
.prose h3 { font-size:16px; margin:20px 0 6px; }
.prose p,.prose li { color:var(--tool-muted); }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:18px 0 26px; }
.step-number { display:grid; place-items:center; width:27px; height:27px; color:var(--tool-accent); background:var(--tool-soft); border-radius:50%; font-weight:650; font-size:12px; margin-bottom:9px; }
.steps h3 { margin:0 0 5px; }.steps p { font-size:14px; margin:0; }
.faq details { border-bottom:1px solid var(--tool-border); padding:14px 0; }.faq summary { cursor:pointer; font-weight:600; }.faq p { margin:10px 0 0; }
.tool-footer { display:flex; flex-wrap:wrap; gap:16px; margin-top:50px; padding-top:24px; border-top:1px solid var(--tool-border); font-size:12px; color:var(--tool-muted); }
.tool-footer .footer-brand { margin-right:auto; }
:where(.tool-page,.image-editor) button,:where(.tool-page,.image-editor) input,:where(.tool-page,.image-editor) select { font:inherit; }
:where(.tool-page,.image-editor) input:not([type="range"]):not([type="checkbox"]):not([type="file"]),:where(.tool-page,.image-editor) select { width:100%; height:42px; border:1px solid var(--tool-border); border-radius:7px; padding:8px 10px; background:var(--tool-bg); color:var(--tool-text); min-width:0; font-size:13px; }
:where(.tool-page,.image-editor) input::placeholder { color:var(--tool-muted); }
:where(.tool-page,.image-editor) button { cursor:pointer; }
:where(.tool-page,.image-editor) button:disabled { opacity:.45; cursor:not-allowed; }
:where(.tool-page,.image-editor) :focus-visible { outline:2px solid var(--tool-accent); outline-offset:3px; }
.action { display:inline-flex; justify-content:center; align-items:center; gap:8px; padding:9px 15px; border:1px solid var(--tool-border); border-radius:8px; color:var(--tool-text); background:var(--tool-raised); font-size:13px; font-weight:500; text-decoration:none; line-height:1.4; min-height:38px; }
.action:hover:not(:disabled) { filter:brightness(1.12); }
.action-primary { background:var(--tool-accent); border-color:var(--tool-accent); color:var(--tool-accent-ink); font-weight:650; }
.action[aria-pressed="true"] { box-shadow:inset 0 -2px var(--tool-accent); }
.preset-row button:hover,.region-filters button:hover { filter:brightness(1.12); }
.link-button { border:0; background:none; color:var(--tool-accent); padding:3px 0; font-size:13px; text-decoration:none; }
.muted { color:var(--tool-muted); }.small { font-size:12px; }.mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-variant-numeric:tabular-nums; }
.message { color:var(--tool-muted); font-size:13px; margin:8px 0; min-height:21px; }.message.error { color:var(--tool-error); }.message.success { color:var(--tool-success); }
.image-editor { padding:0; }.editor-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr); gap:28px; align-items:start; }
.drop-zone { padding:34px 20px; min-height:260px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px dashed var(--tool-border); border-radius:var(--tool-radius); background:var(--tool-panel); text-align:center; transition:background .15s; }
.drop-zone.drag-over { background:var(--tool-soft); border-color:var(--tool-accent); }.drop-zone.has-image { min-height:0; padding:12px; flex-direction:row; flex-wrap:wrap; gap:12px; }
.drop-zone.has-image .upload-intro,.drop-zone.has-image .upload-note { display:none; }
.upload-icon { width:44px; height:44px; color:var(--tool-accent); margin-bottom:13px; }.upload-intro h2 { margin:0 0 7px; font-size:19px; }.upload-note { color:var(--tool-muted); font-size:12px; margin:11px 0 0; }
.example-button { margin-top:14px; }.drop-zone.has-image .example-button { margin:0; }
.previews { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px; }.previews figure { margin:0; min-width:0; }.preview-image { display:flex; align-items:center; justify-content:center; height:210px; border:1px solid var(--tool-border); border-radius:8px; background:repeating-conic-gradient(var(--tool-panel) 0% 25%,var(--tool-raised) 0% 50%) 50%/16px 16px; overflow:hidden; }.preview-image img { max-width:100%; max-height:100%; object-fit:contain; }.previews figcaption { font-size:12px; color:var(--tool-muted); margin-top:8px; overflow-wrap:anywhere; }.preview-label { display:block; font-size:12px; font-weight:650; margin-bottom:7px; }
.empty-preview { color:var(--tool-muted); font-size:12px; padding:18px; text-align:center; }
.editor-panel { background:var(--tool-panel); padding:20px; border:1px solid var(--tool-border); border-radius:var(--tool-radius); }
.editor-panel h2 { margin:0 0 17px; font-size:16px; font-weight:650; letter-spacing:-.3px; }.field { display:block; margin-bottom:15px; }.field > span,.field-title { display:block; font-weight:500; font-size:12px; color:var(--tool-muted); margin-bottom:6px; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.field-row .field { min-width:0; }
.preset-row { display:flex; flex-wrap:wrap; gap:6px; margin:-5px 0 16px; }.preset-row button { background:var(--tool-raised); color:var(--tool-text); border:1px solid var(--tool-border); border-radius:5px; padding:4px 9px; font-size:12px; }.preset-row button[aria-pressed="true"] { border-color:var(--tool-accent); background:var(--tool-soft); color:var(--tool-accent); }
.check-label { display:flex; gap:8px; align-items:start; margin:8px 0 16px; font-size:12px; color:var(--tool-muted); }.check-label input { margin:3px 0 0; accent-color:var(--tool-accent); flex-shrink:0; }
.editor-panel input[type="range"] { width:100%; accent-color:var(--tool-accent); }
.editor-panel details { margin:12px 0 17px; }.editor-panel summary { font-size:12px; font-weight:600; cursor:pointer; }.editor-panel details .field-row { margin-top:14px; }
.edit-buttons { display:flex; gap:7px; margin:3px 0 15px; }.edit-buttons button { flex:1; font-size:12px; padding:7px 4px; min-height:34px; }.editor-panel .apply { width:100%; }.editor-reset { margin-top:12px; text-align:center; }
.result-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-top:22px; padding:20px; border:1px solid var(--tool-border); border-radius:var(--tool-radius); background:var(--tool-panel); }.result-heading { font-weight:650; margin-bottom:4px; }.result-metrics { font-size:13px; color:var(--tool-muted); }.result-bar.over-limit { background:var(--tool-warning-bg); }.fit-badge { display:inline-block; border-radius:5px; padding:2px 7px; margin-left:5px; background:var(--tool-success-bg); color:var(--tool-success); font-size:11px; vertical-align:middle; }.over-limit .fit-badge { background:var(--tool-warning-bg); color:var(--tool-warning); }
.privacy-hint { display:flex; gap:8px; align-items:start; color:var(--tool-muted); font-size:12px; margin-top:18px; }.privacy-hint svg { width:16px; height:16px; flex-shrink:0; margin-top:2px; }
.clock-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; padding:24px 0 26px; border-top:1px solid var(--tool-border); }.world-clock { font-size:36px; line-height:1.15; letter-spacing:-1px; }.zone-controls { min-width:260px; max-width:360px; flex:1; }.zone-controls label { font-size:12px; font-weight:500; color:var(--tool-muted); display:block; margin-bottom:6px; }.zone-shortcuts { display:flex; flex-wrap:wrap; gap:12px; margin-top:7px; }.zone-shortcuts button { font-size:12px; }
.market-toolbar { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:22px; }.region-filters { display:flex; flex-wrap:wrap; gap:6px; }.region-filters button { border:1px solid var(--tool-border); border-radius:7px; padding:7px 13px; background:var(--tool-panel); color:var(--tool-muted); font-size:13px; }.region-filters button[aria-pressed="true"] { background:var(--tool-raised); color:var(--tool-text); box-shadow:inset 0 -2px var(--tool-accent); }.date-controls { display:flex; align-items:end; gap:9px; }.date-controls label { font-size:12px; font-weight:500; color:var(--tool-muted); }.date-controls input { display:block; margin-top:5px; }.date-controls .action { font-size:13px; padding:9px 12px; }.schedule-note { font-size:12px; color:var(--tool-muted); margin-bottom:22px; }
.market-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.market-card { background:var(--tool-panel); border:1px solid var(--tool-border); border-radius:var(--tool-radius); padding:20px; min-width:0; }.market-card-header { display:flex; justify-content:space-between; align-items:start; gap:12px; }.market-card h2 { font-size:18px; letter-spacing:-.3px; line-height:1.3; margin:0 0 3px; }.market-subtitle { color:var(--tool-muted); font-size:12px; }.status { display:inline-flex; align-items:center; gap:5px; font-size:11px; border-radius:6px; padding:4px 8px; background:var(--tool-raised); color:var(--tool-muted); white-space:nowrap; }.status.open { color:var(--tool-success); background:var(--tool-success-bg); }.status.break,.status.unknown { color:var(--tool-warning); background:var(--tool-warning-bg); }.status::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.market-next { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:22px 0 15px; }.countdown-label { color:var(--tool-muted); font-size:12px; }.countdown { font-size:24px; letter-spacing:-.5px; line-height:1.4; }.market-local { text-align:right; font-size:12px; color:var(--tool-muted); }.market-local .mono { color:var(--tool-text); font-size:16px; }
.session-date { font-size:12px; color:var(--tool-muted); margin-bottom:10px; }.session-list { display:flex; flex-direction:column; gap:6px; }.session-row { display:flex; justify-content:space-between; align-items:center; gap:14px; font-size:13px; }.session-row .exchange-time { color:var(--tool-muted); font-size:12px; }.viewer-time { font-weight:600; }.day-shift { font-size:10px; padding:2px 4px; background:var(--tool-soft); color:var(--tool-accent); border-radius:3px; margin-left:4px; }
.timeline { position:relative; height:9px; border-radius:3px; background:var(--tool-raised); margin-top:17px; overflow:hidden; }.timeline span { position:absolute; top:0; bottom:0; background:var(--tool-accent); opacity:.75; }.timeline-labels { display:flex; justify-content:space-between; color:var(--tool-muted); font-size:10px; margin:5px 0 10px; }
.market-card details { margin-top:15px; padding-top:13px; border-top:1px solid var(--tool-border); font-size:12px; }.market-card summary { cursor:pointer; color:var(--tool-muted); }.source-links { display:flex; flex-direction:column; gap:5px; margin:10px 0; }.market-calendar { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; font-size:11px; color:var(--tool-muted); }.market-calendar button { font-size:12px; }
.converter { margin-top:34px; padding:20px; background:var(--tool-panel); border:1px solid var(--tool-border); border-radius:var(--tool-radius); }.converter h2 { margin:0 0 6px; font-size:20px; letter-spacing:-.5px; }.converter p { font-size:13px; color:var(--tool-muted); margin:0 0 18px; }.converter-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.convert-output { font-size:20px; font-weight:600; margin-top:15px; }.converter-note { margin-top:5px; color:var(--tool-muted); font-size:12px; }.calendar-table { width:100%; border-collapse:collapse; font-size:13px; }.calendar-table th,.calendar-table td { text-align:left; padding:10px 12px 10px 0; border-bottom:1px solid var(--tool-border); }.calendar-table th { color:var(--tool-muted); font-weight:500; }
.status-grid,.limit-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; margin:8px 0 24px; }
.status-card,.limit-card { display:block; padding:18px; border:1px solid var(--tool-border); border-radius:var(--tool-radius); background:var(--tool-panel); color:inherit; text-decoration:none; min-width:0; }
.status-card:hover,.limit-card:hover { border-color:var(--tool-accent); }
.status-card h2,.limit-card h2 { margin:0 0 6px; display:flex; align-items:center; gap:8px; font-size:16px; }
.status-card p,.limit-card p { margin:0; color:var(--tool-muted); font-size:13px; }
.status-dot { width:10px; height:10px; border-radius:50%; background:var(--tool-muted); display:inline-block; flex-shrink:0; }
.status-dot.none { background:var(--tool-success); }
.status-dot.minor,.status-dot.maintenance { background:var(--tool-warning); }
.status-dot.major,.status-dot.critical { background:#ef4444; }
.incident { border-left:3px solid var(--tool-warning); padding:8px 12px; margin:10px 0; background:var(--tool-panel); border-radius:6px; }
.incident small,.component-row small { color:var(--tool-muted); }
.component-row { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid var(--tool-border); padding:8px 0; }
.table-scroll { overflow-x:auto; }
.limit-table { width:100%; border-collapse:collapse; margin:12px 0 20px; }
.limit-table th,.limit-table td { border-bottom:1px solid var(--tool-border); padding:10px 12px 10px 0; text-align:left; vertical-align:top; }
.limit-table th { color:var(--tool-muted); font-weight:500; }
.source-note { font-size:12px; color:var(--tool-muted); margin-top:6px; }
.source-note a,.incident a { color:var(--tool-accent); }
.unknown { color:var(--tool-warning); font-weight:650; }
.status-board { display:flex; flex-direction:column; gap:14px; padding:16px; border:1px solid var(--tool-border); border-radius:var(--tool-radius); background:var(--tool-panel); min-width:0; }
.status-board-main { display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; color:inherit; text-decoration:none; }
.status-board h2 { margin:0; font-size:18px; letter-spacing:-.3px; }
.status-word { margin:2px 0 0; font-size:22px; font-weight:750; letter-spacing:-.4px; line-height:1.15; }
.status-detail { margin:4px 0 0; color:var(--tool-muted); font-size:13px; }
.status-lamp { width:64px; height:64px; border-radius:50%; color:var(--tool-muted); background:radial-gradient(circle at 35% 32%, #ffffff55, transparent 46%), currentColor; box-shadow:0 0 0 8px color-mix(in srgb, currentColor 16%, transparent), 0 0 28px color-mix(in srgb, currentColor 45%, transparent); }
.status-lamp.none { color:var(--tool-success); }
.status-lamp.minor,.status-lamp.maintenance { color:var(--tool-warning); }
.status-lamp.major,.status-lamp.critical { color:#ef4444; }
.tone-major .status-lamp,.tone-critical .status-lamp { animation:lamp-pulse 1.6s ease-in-out infinite; }
.status-single { max-width:560px; }
.status-hero .status-lamp { width:104px; height:104px; }
.status-hero .status-word { font-size:34px; }
.vote-q { margin:0 0 8px; font-size:13px; font-weight:650; }
.vote-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.vote-row button,.beg { border:1px solid var(--tool-border); background:var(--tool-raised); color:var(--tool-text); border-radius:999px; min-height:42px; }
.vote-row button { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 12px; font-weight:650; }
.vote-row button b,.beg b { min-width:1.5em; padding:1px 7px; border-radius:999px; background:var(--tool-bg); text-align:center; font-variant-numeric:tabular-nums; }
.vote-row button[data-down="yes"][aria-pressed="true"] { border-color:#ef4444; color:#fecaca; }
.vote-row button[data-down="no"][aria-pressed="true"] { border-color:var(--tool-success); color:var(--tool-success); }
.vote-note,.pulse-msg { margin:8px 0 0; color:var(--tool-muted); font-size:12px; }
.pulse-msg:empty { display:none; }
.status-chips { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 12px; }
.status-chip { border-radius:999px; padding:4px 10px; background:var(--tool-raised); color:var(--tool-muted); font-size:12px; }
.status-chip.operational { color:var(--tool-success); }
.status-chip.degraded_performance,.status-chip.partial_outage,.status-chip.under_maintenance { color:var(--tool-warning); }
.status-chip.major_outage { color:#fca5a5; }
.plan-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.plan-card,.beg-panel { border:1px solid var(--tool-border); border-radius:var(--tool-radius); background:var(--tool-panel); padding:14px; min-width:0; }
.plan-card h2 { margin:0 0 8px; font-size:16px; }
.reset-chip { margin:0; color:var(--tool-text); font-size:13px; }
.limit-card .reset-chip { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.beg { display:flex; width:100%; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; padding:8px 12px 8px 14px; border-color:var(--tool-accent); background:var(--tool-soft); color:var(--tool-accent); font-weight:750; }
.beg b { background:var(--tool-accent); color:var(--tool-accent-ink); }
.beg-panel { margin:0 0 16px; }
.beg-panel .beg { margin-top:0; }
.beg.is-hot,.vote-row button.is-hot { animation:beg-pop .35s ease; }
.beg.is-denied,.vote-row button.is-denied { animation:beg-shake .35s ease; }
.fold { border:1px solid var(--tool-border); border-radius:12px; margin:10px 0; background:var(--tool-panel); padding:0 14px; }
.fold > summary { cursor:pointer; font-weight:650; padding:12px 0; }
.fold > :not(summary) { margin-top:0; }
.faq .fold { background:transparent; border-width:0 0 1px; border-radius:0; margin:0; padding:0; }
.burst { position:fixed; width:0; height:0; z-index:30; pointer-events:none; }
.burst i { position:absolute; left:0; top:0; width:7px; height:7px; border-radius:2px; animation:burst-fly .65s ease-out forwards; }
@keyframes lamp-pulse { 50% { transform:scale(1.06); } }
@keyframes beg-pop { 40% { transform:scale(1.05); } }
@keyframes beg-shake { 25% { transform:translateX(-3px); } 75% { transform:translateX(3px); } }
@keyframes burst-fly { to { transform:translate(var(--x), var(--y)) rotate(40deg); opacity:0; } }
@media (prefers-reduced-motion:reduce) { .status-lamp,.beg,.vote-row button,.burst i { animation:none !important; } }
.prose .source-links { margin:8px 0 0; padding-left:18px; }
.ad-slot[hidden] { display:none; }
.ad-slot .ad-content { width:100%; max-width:728px; height:250px; margin:0 auto; overflow:hidden; contain:layout paint; }
.visually-hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.updated-line { margin:8px 0 0; color:var(--tool-muted); font-size:12px; }
.reset-panel { border:1px solid var(--tool-border); border-radius:var(--tool-radius); background:var(--tool-panel); padding:14px; margin:0 0 16px; }
.reset-panel h2 { margin:0 0 6px; font-size:15px; }
.reset-panel p { margin:4px 0 0; font-size:13px; }
.reset-label { color:var(--tool-muted); }
.reset-clock { display:block; min-height:1.3em; font-size:26px; font-weight:750; letter-spacing:-.5px; font-variant-numeric:tabular-nums; color:var(--tool-text); }
.reset-note,.reset-unknown p { color:var(--tool-muted); }
.status-link { margin:14px 0; font-size:14px; }
.limit-outage { border:1px solid var(--tool-border); border-radius:var(--tool-radius); background:var(--tool-panel); padding:4px 16px 12px; margin:16px 0; max-width:850px; }
.limit-outage h2 { font-size:17px; margin:12px 0 8px; }
.limit-outage ul { margin:0; padding-left:18px; font-size:14px; }
.limit-outage p { margin:10px 0 0; font-size:14px; }
.digest { position:relative; max-width:560px; margin:28px 0; padding:14px 16px; border:1px solid var(--tool-border); border-radius:var(--tool-radius); background:var(--tool-panel); }
.digest-copy h2 { margin:0 0 4px; font-size:15px; }
.digest-copy p { margin:0 0 10px; color:var(--tool-muted); font-size:13px; }
.digest-row { display:flex; gap:8px; }
.digest-row input { flex:1; min-width:0; min-height:40px; padding:8px 12px; border:1px solid var(--tool-border); border-radius:10px; background:var(--tool-bg); color:var(--tool-text); font:inherit; font-size:14px; }
.digest-row button { flex:none; min-height:40px; }
.digest-note { margin:8px 0 0; color:var(--tool-muted); font-size:12px; }
.digest-msg { margin:6px 0 0; font-size:13px; }
.digest-msg:empty { display:none; }
.digest-msg.success { color:var(--tool-success); }
.digest-msg.error { color:var(--tool-error); }
.digest-trap { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
@media(max-width:760px) { .tool-main { padding:24px 16px 45px; }.tool-hero { flex-direction:column; gap:12px; }.tool-hero h1 { font-size:24px; }.quiet-tag { font-size:11px; }.editor-grid { gap:20px; grid-template-columns:1fr; }.editor-panel { padding:18px; }.previews .preview-image { height:180px; }.steps { grid-template-columns:1fr; gap:18px; }.steps > div { position:relative; padding-left:41px; }.step-number { position:absolute; left:0; top:0; }.market-grid { grid-template-columns:1fr; }.market-card { padding:20px; }.world-clock { font-size:32px; }.zone-controls { min-width:0; width:100%; max-width:none; }.clock-heading { gap:18px; align-items:start; flex-direction:column; }.market-toolbar { align-items:start; flex-direction:column; }.date-controls { width:100%; }.date-controls label { flex:1; }.converter { padding:20px; }.converter-fields { grid-template-columns:1fr; }.tool-nav { gap:1px; }.tool-nav a { padding:8px 11px; font-size:13px; }.tool-footer { gap:12px; }.tool-footer .footer-brand { width:100%; }.calendar-table { font-size:12px; }.market-card-header { gap:8px; }.status { font-size:10px; }.editor-frame { min-height:820px; } .status-lamp { width:52px; height:52px; } .status-hero .status-lamp { width:84px; height:84px; } .status-hero .status-word { font-size:28px; } .plan-grid { grid-template-columns:1fr; } .beg,.vote-row button { min-height:44px; } }