:root{color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#fff;--bg-elevated:#fafafa;--bg-subtle:#f4f6f8;--fg:#1a1a1a;--fg-muted:#6b7280;--border:#00000014;--border-strong:#00000024;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff4ff;--up:#16a34a;--up-soft:#e9f7ee;--down:#dc2626;--down-soft:#fdecec;--warn:#b45309;--warn-soft:#fff7ed;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 2px #0000000a;--shadow:0 4px 16px #0000000f;--maxw:1200px;background:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg);min-height:100dvh;color:var(--fg)}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.25}.tabular{font-variant-numeric:tabular-nums}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:20px}.section{padding-block:56px}.section--tight{padding-block:36px}.section--subtle{background:var(--bg-subtle)}.section--accent{background:var(--accent-soft)}.yt-promo{align-items:center;gap:28px;display:flex}.yt-promo .yt-text{flex:1;min-width:0}.yt-promo .yt-avatar{flex-shrink:0}@media (width<=600px){.yt-promo{text-align:center;flex-direction:column-reverse;align-items:center;gap:18px}.yt-promo .yt-text{width:100%}}.section-head{margin-bottom:28px}.section-title{margin:0;font-size:24px;font-weight:700}.section-sub{color:var(--fg-muted);max-width:640px;margin:8px 0 0;font-size:15px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.muted{color:var(--fg-muted)}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.card--link{cursor:pointer;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.card--link:hover{border-color:var(--border-strong);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.card-title{margin:0 0 6px;font-size:17px;font-weight:650}.card-desc{color:var(--fg-muted);margin:0;font-size:14px}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-outline{color:var(--fg);border-color:var(--border-strong);background:0 0}.btn-outline:hover{background:var(--bg-subtle)}.btn-lg{padding:14px 26px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{background:var(--bg-subtle);color:var(--fg-muted);border-radius:999px;align-items:center;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge-up{background:var(--up-soft);color:var(--up)}.badge-down{background:var(--down-soft);color:var(--down)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.num-up{color:var(--up)}.num-down{color:var(--down)}.notice{border:1px solid var(--border);border-left:3px solid var(--warn);background:var(--warn-soft);border-radius:var(--radius-sm);color:#7c5a16;padding:14px 16px;font-size:13px;line-height:1.6}.notice strong{color:var(--warn)}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}.data-table th{color:var(--fg-muted);font-size:13px;font-weight:600}.data-table tbody tr:hover{background:var(--bg-elevated)}.data-table td.right,.data-table th.right{text-align:right}.data-table--center th,.data-table--center td{text-align:center}.step-num{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:inline-flex}.prose{color:#2b2b2b;max-width:760px;font-size:15px;line-height:1.75}.prose h2{margin:28px 0 10px;font-size:18px}.prose p{margin:0 0 12px}.prose ul{margin:0 0 12px;padding-left:20px}.prose li{margin-bottom:6px}.nav-desktop{white-space:nowrap;gap:24px;font-size:14px;font-weight:500;display:flex}.hamburger{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--fg);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:none}.hamburger:hover{background:var(--bg-subtle)}@media (width<=768px){.nav-desktop,.login-desktop{display:none}.hamburger{display:inline-flex}}.drawer-backdrop{z-index:40;opacity:0;visibility:hidden;pointer-events:none;background:#0006;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.drawer{z-index:41;background:var(--bg);border-left:1px solid var(--border);flex-direction:column;width:280px;max-width:82vw;height:100dvh;padding:14px 16px;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #0000001f}.drawer.is-open{transform:translate(0)}.drawer-link{color:var(--fg);border-bottom:1px solid var(--border);padding:14px 6px;font-size:16px;font-weight:500;text-decoration:none;display:block}.drawer-link:hover{color:var(--accent);text-decoration:none}.drawer-link.active{color:var(--accent);font-weight:700}@media (width>=769px){.drawer,.drawer-backdrop{display:none}}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=600px){.container{padding-inline:14px}.section{padding-block:40px}.section--tight{padding-block:28px}.section-head{margin-bottom:20px}.section-title{font-size:21px}.card{padding:16px}.data-table th,.data-table td{padding:10px 8px}.data-table{font-size:13px}}.grid-fit{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.anchor-section{scroll-margin-top:72px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.live-dot{animation:1.6s ease-in-out infinite pulse-dot}.nav-item-wrap{align-items:center;display:inline-flex;position:relative}.nav-dropdown{z-index:50;padding-top:12px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.nav-dropdown-inner{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:250px;box-shadow:var(--shadow);padding:8px}.nav-dropdown-link{border-radius:var(--radius-sm);color:var(--fg);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-dropdown-link:hover{background:var(--bg-subtle);color:var(--accent);text-decoration:none}.nav-dropdown-link.is-disabled{color:var(--fg-muted);cursor:default}.nav-dropdown-link.is-disabled:hover{color:var(--fg-muted);background:0 0}.calc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=720px){.calc-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>label{color:var(--fg-muted);font-size:13px;font-weight:600}.input,.select{width:100%;color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;font-family:inherit;font-size:15px}.input:focus,.select:focus{border-color:var(--accent);outline:none}.seg{border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.seg button{background:var(--bg);color:var(--fg);cursor:pointer;border:none;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600}.seg button+button{border-left:1px solid var(--border-strong)}.seg button.active{background:var(--accent);color:#fff}.result-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;font-size:14px;display:flex}.result-row:last-child{border-bottom:none}.result-row .label{color:var(--fg-muted)}.result-row .val{font-weight:600}.result-big{font-size:clamp(22px,6vw,28px);font-weight:800}