.tl{--tl-mono:ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, "Liberation Mono", monospace}.tl-hero{border-bottom:1px solid var(--layout-border);background:var(--gray-50);padding:2rem 0 1.5rem}.tl-title{letter-spacing:-.02em;color:var(--gray-900);margin:.5rem 0 .625rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.tl-desc{max-width:46rem;color:var(--gray-600);margin:0;font-size:1rem;line-height:1.65}.tl-section{padding:2rem 0 3rem}.tl-panel{border:1px solid var(--layout-border);background:#fff;border-radius:14px;margin-bottom:1rem;padding:1.25rem}.tl-field{display:block}.tl-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-600);margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.tl-input{width:100%;font:inherit;color:var(--gray-900);border:1px solid var(--layout-border);background:#fff;border-radius:9px;padding:.625rem .75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.tl-input:focus{border-color:var(--brand-600);outline:none;box-shadow:0 0 0 3px #2d3fa124}.tl-input--mono{font-family:var(--tl-mono);letter-spacing:.02em}.tl-input--big{padding:.75rem;font-size:1.375rem;font-weight:700}.tl-input--bad{border-color:#b42318;box-shadow:0 0 0 3px #b423181f}.tl-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.tl-dash{color:var(--gray-500);font-size:1rem}.tl-grid{gap:.875rem;margin-bottom:1rem;display:grid}.tl-grid--2{grid-template-columns:repeat(2,1fr)}.tl-grid--4{grid-template-columns:repeat(4,1fr)}.tl-panel .tl-grid:last-child{margin-bottom:0}.tl-seg{background:var(--gray-100);border-radius:10px;gap:3px;margin-bottom:1rem;padding:3px;display:inline-flex}.tl-seg-btn{font:inherit;color:var(--gray-600);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.45rem .9rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s}.tl-seg-btn:hover{color:var(--brand-600)}.tl-seg-btn[aria-pressed=true]{color:var(--brand-800);background:#fff;box-shadow:0 1px 3px #1f2a6d1f}.tl-convert{grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid}.tl-swap{color:var(--brand-600);padding-bottom:.65rem;font-size:1.25rem}.tl-rows{gap:.625rem;display:grid}.tl-row{grid-template-columns:3.25rem 1fr;align-items:center;gap:.75rem;display:grid}.tl-row-key{font-family:var(--tl-mono);color:var(--brand-600);font-size:.8125rem;font-weight:700}.tl-out{background:var(--gray-50);border:1px solid var(--layout-border);border-radius:12px;padding:.875rem 1rem}.tl-out--hero{background:var(--brand-50);border-color:var(--brand-100)}.tl-out-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-600);margin-bottom:.3rem;font-size:.75rem;font-weight:700}.tl-out-value{letter-spacing:-.02em;color:var(--brand-800);font-size:1.5rem;font-weight:800;line-height:1.2}.tl-out-value--sm{font-size:1.25rem}.tl-out-unit{color:var(--gray-600);font-size:.9375rem;font-weight:600}.tl-table-wrap{border:1px solid var(--layout-border);background:#fff;border-radius:12px;overflow-x:auto}.tl-table{border-collapse:collapse;width:100%;font-size:.9375rem}.tl-table th,.tl-table td{text-align:left;border-bottom:1px solid var(--layout-border);padding:.6rem 1rem}.tl-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-600);background:var(--gray-50);font-size:.75rem;font-weight:700}.tl-table td{font-family:var(--tl-mono);color:var(--gray-800)}.tl-table tbody tr:last-child td{border-bottom:0}.tl-hint-line{color:var(--gray-600);margin:.875rem 0 0;font-size:.875rem;line-height:1.6}.tl-hint-line strong{color:var(--gray-800)}.tl-prose{border-top:1px solid var(--layout-border);max-width:46rem;margin-top:2.5rem;padding-top:2rem}.tl-prose h2{color:var(--gray-800);margin:1.75rem 0 .5rem;font-size:1rem;font-weight:700}.tl-prose h2:first-child{margin-top:0}.tl-prose p{color:var(--gray-600);margin:0;font-size:.9375rem;line-height:1.7}.tl-note{background:var(--gray-50);border:1px solid var(--layout-border);color:var(--gray-700);border-radius:10px;margin-bottom:1rem;padding:.875rem 1rem;font-size:.9375rem;line-height:1.6}.tl-note--warn{color:#7a4f10;background:#fdf4e7;border-color:#f0d9b0}.tl-mono{font-family:var(--tl-mono);white-space:nowrap}.tl-cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.tl-card{border:1px solid var(--layout-border);background:#fff;border-radius:14px;padding:1.5rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:block}.tl-card:hover{border-color:var(--brand-600);transform:translateY(-2px);box-shadow:0 8px 24px #1f2a6d1a}.tl-card-icon{color:var(--brand-600);margin-bottom:.875rem;display:inline-flex}.tl-card h2{color:var(--gray-900);margin:0 0 .5rem;font-size:1.0625rem;font-weight:700}.tl-card p{color:var(--gray-600);margin:0 0 .875rem;font-size:.9375rem;line-height:1.6}.tl-card-link{color:var(--brand-600);font-size:.875rem;font-weight:700}.tl-cta{background:var(--brand-50);border:1px solid var(--brand-100);text-align:center;border-radius:14px;margin-top:2rem;padding:2rem}.tl-cta h2{color:var(--gray-900);margin:0 0 .625rem;font-size:1.375rem;font-weight:800}.tl-cta p{max-width:38rem;color:var(--gray-600);margin:0 auto 1.25rem;font-size:.9375rem;line-height:1.65}.tl-cta-btn{background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.tl-cta-btn:hover{background:var(--accent-hover)}@media (max-width:860px){.tl-grid--4{grid-template-columns:repeat(2,1fr)}.tl-cards{grid-template-columns:1fr}}@media (max-width:640px){.tl-grid--2{grid-template-columns:1fr}.tl-convert{grid-template-columns:1fr;align-items:stretch}.tl-swap{text-align:center;padding:0;transform:rotate(90deg)}.tl-row{grid-template-columns:2.75rem 1fr}.tl-cta{padding:1.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){.tl-card{transition:none}.tl-card:hover{transform:none}}