.cth-calc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:0;background:#fff;border:1px solid var(--cth-line,#d8e1e1);border-radius:16px;overflow:hidden;box-shadow:0 18px 48px rgba(16,34,56,.08)}
.cth-calc-form{padding:30px 30px 28px}.cth-calc-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e4eaea}.cth-calc-panel-head span{text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:700;color:#0d6a6f}.cth-calc-panel-head small{font-size:12px;color:#7b8993}.cth-calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cth-field{display:block}.cth-field>span{display:block;font-size:12px;font-weight:700;color:#25384b;margin-bottom:7px}.cth-field input,.cth-field select{width:100%;height:48px;border:1px solid #ccd7d8;border-radius:8px;background:#fff;color:#102238;font:500 14px/1.2 "IBM Plex Sans",sans-serif;padding:0 12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.cth-field input:hover,.cth-field select:hover{border-color:#aebfc0}.cth-field input:focus,.cth-field select:focus{border-color:#0d6a6f;box-shadow:0 0 0 4px rgba(13,106,111,.09);background:#fcfefe}.cth-input-wrap{position:relative}.cth-input-wrap em{position:absolute;right:11px;top:50%;transform:translateY(-50%);font:500 11px/1 "IBM Plex Mono",monospace;color:#6b7883;font-style:normal;pointer-events:none}.cth-field-note{grid-column:1/-1;margin:-2px 0 0;padding:10px 12px;border-left:2px solid #c7d8d7;background:#f6f9f8;font-size:11px;color:#6b7883;line-height:1.5}.cth-calc-actions{display:flex;align-items:center;gap:10px;margin-top:23px}.cth-calc-button,.cth-calc-reset{min-height:46px;border-radius:8px;padding:0 18px;font:700 13px/1 "IBM Plex Sans",sans-serif;cursor:pointer;transition:transform .17s ease,background .17s ease,border-color .17s ease,box-shadow .17s ease}.cth-calc-button{display:inline-flex;align-items:center;gap:10px;background:#0d6a6f;color:#fff;border:1px solid #0d6a6f;box-shadow:0 7px 18px rgba(13,106,111,.14)}.cth-calc-button:hover{background:#084e53;transform:translateY(-1px);box-shadow:0 10px 22px rgba(13,106,111,.18)}.cth-calc-button span{font-size:16px;transition:transform .18s ease}.cth-calc-button:hover span{transform:translateX(2px)}.cth-calc-reset{background:#fff;color:#405466;border:1px solid #ccd7d8}.cth-calc-reset:hover{border-color:#aebfc0;background:#f8faf9}
.cth-calc-result{position:relative;background:#102238;color:#fff;padding:30px;display:flex;align-items:stretch;min-height:360px}.cth-calc-result:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1a8a88 0 78%,#d96435 78% 100%)}.cth-result-placeholder{display:flex;flex-direction:column;justify-content:center;gap:9px}.cth-result-placeholder span,.cth-result-kicker{text-transform:uppercase;letter-spacing:.11em;color:#96acb8;font-size:10px;font-weight:700}.cth-result-placeholder strong{font-size:18px;line-height:1.4;color:#e3ecef;max-width:270px}.cth-result-placeholder small{font-size:11px;color:#829aa6}.cth-result-panel{width:100%;display:flex;flex-direction:column}.cth-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.cth-result-copy{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#d8e4e8;border-radius:7px;padding:7px 9px;font:600 10px/1 "IBM Plex Sans",sans-serif;cursor:pointer;transition:.16s ease}.cth-result-copy:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.cth-result-primary{padding:2px 0 20px;border-bottom:1px solid rgba(255,255,255,.13)}.cth-result-primary strong{display:block;font:600 clamp(30px,4.4vw,45px)/1.05 "IBM Plex Mono",monospace;letter-spacing:-.045em;margin:7px 0 5px;overflow-wrap:anywhere}.cth-result-primary small{color:#b7c7d0}.cth-result-list{margin-top:8px}.cth-result-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.085);font-size:13px}.cth-result-row span{color:#b8c8d0}.cth-result-row strong{font-family:"IBM Plex Mono",monospace;font-size:12px;text-align:right;color:#f2f6f7}.cth-result-note{font-size:11px;color:#9fb2bd;margin:15px 0 0;line-height:1.55}.cth-result-warning{margin-top:14px;padding:10px 12px;border-left:3px solid #d96435;background:rgba(217,100,53,.12);font-size:11px;color:#dce5ea;line-height:1.5}.cth-calc-error{padding:20px;background:#fff4e9;border:1px solid #f2c79f;border-radius:8px}.cth-ad-slot{margin:24px 0;min-height:90px;text-align:center}.cth-field.is-hidden{display:none}
@media(max-width:820px){.cth-calc{grid-template-columns:1fr}.cth-calc-result{min-height:245px}.cth-calc-grid{grid-template-columns:1fr}.cth-field-note{grid-column:auto}.cth-calc-result:before{left:0;right:0;top:0;bottom:auto;width:auto;height:3px;background:linear-gradient(90deg,#1a8a88 0 78%,#d96435 78% 100%)}}
@media(max-width:480px){.cth-calc-form,.cth-calc-result{padding:21px}.cth-calc-actions{align-items:stretch;flex-direction:column}.cth-calc-button,.cth-calc-reset{width:100%;justify-content:center}.cth-calc-panel-head{align-items:flex-start;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.cth-calc *{transition:none!important}}