:root{--bg:#05080e;--text:#eef8f2;--muted:#98adb0;--green:#6fbf72;--cyan:#4fbeca;--amber:#c9a85e;--violet:#8a72c8;--radius:8px;--panel:rgba(8, 14, 24, 0.96);--border:rgba(111, 191, 114, 0.2);--shadow:rgba(0, 0, 0, 0.5);--panel-soft:rgba(13, 21, 32, 0.9);color-scheme:dark;font-family:Inter,Roboto,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);min-width:320px;min-height:100vh;line-height:1.5;padding-bottom:78px;background:linear-gradient(rgba(111,191,114,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(79,190,202,.014) 1px,transparent 1px),linear-gradient(135deg,rgba(111,191,114,.035),transparent 34%),linear-gradient(315deg,rgba(138,114,200,.03),transparent 38%),var(--bg);background-size:34px 34px,34px 34px,auto,auto,auto}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.app-header{border-bottom:1px solid rgba(111,191,114,.18);background:linear-gradient(90deg,rgba(111,191,114,.052),rgba(138,114,200,.032)),rgba(5,8,14,.94);box-shadow:0 12px 30px var(--shadow)}h1{margin:0;font-size:clamp(1.7rem, 4vw, 2.85rem);line-height:1.05;font-family:"Cascadia Mono","Segoe UI",monospace;text-shadow:0 0 14px rgba(111,191,114,.14);text-transform:uppercase}h1 a,h1 a:hover{color:inherit;text-decoration:none}.header-tagline{margin:8px 0 0;color:var(--muted);max-width:620px;font-weight:700}.header-tagline.is-typing{min-width:var(--typing-width,auto)}.header-tagline.is-typing::after{width:8px;height:1em;content:"";display:inline-block;margin-left:4px;background:currentColor;box-shadow:0 0 8px currentColor;vertical-align:-2px;animation:cursor-blink .8s steps(2,start) infinite}.converter-shell{width:min(1080px,calc(100% - 32px));margin:30px auto 56px}.converter-panel{overflow:hidden;border:1px solid var(--border);background:var(--panel);box-shadow:0 0 14px rgba(111,191,114,.035),0 14px 34px var(--shadow);border-radius:var(--radius)}.info-panel{padding:clamp(18px,4vw,30px);border:1px solid var(--border);margin-top:18px;background:var(--panel);box-shadow:0 0 14px rgba(111,191,114,.035),0 14px 34px var(--shadow);border-radius:var(--radius)}.info-panel[data-nexus-about]{--nx-accent:var(--green)}.info-panel h2{margin:0;color:var(--green)}.info-panel p{margin:10px 0 0;color:var(--muted)}.privacy-note{padding:10px 12px;background:rgba(79,190,202,.045);border-left:3px solid var(--cyan);border-radius:6px}.category-tabs{display:grid;background:rgba(0,0,0,.2);grid-template-columns:repeat(4,1fr)}.category-tab{border:0;color:var(--muted);min-height:54px;font-weight:850;background:0 0;border-bottom:1px solid rgba(111,191,114,.16);text-transform:uppercase}.category-tab.is-active{color:var(--text);background:linear-gradient(90deg,rgba(111,191,114,.07),rgba(79,190,202,.04)),rgba(111,191,114,.028);box-shadow:inset 0 -2px 0 var(--green),0 0 10px rgba(111,191,114,.05)}.converter-grid{gap:16px;padding:clamp(18px,4vw,30px);display:grid;align-items:end;grid-template-columns:minmax(180px,1fr) 48px minmax(180px,1fr)}.field{gap:8px;display:grid}.field span{color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}input,select{width:100%;color:var(--text);border:1px solid rgba(79,190,202,.22);outline:0;min-height:48px;background:rgba(0,0,0,.28);border-radius:6px}.field--value{grid-column:1/-1}input{padding:10px 12px}select{padding:10px;background-color:#0b1420}select option{color:var(--text);background-color:#0b1420}input[type=file],select{cursor:pointer}.swap-button:focus-visible,input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(111,191,114,.1)}.swap-button{width:48px;height:48px;color:var(--bg);border:1px solid rgba(201,168,94,.28);display:inline-grid;background:linear-gradient(135deg,var(--amber),var(--green));box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),0 0 10px rgba(201,168,94,.12);place-items:center;border-radius:6px}.swap-button i{font-size:1.25rem;line-height:1}.swap-button:active{transform:scale(.96)}.result-panel{gap:10px;margin:0 clamp(18px,4vw,30px) clamp(18px,4vw,30px);border:1px solid rgba(79,190,202,.22);padding:18px;display:grid;background:var(--panel-soft);border-left:3px solid var(--cyan);border-radius:var(--radius)}.result-panel__header{gap:12px;display:flex;align-items:center;justify-content:space-between}.result-panel__header>span{color:var(--cyan);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.result-panel output{color:var(--text);min-width:0;font-size:clamp(1.35rem, 4vw, 2.4rem);word-break:break-word;font-family:"Cascadia Mono","Segoe UI",monospace;overflow-wrap:anywhere}.result-panel output .result-value-group{display:inline;min-width:0;max-width:100%}.result-panel output .result-number{word-break:break-word;color:var(--text);overflow-wrap:anywhere}.result-panel output .result-unit{color:#8fd4ff;margin-left:.28em;font-weight:900;white-space:nowrap}.result-panel output .result-equals{margin:0 .44em;color:#d8b65f;font-weight:900}.noscript-alert{width:min(1080px,calc(100% - 32px));margin:16px auto 0;color:#ffe1e8;border:1px solid rgba(255,116,137,.36);padding:12px 14px;background:rgba(255,79,109,.12);border-radius:var(--radius)}.conversion-meta,.result-panel output,.unit-value{font-family:var(--font-data),"Cascadia Mono","Segoe UI",monospace}@keyframes cursor-blink{50%{opacity:0}}@media(max-width:760px){.converter-shell{width:calc(100% - 20px)}.category-tabs{grid-template-columns:repeat(2,1fr)}.converter-grid{grid-template-columns:1fr}.swap-button{justify-self:center}body{padding-bottom:0}}