:root{--bg: #f6f7fb;--bg2: #eef1f8;--card: #fff;--fg: #0f1424;--muted: #555e76;--line: #e3e7f0;--line2: #cdd4e2;--accent: #c8243f;--accent2: #e2541e;--warm: #ffd166;--tint: rgba(232,67,79,.07);--tint2: rgba(255,122,61,.07);--grad: linear-gradient(135deg,var(--tint),var(--tint2));--brand: linear-gradient(135deg,#ff6a3d,#d81b60);--btn: linear-gradient(135deg,#f0543a,#d01d5c);--ring: rgba(232,67,79,.32);--err: #d63b40;--sh1: 0 1px 2px rgba(16,24,48,.05),0 2px 8px rgba(16,24,48,.04);--sh2: 0 2px 4px rgba(16,24,48,.04),0 12px 32px -6px rgba(30,40,90,.14);--sh3: 0 4px 10px rgba(16,24,48,.05),0 24px 48px -12px rgba(40,50,120,.22);--glass: rgba(246,247,251,.74);--mesh1: rgba(255,106,61,.13);--mesh2: rgba(216,27,96,.10);--mesh3: rgba(255,209,102,.16);--r: 18px;--hov: color-mix(in srgb,var(--accent) 45%,var(--line));--w: 1080px;--sticky: 0px;--gt: var(--brand);--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%237b84a0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.5 4.5 3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");color-scheme: light}@media (prefers-color-scheme: dark){:root{--bg: #090c14;--bg2: #121828;--card: #10151f;--fg: #e8ecf6;--muted: #9ca6bf;--line: #20283a;--line2: #2f3a52;--accent: #ff8f8f;--accent2: #ffab7a;--tint: rgba(255,120,120,.11);--tint2: rgba(255,150,100,.1);--ring: rgba(255,120,120,.42);--err: #ff7b80;--sh1: 0 1px 2px rgba(0,0,0,.4);--sh2: 0 2px 4px rgba(0,0,0,.3),0 14px 34px -8px rgba(0,0,0,.55);--sh3: 0 4px 10px rgba(0,0,0,.3),0 26px 50px -12px rgba(0,0,0,.7);--glass: rgba(9,12,20,.72);--mesh1: rgba(255,106,61,.16);--mesh2: rgba(216,27,96,.16);--mesh3: rgba(255,209,102,.06);--gt: linear-gradient(135deg,#ff9e7a,#ff6f9a);color-scheme: dark}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--sticky) + 12px)}body{margin: 0;color: var(--fg);overflow-x: clip;font-variant-numeric: tabular-nums;-webkit-font-smoothing: antialiased;font: 16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background: radial-gradient(60% 420px at 12% -60px,var(--mesh1),transparent 70%),radial-gradient(50% 380px at 92% -40px,var(--mesh2),transparent 70%),var(--bg) no-repeat}a{color: var(--accent);text-decoration: none;text-underline-offset: 3px}a:hover{text-decoration: underline}:focus-visible{outline: 3px solid var(--ring);outline-offset: 2px;border-radius: 8px}main{max-width: var(--w);margin: 0 auto;padding: 0 16px 56px}h1{font-size: clamp(1.7rem,4.6vw,2.5rem);line-height: 1.12;margin: 10px 0 8px;letter-spacing: -.025em;font-weight: 800;text-wrap: balance}h2{font-size: 1.3rem;margin: 40px 0 14px;letter-spacing: -.015em;line-height: 1.25;text-wrap: balance}h3{font-size: 1.05rem;margin: 20px 0 10px}.lead{font-size: 1.08rem;color: var(--muted);margin: 0 0 8px}.top{position: relative;z-index: 30;background: var(--glass);-webkit-backdrop-filter: saturate(1.6) blur(14px);backdrop-filter: saturate(1.6) blur(14px);border-bottom: 1px solid var(--line)}.topin{max-width: var(--w);margin: 0 auto;padding: 10px 16px;display: flex;align-items: center;gap: 12px}.logo{display: flex;align-items: center;gap: 10px;color: var(--fg);white-space: nowrap;min-height: 44px}.logo:hover{text-decoration: none}.lg{flex: none;display: block;border-radius: 11px;box-shadow: 0 4px 14px -2px rgba(230,60,80,.45)}.wm{font-weight: 800;font-size: 1.2rem;letter-spacing: -.03em}.wm b,.result .hl:first-child dd,.big strong{background: var(--gt);-webkit-background-clip: text;background-clip: text;color: transparent}.wm b{font-weight: 800}.search{position: relative;flex: 1;max-width: 500px}.search input{width: 100%;height: 44px;padding: 0 14px 0 42px;border: 1px solid var(--line2);border-radius: 14px;font-size: 16px;color: var(--fg);background: var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%237b84a0' stroke-width='2.2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px 50%;transition: .16s}.search input:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 4px var(--ring)}.search ul{position: absolute;left: 0;right: 0;top: calc(100% + 8px);margin: 0;padding: 6px;list-style: none;text-align: left;background: var(--card);border: 1px solid var(--line);border-radius: 16px;box-shadow: var(--sh3);z-index: 40;max-height: min(70vh,460px);overflow-y: auto;animation: drop .16s ease-out}.search ul:empty{display: none}.search li a{display: flex;gap: 12px;align-items: center;min-height: 44px;padding: 8px 10px;border-radius: 10px;color: var(--fg);font-size: 15px;line-height: 1.35}.search li a span{flex: none;width: 32px;height: 32px;display: grid;place-items: center;border-radius: 9px;background: var(--bg2);font-size: 17px}.search li a:hover,.search li:first-child a{background: var(--tint);text-decoration: none}.search li.none{padding: 10px 12px;color: var(--muted)}@keyframes drop{from{opacity: 0;transform: translateY(-4px)}}.top .all{margin-left: auto;white-space: nowrap;font-weight: 650;font-size: 15px;color: var(--fg);display: inline-flex;align-items: center;gap: 7px;min-height: 40px;padding: 0 12px;border-radius: 12px}.top .all::before{content: "";width: 14px;height: 14px;background: radial-gradient(circle,currentColor 2.2px,transparent 2.6px) 0 0/7px 7px;opacity: .75}.top .all:hover{background: var(--tint);text-decoration: none;color: var(--accent)}.langs{position: relative;flex: none}.langs summary{list-style: none;cursor: pointer;display: inline-flex;align-items: center;gap: 6px;min-height: 40px;padding: 0 10px 0 11px;border: 1px solid var(--line2);border-radius: 12px;background: var(--card);font-size: 13.5px;font-weight: 700;color: var(--fg);letter-spacing: .02em;transition: .16s}.langs summary::-webkit-details-marker{display: none}.langs summary::after{content: "";width: 6px;height: 6px;margin: -3px 2px 0 2px;border: solid var(--muted);border-width: 0 2px 2px 0;transform: rotate(45deg);transition: .16s}.langs[open] summary::after{transform: rotate(-135deg);margin-top: 3px}.langs summary:hover,.langs[open] summary{border-color: var(--accent)}.langs summary svg{color: var(--accent)}.langs nav{position: absolute;right: 0;top: calc(100% + 8px);min-width: 190px;padding: 6px;background: var(--card);border: 1px solid var(--line);border-radius: 16px;box-shadow: var(--sh3);z-index: 50;animation: drop .16s ease-out}.langs nav a{display: flex;align-items: center;justify-content: space-between;min-height: 42px;padding: 0 12px;border-radius: 10px;color: var(--fg);font-size: 15px}.langs nav a:hover{background: var(--tint);text-decoration: none}.langs nav a[aria-current]{font-weight: 700;color: var(--accent)}.langs nav a[aria-current]::after{content: "";width: 10px;height: 5px;border: solid currentColor;border-width: 0 0 2.5px 2.5px;transform: rotate(-45deg) translateY(-2px)}@media (max-width: 699px){.topin{flex-wrap: wrap;row-gap: 8px;padding: 8px 16px 12px}.search{order: 3;flex-basis: 100%;max-width: none}.search input{height: 48px}body:has(#q2) .top .search{display: none}body:has(#q2) .topin{padding-bottom: 8px}.topin{gap: 6px}.top .all{font-size: 0;min-height: 44px;min-width: 44px;padding: 0;justify-content: center;border: 1px solid var(--line)}.wm{font-size: 1.1rem}.logo{gap: 8px}.top .all::before{width: 16px;height: 16px;background-size: 8px 8px}.langs summary{font-size: 0;gap: 4px;padding: 0 10px;min-height: 44px}.langs summary svg{width: 20px;height: 20px}}@media (max-width: 380px){.topin{gap: 4px}.wm{font-size: 1rem}.lg{width: 30px;height: 30px}.langs summary{padding: 0 8px}}@media (min-width: 700px){:root{--sticky: 65px}.top{position: sticky;top: 0}}.hero{position: relative;text-align: center;padding: 44px 0 18px;isolation: isolate}.hero::before{content: "";position: absolute;z-index: -1;inset: -80px -16px -20px;pointer-events: none;background: radial-gradient(38% 55% at 28% 40%,var(--mesh1),transparent 70%),radial-gradient(34% 50% at 74% 34%,var(--mesh2),transparent 70%),radial-gradient(26% 36% at 56% 80%,var(--mesh3),transparent 70%)}.hero h1{font-size: clamp(2.1rem,7.4vw,3.6rem);letter-spacing: -.04em;line-height: 1.04;margin: 0 auto 12px;max-width: 760px;background: linear-gradient(120deg,var(--fg) 35%,var(--accent) 70%,var(--accent2));-webkit-background-clip: text;background-clip: text;color: transparent;padding-bottom: .06em}.hero .lead{max-width: 600px;margin: 0 auto 26px;font-size: clamp(1rem,2.4vw,1.15rem)}.search.big{max-width: 660px;margin: 0 auto}.search.big input{height: 62px;padding-left: 54px;font-size: 18px;border-radius: 20px;border-color: var(--line);background-position: 20px 50%;background-size: 20px;box-shadow: var(--sh2)}.search.big input:focus{box-shadow: 0 0 0 5px var(--ring),var(--sh3)}.search.big li a{font-size: 16px}.quick{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin: 18px auto 0;max-width: 760px}.quick a{display: inline-flex;align-items: center;gap: 6px;min-height: 40px;background: var(--card);border: 1px solid var(--line);border-radius: 999px;padding: 0 15px;color: var(--fg);font-size: 14.5px;font-weight: 550;box-shadow: var(--sh1);transition: .16s}.quick a:hover{border-color: var(--accent);text-decoration: none;transform: translateY(-1px);box-shadow: var(--sh2)}@media (max-width: 699px){.hero{padding: 22px 0 6px}.hero .lead{margin-bottom: 18px}.search.big input{height: 56px;font-size: 17px;border-radius: 18px;padding-left: 48px;background-position: 17px 50%}.quick{flex-wrap: nowrap;justify-content: flex-start;overflow-x: auto;margin: 14px -16px 0;padding: 2px 16px 8px;scrollbar-width: none;mask: linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent)}.quick::-webkit-scrollbar{display: none}.quick a{flex: none;min-height: 44px}}.tiles-sec h2,.list h2,.faq h2,.text h2{display: flex;align-items: center;gap: 10px}.tiles-sec h2::before,.list h2::before{content: "";flex: none;width: 6px;height: 22px;border-radius: 3px;background: var(--brand)}.tiles{display: grid;grid-template-columns: repeat(auto-fill,minmax(178px,1fr));gap: 12px}.tile{position: relative;display: flex;flex-direction: column;align-items: flex-start;gap: 10px;min-height: 120px;background: var(--card);border: 1px solid var(--line);border-radius: var(--r);padding: 16px;color: var(--fg);box-shadow: var(--sh1);transition: .16s}.tile::after{content: "→";position: absolute;top: 14px;right: 16px;color: var(--accent);font-weight: 700;opacity: 0;transform: translateX(-6px);transition: .16s}.tile:hover{transform: translateY(-3px);box-shadow: var(--sh3);border-color: var(--hov);text-decoration: none}.tile:hover::after{opacity: 1;transform: none}.ico{--h: 222;font-size: 24px;line-height: 1;width: 48px;height: 48px;flex: none;display: grid;place-items: center;border-radius: 14px;background: linear-gradient(145deg,hsl(var(--h) 100% 96%),hsl(calc(var(--h) + 25) 95% 90%));box-shadow: inset 0 0 0 1px hsl(var(--h) 80% 50% / .12)}@media (prefers-color-scheme: dark){.ico{background: linear-gradient(145deg,hsl(var(--h) 80% 60% / .2),hsl(calc(var(--h) + 25) 80% 55% / .1));box-shadow: inset 0 0 0 1px hsl(var(--h) 80% 70% / .18)}}.tile{min-width: 0}.tile b{overflow-wrap: anywhere;hyphens: auto;font-size: 15.5px;line-height: 1.3;font-weight: 650;letter-spacing: -.005em}.tile small{color: var(--muted);font-size: 12.5px;margin-top: -6px}@media (max-width: 699px){.tiles{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.tile{padding: 14px;min-height: 108px}.tile b{font-size: 15px}}.hero-sm{display: flex;gap: 16px;align-items: center;margin: 14px 0 6px}.hero-sm>div{min-width: 0}.hero-sm h1{margin: 0 0 4px}h1,.grid a{overflow-wrap: break-word;hyphens: auto}.grid a{min-width: 0}.hero-sm .lead{margin: 0}.hero-sm .ico{--h: 230;width: 68px;height: 68px;font-size: 34px;border-radius: 20px;box-shadow: var(--sh2),inset 0 0 0 1px hsl(var(--h) 80% 50% / .12)}@media (max-width: 699px){.hero-sm{gap: 12px;align-items: flex-start}.hero-sm .ico{width: 50px;height: 50px;font-size: 26px;border-radius: 15px;margin-top: 4px}.hero-sm .lead{font-size: 15px;line-height: 1.5}}.crumbs{display: flex;flex-wrap: wrap;align-items: center;gap: 2px 6px;font-size: 13px;color: var(--muted);margin: 16px 0 0}.crumbs a{color: var(--muted);font-weight: 500;padding: 4px 0}.crumbs a:hover{color: var(--accent)}.crumbs span{color: var(--fg);font-weight: 600}.calc{position: relative;background: var(--card);border: 1px solid var(--line);border-radius: 24px;padding: 22px;margin: 20px 0;box-shadow: var(--sh2)}.calc::before{content: "";position: absolute;inset: -1px;border-radius: inherit;background: var(--brand);pointer-events: none;mask: linear-gradient(#000 0 0) top / 100% 4px no-repeat}@media (max-width: 699px){.calc{padding: 18px 16px;border-radius: 20px;margin: 14px 0}}.row{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 14px}.row label,label.full,.convrow label{display: flex;flex-direction: column;gap: 7px;font-size: 13.5px;font-weight: 650;color: var(--muted)}label.full{margin-top: 4px}select{font-weight: 550}@media (max-width: 639px){.row{grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px 10px;align-items: end}.row>label:has(select),.row>label:only-child,.row>label:has(select) + label:last-child,.row:not(:has(select))>label:last-child:nth-child(odd){grid-column: 1 / -1}.result dl{grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}.result dl>div{padding: 10px 12px}.result dl>div:only-child,.result dl>div:last-child:nth-child(odd){grid-column: 1 / -1}}.row + label.full,.row + .row{margin-top: 14px}label.chk{display: inline-flex;flex-direction: row;align-items: center;gap: 10px;margin-top: 14px;min-height: 44px;font-size: 15.5px;color: var(--fg);font-weight: 500;cursor: pointer}input,select,textarea{font: inherit;font-size: 16px;min-height: 48px;padding: 11px 14px;border: 1.5px solid var(--line2);border-radius: 14px;background: var(--bg);color: var(--fg);width: 100%;transition: .16s}textarea{line-height: 1.5;resize: vertical}input:hover,select:hover,textarea:hover{border-color: var(--hov)}input:focus,select:focus,textarea:focus{outline: none;border-color: var(--accent);background-color: var(--card);box-shadow: 0 0 0 4px var(--ring)}input[type="text"],input[type="number"]{font-weight: 600}select{appearance: none;-webkit-appearance: none;padding-right: 40px;cursor: pointer;text-overflow: ellipsis;background: var(--bg) var(--chev) no-repeat right 15px center}select:focus{background-color: var(--card)}label.chk input{width: 22px;height: 22px;min-height: 0;padding: 0;accent-color: var(--accent);flex: none}button{font: inherit;font-weight: 650;min-height: 44px;padding: 10px 18px;border-radius: 14px;border: 1.5px solid var(--line2);background: var(--card);color: var(--fg);cursor: pointer;transition: .16s}button:hover{border-color: var(--accent);color: var(--accent)}button:active{transform: scale(.96)}button.primary{background: var(--btn);color: #fff;border: 0;padding: 12px 22px;box-shadow: 0 6px 18px -6px rgba(70,80,230,.6)}button.primary:hover{color: #fff;box-shadow: 0 10px 24px -6px rgba(70,80,230,.7);filter: brightness(1.06)}.calc>p:has(button){display: flex;flex-wrap: wrap;gap: 10px;margin: 18px 0 0}.result:empty{display: none}.result dl{display: grid;grid-template-columns: repeat(auto-fit,minmax(190px,1fr));gap: 10px;margin: 20px 0 0}.result dl>div{border: 1px solid var(--line);border-radius: 16px;padding: 12px 16px;background: var(--bg);min-width: 0}.result dl>div.hl{background: var(--grad);border-color: color-mix(in srgb,var(--accent) 30%,transparent)}.result dt{font-size: 12.5px;color: var(--muted);font-weight: 650;text-transform: uppercase;letter-spacing: .04em}.result dd{margin: 3px 0 0;font-weight: 750;font-size: 1.15rem;line-height: 1.3;overflow-wrap: anywhere}.result .hl dd{font-size: 1.6rem;font-weight: 800;letter-spacing: -.02em;color: var(--fg)}.result>p{margin: 14px 0 0}.hint{font-size: 13.5px;color: var(--muted);margin: 12px 0 0}.answer{position: relative;font-size: clamp(1.1rem,3.4vw,1.35rem);line-height: 1.45;background: var(--grad),var(--card);border: 1px solid color-mix(in srgb,var(--accent) 22%,var(--line));padding: 16px 20px 16px 24px;border-radius: 18px;margin: 14px 0;overflow-wrap: anywhere;box-shadow: var(--sh1)}.answer::before{content: "";position: absolute;left: 0;top: 14px;bottom: 14px;width: 4px;border-radius: 0 4px 4px 0;background: var(--brand)}.answer strong{font-weight: 800;letter-spacing: -.01em}.formula{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 14.5px;background: var(--card);border: 1px solid var(--line);border-left: 3px solid var(--warm);padding: 12px 16px;border-radius: 12px;overflow-wrap: anywhere}.chips{display: flex;flex-wrap: wrap;gap: 8px;margin: 14px 0 0}.chips button{min-height: 40px;padding: 6px 16px;border-radius: 999px;font-size: 14.5px;background: var(--bg)}.chips button:hover{background: var(--tint)}.scaled{margin: 16px 0 0;padding: 0;list-style: none;display: grid;gap: 6px}.scaled li{padding: 9px 14px;border-radius: 12px;background: var(--bg);border: 1px solid var(--line)}.scaled b{color: var(--accent)}.pop{animation: pop .32s cubic-bezier(.3,1.5,.6,1)}@keyframes pop{from{transform: scale(.94);opacity: .2}to{transform: none;opacity: 1}}.dice-out{text-align: center}.dice-out:empty{display: none}.dice-out>p{margin: 12px 0 0;color: var(--muted)}.dice-out>p b{color: var(--fg);font-size: 1.3rem}.balls{display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin-top: 22px}.balls span{min-width: 60px;height: 60px;padding: 0 12px;display: grid;place-items: center;border-radius: 999px;background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.45),transparent 42%),var(--btn);color: #fff;font-size: 24px;font-weight: 800;box-shadow: 0 8px 20px -8px rgba(70,80,230,.7),inset 0 -3px 0 rgba(0,0,0,.12)}.balls span:only-child{min-width: 104px;height: 104px;font-size: 42px}.dice{display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;font-size: 68px;line-height: 1;margin-top: 18px}.dice span{min-width: 68px}.coin{display: inline-grid;place-items: center;width: 132px;height: 132px;margin-top: 22px;border-radius: 50%;font-size: 1.4rem;font-weight: 800;color: #4a3500;background: radial-gradient(circle at 35% 30%,#fff3c4,#ffd166 45%,#e8a93a);box-shadow: inset 0 0 0 6px rgba(255,255,255,.35),0 10px 26px -10px #c8a020}.cols{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.convrow{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.35fr) auto minmax(0,1.35fr);gap: 12px;align-items: end}.convrow input,.convrow select{height: 52px;min-height: 0;padding-top: 0;padding-bottom: 0}#cv-v{font-size: 20px;font-weight: 700}#cv-swap{margin-bottom: 2px;width: 48px;height: 48px;min-height: 0;padding: 0;display: grid;place-items: center;font-size: 20px;border-radius: 50%;background: var(--card);color: var(--accent);box-shadow: var(--sh1);transition: transform .3s cubic-bezier(.3,1.5,.6,1),border-color .15s}#cv-swap:hover{transform: rotate(180deg)}#cv-swap:active{transform: rotate(180deg) scale(.92)}@media (max-width: 639px){.convrow{grid-template-columns: minmax(0,1fr) auto;gap: 10px;align-items: end}.convrow>label:first-child{grid-column: 1 / -1}.convrow>label:nth-child(2){grid-column: 1;grid-row: 2}.convrow>label:nth-child(4){grid-column: 1;grid-row: 3}#cv-swap{grid-column: 2;grid-row: 2 / 4;align-self: center;width: 44px;height: 44px;margin-top: 26px;transform: rotate(90deg)}#cv-swap:hover{transform: rotate(270deg)}}.outbox{position: relative;display: flex;align-items: center;gap: 10px;margin: 18px 0 4px;padding: 16px 18px;border-radius: 18px;background: var(--grad);border: 1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.big{font-size: clamp(1.05rem,3.6vw,1.3rem);margin: 18px 0 6px;text-align: center;color: var(--muted);overflow-wrap: anywhere;line-height: 1.35}.outbox .big{flex: 1;margin: 0;text-align: left;min-width: 0}.big strong{display: block;font-size: clamp(1.7rem,6.4vw,2.5rem);font-weight: 800;letter-spacing: -.03em;line-height: 1.15;margin-top: 2px}.copy{flex: none;width: 46px;height: 46px;min-height: 0;padding: 0;display: grid;place-items: center;border-radius: 14px;background: var(--card);color: var(--muted);border-color: var(--line)}.copy svg{width: 20px;height: 20px}.copy .ok,.copy.done .cp{display: none}.copy.done .ok{display: block}.copy.done{color: #12a150;border-color: #12a150}.allu{margin-top: 10px}.allu summary{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;cursor: pointer;color: var(--accent);font-size: 14.5px;font-weight: 650;list-style: none;border-radius: 10px}.allu summary::-webkit-details-marker{display: none}.allu summary::before{content: "";width: 7px;height: 7px;border: solid currentColor;border-width: 0 2px 2px 0;transform: rotate(-45deg);transition: .16s}.allu[open] summary::before{transform: rotate(45deg)}.allu .tbl{margin-top: 4px}.frac{display: flex;align-items: center;gap: 14px;justify-content: center;flex-wrap: wrap}.frac .fr{display: flex;flex-direction: column;width: 96px}.frac .fr label{font-size: 0;gap: 0}.frac .fr input{text-align: center;font-size: 24px;font-weight: 750}.frac .fr i{display: block;height: 3px;border-radius: 2px;background: var(--fg);margin: 8px 4px}.frac select{width: 76px;font-size: 24px;text-align: center;text-align-last: center;padding: 8px;background-image: none}.tr{max-width: 470px;margin: 20px auto;padding: 18px}.display{background: radial-gradient(70% 90% at 100% 0,rgba(123,63,228,.35),transparent 70%),linear-gradient(160deg,#141a2e,#1d1747);color: #f2f4fb;border-radius: 18px;padding: 14px 18px 12px;margin-bottom: 14px;box-shadow: inset 0 2px 10px rgba(0,0,0,.35)}.hist{font-size: 13.5px;color: #a3abc6;text-align: right;min-height: 20px;overflow-wrap: anywhere}#tr-in{min-height: 40px;border: 0;background: transparent;box-shadow: none;color: #cdd3ea;font-size: 22px;font-weight: 500;text-align: right;padding: 2px 0;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;caret-color: var(--warm)}#tr-in:focus{box-shadow: none}.res{font-size: 40px;font-weight: 800;letter-spacing: -.02em;text-align: right;overflow-x: auto;scrollbar-width: none;line-height: 1.2;color: #fff}.res.err{color: #ff8a8f;font-size: 22px}.sci,.keys{display: grid;gap: 8px}.sci{grid-template-columns: repeat(7,minmax(0,1fr));margin-bottom: 10px}.sci button{font-size: 13.5px;min-height: 40px;padding: 0;border-radius: 11px;background: var(--bg);border-color: var(--line);color: var(--muted)}.keys{grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px}.keys button{font-size: 23px;font-weight: 600;min-height: 60px;padding: 0;border-radius: 16px}.keys .num{background: var(--card);border-color: var(--line);box-shadow: var(--sh1)}.keys .op{background: var(--tint);border-color: transparent;color: var(--accent);font-weight: 700}.keys .eq{background: var(--btn);color: #fff;border: 0;box-shadow: 0 8px 20px -8px rgba(70,80,230,.75)}.keys .eq:hover{color: #fff;filter: brightness(1.08)}.keys button[data-k="C"]{color: var(--err)}.mode{color: var(--accent) !important;font-weight: 800 !important}@media (max-width: 420px){.tr{padding: 14px}.keys{gap: 8px}.keys button{min-height: 56px}.sci{gap: 6px}.sci button{min-height: 44px;font-size: 13px}}.text,.faq{max-width: 800px}.tbl{width: 100%;border-collapse: separate;border-spacing: 0;margin: 14px 0;font-size: 15px;background: var(--card);border: 1px solid var(--line);border-radius: 14px}.tbl th,.tbl td{text-align: left;padding: 10px 14px;border-bottom: 1px solid var(--line)}.tbl tr:last-child td{border-bottom: 0}.tbl th{position: sticky;top: var(--sticky);z-index: 2;font-size: 12px;text-transform: uppercase;letter-spacing: .05em;color: var(--muted);font-weight: 700;background: var(--bg2)}.tbl thead tr:first-child th:first-child{border-top-left-radius: 13px}.tbl thead tr:first-child th:last-child{border-top-right-radius: 13px}.tbl tbody tr:nth-child(even) td{background: color-mix(in srgb,var(--bg2) 55%,var(--card))}.tbl tbody tr:hover td{background: var(--tint)}.tbl tbody tr:last-child td:first-child{border-bottom-left-radius: 13px}.tbl tbody tr:last-child td:last-child{border-bottom-right-radius: 13px}.tbl:not(:has(thead)) tbody tr:first-child td:first-child{border-top-left-radius: 13px}.tbl:not(:has(thead)) tbody tr:first-child td:last-child{border-top-right-radius: 13px}.tbl td:first-child{font-weight: 600}.tbl td a{font-weight: 650}.calc .tbl{margin-top: 18px}.tbl:has(tr>:nth-child(5)){display: block;overflow-x: auto}.tbl:has(tr>:nth-child(5)) th,.allu .tbl th{position: static}.cols .tbl{margin: 0}@media (max-width: 520px){.tbl th,.tbl td{padding: 9px 8px;font-size: 14px;overflow-wrap: anywhere}.tbl th{font-size: 11px;letter-spacing: .02em;hyphens: auto}.cols{gap: 8px}}.grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(230px,1fr));gap: 8px}.grid a{display: flex;align-items: center;justify-content: space-between;gap: 8px;min-height: 48px;background: var(--card);border: 1px solid var(--line);border-radius: 14px;padding: 10px 14px;color: var(--fg);font-size: 15px;font-weight: 520;line-height: 1.35;transition: .16s}.grid a::after{content: "›";flex: none;color: var(--muted);font-size: 20px;line-height: 1;transition: .16s}.grid a:hover{border-color: var(--hov);text-decoration: none;box-shadow: var(--sh1)}.grid a:hover::after{color: var(--accent);transform: translateX(3px)}@media (max-width: 520px){.grid{grid-template-columns: 1fr 1fr}.grid a{font-size: 14px;padding: 10px 12px}}.faq details{background: var(--card);border: 1px solid var(--line);border-radius: 16px;margin: 10px 0;transition: .16s}.faq details[open]{box-shadow: var(--sh1)}.faq details:hover{border-color: var(--hov)}.faq summary{display: flex;align-items: center;justify-content: space-between;gap: 14px;min-height: 52px;padding: 12px 18px;font-weight: 700;line-height: 1.4;cursor: pointer;list-style: none;border-radius: 16px}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";flex: none;width: 28px;height: 28px;border-radius: 50%;background: var(--tint) var(--chev) no-repeat center;transition: .16s}.faq details[open] summary::after{transform: rotate(180deg)}.faq p{margin: 0;padding: 0 18px 16px;color: var(--muted)}.legal{max-width: 800px}.legal h2{font-size: 1.05rem;margin-top: 28px}.ad{max-width: var(--w);margin: 20px auto;padding: 0 16px;min-height: 280px;display: flex;flex-direction: column;justify-content: center}main .ad{padding: 0}.ad::before{content: attr(data-label);display: block;font-size: 10.5px;font-weight: 600;color: var(--muted);text-align: center;margin-bottom: 6px;letter-spacing: .08em;text-transform: uppercase;opacity: .85}.ad-top{min-height: 100px;margin: 12px auto}@media (min-width: 768px){.ad{min-height: 120px}}.ad:has(ins[data-ad-status="unfilled"]){display: none}.ad-side,.ad-side[data-label]{display: none}@media (min-width: 1400px){:root{--w: min(1080px,calc(100vw - 380px))}.topin,main,.ad-top,.footgrid,footer>p{margin-left: max(16px,calc((100% - var(--w) - 324px) / 2));margin-right: auto}footer>p{max-width: var(--w)}.ad-side[data-label]{display: flex;position: fixed;top: calc(var(--sticky) + 24px);right: max(16px,calc((100vw - var(--w) - 324px) / 2 - 8px));width: 300px;min-height: 600px;margin: 0;padding: 0}}footer{color: var(--muted);font-size: 14px;padding: 40px 16px 28px;margin-top: 24px;border-top: 1px solid var(--line);background: linear-gradient(180deg,var(--card),var(--bg))}.footgrid{max-width: var(--w);margin: 0 auto 28px;display: grid;grid-template-columns: repeat(auto-fill,minmax(170px,1fr));gap: 24px 20px}.footgrid h4{margin: 0 0 8px;color: var(--fg);font-size: 13px;text-transform: uppercase;letter-spacing: .06em}.footgrid a{display: block;color: var(--muted);padding: 4px 0;font-size: 14px;line-height: 1.35}.footgrid a:hover{color: var(--accent)}footer>p{text-align: center;margin: 10px auto}footer>p a{color: var(--muted);display: inline-block;padding: 6px 2px}footer>p a:hover{color: var(--accent)}.langline{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;padding: 20px 0 10px;border-top: 1px solid var(--line)}.langline a{padding: 0 14px;min-height: 36px;display: inline-flex;align-items: center;border: 1px solid var(--line);border-radius: 999px;background: var(--card);font-size: 13.5px;color: var(--fg)}.langline a:hover{border-color: var(--accent);text-decoration: none}.langline a[aria-current]{background: var(--btn);color: #fff;border-color: transparent;font-weight: 650}@media (max-width: 699px){.footgrid{grid-template-columns: 1fr 1fr;gap: 20px 14px}footer{padding-top: 32px}}.pick{min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 32px 16px;gap: 6px}.pick>svg{width: 76px;height: 76px;border-radius: 22px;box-shadow: 0 16px 40px -10px rgba(230,60,80,.55)}.pick h1{font-size: clamp(2rem,7vw,3rem);letter-spacing: -.04em;margin: 16px 0 18px}.pick nav{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: 10px;width: min(100%,480px)}.pick nav a{display: flex;align-items: center;justify-content: center;min-height: 52px;background: var(--card);border: 1px solid var(--line);border-radius: 16px;color: var(--fg);font-weight: 650;box-shadow: var(--sh1);transition: .16s}.pick nav a:hover{transform: translateY(-2px);border-color: var(--accent);box-shadow: var(--sh2);text-decoration: none}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}.tile:hover,.quick a:hover,.pick nav a:hover,#cv-swap:hover{transform: none}}@media print{.top,.ad,footer,.copy{display: none !important}}.ico{color: hsl(var(--h) 72% 40%)}.ico .ic{width: 24px;height: 24px}.hero-sm .ico .ic{width: 32px;height: 32px}@media (prefers-color-scheme: dark){.ico{color: hsl(var(--h) 95% 74%)}}.t-organize .ico,.ico.t-organize{--h: 4}.t-optimize .ico,.ico.t-optimize{--h: 152}.t-convert .ico,.ico.t-convert{--h: 214}.t-edit .ico,.ico.t-edit{--h: 268}.tile.t-organize .ico{--h: 4}.tile.t-optimize .ico{--h: 152}.tile.t-convert .ico{--h: 214}.tile.t-edit .ico{--h: 268}.quick a .ic{width: 16px;height: 16px;vertical-align: -3px;color: var(--accent)}.tool{position: relative;margin: 18px 0 8px;background: var(--card);border: 1px solid var(--line);border-radius: 24px;box-shadow: var(--sh2);padding: 18px;overflow: hidden}.tool::before{content: "";position: absolute;inset: 0 0 auto;height: 4px;background: var(--brand)}.drop{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;min-height: 260px;padding: 28px 16px;text-align: center;border: 2px dashed var(--line2);border-radius: 18px;background: var(--grad);transition: .18s;cursor: pointer}.drop:hover,.drop.over{border-color: var(--accent);background: linear-gradient(135deg,rgba(255,106,61,.1),rgba(216,27,96,.1))}.drop.over{transform: scale(1.01)}.dropic{width: 64px;height: 64px;display: grid;place-items: center;border-radius: 20px;background: var(--brand);color: #fff;box-shadow: 0 12px 28px -10px rgba(216,27,96,.6)}.dropic .ic{width: 30px;height: 30px}.drop .or{color: var(--muted);font-size: 14.5px}.priv{display: inline-flex;align-items: center;gap: 6px;margin-top: 6px;font-size: 13.5px;font-weight: 600;color: hsl(152 60% 32%);background: hsl(152 60% 45% / .1);padding: 6px 12px;border-radius: 999px}.priv .ic{width: 16px;height: 16px}@media (prefers-color-scheme: dark){.priv{color: hsl(152 60% 70%);background: hsl(152 60% 45% / .14)}}button.primary,.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 0 22px;border: 0;border-radius: 14px;background: var(--btn);color: #fff;font: inherit;font-weight: 700;font-size: 16px;cursor: pointer;box-shadow: 0 10px 24px -10px rgba(216,27,96,.65);transition: .16s;text-decoration: none}button.primary:hover,.btn:hover{transform: translateY(-1px);filter: brightness(1.05);text-decoration: none}button.primary.big{min-height: 54px;font-size: 17px;padding: 0 30px}button.primary:disabled{opacity: .6;cursor: progress;transform: none}button.mini,.chips button{min-height: 40px;padding: 0 14px;border: 1px solid var(--line2);border-radius: 12px;background: var(--card);color: var(--fg);font: inherit;font-size: 14.5px;font-weight: 600;cursor: pointer}button.mini:hover,.chips button:hover{border-color: var(--accent);color: var(--accent)}button.mini.ghost{border-color: transparent;background: transparent;color: var(--muted)}.btn.alt{background: var(--card);color: var(--fg);border: 1px solid var(--line2);box-shadow: none}.filebar{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;margin-bottom: 12px}#fileinfo{font-weight: 650;margin-right: auto;overflow-wrap: anywhere}#fileinfo small{color: var(--muted);font-weight: 500}.actions{display: flex;justify-content: center;margin: 18px 0 6px}.actions .primary{width: min(100%,420px)}#status{text-align: center;color: var(--muted);min-height: 24px;font-size: 15px}#status.err{color: var(--err);font-weight: 600}.bar{height: 8px;border-radius: 99px;background: var(--bg2);overflow: hidden;margin: 8px auto 0;max-width: 420px}.bar i{display: block;height: 100%;width: 0;background: var(--brand);transition: width .2s}#result:empty{display: none}#result{margin-top: 14px;padding: 18px;border-radius: 18px;text-align: center;background: linear-gradient(135deg,hsl(152 60% 45% / .1),hsl(180 60% 45% / .08));border: 1px solid hsl(152 50% 45% / .3);animation: drop .2s ease-out}#result h3{margin: 0 0 6px;font-size: 1.15rem}#result .dl{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-top: 12px}#result .sizes{display: flex;justify-content: center;gap: 22px;margin: 8px 0;font-size: 15px}#result .sizes b{display: block;font-size: 1.35rem}#result .gain{color: hsl(152 60% 32%);font-weight: 800;font-size: 1.4rem}@media (prefers-color-scheme: dark){#result .gain{color: hsl(152 60% 68%)}}#result textarea{width: 100%;min-height: 260px;margin-top: 12px;padding: 12px;border-radius: 12px;border: 1px solid var(--line2);background: var(--card);color: var(--fg);font: 14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.outs{display: grid;grid-template-columns: repeat(auto-fill,minmax(120px,1fr));gap: 10px;margin-top: 14px}.outs a{display: block;border-radius: 10px;overflow: hidden;border: 1px solid var(--line);background: var(--card);font-size: 12.5px;color: var(--fg)}.outs img{display: block;width: 100%;height: 150px;object-fit: contain;background: #fff}.outs span{display: block;padding: 6px}.files{display: grid;gap: 8px}.fitem{display: flex;align-items: center;gap: 12px;padding: 10px 12px;background: var(--bg);border: 1px solid var(--line);border-radius: 14px;cursor: grab}.fitem.drag{opacity: .45}.fitem.over{border-color: var(--accent);box-shadow: 0 0 0 3px var(--ring)}.fitem canvas,.fitem .ph{flex: none;width: 46px;height: 60px;border-radius: 6px;background: #fff;box-shadow: var(--sh1);object-fit: contain}.fitem .nm{flex: 1;min-width: 0;font-weight: 600;font-size: 14.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.fitem .nm small{display: block;color: var(--muted);font-weight: 500;font-size: 12.5px}.fitem .num{flex: none;width: 26px;height: 26px;display: grid;place-items: center;border-radius: 50%;background: var(--brand);color: #fff;font-weight: 800;font-size: 13px}.ib{flex: none;width: 40px;height: 40px;display: grid;place-items: center;border: 1px solid var(--line2);border-radius: 10px;background: var(--card);color: var(--fg);cursor: pointer;font-size: 16px;padding: 0}.ib:hover{border-color: var(--accent);color: var(--accent)}.ib.del:hover{border-color: var(--err);color: var(--err)}.thumbs{display: grid;grid-template-columns: repeat(auto-fill,minmax(118px,1fr));gap: 12px;max-height: 620px;overflow-y: auto;padding: 4px}.pg{position: relative;display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 8px;border: 2px solid transparent;border-radius: 14px;background: var(--bg);cursor: pointer;user-select: none;transition: .14s}.pg:hover{border-color: var(--line2)}.pg .sheet{width: 100%;aspect-ratio: 3 / 4;display: grid;place-items: center}.pg canvas,.pg img{max-width: 100%;max-height: 100%;background: #fff;box-shadow: var(--sh1);border-radius: 3px;transition: transform .2s}.pg .lbl{font-size: 12.5px;color: var(--muted);font-weight: 600}.pg .tools{display: flex;gap: 4px}.pg .tools .ib{width: 32px;height: 32px;font-size: 14px;border-radius: 8px}.pg.sel{border-color: var(--accent);background: var(--tint)}.pg.sel::after{content: "✓";position: absolute;top: 6px;right: 6px;width: 24px;height: 24px;display: grid;place-items: center;border-radius: 50%;background: var(--brand);color: #fff;font-size: 13px;font-weight: 800}[data-mode="remove"] .pg.sel{border-color: var(--err);background: rgba(214,59,64,.08)}[data-mode="remove"] .pg.sel::after{content: "✕";background: var(--err)}[data-mode="remove"] .pg.sel canvas{opacity: .35}.pg.drag{opacity: .4}.pg.over{border-color: var(--accent);border-style: dashed}.imgs .pg{cursor: grab}.count{margin-left: auto;color: var(--muted);font-size: 14px;font-weight: 600;align-self: center}.opts{margin-top: 16px;padding-top: 14px;border-top: 1px solid var(--line)}.opts fieldset{border: 0;padding: 0;margin: 0 0 12px}.opts legend{font-weight: 650;font-size: 14px;color: var(--muted);margin-bottom: 8px}.opts .hint,.tool .hint{color: var(--muted);font-size: 14px;margin: 8px 0}.seg{display: flex;flex-wrap: wrap;gap: 8px}.seg label{position: relative}.seg input{position: absolute;opacity: 0;pointer-events: none}.seg span{display: inline-flex;align-items: center;min-height: 44px;padding: 8px 14px;border: 1px solid var(--line2);border-radius: 12px;background: var(--card);cursor: pointer;font-size: 14.5px;font-weight: 600;line-height: 1.3;transition: .14s}.seg input:checked + span{border-color: var(--accent);background: var(--tint);color: var(--accent);box-shadow: 0 0 0 3px var(--ring)}.seg input:focus-visible + span{outline: 3px solid var(--ring)}input[type=color]{padding: 4px;height: 48px;cursor: pointer}input[type=range]{accent-color: var(--accent);width: 100%;min-height: 44px}.pad{position: relative;margin: 12px 0}.pad canvas{display: block;width: 100%;height: 180px;border: 2px dashed var(--line2);border-radius: 16px;background: #fff;touch-action: none;cursor: crosshair}.padhint{position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);color: #b6bccb;pointer-events: none;font-size: 14px;border-top: 1px solid #d6dbe6;padding-top: 4px;width: 60%;text-align: center}.pad .mini{position: absolute;top: 8px;right: 8px}.place{position: relative;display: inline-block;max-width: 100%;margin-top: 6px;border-radius: 8px;box-shadow: var(--sh2);line-height: 0;cursor: copy}.place canvas{max-width: 100%;height: auto;background: #fff;border-radius: 8px}#sg-mark{position: absolute;pointer-events: none;outline: 2px dashed var(--accent);outline-offset: 2px}.sign .place{display: block;width: fit-content;margin-inline: auto}.steps ol{list-style: none;counter-reset: s;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px}.steps li{counter-increment: s;position: relative;padding: 16px 16px 16px 58px;background: var(--card);border: 1px solid var(--line);border-radius: 16px;box-shadow: var(--sh1)}.steps li::before{content: counter(s);position: absolute;left: 14px;top: 14px;width: 32px;height: 32px;display: grid;place-items: center;border-radius: 10px;background: var(--brand);color: #fff;font-weight: 800}@media (max-width: 699px){.steps ol{grid-template-columns: 1fr}.tool{padding: 12px;border-radius: 20px}.drop{min-height: 220px}}.feats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin: 34px 0}.feat{padding: 18px;background: var(--card);border: 1px solid var(--line);border-radius: 18px;box-shadow: var(--sh1)}.feat .ico{--h: 4;margin-bottom: 10px}.feat:nth-child(2) .ico{--h: 152}.feat:nth-child(3) .ico{--h: 214}.feat h3{margin: 0 0 4px}.feat p{margin: 0;color: var(--muted);font-size: 15px}@media (max-width: 699px){.feats{grid-template-columns: 1fr}}.fnote{display: flex;align-items: center;justify-content: center;gap: 8px;color: var(--muted)}.fnote .ic{width: 18px;height: 18px;color: hsl(152 60% 40%)}[hidden]{display: none !important}#list:empty{display: none}#list:empty + .opts{margin-top: 0;padding-top: 0;border-top: 0}[data-mode="organize"] .thumbs,[data-mode="rotate"] .thumbs{grid-template-columns: repeat(auto-fill,minmax(150px,1fr))}.pg .tools{flex-wrap: wrap;justify-content: center}.pg .tools .ib{width: 30px;height: 30px;font-size: 13px}@media (max-width: 699px){.thumbs{grid-template-columns: repeat(auto-fill,minmax(140px,1fr));gap: 8px}}:lang(ko){word-break: keep-all}:lang(ja){line-break: strict}