.ht-shell{max-width:720px;margin:32px auto;padding:32px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 30px #0f172a0f;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e293b;line-height:1.65}.ht-shell *{box-sizing:border-box}.ht-shell [hidden]{display:none!important}.ht-shell h2{font-size:28px;line-height:1.3;margin:0 0 12px;color:#0f172a}.ht-lead{color:#475569;margin-bottom:26px}.ht-language{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#f2f7fb;border:1px solid #dce8f2;border-radius:12px;margin-bottom:24px}.ht-language label,.ht-field label{font-size:15px;font-weight:600}.ht-language select,.ht-field input,.ht-field select{background:#fff;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;min-height:48px;padding:10px 12px;font:inherit}.ht-language select{min-width:175px}.ht-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ht-field label{display:block;margin-bottom:8px}.ht-field input,.ht-field select{width:100%;min-width:0}.ht-shell input:focus,.ht-shell select:focus,.ht-shell button:focus-visible,.ht-card:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.ht-help,.ht-panel{padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px}.ht-help p,.ht-panel p{margin:8px 0 0}.ht-small{font-size:13px;color:#475569}.ht-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:24px 0}.ht-check input{width:19px;height:19px;flex-shrink:0;margin-top:4px;accent-color:#2563eb}.ht-form button{width:100%;min-height:50px;padding:14px 20px;background:#2563eb;border:0;border-radius:8px;color:#fff;font:inherit;font-weight:700;cursor:pointer}.ht-form button:hover{background:#1d4ed8}.ht-form button:disabled{background:#64748b;cursor:wait}.ht-result{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0;outline:none}.ht-result h3{margin:0 0 8px;font-size:22px}.ht-result-label{font-weight:600}.ht-value{font-size:clamp(32px,7vw,56px);line-height:1.2;font-weight:800;color:#2563eb;letter-spacing:-.03em;margin:12px 0;overflow-wrap:anywhere}.ht-unit{color:#475569;margin:0 0 12px}.ht-band{padding:10px 14px;background:#eff6ff;border-radius:8px;font-weight:600}.ht-panel h4{margin:0;font-size:17px}.ht-caution{background:#fffbeb;border-color:#fde68a}.ht-notice{font-size:13px;color:#475569;padding:14px 16px;background:#f1f5f9;border-radius:8px;margin-top:24px}.ht-error{padding:14px;background:#fef2f2;color:#991b1b;border-radius:8px}.ht-formula{font-size:13px;overflow-wrap:anywhere;direction:ltr;text-align:start}.ht-shell a{color:#1d4ed8}.ht-result ul{padding-inline-start:20px}.ht-result a{overflow-wrap:anywhere}.ht-result dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px}.ht-result dd{margin:0;text-align:end}.ht-hub{max-width:1050px}.ht-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ht-card{display:block;border:1px solid #dce8f2;border-radius:12px;padding:22px;text-decoration:none!important;background:#f8fafc}.ht-card:hover{background:#eff6ff;border-color:#93c5fd}.ht-card h3{font-size:20px;margin:0 0 10px;line-height:1.35;color:#0f172a}.ht-card p{font-size:15px;color:#475569;margin:0 0 12px}.ht-card span{font-size:14px;font-weight:600}@media(max-width:600px){.ht-shell{padding:20px;margin:16px auto}.ht-grid,.ht-cards{grid-template-columns:1fr}.ht-shell h2{font-size:23px}.ht-panel,.ht-help{padding:16px}}