*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--surface:#1a1a1a;--surface2:#222;--border:#2e2e2e;--accent:#c8f060;--accent2:#60d4f0;--amber:#f0c060;--text:#f0ede8;--muted:#666;--danger:#f06060;--font-mono:"DM Mono", monospace;--font-sans:"Syne", sans-serif;--radius-sm:8px;--radius-md:10px;--radius-lg:16px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh}.page-wrapper{padding:0 1rem 5rem}.container{max-width:860px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.5rem 1.75rem}.sec{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:1.2rem;padding-bottom:.5rem;font-size:10px}.inp-lbl{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:.4rem;font-size:10px;display:block}.inp-wrap{margin-bottom:1.1rem;position:relative}.main-inp{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);font-family:var(--font-mono);-moz-appearance:textfield;outline:none;padding:.7rem 3.2rem .7rem 1rem;font-size:1.6rem;font-weight:500;transition:border-color .15s}.main-inp::-webkit-outer-spin-button{-webkit-appearance:none}.main-inp::-webkit-inner-spin-button{-webkit-appearance:none}.main-inp:focus{border-color:var(--accent)}.inp-unit{font-family:var(--font-mono);color:var(--muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.pb label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:.35rem;font-size:10px;display:block}.pb select,.pb input[type=number]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-sans);-moz-appearance:textfield;outline:none;padding:.45rem .7rem;font-size:.85rem;transition:border-color .15s}.pb select:focus,.pb input[type=number]:focus{border-color:var(--accent)}.pb input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.pb input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.toggle-group{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;margin-bottom:1.5rem;padding:4px;display:flex}.toggle-btn{color:var(--muted);font-family:var(--font-sans);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:7px;flex:1;padding:.55rem .8rem;font-size:.82rem;font-weight:500;line-height:1.3;transition:all .18s}.toggle-btn.active{background:var(--accent);color:#0f0f0f}.pills{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.pill{border:1px solid var(--border);color:var(--muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:20px;padding:.35rem .85rem;font-size:.75rem;transition:all .15s}.pill.active{border-color:var(--accent);color:var(--accent);background:#c8f06012}.dir-row{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.dir-lbl{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;font-size:12px;transition:color .15s}.dir-lbl.active{color:var(--accent)}.swap-btn{background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:background .15s;display:flex}.swap-btn:hover{background:var(--border)}.res-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.75rem;display:grid}.rc{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1rem}.rc.hl{border-color:#c8f06059}.rc.hl2{border-color:#60d4f059}.rc-lbl{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:.25rem;font-size:9px}.rc-val{font-family:var(--font-mono);font-size:1.2rem;font-weight:500;transition:all .2s}.rc-val.g{color:var(--accent)}.rc-val.a{color:var(--amber)}.rc-val.b{color:var(--accent2)}.rc-sub{font-family:var(--font-mono);color:var(--muted);margin-top:.15rem;font-size:.67rem}.bar-bg{background:var(--border);border-radius:5px;gap:2px;height:10px;margin:.75rem 0 .5rem;display:flex;overflow:hidden}.bar-seg{border-radius:2px;height:100%;transition:width .35s}.bar-lgd{flex-wrap:wrap;gap:.9rem;display:flex}.lgd-i{color:var(--muted);font-size:.7rem;font-family:var(--font-mono);align-items:center;gap:5px;display:flex}.lgd-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.bl{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.55rem 0;font-size:.86rem;display:flex}.bl:last-child{border-bottom:none}.bl .lb{color:var(--text);font-weight:500}.bl .pc{color:var(--muted);font-family:var(--font-mono);margin-left:.35rem;font-size:.73rem}.bl .am{font-family:var(--font-mono);font-size:.86rem}.am.neg{color:var(--danger)}.am.pos{color:var(--accent2)}.am.tot{color:var(--accent);font-size:.9rem;font-weight:500}.am.irc{color:var(--amber)}.am.nir{color:var(--accent);font-size:.95rem;font-weight:500}.am.emp{color:var(--accent2);font-size:.95rem;font-weight:500}.gsep{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:.8rem 0 .25rem;font-size:9px}.pg2{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.1rem;display:grid}.pg3{grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1.1rem;display:grid}.info-box{border-radius:var(--radius-md);color:var(--muted);background:#c8f0600a;border:1px solid #c8f06021;margin-top:1rem;padding:.85rem 1rem;font-size:.78rem;line-height:1.65}.info-box strong{color:var(--text)}.slider-block{margin-bottom:1.1rem}.slider-block label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:10px;display:flex}.slider-block label span{color:var(--accent);font-size:.85rem;font-weight:500}input[type=range]{-webkit-appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.seo-content{margin-top:3rem}.seo-content h2{letter-spacing:-.02em;color:var(--text);margin:2rem 0 .75rem;font-size:1.3rem;font-weight:700}.seo-content h3{color:var(--text);margin:1.5rem 0 .5rem;font-size:1rem;font-weight:500}.seo-content p{color:#a0a09a;margin-bottom:.75rem;font-size:.9rem;line-height:1.8}.seo-content strong{color:var(--text)}.seo-content ul{color:#a0a09a;margin:.5rem 0 .75rem 1.25rem;font-size:.9rem;line-height:1.8}.seo-content li{margin-bottom:.3rem}.highlight-box{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:#a0a09a;margin:1.25rem 0;padding:1rem 1.25rem;font-size:.88rem;line-height:1.7}.highlight-box strong{color:var(--accent)}.data-table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.85rem}.data-table th{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);text-align:left;padding:.6rem .75rem;font-size:.72rem}.data-table td{border-bottom:1px solid var(--border);color:#a0a09a;padding:.6rem .75rem}.data-table tr:last-child td{border-bottom:none}.data-table .val{font-family:var(--font-mono);color:var(--accent)}.faq-item{border-bottom:1px solid var(--border);padding:1.1rem 0}.faq-item:last-child{border-bottom:none}.faq-q{color:var(--text);margin-bottom:.4rem;font-size:.95rem;font-weight:500}.faq-a{color:#a0a09a;font-size:.88rem;line-height:1.75}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.5s both fadeUp}.fade-up-1{animation:.5s 50ms both fadeUp}.fade-up-2{animation:.5s .1s both fadeUp}.fade-up-3{animation:.5s .15s both fadeUp}@media (max-width:580px){.res-grid,.pg3{grid-template-columns:1fr 1fr}.toggle-group{flex-wrap:wrap}}@media (max-width:380px){.res-grid,.pg2{grid-template-columns:1fr}}
