.app{width:min(100%,520px);min-height:100vh;min-height:100svh;margin-inline:auto;background:radial-gradient(ellipse at 80% 0%,#34433b30,transparent 50%)}.calculator{padding:28px min(8vw,40px) max(48px,calc(24px + env(safe-area-inset-bottom)))}.page-header{position:relative;text-align:center;margin:0 0 32px;min-height:54px}.page-header h1{font-size:29px;font-weight:550;line-height:1.2;letter-spacing:-.045em;padding-inline:42px;white-space:nowrap}.page-header h1 small{display:block;color:var(--muted);font-size:10px;line-height:1.6;font-weight:350;letter-spacing:.07em;margin-top:5px}.back{position:absolute;left:-3px;top:1px;display:grid;place-items:center;width:42px;height:42px;text-decoration:none;font-size:23px;font-weight:200;border:1px solid var(--line);border-radius:50%;color:var(--gold);transition:background .25s,transform .25s}.back:hover{background:#d7c29e12;transform:translateX(-2px)}.field{min-width:0}.field>label,.label-row>label:first-child,legend,.result-section h2{display:block;font-size:15px;line-height:1.5;letter-spacing:-.025em;font-weight:450;margin-bottom:9px;color:#d8ddd6}sub{font-size:.68em;vertical-align:baseline;letter-spacing:0;font-weight:350;color:var(--muted)}.input-shell,.result-shell{position:relative;height:56px;border-radius:10px}.input-shell{background:linear-gradient(120deg,#283332bd,#1c2728bd);border:1px solid #c5ceb327;transition:border-color .2s,background .2s,box-shadow .2s}.input-shell:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #d7c29e0f;background:#283531}.input-shell:has([aria-invalid="true"]){border-color:#e4a39c}.input-shell input{appearance:none;color:var(--text);background:transparent;border:0;border-radius:10px;outline:none;width:100%;height:100%;min-width:0;padding:6px 62px 6px 15px;font-size:28px;font-weight:400;line-height:normal;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.width-field input{padding-right:15px}.unit-badge{position:absolute;pointer-events:none;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;border:1px solid #d7c29e1f;border-radius:50%;background:#d7c29e08;color:var(--gold);font-size:22px;font-weight:350}.unit-badge.unit-small{font-size:12px;font-weight:450;letter-spacing:-.04em}.weight-first{margin-bottom:30px}fieldset{padding:0;border:0}legend{padding:0;float:left;width:100%}legend+*{clear:both}.image-options{display:flex}.unit-options{gap:12px;margin-top:16px}.image-option{display:grid;place-items:center;min-height:38px;padding:6px 15px;border:1px solid #d7c29e2e;border-radius:9px;background:#1d2929;color:#aab4ac;font-size:14px;font-weight:450;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.image-option:hover{border-color:#d7c29e70}.image-option[aria-pressed="true"]{border-color:var(--gold);color:#edd8b4;background:linear-gradient(135deg,#d7c29e24,#d7c29e0c);box-shadow:inset 0 0 0 1px #d7c29e17}.unit-options .image-option{width:94px;min-height:42px}.field-error{color:#edb4aa;font-size:11px;line-height:1.5}.field-error:not(:empty){margin-top:12px}.result-section{position:relative;border-top:1px solid var(--line);padding-top:24px;margin-top:27px}.result-section::before{content:"";position:absolute;left:0;top:-1px;width:36px;height:1px;background:var(--gold)}.result-section h2{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--gold);font-weight:400}.result-tag{font-size:8px;letter-spacing:.2em;font-weight:450;color:#a2ad9f}.result-shell{height:70px;border:0;border-radius:0;background:transparent;box-shadow:none}.result-shell output{display:flex;align-items:center;width:100%;height:100%;padding:4px 58px 4px 0;color:#eddbb8;font-size:46px;font-weight:450;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.025em;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.result-shell .unit-badge{background:transparent;border:0;right:0;color:#b2bba7;font-size:26px;font-weight:300}.result-shell .unit-badge.unit-small{width:48px;font-size:14px;letter-spacing:.015em}.exchange-card{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:0 0 20px;border-radius:0;margin-bottom:24px}.exchange-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.exchange-top h2{font-size:12px;font-weight:500;letter-spacing:.015em;color:var(--gold)}.exchange-top h2::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin:0 8px 2px 0;background:var(--gold)}.currency-pair{font-size:9px;color:var(--muted);letter-spacing:.12em}.exchange-quote{padding:18px 0 12px;display:flex;align-items:baseline;gap:7px;white-space:nowrap}.exchange-quote span{font-size:11px;color:var(--muted);font-weight:300}.exchange-quote strong{font-size:42px;font-weight:450;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#f1eadb}.exchange-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;padding:0}#exchange-status{font-size:10px;line-height:1.6;color:var(--muted)}#refresh-rate{border:0;border-radius:0;padding:4px 0;flex-shrink:0;background:transparent;color:var(--gold);font-size:11px;min-height:28px;transition:color .2s}#refresh-rate:hover{color:#f5e5c7}#refresh-rate:disabled{opacity:.5;cursor:wait}.exchange-source{font-size:10px;color:#9aa69a;margin-top:4px;line-height:1.5}.exchange-source a{text-underline-offset:3px;text-decoration-color:#d7c29e55}.label-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:8px}.auto-rate{display:flex;align-items:center;flex-shrink:0;gap:5px;font-size:10px;color:var(--muted);cursor:pointer;min-height:25px}.auto-rate input{accent-color:var(--gold);width:13px;height:13px;margin:0}.input-hint{font-size:10px;line-height:1.6;color:var(--muted);margin-top:8px}.euro-field{margin-top:22px}.tariff-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:16px;margin-top:24px;align-items:end}.tariff-options{flex-direction:column;gap:6px}.tariff-options .image-option{width:100%;height:36px;min-height:0;padding:4px 8px;font-size:13px}.tariff-field>label{margin-bottom:7px}.price-page .result-section{margin-top:25px;padding-top:18px}.no-script{color:var(--gold);font-size:13px;padding:15px 0}
@media(min-width:541px){.weight-page{min-height:0;margin:44px auto;padding:36px 40px 44px;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 80px #0002}}
@media(max-width:899px){.price-page{padding:22px clamp(22px,6.5vw,32px) max(28px,calc(16px + env(safe-area-inset-bottom)))}.price-page .page-header{min-height:48px;margin-bottom:20px}.price-page .page-header h1{font-size:28px}.price-page .exchange-card{position:relative;padding:0 0 14px;margin-bottom:18px}.price-page .exchange-top h2{font-size:11px;padding:0}.price-page .currency-pair{display:inline}.price-page .exchange-quote{padding:7px 0 3px;gap:6px;line-height:1.15}.price-page .exchange-quote strong{font-size:35px}.price-page .exchange-quote span{font-size:10px}.price-page .exchange-bottom{border:0;padding:0}.price-page #exchange-status{font-size:9px;line-height:1.5}.price-page #refresh-rate{position:static;min-height:22px;padding:3px 0;font-size:10px}.price-page .exchange-source{margin-top:3px;font-size:9px;line-height:1.4}.price-page .field>label,.price-page .label-row>label:first-child,.price-page .result-section h2{font-size:14px;margin-bottom:6px}.price-page .auto-rate{min-height:21px}.price-page .input-shell{height:48px}.price-page .input-shell input{font-size:26px;padding-right:54px}.price-page .unit-badge{width:33px;height:33px;font-size:20px}.price-page .input-hint{display:none}.price-page .euro-field{margin-top:18px}.price-page .tariff-row{grid-template-columns:minmax(0,1fr) 72px;gap:14px;margin-top:18px}.price-page .tariff-options .image-option{height:34px}.price-page .result-section{margin-top:22px;padding-top:16px}.price-page .result-shell{height:68px}.price-page .result-shell output{font-size:42px;padding-right:50px}}
@media(max-width:899px) and (max-height:740px){.price-page{padding-top:16px;padding-bottom:max(24px,calc(12px + env(safe-area-inset-bottom)))}.price-page .page-header{min-height:44px;margin-bottom:16px}.price-page .page-header h1{font-size:26px;line-height:1.1}.price-page .page-header h1 small{font-size:10px;line-height:1.4;margin-top:4px}.price-page .back{width:39px;height:39px}.price-page .exchange-card{margin-bottom:16px}.price-page .input-shell{height:46px}.price-page .euro-field{margin-top:14px}.price-page .tariff-row{margin-top:16px}.price-page .result-section{margin-top:20px;padding-top:13px}.price-page .result-shell{height:64px}}
@media(max-width:899px) and (max-height:640px){.price-page{padding-top:12px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.price-page .page-header{min-height:34px;margin-bottom:12px}.price-page .page-header h1{font-size:24px;line-height:1.3}.price-page .page-header h1 small{display:none}.price-page .back{width:33px;height:33px;font-size:20px}.price-page .exchange-card{padding-block:0 12px;margin-bottom:12px}.price-page .exchange-source{display:none}.price-page .field>label,.price-page .label-row>label:first-child,.price-page .result-section h2{font-size:13px;margin-bottom:5px}.price-page .input-shell{height:44px}.price-page .input-shell input{font-size:24px}.price-page .euro-field,.price-page .tariff-row{margin-top:12px}.price-page .tariff-options .image-option{height:30px}.price-page .result-section{margin-top:17px;padding-top:11px}.price-page .result-shell{height:58px}.price-page .result-shell output{font-size:37px}}
@media(min-width:900px){.price-page{width:min(calc(100% - 64px),960px);min-height:0;margin-block:40px;padding:38px 42px 44px;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:48px;align-items:start;box-shadow:0 18px 80px #0002}.price-page .page-header{grid-column:1/-1;margin-bottom:36px}.price-page .exchange-card{grid-column:1;margin:0;position:sticky;top:32px;padding:4px 0 24px}.price-page .calculator-form{grid-column:2;min-width:0}.price-page .exchange-quote{flex-wrap:wrap;padding-block:27px}.price-page .exchange-quote strong{font-size:44px}.price-page .no-script{grid-column:1/-1}}
@media(max-width:359px){.calculator{padding-inline:22px}.page-header h1{font-size:26px;padding-inline:36px}.back{width:38px;height:38px}.weight-page .field>label,.weight-page legend,.weight-page .result-section h2{font-size:14px}}

.page-header,.calculator-form,.exchange-card{animation:enter .55s cubic-bezier(.18,.7,.2,1) both}

@media(min-width:900px){.price-page .result-shell{height:78px}.price-page .result-shell output{font-size:52px}}