:root{--bg: #111111;--surface: #1a1a1a;--panel: #1e1e1e;--panel-raised: #252525;--border: rgba(255,255,255,.07);--border-bright: rgba(255,255,255,.14);--text-primary: #f0f0f0;--text-secondary:#888888;--text-muted: #444444;--ocean: #3ecfcf;--ocean-light: #62d8d8;--neon: #3ecfcf;--neon-dim: rgba(62,207,207,.08);--neon-glow: none;--green: #00d37f;--amber: #f59e0b;--danger: #ef4444;--danger-dim: rgba(239,68,68,.08);--gold: #f59e0b;--radius: 14px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(0,0,0,.5);--panel-shadow: 0 2px 8px rgba(0,0,0,.3);--sidebar-w: 220px;--ip-bg: #1e1e1e;--ip-border: rgba(255,255,255,.07);--ip-text: rgba(240,240,240,.5);--ip-text-hi: #f0f0f0;--ip-accent: #3ecfcf}body.light{--bg: #f2f2f7;--surface: #ffffff;--panel: #ffffff;--panel-raised: #f8f8f8;--border: rgba(0,0,0,.08);--border-bright: rgba(0,0,0,.14);--text-primary: #111111;--text-secondary:#666666;--text-muted: #aaaaaa;--ocean: #0891b2;--ocean-light: #0ea5e9;--neon: #0891b2;--neon-dim: rgba(8,145,178,.08);--neon-glow: none;--green: #16a34a;--amber: #d97706;--danger: #dc2626;--danger-dim: rgba(220,38,38,.08);--gold: #d97706;--shadow: 0 2px 16px rgba(0,0,0,.1);--panel-shadow: 0 1px 4px rgba(0,0,0,.08);--ip-bg: #ffffff;--ip-border: rgba(0,0,0,.08);--ip-text: rgba(60,60,60,.55);--ip-text-hi: #111111;--ip-accent: #0891b2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:Orbitron,monospace;background:var(--bg);color:var(--text-primary);min-height:100dvh;line-height:1.5;overflow-x:hidden;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,select,textarea{font:inherit;color:inherit;max-width:100%}img{max-width:100%;display:block}h1,h2,h3{font-family:Orbitron,monospace;letter-spacing:.05em}.mono{font-family:Share Tech Mono,monospace}.app-shell{display:flex;min-height:100dvh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;box-shadow:2px 0 16px #00000026}.sidebar-logo{padding:20px 16px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.sidebar-logo img{width:36px;height:36px;border-radius:10px;flex-shrink:0}body.light .sidebar-logo img{mix-blend-mode:multiply}.sidebar-logo-text h1{font-size:.8125rem;font-weight:900;color:var(--text-primary);letter-spacing:.12em;line-height:1}.sidebar-logo-text p{font-size:.5rem;font-weight:700;letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;margin-top:2px}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.sidebar-nav-section{font-size:.55rem;font-weight:700;letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;padding:12px 8px 6px;font-family:Orbitron,monospace}.sidebar-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.63rem;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:1px;width:100%;text-align:left;border:1px solid transparent;position:relative}.sidebar-item:hover{background:#80808014;color:var(--text-primary)}.sidebar-item.active{background:var(--neon-dim);border-color:var(--border-bright);color:var(--neon);box-shadow:none}.sidebar-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 2px 2px 0;background:var(--neon)}.sidebar-item-icon{font-size:.85rem;width:18px;text-align:center;flex-shrink:0}.main-content{flex:1;margin-left:var(--sidebar-w);min-height:100dvh;display:flex;flex-direction:column}.topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar-title{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase}.container{max-width:680px;margin:0 auto;padding:1.25rem 1.25rem 4rem;width:100%}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--panel-shadow)}.panel-raised{background:var(--panel-raised);border:1px solid var(--border-bright);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.6875rem 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent;font-family:Orbitron,monospace;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .18s;white-space:nowrap;min-height:44px;letter-spacing:.04em}.btn-primary{background:var(--neon);color:#111;border-color:transparent;box-shadow:none}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-neon{background:var(--neon-dim);color:var(--neon);border-color:var(--border-bright)}.btn-neon:hover{opacity:.85}.btn-ghost{background:#8080800f;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{background:#8080801f;color:var(--text-primary)}.btn-block{width:100%}.form-input{width:100%;background:var(--bg);color:var(--text-primary);border:1.5px solid var(--border-bright);border-radius:var(--radius-sm);padding:.6875rem .875rem;font-family:Orbitron,monospace;font-size:.9375rem;outline:none;transition:all .18s;min-height:46px}.form-input:focus{border-color:var(--neon);box-shadow:0 0 0 3px var(--neon-dim)}.form-input::placeholder{color:var(--text-muted)}.form-input.mono-input{font-family:Share Tech Mono,monospace;font-size:1rem}.form-input option{background:var(--panel);color:var(--text-primary)}.form-input optgroup{background:var(--surface);color:var(--text-secondary);font-style:normal}.form-label{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.4rem;display:block;font-family:Orbitron,monospace}.result-val{font-family:Share Tech Mono,monospace;font-size:1.75rem;color:var(--neon);line-height:1}.result-unit{font-size:.75rem;color:var(--text-secondary);font-weight:600;margin-left:.25rem}.section-label{font-family:Orbitron,monospace;font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);padding-bottom:.625rem;border-bottom:1px solid var(--border);margin-bottom:1rem;display:flex;align-items:center;gap:.625rem}.section-label:before{content:"";display:inline-block;width:3px;height:14px;background:var(--neon);border-radius:2px;flex-shrink:0}.tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--surface);border-top:1px solid var(--border);padding:0 4px env(safe-area-inset-bottom);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tab-bar-inner{display:flex;align-items:center;max-width:480px;margin:0 auto}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;color:var(--text-muted);transition:all .2s;cursor:pointer;position:relative;min-width:0;font-family:Orbitron,monospace}.tab-item:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;border-radius:0 0 2px 2px;background:var(--neon);opacity:0;transition:opacity .2s}.tab-item.active{color:var(--neon)}.tab-item.active:before{opacity:1}.tab-item.active .tab-icon{transform:scale(1.1) translateY(-1px)}.tab-icon{font-size:1.25rem;line-height:1;transition:all .2s;display:block}.tab-label{font-size:.45rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.divider{border:none;border-top:1px solid var(--border);margin:.875rem 0}.chip{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:Orbitron,monospace}.chip.active{border-color:var(--neon);background:var(--neon-dim);color:var(--neon)}.chip:hover:not(.active){border-color:var(--border-bright);color:var(--text-primary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0;width:100%;overflow-x:hidden}.topbar{height:52px;padding:0 20px}.tab-bar{display:block}.container{padding:1.25rem 1.25rem 6rem;max-width:100%;width:100%;overflow-x:hidden;box-sizing:border-box}}@media (max-width:400px){.container{padding:1rem 1rem 6rem}}@media (min-width:1200px){:root{--sidebar-w:240px}.container{max-width:760px;padding:1.5rem 1.5rem 4rem}}