@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_resizer/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_resizer/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_resizer/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_resizer/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_resizer/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_resizer/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_resizer/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg:light-dark(#f5f6f8,#050506);--border:light-dark(#e4e4e8,#1f1f23);--glass:light-dark(#ffffff8c,#1c1c2080);--glass-edge:light-dark(#fffc,#ffffff1a);--glass-shine:light-dark(#fffffff2,#ffffff14);--shadow:light-dark(#0f172a1f,#0000008c);--text:light-dark(#1d1d1f,#f5f5f7);--muted:light-dark(#6e6e73,#a1a1a6);--accent:light-dark(#059669,#34d399);--accent-soft:light-dark(#0596691a,#34d3991f);--on-accent:light-dark(#fff,#050506)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter Variable,system-ui,sans-serif;font-size:1rem;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42rem 32rem at 12% 8%,#10b98133,#0000 70%),radial-gradient(38rem 30rem at 90% 18%,light-dark(#38bdf833,#3b82f629),#0000 70%),radial-gradient(44rem 34rem at 55% 92%,light-dark(#a78bfa2e,#8b5cf624),#0000 70%);position:fixed;inset:0}.glass{border:1px solid var(--glass-edge);background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-shine), 0 12px 40px -18px var(--shadow);backdrop-filter:blur(20px)saturate(170%)}@media (prefers-reduced-transparency:reduce){.glass{backdrop-filter:none;background:light-dark(#fff,#141417)}}h1,h2,h3,p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.btn{border:1px solid var(--glass-edge);background:var(--glass);min-height:44px;box-shadow:inset 0 1px 0 var(--glass-shine);backdrop-filter:blur(16px)saturate(170%);overflow-wrap:anywhere;border-radius:999px;align-items:center;padding-inline:20px;font-size:.9375rem;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.primary{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 1px 0 #ffffff59, 0 8px 24px -10px var(--accent);color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.08)}[hidden]{display:none!important}.wrap{width:100%;max-width:1040px;margin-inline:auto;padding-inline:16px}@media (width>=640px){.wrap{padding-inline:32px}}.tool{gap:16px;margin-top:32px;display:grid}.panel{border-radius:20px;gap:14px;min-width:0;padding:20px;display:grid}.panel>h2{align-items:center;gap:10px;font-size:1.0625rem;font-weight:620;display:flex}.panel>h2>span{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:999px;flex:none;place-items:center;font-size:.8125rem;display:grid}.drop{border:1px dashed color-mix(in srgb, var(--muted) 45%, transparent);color:var(--muted);text-align:center;cursor:pointer;border-radius:12px;justify-items:center;gap:4px;padding:28px 16px;display:grid;position:relative}.drop strong{color:var(--accent)}.drop:hover,.drop:focus-within{border-color:var(--accent)}.drop input{opacity:0;width:1px;height:1px;position:absolute}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=560px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.field{gap:6px;min-width:0;font-size:.875rem;font-weight:550;display:grid}.field :is(select,input:not([type=range],[type=checkbox],[type=radio]),textarea){border:1px solid var(--border);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px;font-weight:400}.field textarea{resize:vertical;padding-block:10px}input[type=range]{width:100%;accent-color:var(--accent)}.check{align-items:center;gap:10px;font-size:.9375rem;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none}.hint{color:var(--muted);font-size:.875rem}.hint a{color:var(--accent)}.error{color:light-dark(#dc2626,#f87171);font-size:.875rem}.stage{background:repeating-conic-gradient(var(--border) 0 25%, transparent 0 50%) 0 0 / 16px 16px;border-radius:12px;place-items:center;padding:16px;display:grid}.result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.result p{font-variant-numeric:tabular-nums;font-size:.9375rem}button.btn{color:inherit;cursor:pointer;font-family:inherit}button.btn.primary{color:var(--on-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}