*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;color:#e2e8f0;-webkit-font-smoothing:antialiased;background:#0d1117;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}body{min-height:100vh}#root{width:100%}a{color:#7c3aed;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:Fira Code,JetBrains Mono,Cascadia Code,ui-monospace,monospace}.nb-app{--nb-bg:#f5f0e8;--nb-text:#1a1a1a;--nb-accent:#f36;--nb-accent-2:#36f;--nb-muted:#666;background:var(--nb-bg);min-height:100vh;padding:0;font-family:Courier New,monospace}.nb-header{border-bottom:6px solid var(--nb-accent);background:#1a1a1a;padding:20px 40px}.nb-header h1{color:#f5f0e8;letter-spacing:-.04em;margin:0 0 8px;font-size:4rem;font-weight:900}.nb-header h1 .nb-accent{color:var(--nb-accent)}.nb-header p{color:#aaa;margin:0 0 20px;font-size:1rem}.nb-badges{gap:0;display:flex}.nb-badge{text-transform:uppercase;letter-spacing:.05em;padding:8px 16px;font-size:12px;font-weight:800}.nb-badge-purple{color:#fff;background:#63f}.nb-badge-green{color:#1a1a1a;background:#0c6}.nb-badge-blue{color:#fff;background:#36f}.nb-grid{grid-template-columns:300px 1fr;gap:24px;max-width:1030px;margin:0 auto;padding:32px;display:grid}@media (width<=768px){.nb-grid{grid-template-columns:1fr}}.nb-card{background:#fff;border:4px solid #1a1a1a;padding:12px;box-shadow:8px 8px #1a1a1a}.nb-filter-card{background:#f5f0e8}.nb-card-title{text-transform:uppercase;letter-spacing:.1em;color:#1a1a1a;border-bottom:3px solid var(--nb-accent);margin-bottom:20px;padding-bottom:10px;font-size:14px;font-weight:900}.nb-field{margin-bottom:20px}.nb-field label{text-transform:uppercase;letter-spacing:.08em;color:var(--nb-muted);justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.nb-value{color:var(--nb-accent);font-family:Courier New,monospace}.nb-field input[type=range]{appearance:none;background:#1a1a1a;border:2px solid #1a1a1a;width:100%;height:16px}.nb-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--nb-accent);cursor:pointer;border:3px solid #1a1a1a;width:24px;height:24px}.nb-range-labels{color:#999;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.nb-mode-tabs{border:3px solid #1a1a1a;display:flex}.nb-mode-tab{color:#666;cursor:pointer;background:#f5f0e8;border:none;flex:1;padding:10px;font-size:11px;font-weight:700}.nb-mode-tab.active{background:var(--nb-accent-2);color:#fff}.nb-toggle-row{align-items:center;gap:12px;display:flex}.nb-toggle{width:48px;height:28px;position:relative}.nb-toggle input{opacity:0;width:0;height:0}.nb-toggle-slider{cursor:pointer;background:#1a1a1a;position:absolute;inset:0}.nb-toggle-slider:after{content:"✕";background:var(--nb-accent);color:#1a1a1a;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.nb-toggle input:checked+.nb-toggle-slider:after{content:"✓";background:#0c6;left:auto;right:4px}.nb-toggle-label{color:#999;font-size:12px;font-weight:700}.nb-toggle-label.active{color:#0c6}.nb-pill-group{border:3px solid #1a1a1a;flex-wrap:wrap;gap:0;display:flex}.nb-pill{color:#666;cursor:pointer;background:#f5f0e8;border:none;border-right:2px solid #1a1a1a;padding:8px 12px;font-size:10px;font-weight:700}.nb-pill:last-child{border-right:none}.nb-pill.active{background:var(--nb-accent);color:#fff}.nb-output{flex-direction:column;gap:16px;display:flex}.nb-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=600px){.nb-stats{grid-template-columns:repeat(2,1fr)}}.nb-stat{text-align:center;background:#f5f0e8;border:3px solid #1a1a1a;padding:16px}.nb-stat-value{color:var(--nb-accent-2);font-family:Courier New,monospace;font-size:1.8rem;font-weight:900}.nb-stat-label{letter-spacing:.1em;color:#999;margin-top:4px;font-size:9px;font-weight:700}.nb-comparison{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nb-output-block{flex-direction:column;gap:6px;display:flex}.nb-output-label{text-transform:uppercase;letter-spacing:.08em;color:var(--nb-muted);justify-content:space-between;font-size:10px;font-weight:700;display:flex}.nb-tag{background:var(--nb-accent-2);color:#fff;padding:2px 8px;font-size:9px}.nb-tag-muted{color:#666;background:#ccc}.nb-code-box{background:#1a1a1a;border:3px solid #1a1a1a;padding:12px;position:relative}.nb-code-box code{color:#0c6;word-break:break-all;font-size:10px;display:block}.nb-code-qs code{color:#f96}.nb-copy-btn{background:var(--nb-accent);color:#fff;cursor:pointer;border:2px solid #1a1a1a;padding:4px 10px;font-size:9px;font-weight:700;position:absolute;top:6px;right:6px}.nb-url-bar{background:#1a1a1a;border:3px solid #1a1a1a;flex-wrap:wrap;gap:2px;padding:12px;font-family:Courier New,monospace;display:flex}.nb-scheme{color:#0c6;font-size:11px}.nb-url-bar code{color:#aaa;font-size:10px}.nb-encoded{color:var(--nb-accent);font-weight:700}.nb-code{color:#0c6;background:#1a1a1a;border:3px solid #1a1a1a;margin:0;padding:14px;font-family:Courier New,monospace;font-size:10px;line-height:1.6;overflow-x:auto}.nb-adapter-tabs{flex-wrap:wrap;gap:0;margin-bottom:12px;display:flex}.nb-adapter-tab{color:#666;cursor:pointer;background:#f5f0e8;border:2px solid #1a1a1a;border-right:none;padding:6px 10px;font-family:Courier New,monospace;font-size:9px;font-weight:700}.nb-adapter-tab:last-child{border-right:2px solid #1a1a1a}.nb-adapter-tab.active{background:var(--nb-accent);color:#fff}.nb-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;font-size:1.2rem;font-weight:900;display:flex}.nb-spinner{border:6px solid #1a1a1a;border-top-color:var(--nb-accent);border-right-color:var(--nb-accent-2);width:48px;height:48px;animation:.5s linear infinite nb-spin}@keyframes nb-spin{to{transform:rotate(360deg)}}