:root{--text-main:#0f172a;--text-muted:#64748b;--surface:#ffffff;--surface-muted:#f8fafc;--border:#e2e8f0;--primary:#0ea5e9;--primary-dark:#0284c7;--accent:#22d3ee;--shadow-soft:0 4px 20px rgba(15,23,42,0.06);--gradient:linear-gradient(135deg,#f8fafc 0%,#ffffff 50%,#f1f5f9 100%);--smtc-ring-track:rgba(2,132,199,0.14);--smtc-ring-fill:var(--primary);--smtc-surface:rgba(2,6,23,0.02);--smtc-border:rgba(15,23,42,0.08);--smtc-glow:rgba(14,165,233,0.22);--smtc-row-hover:rgba(2,6,23,0.03);}
.smtc-hero-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.smtc-hero-metric{font-size:13px;font-weight:600;color:var(--text-main);background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:8px 14px;}
.smtc-hero-metric span{color:var(--text-muted);font-weight:500;}
.smtc-tool{margin-bottom:2.5rem;}
.smtc-board{background:linear-gradient(160deg,var(--surface) 0%,var(--surface-muted) 100%);border:1px solid var(--border);border-radius:20px;padding:clamp(16px,4vw,28px);box-shadow:var(--shadow-soft);}
.smtc-board-top{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:24px;}
@media (min-width:768px){.smtc-board-top{flex-direction:row;align-items:center;justify-content:space-between;}}
.smtc-orbit-wrap{position:relative;width:min(200px,55vw);height:min(200px,55vw);flex-shrink:0;}
.smtc-orbit-svg{width:100%;height:100%;transform:rotate(-90deg);}
.smtc-orbit-track{fill:none;stroke:var(--smtc-ring-track);stroke-width:10;}
.smtc-orbit-fill{fill:none;stroke:var(--smtc-ring-fill);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 0.35s ease;}
.smtc-orbit-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;}
.smtc-orbit-min{font-size:clamp(1.75rem,8vw,2.35rem);font-weight:800;line-height:1.1;letter-spacing:-0.02em;}
.smtc-orbit-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:4px;}
.smtc-orbit-pct{font-size:14px;font-weight:600;color:var(--smtc-ring-fill);margin-top:6px;}
.smtc-glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:420px;}
@media (min-width:768px){.smtc-glance{max-width:340px;}}
.smtc-glance-cell{background:var(--smtc-surface);border:1px solid var(--smtc-border);border-radius:14px;padding:12px 14px;}
.smtc-glance-k{font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);margin-bottom:4px;}
.smtc-glance-v{font-size:1.25rem;font-weight:700;}
.smtc-wake{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;background:var(--surface-muted);border-radius:12px;border:1px solid var(--border);}
.smtc-wake label{font-size:14px;font-weight:600;color:var(--text-main);}
.smtc-wake input{width:72px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-weight:600;}
.smtc-wake-hint{font-size:12px;color:var(--text-muted);flex:1;min-width:200px;}
.smtc-rows{display:flex;flex-direction:column;gap:12px;}
.smtc-row{display:grid;grid-template-columns:1fr;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--smtc-surface);transition:background 0.2s,border-color 0.2s;}
@media (min-width:640px){.smtc-row{grid-template-columns:minmax(140px,180px) 1fr auto;align-items:center;}}
.smtc-row:focus-within{border-color:var(--smtc-ring-fill);box-shadow:0 0 0 3px var(--smtc-glow);background:var(--smtc-row-hover);}
.smtc-row-head{display:flex;align-items:center;gap:12px;}
.smtc-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px var(--surface);}
.smtc-name{font-weight:700;font-size:15px;}
.smtc-slider-block{min-width:0;}
.smtc-slider-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:8px;}
.smtc-mins-readout{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;color:var(--smtc-ring-fill);}
.smtc-range{width:100%;height:8px;border-radius:99px;-webkit-appearance:none;appearance:none;background:var(--smtc-ring-track);}
.smtc-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--smtc-ring-fill);cursor:pointer;border:3px solid var(--surface);box-shadow:0 2px 8px var(--smtc-glow);}
.smtc-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--smtc-ring-fill);cursor:pointer;border:3px solid var(--surface);}
.smtc-nudge{display:flex;gap:6px;flex-wrap:wrap;}
@media (min-width:640px){.smtc-nudge{flex-direction:column;}}
.smtc-nudge button{font-size:12px;font-weight:600;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;transition:transform 0.15s,background 0.15s;}
.smtc-nudge button:hover{background:var(--surface-muted);transform:translateY(-1px);}
.smtc-nudge button:active{transform:translateY(0);}
.smtc-swap{margin-top:22px;padding-top:22px;border-top:1px solid var(--border);}
.smtc-swap h3{font-size:1.1rem;font-weight:700;margin:0 0 6px;}
.smtc-swap-lead{font-size:14px;color:var(--text-muted);margin-bottom:14px;}
.smtc-swap-grid{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:600px){.smtc-swap-grid{grid-template-columns:repeat(2,1fr);}}
.smtc-swap-card{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-muted);}
.smtc-swap-title{font-weight:700;font-size:14px;}
.smtc-swap-meta{font-size:12px;color:var(--text-muted);}
.smtc-swap-stat{font-size:13px;font-weight:600;color:var(--smtc-ring-fill);}
.smtc-prose{margin-top:3rem;}
.smtc-prose h2{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800;margin:2.2rem 0 0.75rem;line-height:1.25;}
.smtc-prose h2:first-child{margin-top:0;}
.smtc-prose p,.smtc-prose li{font-size:16px;line-height:1.65;color:var(--text-main);}
.smtc-prose p{margin:0 0 1rem;}
.smtc-prose ul{margin:0 0 1rem;padding-left:1.25rem;}
.smtc-callout{margin:1.25rem 0;padding:14px 16px;border-left:4px solid var(--smtc-ring-fill);background:var(--surface-muted);border-radius:0 12px 12px 0;font-size:15px;}
.smtc-dl{display:grid;gap:12px;margin:1rem 0;}
.smtc-dl div{display:grid;grid-template-columns:1fr;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--border);}
@media (min-width:560px){.smtc-dl div{grid-template-columns:minmax(140px,200px) 1fr;align-items:start;}}
.smtc-dl dt{font-weight:700;font-size:14px;}
.smtc-dl dd{margin:0;font-size:15px;color:var(--text-muted);}