:root{--bg:#07080f;--text:#f8f2e7;--cyan:#5fc7d4;--muted:#aea696;--amber:#d4ac45;--panel:rgba(12, 14, 24, 0.96);--danger:#e7667a;--radius:8px;--shadow:rgba(0, 0, 0, 0.5);--violet:#7f73d9;--border:rgba(212, 172, 69, 0.2);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(212,172,69,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(95,199,212,.016) 1px,transparent 1px),linear-gradient(135deg,rgba(212,172,69,.045),transparent 34%),linear-gradient(315deg,rgba(127,115,217,.032),transparent 38%),var(--bg);background-size:34px 34px,34px 34px,auto,auto,auto}button,input{font:inherit}button{cursor:pointer}a{color:var(--cyan);text-decoration:none}.app-header{border-bottom:1px solid rgba(212,172,69,.16);background:linear-gradient(90deg,rgba(212,172,69,.052),rgba(95,199,212,.032)),rgba(7,8,15,.94);box-shadow:0 12px 28px var(--shadow)}h1{margin:0;font-size:clamp(1.55rem, 4vw, 2.65rem);line-height:1.05;font-family:"Cascadia Mono","Segoe UI",monospace;text-shadow:0 0 12px rgba(212,172,69,.12);text-transform:uppercase}h1 a,h1 a:hover{color:inherit;text-decoration:none}.header-tagline{margin:8px 0 0;color:var(--muted);max-width:680px;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;animation:cursor-blink .8s steps(2,start) infinite;margin-left:4px;background:currentColor;box-shadow:0 0 8px currentColor;vertical-align:-2px}.percentage-shell{width:min(980px,calc(100% - 32px));margin:30px auto 56px}.calculator-panel,.info-panel{border:1px solid var(--border);background:var(--panel);box-shadow:0 0 14px rgba(212,172,69,.038),0 12px 30px var(--shadow);border-radius:var(--radius)}.calculator-panel{overflow:hidden}.panel-heading{gap:12px;padding:18px 20px;display:flex;align-items:center;border-bottom:1px solid rgba(212,172,69,.12);justify-content:space-between}.info-panel h2,.panel-heading h2{margin:0;color:var(--amber);font-size:1rem;text-transform:uppercase}#statusMessage{color:var(--muted);text-align:right}#statusMessage.is-error{color:var(--danger)}#statusMessage.is-success{color:#83d9a0}.mode-tabs{display:grid;background:rgba(0,0,0,.18);grid-template-columns:repeat(4,minmax(0,1fr))}.mode-tab{color:var(--muted);border:0;padding:8px 10px;min-height:52px;font-weight:850;background:0 0;border-bottom:1px solid rgba(212,172,69,.14);text-transform:uppercase}.mode-tab:hover{color:var(--text);background:rgba(212,172,69,.045)}.mode-tab.is-active{color:#080b12;background:linear-gradient(135deg,var(--amber),var(--cyan));box-shadow:inset 0 -2px 0 rgba(255,255,255,.32)}.calculator-form{gap:16px;padding:clamp(18px,4vw,30px);display:grid}.fields-grid{gap:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:8px;display:grid}.field span{color:var(--amber);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}input{width:100%;color:var(--text);border:1px solid rgba(95,199,212,.22);outline:0;padding:10px 12px;min-height:48px;background:rgba(0,0,0,.28);border-radius:6px}input:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(212,172,69,.1)}.actions{gap:30px;display:flex;flex-wrap:wrap;justify-content:center}.button-primary,.button-secondary{gap:8px;padding:9px 14px;min-width:46px}.button-secondary{color:#071018;border:1px solid rgba(95,199,212,.34);background:linear-gradient(135deg,rgba(95,199,212,.84),rgba(127,115,217,.62));box-shadow:inset 0 -3px 0 rgba(0,0,0,.24),0 4px 0 rgba(0,0,0,.34)}.button-clear{color:#fff7f8;background:linear-gradient(135deg,rgba(231,102,122,.84),rgba(105,26,43,.82));border-color:rgba(231,102,122,.42)}.button-copy{color:#071018;background:linear-gradient(135deg,rgba(127,115,217,.82),rgba(95,199,212,.74));border-color:rgba(127,115,217,.44)}.button-primary{color:#071018;border:1px solid rgba(212,172,69,.34);background:linear-gradient(135deg,var(--amber),var(--cyan));box-shadow:inset 0 -3px 0 rgba(0,0,0,.28),0 5px 0 rgba(0,0,0,.34)}.button-secondary:disabled{opacity:.52;cursor:not-allowed}.result-panel{gap:8px;margin:0 20px 20px;border:1px solid rgba(95,199,212,.18);padding:18px;display:grid;background:linear-gradient(135deg,rgba(212,172,69,.07),rgba(95,199,212,.045)),rgba(0,0,0,.2);border-radius:var(--radius)}.result-panel span{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}#resultValue{color:var(--text);font-size:clamp(1.65rem, 5vw, 3rem);line-height:1.05;font-weight:900;overflow-wrap:anywhere}#formulaText{margin:0;color:var(--muted)}.info-panel{padding:clamp(18px,4vw,30px);margin-top:18px}.info-panel[data-nexus-about]{--nx-accent:var(--amber)}.info-panel p{margin:10px 0 0;color:var(--muted)}.info-panel strong{color:var(--text)}.privacy-note{padding:10px 12px;background:rgba(95,199,212,.045);border-left:3px solid var(--cyan);border-radius:6px}.noscript-alert{width:min(980px,calc(100% - 32px));margin:16px auto 0;color:#ffe1e8;border:1px solid rgba(231,102,122,.34);padding:12px 14px;background:rgba(231,102,122,.11);border-radius:var(--radius)}.result-value,.status-message,output{font-family:var(--font-data),"Cascadia Mono","Segoe UI",monospace}@keyframes cursor-blink{50%{opacity:0}}@media(max-width:760px){body{padding-bottom:0}.percentage-shell{width:calc(100% - 20px)}.panel-heading{align-items:stretch;flex-direction:column}#statusMessage{text-align:left}.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.fields-grid{grid-template-columns:1fr}.actions{display:flex;justify-content:center}.button-primary,.button-secondary{width:auto}}@media(max-width:425px){.percentage-shell{width:calc(100% - 16px);margin-top:22px}.mode-tab{min-height:46px;font-size:.76rem;line-height:1.15}.calculator-form,.info-panel,.result-panel{padding:14px}.result-panel{margin-inline:14px}}