:root{color-scheme:dark;--bg:#080f19;--surface:#111b29;--surface-2:#162336;--surface-3:#1c2b3e;--edge:#29384c;--muted:#899db5;--text:#e8f2ff;--primary:#45d3ac;--primary-dim:#123a35;--blue:#68a8fb;--amber:#e7bc64;--red:#fb8585;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;--shadow:0 20px 65px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(900px 520px at 80% 0%,#112c36 0%,transparent 72%),var(--bg);color:var(--text);line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.container{max-width:1360px;padding:0 26px;margin:0 auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16}h2{font-size:1.45rem;letter-spacing:-.025em;margin:7px 0 10px}h3{font-size:1.02rem}p{color:var(--muted)}.mono{font-family:var(--mono)}.small-label,.eyebrow{color:var(--primary);font-size:.72rem;letter-spacing:.13em;font-weight:750}.eyebrow{font-size:.75rem}.hidden{display:none!important}
.topbar{border-bottom:1px solid #253649;background:#0a121dd9;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-inner{min-height:70px;display:flex;align-items:center;gap:35px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.05em;font-size:1.15rem}.brand-icon{font-size:1.4rem;display:grid;place-items:center;color:var(--bg);background:var(--primary);width:34px;height:34px;border-radius:10px}.brand-light{color:var(--primary)}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a{text-decoration:none;color:var(--muted);font-size:.87rem}.topbar nav a:hover{color:var(--text)}.topbar-tag{font:700 .72rem var(--mono);color:var(--primary);border:1px solid #276356;padding:9px 12px;border-radius:8px}.topbar-tag i,.pulsar{display:inline-block;background:var(--primary);width:6px;height:6px;border-radius:100%;margin-left:8px;box-shadow:0 0 12px var(--primary)}
.intro{padding:55px 0 30px}.kicker{font-size:.78rem;letter-spacing:.15em;font-weight:800;color:var(--primary);margin-bottom:17px}.kicker .pulsar{margin:0 8px 1px 0}h1{font-size:clamp(2.5rem,4.5vw,4.35rem);font-weight:850;letter-spacing:-.055em;margin:0 0 12px}h1 span{color:var(--primary)}.intro>p{max-width:760px;font-size:1.02rem}.intro-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.intro-chips span{font-size:.75rem;color:#adc0d5;border:1px solid #273849;background:#101e2a;padding:6px 12px;border-radius:99px}
.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:22px;align-items:start}.right-column{display:grid;gap:22px}.panel{border-radius:17px;background:linear-gradient(150deg,#142133 0%,#101a28 75%);border:1px solid var(--edge);padding:28px;box-shadow:var(--shadow)}.panel .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head p{margin-bottom:0;font-size:.91rem}.pill{font-family:var(--mono);font-size:.72rem;color:var(--primary);padding:5px 10px;border-radius:7px;border:1px solid #2e6054;white-space:nowrap}.rules-list{display:grid;gap:14px}.filter-card{border:1px solid #304257;border-radius:13px;padding:19px;background:#111f30}.filter-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}.filter-id{font:800 .7rem var(--mono);color:var(--primary);border:1px solid #2f7968;border-radius:6px;padding:6px 8px}.filter-top .filter-name{min-width:0;flex:1;background:transparent;border:0;border-bottom:1px dashed #46596d;border-radius:0;padding:6px;font-weight:700;color:var(--text);outline:none}.filter-top .filter-name:focus{border-bottom-color:var(--primary)}.remove-rule{background:transparent;border:1px solid #394a5b;color:#aab8ca;width:33px;height:33px;border-radius:8px;display:grid;place-items:center}.remove-rule:hover{color:#fb9b9b;border-color:#fb9b9b}.filter-fields{display:grid;grid-template-columns:115px 1fr 1fr;gap:12px}.field{min-width:0;display:flex;flex-direction:column;gap:7px}.field label,.table-controls label,.input-select label{font-weight:700;color:#a3b6ce;font-size:.75rem}.field input,.field select,.table-controls select,.input-select select{width:100%;background:#0b1623;border:1px solid #35485d;border-radius:8px;color:var(--text);padding:11px 12px;outline:none;min-height:46px}.field input:focus,.field select:focus,.table-controls select:focus,.input-select select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #45d3ac20}.field input::placeholder{color:#657a94}.field small{font-size:.73rem;color:var(--muted)}.field .help{font-family:var(--mono);font-size:.71rem}.button-add{margin-top:13px;width:100%;border:1px dashed #426251;background:#11302657;border-radius:10px;padding:11px;color:var(--primary);font-weight:750}.button-add:hover{border-color:var(--primary);background:#17352b}.button-add span{font-size:1.18rem;margin-right:4px}.options-section{margin-top:24px;border-top:1px solid var(--edge);padding-top:23px}.options-section h3{margin:0 0 17px}.toggle-row{display:flex;align-items:center;gap:13px;padding:12px 0;cursor:pointer}.toggle-row input{position:absolute;opacity:0}.toggle-row:has(input:focus-visible) .switch{outline:2px solid #9fd5ff;outline-offset:4px}.toggle-row .switch{flex-shrink:0;width:43px;height:24px;background:#34445a;border-radius:99px;position:relative;transition:.2s}.toggle-row .switch::before{content:"";position:absolute;left:3px;top:3px;background:#a4b2c1;width:18px;height:18px;border-radius:50%;transition:.2s}.toggle-row input:checked+.switch{background:var(--primary)}.toggle-row input:checked+.switch:before{transform:translateX(19px);background:#08211c}.toggle-row input:disabled+.switch{opacity:.4}.toggle-row:has(input:disabled){opacity:.55;cursor:not-allowed}.toggle-text{min-width:0;flex:1;display:flex;flex-direction:column}.toggle-text strong{font-size:.89rem}.toggle-text small{color:var(--muted);font-size:.79rem;line-height:1.35;margin-top:4px}.toggle-tag{font:750 .76rem var(--mono);border:1px solid #2b6c5b;background:#11362f;color:var(--primary);border-radius:7px;padding:5px 8px}.toggle-tag.neutral{background:#1d2b3a;border-color:#45556a;color:#bdcad8}.notice{border:1px solid #3e5f54;border-radius:10px;padding:13px 15px;font-size:.84rem;color:#b8d5cf;background:#15332e}.notice.subtle{margin-top:13px}.notice.caution{border-color:#655538;background:#282516;color:#e6d0a0;margin-top:26px}.notice.caution strong{color:#f5d28c}.actions{display:flex;gap:10px;margin-top:24px}.button-primary,.button-secondary{border-radius:10px;padding:13px 18px;font-weight:750;border:1px solid transparent}.button-primary{background:var(--primary);color:#072218;flex:1;display:flex;align-items:center;justify-content:center;gap:10px}.button-primary:hover{background:#71ebc6}.button-primary span{margin-left:auto}.button-primary:disabled{opacity:.65;cursor:progress}.button-secondary{background:#1a293b;border-color:#34465c;color:var(--text)}.button-secondary:hover{border-color:#6983a2}.button-secondary.small{font-size:.8rem;padding:8px 11px}.preset-area{border-top:1px solid var(--edge);margin-top:24px;padding-top:21px}.presets{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.presets button{border:1px solid #3a4d61;border-radius:7px;background:#1a2a3e;color:#baccdb;padding:8px 11px;font-size:.78rem}.presets button:hover{border-color:var(--primary);color:var(--primary)}
.result-panel{min-height:270px}.empty-result{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:170px;text-align:center}.empty-result p{max-width:260px;font-size:.88rem}.empty-icon{font:700 1.2rem var(--mono);border:1px dashed #456253;border-radius:13px;background:#1630274f;padding:25px;margin-bottom:15px;color:var(--primary);letter-spacing:.14em}.summary-wrap{text-align:center}.total-number{font-size:clamp(3.5rem,5vw,5.8rem);color:var(--primary);font-weight:850;letter-spacing:-.07em;font-variant-numeric:tabular-nums;line-height:1.13;margin:12px 0 3px}.total-label{font-weight:800;font-size:.81rem;letter-spacing:.13em;color:#d5e6e7}.summary-breakdown{margin-top:24px;border:1px solid #304659;border-radius:11px;overflow:hidden}.summary-breakdown>div{display:flex;justify-content:space-between;padding:12px 14px;gap:14px;font-size:.85rem}.summary-breakdown>div+div{border-top:1px solid #2e4053}.summary-breakdown>div b{font:700 .99rem var(--mono);color:#ecf7ff}.summary-breakdown>div:last-child{background:#17352f}.summary-breakdown>div:last-child b{color:var(--primary)}.summary-formula{margin-top:17px;background:#0b1724;border:1px solid #31495a;color:#9adfd1;border-radius:9px;padding:13px;font:.82rem/1.8 var(--mono);overflow-wrap:anywhere}.summary-note{font-size:.75rem;color:var(--muted);text-align:left;margin-top:15px}.summary-rule-list{text-align:left;margin-top:16px;font-size:.77rem;color:#b7cadc;display:grid;gap:7px}.summary-rule-list>div{display:flex;justify-content:space-between;gap:12px}.summary-rule-list strong{color:#e4f6f1;font-family:var(--mono)}.learn-side p{font-size:.88rem}.bit-demo{margin:17px 0;background:#081320;border:1px solid #30475a;border-radius:12px;padding:18px}.bit-demo .small-label{letter-spacing:.04em;color:#93a9c0;margin-bottom:7px}.example-bits{font-size:clamp(.73rem,1.25vw,1rem);letter-spacing:.03em;color:var(--text);margin-bottom:14px;white-space:nowrap}.example-bits.highlight{color:var(--primary);margin-bottom:0}.learn-caption{line-height:1.6}.learn-caption strong{color:var(--primary)}.text-link{color:var(--primary);text-decoration:none;font-weight:750;font-size:.84rem}.text-link:hover{text-decoration:underline}
.details{margin-top:24px;display:grid;gap:23px}.input-select{width:min(230px,100%)}.input-select select{margin-top:5px;padding:9px;min-height:40px}.formula-box{background:#081722;border:1px solid #315446;padding:16px 18px;border-radius:11px;color:#addcd1;font:400 .88rem/1.9 var(--mono);margin-bottom:25px}.formula-box strong{color:#63e5bd}.formula-box .hint{font:400 .75rem/1.4 ui-sans-serif,system-ui;color:#9dabb8}.decomp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.decomp-panel{border-radius:11px;border:1px solid var(--edge);padding:15px;background:#0e1b2a;min-width:0}.decomp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.decomp-head h3{margin:0}.decomp-head span{font:700 .8rem var(--mono);color:var(--primary)}.decomp-range{color:#9db2c9;font-size:.79rem;margin-bottom:17px;overflow-wrap:anywhere}.block-item{border:1px solid #30465c;background:#111f30;border-radius:9px;padding:12px 14px;margin:10px 0}.block-item-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.81rem;margin-bottom:10px}.block-item-head strong{color:#d5eafa}.block-item-head span{font-family:var(--mono);font-size:.74rem;color:var(--primary)}.block-line{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:start;font-size:.75rem;margin:3px 0}.block-line>span{color:#a8bfd2}.block-line b{font-family:var(--mono);font-weight:600;word-break:break-word}.block-bits{font:650 .74rem/1.8 var(--mono);white-space:nowrap;overflow-x:auto;letter-spacing:0}.bits-fixed{color:#b4d4fa}.bits-wild{color:var(--primary);background:#164339;border-radius:3px}.block-details{font-size:.74rem;color:#91a8c0;margin-top:9px;border-top:1px dashed #335065;padding-top:9px}.block-details strong{color:#cee5df}
.toolbar{display:flex;gap:7px;flex-wrap:wrap}.table-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.table-controls>div{display:flex;flex-direction:column;gap:5px}.table-controls select{min-height:40px;padding:8px;max-width:210px;font-size:.8rem}.table-controls .table-total{margin-left:auto;color:var(--muted);font-size:.81rem;align-self:center}.table-scroll{overflow:auto;border:1px solid #304257;border-radius:11px}.entries-table{width:100%;border-collapse:collapse;text-align:left;min-width:1060px}.entries-table th{font-size:.7rem;letter-spacing:.08em;font-weight:850;color:#a7bcd3;background:#152438;border-bottom:1px solid #34485d;padding:13px 14px}.entries-table td{border-bottom:1px solid #27384d;padding:13px 14px;vertical-align:top}.entries-table tbody tr:nth-child(even){background:#15223570}.entries-table tbody tr:last-child td{border-bottom:0}.entry-number{font:850 .92rem var(--mono);color:#dff4ef}.dir-label{font-size:.7rem;border-radius:5px;background:#183a32;color:#64e0b9;padding:4px 6px;display:inline-block;margin-top:6px;white-space:nowrap}.dir-label.return{background:#1b3450;color:#9cc4f7}.entry-protocol{font:800 .76rem var(--mono);color:#9fc0fc}.entry-rule{font-size:.76rem;margin-top:6px;max-width:160px;overflow-wrap:anywhere;color:#b9cedf}.entry-port{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.77rem}.entry-port strong{color:#d9edf7}.entry-port .range-badge{color:#95b6dd;font:700 .72rem var(--mono)}.entry-meta{font:.74rem/1.7 var(--mono);color:#b2c8db}.entry-meta .tag{color:#8d9caf}.entry-binary{font:.77rem/1.8 var(--mono);white-space:nowrap}.entry-binary .key{color:#a1b5c9;display:inline-block;width:64px;font-size:.69rem}.entry-binary b{font-weight:600}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px}.pagination>span{font-size:.82rem;color:var(--muted)}.pagination>div{display:flex;gap:8px}.pagination button:disabled{opacity:.35;cursor:not-allowed}
.educational{margin:24px 0 46px}.educational>h2{margin-bottom:25px}.education-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.education-grid article{border:1px solid #304455;border-radius:11px;padding:19px;background:#132233}.education-grid .step-index{font:800 .95rem var(--mono);color:var(--primary)}.education-grid h3{margin:14px 0 9px}.education-grid p{font-size:.83rem;margin:0}.codechip{font:.8rem var(--mono);color:#abe8d4;background:#0d302b;padding:2px 4px;border-radius:4px}.reference{font-size:.81rem;margin:18px 0 0}.reference a{color:var(--primary)}footer{border-top:1px solid var(--edge);padding:22px 0;font-size:.76rem;color:#8a9eb6}footer>.container{display:flex;justify-content:space-between;gap:20px}footer span:first-child{font-weight:900;letter-spacing:.14em;color:var(--primary)}.toast{position:fixed;right:22px;bottom:20px;max-width:min(470px,calc(100vw - 40px));z-index:50;background:#1d3840;border:1px solid #5cb9a0;border-radius:10px;padding:13px 18px;color:#e1fff5;box-shadow:0 15px 35px #0008;display:none;font-size:.87rem}.toast.error{background:#462727;border-color:#ef8686;color:#ffe2e2}.toast.show{display:block}
@media(max-width:1150px){.workspace{grid-template-columns:1fr 350px}.education-grid{grid-template-columns:repeat(2,1fr)}.decomp-grid{grid-template-columns:1fr}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.topbar-tag{display:none}.intro{padding-top:36px}.container{padding:0 18px}}@media(max-width:630px){.topbar-inner{min-height:62px;gap:10px}.topbar nav{gap:12px}.topbar nav a{font-size:.73rem}.topbar nav a:nth-child(2){display:none}.brand{font-size:1rem}.brand-icon{width:30px;height:30px}.panel{padding:18px;border-radius:12px}.filter-fields{grid-template-columns:1fr 1fr}.filter-fields .field:first-child{grid-column:1/-1}.right-column{grid-template-columns:1fr}.section-head{flex-wrap:wrap}.toolbar{width:100%}.toolbar button{flex:1}.table-controls>div{flex:1 1 130px}.table-controls select{width:100%;max-width:unset}.table-controls .table-total{width:100%;justify-content:flex-start}.education-grid{grid-template-columns:1fr}.decomp-grid{grid-template-columns:1fr}.intro h1{font-size:2.8rem}.intro p{font-size:.9rem}.pagination{flex-wrap:wrap}footer>.container{flex-direction:column}.options-section{padding-top:17px}.toggle-tag{display:none}}@media print{*{box-shadow:none!important}html,body{color:#111;background:#fff!important}.topbar,.config,.learn-side,.toolbar,.table-controls,.pagination,.presets,.button-add,.intro,.educational,footer,.toast{display:none!important}.container{max-width:100%;padding:0}.workspace{display:block}.right-column,.details{display:block}.panel{border:1px solid #999;background:#fff!important;color:#111;page-break-inside:avoid;margin-bottom:16px}.result-panel{min-height:auto}.panel p,.panel h2,.panel h3,.summary-breakdown b,.total-number,.eyebrow,.small-label,.block-line>span,.block-details,.block-details strong,.formula-box,.entry-number,.entry-meta,.entry-rule,.entry-port strong,.entry-binary,.decomp-head span{color:#111!important}.details{display:block!important}.table-scroll{overflow:visible}.entries-table{min-width:0;font-size:8px}.entries-table th,.entries-table td{padding:4px!important;background:#fff!important;color:#000!important}.entry-binary{font-size:7px}.dir-label{color:#000!important}.decomp-grid{grid-template-columns:1fr}.block-bits{color:#000}.bits-fixed,.bits-wild{color:#000!important;background:transparent!important}.formula-box{background:#fff!important}.total-label{color:#000}}

.summary-content{width:100%}.compression-estimate{margin:15px 0 4px;border:1px solid #466c78;border-radius:10px;background:#13283b;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.compression-estimate span{font-size:.78rem;color:#accbdc}.compression-estimate strong{color:#90cefa;font-size:1.3rem}.compression-estimate small{color:#8faabe;font-size:.75rem}

/* v1.1 · Menu independente: conversor decimal → binário de 16 bits */
.topbar nav a.nav-current{color:var(--primary);font-weight:800}
.converter-intro{padding-bottom:32px}
.converter-intro>p{max-width:790px}
.converter-workspace{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:start;gap:22px;margin-bottom:54px}
.converter-label{display:block;font-weight:750;font-size:.86rem;margin:22px 0 10px;color:#c9dae9}
.converter-textarea{resize:vertical;display:block;width:100%;min-height:150px;padding:15px 17px;color:#e9f5ff;background:#091623;border:1px solid #385169;border-radius:12px;outline:none;font-size:1.08rem;line-height:1.8}
.converter-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #45d3ac22}
.converter-textarea[aria-invalid="true"]{border-color:var(--red)}
.converter-help{font-size:.77rem;display:block;margin-top:10px;color:#a2b7cd}
.converter-help strong{color:#dbecfd}
.converter-error{font-size:.82rem;margin-top:12px;border:1px solid #8e4c4c;background:#352326;color:#ffc9c9;border-radius:8px;padding:12px;overflow-wrap:anywhere}
.converter-output-head{display:flex;align-items:flex-start;gap:14px;justify-content:space-between}
.converter-primary{margin-top:14px;background:#081723;border:1px solid #2c514e;border-radius:13px;padding:22px 16px;min-height:152px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px}
.converter-primary .small-label{letter-spacing:.1em}
.converter-big-bits{color:var(--primary);font-size:clamp(.95rem,1.7vw,1.42rem);letter-spacing:.035em;font-weight:800;white-space:nowrap}
.converter-raw{font-size:clamp(.76rem,1.2vw,.94rem);letter-spacing:.11em;color:#b6cee2;white-space:nowrap}
.converter-placeholder{margin:0;font-size:.85rem}
.converter-toolbar{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.converter-toolbar button{flex:1;font-size:.81rem;min-width:140px}
.converter-toolbar button:disabled{opacity:.4;cursor:not-allowed}
.converter-table-wrap{border-radius:10px;border:1px solid #2f4254;overflow:auto;margin-top:24px;max-height:390px}
.converter-table{width:100%;border-collapse:collapse;text-align:left}
.converter-table th{background:#17283a;color:#acbfd1;font-size:.72rem;letter-spacing:.075em;padding:12px 14px;position:sticky;top:0}
.converter-table td{border-top:1px solid #2b3d51;padding:12px 14px;vertical-align:middle}
.converter-table tbody tr:nth-child(even){background:#17253880}
.converter-dec{font-weight:800;color:#d9edfb}
.converter-row-bits{color:var(--primary);font-size:.84rem;letter-spacing:.035em;white-space:nowrap}
.converter-row-raw{color:#a5bacb;font-size:.74rem;letter-spacing:.04em}
.converter-footnote{font-size:.78rem;line-height:1.55;margin:15px 0 0}
.converter-footnote strong{color:#d9eef5}
@media(max-width:1000px){.converter-workspace{grid-template-columns:1fr}}
@media(max-width:630px){
  .topbar nav a:nth-child(2){display:inline}
  .topbar nav a:nth-child(n+3){display:none}
  .topbar nav{gap:11px}
  .topbar nav a{font-size:.71rem;white-space:nowrap}
  .converter-workspace{margin-bottom:30px;gap:14px}
  .converter-big-bits{font-size:clamp(.85rem,3.6vw,1.2rem);letter-spacing:0}
  .converter-raw{letter-spacing:.055em}
  .converter-primary{padding:20px 8px}
  .converter-table th,.converter-table td{padding:10px 8px}
  .converter-row-bits{font-size:.72rem;letter-spacing:0}
  .converter-row-raw{font-size:.66rem;letter-spacing:0}
}
@media print{.converter-page .intro{display:block!important}.converter-page .panel{color:#000}.converter-primary,.converter-table-wrap{border-color:#555}.converter-big-bits,.converter-row-bits,.converter-raw,.converter-row-raw{color:#111!important}}