/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-400:oklch(82.8% .189 84.429);--color-yellow-500:oklch(79.5% .184 86.047);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-green-400:oklch(79.2% .209 151.711);--color-emerald-500:oklch(69.6% .17 162.48);--color-teal-500:oklch(70.4% .14 182.503);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-400:oklch(71.4% .203 305.504);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-pink-400:oklch(71.8% .202 349.761);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-500:oklch(55.4% .046 257.417);--color-gray-400:oklch(70.7% .022 261.325);--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.isolate{isolation:isolate}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-500{--tw-gradient-from:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-fuchsia-500{--tw-gradient-from:var(--color-fuchsia-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-lime-500{--tw-gradient-from:var(--color-lime-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-500{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-500{--tw-gradient-from:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-500{--tw-gradient-from:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-500{--tw-gradient-from:var(--color-yellow-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-400{--tw-gradient-to:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-400{--tw-gradient-to:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-400{--tw-gradient-to:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-400{--tw-gradient-to:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-lime-400{--tw-gradient-to:var(--color-lime-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-400{--tw-gradient-to:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-400{--tw-gradient-to:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-400{--tw-gradient-to:var(--color-rose-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-400{--tw-gradient-to:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--color-bg:#f5f7fa;--color-bg-white:#fff;--color-bg-hover:#eef1f6;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-text:#1f2937;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-border-dark:#d1d5db}:root.dark{--color-bg:#111827;--color-bg-white:#1f2937;--color-bg-hover:#374151;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#1e3a5f;--color-text:#f9fafb;--color-text-secondary:#d1d5db;--color-text-muted:#d1d5db;--color-border:#374151;--color-border-dark:#4b5563}:root.dark .calc-btn.clear:hover{background-color:#7f1d1d}:root.dark .toast{background-color:#374151}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{background-color:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}.app-container{flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.page-layout{flex:1;justify-content:center;min-height:0;display:flex;overflow:hidden}.site-header{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);padding:1.5rem 0;position:relative}.header-content{text-align:center;max-width:1100px;margin:0 auto;padding:0 1.5rem}.site-title{color:var(--color-text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.site-title span{color:var(--color-primary)}.site-description{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:.9375rem}.content-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.inner-layout{flex:1;gap:2rem;width:90%;max-width:1100px;min-height:0;margin:0 auto;padding:1.5rem 0;display:flex;position:relative}@media (width<=1200px){.inner-layout{width:94%}}@media (width<=900px){.inner-layout{flex-direction:column;gap:1.5rem;width:95%}}.main-content{flex-direction:column;flex:7;min-width:0;min-height:0;display:flex}.calculator-column{flex-direction:column;flex:3;align-self:flex-start;min-width:200px;max-width:280px;padding-top:2rem;display:flex;position:sticky;top:1rem}@media (width<=900px){.calculator-column{align-self:flex-start;max-width:none;padding-top:0;position:static}}.categories-section{flex-shrink:0;margin-bottom:1.5rem}.categories-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.categories-header .section-title{margin-bottom:0}.settings-toggles-mobile{align-items:center;gap:.75rem;display:none}.section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:.8125rem;font-weight:600}.categories-grid{grid-template-columns:repeat(7,1fr);gap:.75rem;display:grid}@media (width<=900px){.categories-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=400px){.categories-grid{grid-template-columns:repeat(2,1fr)}}.category-btn{background-color:var(--color-bg-white);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem .5rem;transition:all .15s;display:flex}.category-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-dark)}.category-btn.active{background-color:var(--color-primary-light);border-color:var(--color-primary)}.category-btn.active .category-name{color:var(--color-primary);font-weight:600}.category-icon{font-size:1.25rem;line-height:1}.category-name{color:var(--color-text-secondary);text-align:center;font-size:.75rem;line-height:1.2}.converter-section{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=700px){.converter-section{grid-template-columns:1fr;gap:1.5rem}}.calculator-card{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;flex:1;width:100%;max-height:100%;padding:.875rem;display:flex}.calculator-card-title{color:var(--color-text-muted);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.calculator-card-title span{font-size:.875rem}.calculator-input-wrapper{margin-bottom:.375rem;position:relative}.calculator-input{border:1px solid var(--color-border);background-color:var(--color-bg);width:100%;color:var(--color-text);border-radius:5px;padding:.5rem .625rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.calculator-input:focus{outline:2px solid var(--color-primary);outline-offset:-2px;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb14}.calculator-input::placeholder{color:var(--color-text-muted);font-size:.75rem}.calculator-result-display{background-color:var(--color-primary-light);border-radius:5px;align-items:center;gap:.25rem;margin-bottom:.5rem;padding:.375rem .5rem;display:flex}.calculator-result-display.hidden{display:none}.calculator-equals{color:var(--color-text-muted);font-size:.75rem}.calculator-result-value{color:var(--color-primary);word-break:break-all;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875rem;font-weight:600}.calculator-buttons{grid-template-columns:repeat(4,1fr);gap:.25rem;margin-bottom:.5rem;display:grid}.calc-btn{border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;border-radius:5px;padding:.375rem .25rem;font-size:.75rem;font-weight:500;transition:all .1s}.calc-btn:hover{background-color:var(--color-bg-hover)}.calc-btn:active{transform:scale(.95)}.calc-btn.operator{background-color:var(--color-bg);color:var(--color-primary);font-weight:600}.calc-btn.operator:hover{background-color:var(--color-primary-light)}.calc-btn.equals{background-color:var(--color-primary);color:#fff;border-color:#0000}.calc-btn.equals:hover{background-color:var(--color-primary-hover)}.calc-btn.clear{color:#dc2626}.calc-btn.clear:hover{background-color:#fef2f2}.calculator-history{border-top:1px solid var(--color-border);flex-direction:column;flex:1;min-height:0;padding-top:.375rem;display:flex;overflow:hidden}.calculator-history-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-bottom:.25rem;font-size:.625rem;font-weight:600}.calculator-history-list{flex:1;min-height:60px;overflow-y:auto}.history-item{cursor:pointer;text-align:left;width:100%;font-size:.6875rem;font:inherit;color:inherit;background:0 0;border:none;border-radius:4px;flex-direction:column;align-items:flex-start;gap:.0625rem;padding:.25rem .375rem;transition:background-color .1s;display:flex}.history-item:hover{background-color:var(--color-bg-hover)}.history-expression{color:var(--color-text-muted);word-break:break-all;font-size:.625rem}.history-result{color:var(--color-text-secondary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.75rem;font-weight:500}.history-empty{color:var(--color-text-muted);text-align:center;padding:.375rem;font-size:.625rem}.converter-body{flex-direction:column;flex:1;justify-content:flex-start;padding:1rem 1.25rem 1.25rem;display:flex}.conversion-interpreter{background-color:var(--color-bg);border-top:1px solid var(--color-border);border-radius:0 0 10px 10px;margin-top:auto;padding:1rem 1.25rem}.interpreter-text{color:var(--color-text-secondary);text-align:center;font-size:.875rem;line-height:1.6}.interpreter-text .highlight{color:var(--color-primary);font-weight:600}.interpreter-empty{color:var(--color-text-muted);text-align:center;font-size:.8125rem;font-style:italic}.category-badge{background-color:var(--color-primary-light);color:var(--color-primary);border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.category-badge .icon{font-size:.75rem}.header-options{align-items:center;gap:.75rem;display:flex}.input-group{margin-bottom:1rem}.input-group:last-child{margin-bottom:0}.input-label{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.input-row{flex-wrap:wrap;gap:.5rem;display:flex}.input-field{border:1px solid var(--color-border);background-color:var(--color-bg-white);min-width:0;color:var(--color-text);text-overflow:ellipsis;border-radius:6px;flex:1;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;overflow:hidden}.input-field:focus{outline:2px solid var(--color-primary);outline-offset:-2px;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.input-field::placeholder{color:var(--color-text-muted)}.input-field.result{background-color:var(--color-bg);cursor:pointer;font-weight:600}.input-field.result:hover{background-color:var(--color-bg-hover)}.select-wrapper{flex-shrink:0;min-width:100px;position:relative}.select-field{border:1px solid var(--color-border);background-color:var(--color-bg-white);width:100%;color:var(--color-text);cursor:pointer;appearance:none;border-radius:6px;padding:.5rem 1.75rem .5rem .5rem;font-size:.8125rem;transition:border-color .15s}.select-field:focus{outline:2px solid var(--color-primary);outline-offset:-2px;border-color:var(--color-primary)}.select-wrapper:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--color-text-muted);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.mobile-select-trigger{width:100%;color:var(--color-text);background-color:var(--color-bg-white);border:1.5px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:space-between;align-items:center;min-height:54px;padding:1rem 1.125rem;font-size:1.0625rem;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.mobile-select-compact{border-radius:8px;gap:.375rem;width:auto;min-height:auto;padding:.5rem .75rem;font-size:.875rem}.mobile-select-compact .mobile-select-chevron{width:14px;height:14px}.mobile-select-trigger:active{background-color:var(--color-bg);transform:scale(.985)}.mobile-select-trigger:focus{outline:2px solid var(--color-primary);outline-offset:-2px;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.mobile-select-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-select-chevron{color:var(--color-text-muted);flex-shrink:0}.mobile-select-overlay{z-index:10000;background:#00000080;align-items:flex-end;animation:.2s mobileSelectFadeIn;display:flex;position:fixed;inset:0}@keyframes mobileSelectFadeIn{0%{opacity:0}to{opacity:1}}.mobile-select-sheet{background:var(--color-bg-white,#fff);width:100%;max-height:65vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:22px 22px 0 0;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) mobileSelectSlideUp;display:flex;box-shadow:0 -8px 40px #00000026}@keyframes mobileSelectSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-select-sheet-handle{cursor:pointer;justify-content:center;padding:.875rem 0 .375rem;display:flex}.mobile-select-sheet-bar{background:var(--color-border,#d1d5db);border-radius:3px;width:40px;height:5px}.mobile-select-sheet-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);padding:.375rem 1.25rem .875rem;font-size:.8125rem;font-weight:700}.mobile-select-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:.25rem 0;overflow-y:auto}.mobile-select-option{width:100%;color:var(--color-text);border:none;border-bottom:1px solid var(--color-border-light,#0000000d);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;font-size:1.125rem;line-height:1.3;transition:background-color .1s;display:flex}.mobile-select-option:active{background-color:#0000000a}.mobile-select-option.active{color:var(--color-primary);background-color:#2563eb12;font-weight:600}.mobile-select-option:last-child{border-bottom:none}.mobile-select-option-label{flex:1;min-width:0}.mobile-select-check{color:var(--color-primary);flex-shrink:0;margin-left:.75rem}.dark .mobile-select-sheet{background:var(--color-bg-card,#1e293b);box-shadow:0 -8px 40px #0006}.dark .mobile-select-option.active{background-color:#60a5fa1f}.dark .mobile-select-option:active{background-color:#ffffff0f}.dark .mobile-select-trigger:active{background-color:#ffffff0d}.swap-btn-container{justify-content:center;margin:.75rem 0;display:flex}.swap-btn{background-color:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.swap-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:rotate(180deg)}.copy-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;margin-top:.5rem;padding:.25rem 0;font-size:.75rem;transition:color .15s;display:inline-flex}.copy-link:hover{color:var(--color-primary-hover);text-decoration:underline}.copy-link.copied{color:#10b981}.copy-link svg{width:14px;height:14px}.results-card{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;max-height:400px;display:flex;overflow:hidden}.results-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background-color .15s;display:flex}.header-title-group{align-items:center;gap:.5rem;display:flex}.results-title{color:var(--color-text);font-size:.875rem;font-weight:600}.results-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.results-toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.results-toggle{color:var(--color-text-muted);transition:transform .2s}.results-toggle.open{transform:rotate(180deg)}.results-list{scrollbar-width:thin;scrollbar-color:var(--color-border-dark) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.results-list::-webkit-scrollbar{width:6px}.results-list::-webkit-scrollbar-track{background:0 0}.results-list::-webkit-scrollbar-thumb{background-color:var(--color-border-dark);border-radius:3px}.results-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.results-empty{color:var(--color-text-muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:1rem;font-size:.8125rem;display:flex}.result-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;transition:background-color .1s;display:flex}.result-row:last-child{border-bottom:none}.result-row:hover{background-color:var(--color-bg)}.result-unit{color:var(--color-text);font-size:.875rem}.result-value{align-items:center;gap:.75rem;display:flex}.result-number{color:var(--color-text-secondary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875rem}.result-copy-btn{color:var(--color-text-muted);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:opacity .15s,color .15s;display:flex}.result-row:hover .result-copy-btn{opacity:1}.result-copy-btn:hover{color:var(--color-primary)}.option-group{color:var(--color-text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.option-select{border:1px solid var(--color-border);background-color:var(--color-bg-white);color:var(--color-text);cursor:pointer;border-radius:4px;padding:.25rem .375rem;font-size:.75rem}.option-select:focus{outline:2px solid var(--color-primary);outline-offset:-2px;border-color:var(--color-primary)}.converter-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.site-footer{background-color:var(--color-bg-white);border-top:1px solid var(--color-border);text-align:center;padding:1.5rem}.footer-text{color:var(--color-text-muted);font-size:.8125rem}.footer-link{color:var(--color-text-muted);text-underline-offset:2px;text-decoration:underline}.settings-toggles{z-index:100;flex-direction:row;align-items:center;gap:.75rem;display:flex;position:absolute;top:1rem;right:1.5rem}.language-toggle,.dark-mode-toggle-inline{align-items:center;gap:.375rem;display:flex}.lang-option{opacity:.5;font-size:1rem;line-height:1;transition:opacity .2s}.lang-option.active{opacity:1}.theme-switch-wrapper{align-items:center;gap:.375rem;display:flex}.theme-icon{opacity:.5;font-size:.875rem;line-height:1;transition:opacity .2s}.theme-icon:first-child{opacity:.9}.theme-icon:last-child,:root.dark .theme-icon:first-child{opacity:.4}:root.dark .theme-icon:last-child{opacity:.9}.theme-switch{width:40px;height:22px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{cursor:pointer;background-color:var(--color-border);border-radius:22px;transition:all .3s;position:absolute;inset:0}.theme-slider:before{content:"";background-color:var(--color-bg-white);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.theme-switch input:checked+.theme-slider{background-color:var(--color-primary)}.theme-switch input:checked+.theme-slider:before{transform:translate(18px)}.theme-switch input:focus+.theme-slider{box-shadow:0 0 0 2px #2563eb33}.toast{color:#fff;opacity:0;z-index:1003;background-color:#1f2937;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 40px #00000026}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=900px){.toast{bottom:5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeIn}.mobile-calc-tab{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;font:inherit;cursor:pointer;z-index:9999;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 1.25rem;font-size:1rem;font-weight:600;transition:transform .3s;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0003}@media (width<=900px){.mobile-calc-tab{display:flex}}.mobile-calc-tab.hidden{transform:translateY(100%)}.mobile-calc-tab-arrow{opacity:.8;font-size:.75rem}.bottom-sheet-overlay{z-index:9998;opacity:0;visibility:hidden;background-color:#00000080;transition:opacity .3s,visibility .3s;display:none;position:fixed;inset:0}.bottom-sheet-overlay.visible{opacity:1;visibility:visible}@media (width<=900px){.bottom-sheet-overlay{display:block}}.bottom-sheet{background-color:var(--color-bg-white);z-index:10000;border-radius:20px 20px 0 0;max-height:85vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -10px 40px #0003}.bottom-sheet.open{transform:translateY(0)}@media (width<=900px){.bottom-sheet{display:block}}.bottom-sheet-handle{cursor:pointer;background:0 0;border:none;justify-content:center;width:100%;padding:.75rem;display:flex}.bottom-sheet-handle-bar{background-color:var(--color-border-dark);border-radius:2px;width:40px;height:4px}.bottom-sheet-content{background:0 0;border:none;max-height:calc(85vh - 50px);padding:0 1.25rem 1.25rem;overflow-y:auto}.bottom-sheet-content .calculator-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.bottom-sheet-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.bottom-sheet-close:hover{color:var(--color-text)}.calculator-card-header{justify-content:space-between;align-items:center;display:flex}@media (width<=900px){.mobile-calc-tab,.bottom-sheet-overlay,.bottom-sheet{display:flex}.bottom-sheet{display:block}.calculator-column{display:none!important}.app-container{height:auto;min-height:100vh;max-height:none;padding-bottom:60px;overflow:visible}.page-layout{flex-direction:column;overflow:visible}.content-wrapper{overflow:visible}.inner-layout{flex-direction:column;min-height:auto}.main-content{min-height:auto}.converter-section{flex:none;min-height:auto}.results-card{min-height:auto;max-height:none}.results-list{max-height:none;overflow:visible}.ad-sidebar{display:none}.inner-layout{width:95%;padding:1rem 0}.converter-section{grid-template-columns:1fr;gap:1rem}.categories-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.category-btn{padding:.75rem .25rem}.category-icon{font-size:1.125rem}.category-name{font-size:.6875rem}.site-header{padding:1rem 0}.site-title{font-size:1.375rem}.site-description{padding:0 1rem;font-size:.8125rem}.site-footer{margin-bottom:0;padding:1rem}.settings-toggles{display:none}.settings-toggles-mobile{display:flex}.settings-toggles-mobile .lang-option{font-size:.875rem}.settings-toggles-mobile .theme-icon{font-size:.75rem}.settings-toggles-mobile .theme-switch{width:32px;height:18px}.settings-toggles-mobile .theme-slider:before{width:12px;height:12px}.settings-toggles-mobile .theme-switch input:checked+.theme-slider:before{transform:translate(14px)}.input-row{flex-direction:column}.select-wrapper{width:100%}.input-field,.select-field{border-radius:10px;padding:.875rem;font-size:1rem}.select-field{width:100%;padding:.875rem 2.25rem .875rem .875rem}.select-wrapper:after{border-top-width:5px;border-left-width:5px;border-right-width:5px;right:12px}.option-select{border-radius:8px;padding:.625rem .75rem;font-size:.875rem}.bottom-sheet .calculator-buttons{gap:.5rem}.bottom-sheet .calc-btn{min-height:48px;padding:1rem .5rem;font-size:1.125rem}.bottom-sheet .calculator-input{padding:.75rem;font-size:1.125rem}.bottom-sheet .calculator-result-value{font-size:1.25rem}.bottom-sheet .calculator-history-list{max-height:120px}}@media (width<=480px){.categories-grid{grid-template-columns:repeat(3,1fr)}.site-title{font-size:1.25rem}.header-title-group{flex-wrap:wrap;gap:.375rem}.results-header,.header-options{flex-wrap:wrap;gap:.5rem}}.privacy-container{max-width:860px;margin:0 auto;padding:0}.privacy-content{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:12px;padding:3rem;box-shadow:0 1px 3px #0000000a}@media (width<=768px){.privacy-container{padding:1.5rem 1rem 3rem}.privacy-content{border-radius:8px;padding:1.5rem}}.privacy-title-section{border-bottom:2px solid var(--color-primary);margin-bottom:2rem;padding-bottom:1.5rem}.privacy-content h1{color:var(--color-primary);letter-spacing:-.5px;margin-bottom:.5rem;font-size:2rem;font-weight:700}.privacy-content .last-updated{color:var(--color-text-muted);font-size:.875rem}.privacy-content h2{color:var(--color-primary);border-bottom:1px solid var(--color-border);margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:700}.privacy-content h3{color:var(--color-text);margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.privacy-content p{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.7}.privacy-content a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline;transition:color .15s}.privacy-content a:hover{color:var(--color-primary-hover)}.privacy-content ul,.privacy-content ol{color:var(--color-text-secondary);margin-bottom:1rem;padding-left:1.5rem}.privacy-content li{margin-bottom:.5rem;line-height:1.7}.privacy-content ul ul{margin-top:.5rem;margin-bottom:.5rem}.privacy-content strong{color:var(--color-text);font-weight:600}.privacy-content em{font-style:italic}.privacy-content address{color:var(--color-text-secondary);margin:1rem 0;font-style:normal;line-height:1.7}.privacy-content .summary-box{background-color:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1.5rem 2rem}.privacy-content .summary-box p{color:var(--color-text-secondary);margin-bottom:1rem}.privacy-content .summary-box p:last-child{margin-bottom:0}.privacy-content .summary-item{margin-bottom:1.25rem}.privacy-content .summary-item:last-child{margin-bottom:0}.privacy-content .summary-item strong{margin-bottom:.25rem;display:block}.privacy-content .summary-item p{margin-bottom:0}.privacy-content .toc{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem 2rem}.privacy-content .toc h3{margin-top:0;margin-bottom:1rem;font-size:.9375rem}.privacy-content .toc ol{margin:0;padding-left:1.25rem}.privacy-content .toc li{margin-bottom:.375rem;font-size:.875rem}.privacy-content .toc a{text-decoration:none}.privacy-content .toc a:hover{text-decoration:underline}.privacy-content .table-wrapper{margin:1.5rem 0;overflow-x:auto}.privacy-content table{border-collapse:collapse;width:100%;min-width:600px;font-size:.875rem}.privacy-content th{background-color:var(--color-primary);color:#fff;text-align:left;padding:.75rem 1rem;font-weight:600}.privacy-content td{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:top;padding:.75rem 1rem}.privacy-content tr:nth-child(2n) td{background-color:var(--color-bg)}.privacy-content .badge{border-radius:12px;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.privacy-content .badge-yes{color:#155724;background-color:#d4edda}.privacy-content .badge-no{color:#721c24;background-color:#f8d7da}:root.dark .privacy-content .badge-yes{color:#a3e4bc;background-color:#1a4d2e}:root.dark .privacy-content .badge-no{color:#e4a3a3;background-color:#4d1a1a}.privacy-content .privacy-footer{border-top:1px solid var(--color-border);text-align:center;margin-top:3rem;padding-top:1.5rem}.privacy-content .privacy-footer p{color:var(--color-text-muted);margin-bottom:0;font-size:.8125rem}@media (width<=768px){.privacy-content h1{font-size:1.5rem}.privacy-content h2{font-size:1rem}.privacy-content .summary-box,.privacy-content .toc{padding:1rem 1.25rem}}.contact-card{flex-direction:column;gap:1.25rem;display:flex}.contact-item{background-color:var(--color-bg);border:1px solid var(--color-border);text-align:left;border-radius:8px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.contact-icon{font-size:1.5rem;line-height:1}.contact-details{flex-direction:column;gap:.25rem;display:flex}.contact-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.contact-value{color:var(--color-text);font-size:1rem}a.contact-value{text-underline-offset:2px;text-decoration:underline}a.contact-value:hover{color:var(--color-primary)}.cookie-banner-container{z-index:1100;padding:.75rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpBanner;position:fixed;bottom:0;left:0;right:0}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner{-webkit-backdrop-filter:blur(16px);background:#0f172aeb;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:.875rem 1.25rem;display:flex;box-shadow:0 -4px 24px #00000026,inset 0 0 0 1px #ffffff08}.cookie-banner-content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.cookie-banner-icon{flex-shrink:0;font-size:1.25rem}.cookie-banner-text{color:#fffc;margin:0;font-size:.8125rem;line-height:1.5}.cookie-banner-link{color:#60a5fa;text-underline-offset:2px;text-decoration:underline;transition:color .15s}.cookie-banner-link:hover{color:#93c5fd}.cookie-banner-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.cookie-banner-btn{cursor:pointer;white-space:nowrap;border-radius:8px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s}.cookie-banner-btn-accept{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;box-shadow:0 2px 8px #2563eb4d}.cookie-banner-btn-accept:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.cookie-banner-btn-reject{color:#fff9;background:0 0;border:1px solid #ffffff26}.cookie-banner-btn-reject:hover{color:#fffc;background:#ffffff0d;border-color:#ffffff40}@media (width<=900px){.cookie-banner-container{bottom:56px}}@media (width<=700px){.cookie-banner-container{padding:.5rem;bottom:56px}.cookie-banner{text-align:center;flex-direction:column;gap:.875rem;padding:1rem}.cookie-banner-content{flex-direction:column;gap:.5rem}.cookie-banner-text{font-size:.75rem}.cookie-banner-actions{width:100%}.cookie-banner-btn{flex:1;min-height:44px;padding:.75rem}}.cookie-banner-container~.mobile-calc-tab{bottom:80px}.app-layout{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.global-header{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);z-index:1000;position:sticky;top:0}.header-inner{align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:.875rem 1.5rem;display:flex}.header-logo{color:var(--color-text);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{font-size:1.25rem}.logo-text{align-items:baseline;display:flex}.logo-accent{color:var(--color-primary)}.desktop-nav{align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--color-text-secondary);border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s}.nav-link:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.nav-link.active{background-color:var(--color-primary-light);color:var(--color-primary)}.header-actions{align-items:center;gap:.75rem;height:36px;margin-left:auto;display:flex}.header-toggle{border:1px solid var(--color-border);background:var(--color-bg-white);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.25rem;height:36px;padding:0 .625rem;transition:all .15s;display:flex}.header-toggle:hover{border-color:var(--color-border-dark);background:var(--color-bg-hover)}.lang-toggle{align-items:center;gap:.5rem;height:36px;padding:0 .5rem;display:flex}.lang-flag{opacity:.4;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;width:24px;height:18px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000001a}.lang-flag.active{opacity:1;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.lang-flag:hover{opacity:.8}.flag-icon{width:100%;height:100%;display:block}.theme-toggle{align-items:center;gap:.5rem;height:36px;padding:0 .5rem;display:flex}.theme-icon{opacity:.35;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.theme-icon svg{width:18px;height:18px;stroke:var(--color-text-muted);transition:all .2s}.theme-icon.active{opacity:1}.theme-icon.active svg{stroke:#f59e0b}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.hamburger{flex-direction:column;gap:4px;width:20px;display:flex}.hamburger span{background-color:var(--color-text);border-radius:1px;height:2px;transition:all .2s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(4px,4px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.mobile-nav{background-color:var(--color-bg-white);border-top:1px solid var(--color-border);flex-direction:column;max-height:0;transition:max-height .3s;display:none;overflow:hidden}.mobile-nav.open{max-height:400px}.mobile-nav-link{color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex}.mobile-nav-link:hover{background-color:var(--color-bg-hover)}.mobile-nav-link.active{color:var(--color-primary);background-color:var(--color-primary-light)}.mobile-nav-link.secondary{color:var(--color-text-secondary);font-size:.875rem}.mobile-nav-icon{font-size:1.125rem}.mobile-nav-divider{background-color:var(--color-border);height:1px;margin:.5rem 0}.page-content{flex-direction:column;flex:1;display:flex}.page-fade-in{animation:.3s forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.global-footer{background-color:var(--color-bg-white);border-top:1px solid var(--color-border);margin-top:auto}.footer-inner{text-align:center;flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:1100px;margin:0 auto;padding:1rem 1.5rem;display:flex}.footer-copyright{color:var(--color-text-muted);margin:0;font-size:.8125rem}.footer-separator{color:var(--color-text-muted);font-size:.8125rem}.footer-link{color:var(--color-text-muted);text-underline-offset:3px;font-size:.8125rem;text-decoration:underline;transition:color .15s}.footer-link:hover{color:var(--color-text)}.page-container{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1.5rem 3rem}.content-card{background-color:var(--color-bg-white);border:1px solid var(--color-border);text-align:center;border-radius:16px;margin-bottom:1.5rem;padding:2rem}.content-card-icon{margin-bottom:1rem;font-size:2.5rem}.content-card-title{color:var(--color-text);margin:0 0 1rem;font-size:1.5rem;font-weight:700}.content-card-intro{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.6}.content-card-body{text-align:left}.content-card-body p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.9375rem;line-height:1.8}.content-card-body p:last-child{margin-bottom:0}.content-card-body strong{color:var(--color-text);font-weight:600}.page-cta{text-align:center;margin-top:1rem}.cta-button{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.cta-button svg{transition:transform .2s}.cta-button:hover svg{transform:translate(4px)}@media (width<=768px){.desktop-nav{display:none}.mobile-menu-btn,.mobile-nav{display:flex}.header-inner{padding:.75rem 1rem}.footer-inner{padding:1rem}.page-container{padding:1.5rem 1rem 2rem}.content-card{border-radius:12px;padding:1.5rem}.content-card-icon{font-size:2rem}.content-card-title{font-size:1.25rem}.mobile-calc-tab{display:flex!important}.bottom-sheet-overlay,.bottom-sheet{display:block!important}.converter-sidebar{display:none!important}.converter-page-content{padding-bottom:70px}}.converter-page-content{flex-direction:column;display:flex}.converter-hero{text-align:center;padding:1.5rem 1.5rem 0}.converter-hero h1{color:var(--color-text);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.converter-hero h1 span{color:var(--color-primary)}.converter-hero p{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:.9375rem}.converter-layout{gap:2rem;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem;display:flex}.converter-main{flex:1;min-width:0}.converter-sidebar{flex-shrink:0;align-self:flex-start;width:280px;margin-top:2.25rem;position:sticky;top:80px}@media (width<=900px){.converter-page-content{padding-bottom:70px}.converter-layout{flex-direction:column;gap:1rem;padding:1rem}.converter-sidebar{display:none}.converter-hero{padding:1rem 1rem 0}.converter-hero h1{font-size:1.25rem}.converter-hero p{font-size:.875rem}}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item[open]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;list-style:none;transition:background-color .15s;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{background-color:var(--color-bg-hover)}.faq-question-text{color:var(--color-text);flex:1;font-size:.9375rem;font-weight:600}.faq-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.faq-item[open] .faq-chevron{color:var(--color-primary);transform:rotate(180deg)}.faq-answer{color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin:-.25rem 0 0;padding:1rem 1.25rem 1.25rem;font-size:.875rem;line-height:1.7}@media (width<=768px){.faq-question{padding:.875rem 1rem}.faq-question-text{font-size:.875rem}.faq-answer{padding:0 1rem 1rem;font-size:.8125rem}}.notfound-page{opacity:0;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:3rem 1.5rem;transition:opacity .5s,transform .5s;display:flex;position:relative;overflow:hidden;transform:translateY(12px)}.notfound-page.visible{opacity:1;transform:translateY(0)}.notfound-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.notfound-particle{left:var(--x);opacity:.15;animation:8s ease-in-out infinite notfound-float;animation-delay:var(--delay);font-size:1.5rem;position:absolute;bottom:-2rem}@keyframes notfound-float{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:.18}50%{transform:translateY(-45vh) translateX(var(--drift)) rotate(180deg);opacity:.1}to{transform:translateY(-90vh) translateX(calc(var(--drift) * -.5)) rotate(360deg);opacity:0}}.notfound-converter{background:var(--color-bg-white);border:1.5px solid var(--color-border);border-radius:16px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.75rem;animation:.6s cubic-bezier(.16,1,.3,1) .15s both notfound-card-in;display:flex;position:relative;box-shadow:0 4px 24px #0000000f}.notfound-converter:before{content:"";background:linear-gradient(135deg, var(--color-primary) 0%, transparent 40%, transparent 60%, #ef4444 100%);opacity:.15;z-index:-1;border-radius:17px;position:absolute;inset:-1px}@keyframes notfound-card-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.notfound-input-block{flex-direction:column;align-items:center;gap:.25rem;display:flex}.notfound-value{letter-spacing:-.03em;color:var(--color-primary);font-size:2.75rem;font-weight:800;line-height:1}.notfound-unit{color:var(--color-text-muted);font-family:Courier New,Courier,monospace;font-size:.8125rem;font-weight:600;animation:.3s notfound-glitch}@keyframes notfound-glitch{0%{opacity:0;transform:translateY(-4px)}50%{opacity:.5}to{opacity:1;transform:translateY(0)}}.notfound-arrow{color:var(--color-text-muted);opacity:.4;animation:2s ease-in-out infinite notfound-arrow-pulse}@keyframes notfound-arrow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(.9)}}.notfound-output-block{flex-direction:column;align-items:center;gap:.375rem;display:flex}.notfound-result{letter-spacing:-.03em;color:#ef4444;font-size:2.75rem;font-weight:800;line-height:1;animation:3s ease-in-out infinite notfound-blink}@keyframes notfound-blink{0%,80%,to{opacity:1}90%{opacity:.3}}.notfound-error-tag{text-transform:uppercase;letter-spacing:.08em;color:#ef4444;background:#ef444414;border-radius:4px;padding:.2rem .5rem;font-size:.6875rem;font-weight:700}.notfound-title{color:var(--color-text);text-align:center;margin:0 0 .75rem;font-size:1.5rem;font-weight:700;animation:.6s cubic-bezier(.16,1,.3,1) .25s both notfound-card-in}.notfound-description{color:var(--color-text-secondary);text-align:center;max-width:440px;margin:0 0 2rem;font-size:.9375rem;line-height:1.6;animation:.6s cubic-bezier(.16,1,.3,1) .35s both notfound-card-in}.notfound-path{background:var(--color-bg-hover);color:var(--color-primary);word-break:break-all;border-radius:5px;padding:.1rem .45rem;font-family:Courier New,Courier,monospace;font-size:.8125rem;font-weight:600;display:inline-block}.notfound-actions{justify-content:center;align-items:center;gap:.75rem;animation:.6s cubic-bezier(.16,1,.3,1) .45s both notfound-card-in;display:flex}.notfound-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.notfound-btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;box-shadow:0 2px 12px #2563eb40}.notfound-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59}.notfound-btn-secondary{background:var(--color-bg-white);color:var(--color-text);border:1.5px solid var(--color-border)}.notfound-btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark);transform:translateY(-2px)}.dark .notfound-converter{box-shadow:0 4px 24px #0003}.dark .notfound-error-tag{background:#ef444426}.dark .notfound-btn-primary{box-shadow:0 2px 12px #3b82f64d}.dark .notfound-btn-primary:hover{box-shadow:0 6px 20px #3b82f666}@media (width<=600px){.notfound-page{min-height:50vh;padding:2rem 1.25rem}.notfound-converter{gap:.75rem;padding:1rem 1.25rem}.notfound-value,.notfound-result{font-size:2rem}.notfound-title{font-size:1.25rem}.notfound-description{font-size:.875rem}.notfound-actions{flex-direction:column;width:100%}.notfound-btn{justify-content:center;width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
