:root,html[data-theme=dark]{--bg-primary: #0D1117;--bg-secondary: #161b22;--bg-card: rgba(22, 27, 34, .5);--bg-card-solid: #161b22;--bg-card-hover: rgba(34, 42, 53, .7);--bg-input: rgba(13, 17, 23, .7);--bg-accent-subtle: rgba(20, 110, 140, .5);--text-primary: #F0F6FC;--text-secondary: #C9D1D9;--text-muted: #8B949E;--border-primary: rgba(139, 148, 158, .2);--border-secondary: rgba(139, 148, 158, .3);--accent: #00F5D4;--accent-dark: #00B6C2;--accent-glow: rgba(0, 245, 212, .3);--btn-gradient-text: #0D1117;--grid-dot-color: #333;--blob-color-1: #083344;--blob-color-2: #115e59;--blob-color-3: #0e7490}html[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .6);--bg-card-solid: #ffffff;--bg-card-hover: rgba(241, 245, 249, .8);--bg-input: rgba(226, 232, 240, .7);--bg-accent-subtle: rgba(165, 243, 252, .5);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .15);--accent: #065f46;--accent-dark: #064e3b;--accent-glow: rgba(13, 148, 136, .3);--btn-gradient-text: #ffffff;--grid-dot-color: #ccc;--blob-color-1: #67e8f9;--blob-color-2: #5eead4;--blob-color-3: #7dd3fc}body{font-family:Inter,sans-serif;color:var(--text-secondary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}body.modal-open{overflow:hidden}p,li,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;overflow-x:auto}img{max-width:100%;height:auto}.font-mono{font-family:JetBrains Mono,monospace}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-primary);box-shadow:0 8px 32px #0000004d;transition:all .3s ease-in-out}.glass-card-hover{transition:all .3s ease-in-out}.glass-card-hover:hover{background:var(--bg-card-hover);border:1px solid var(--accent-dark);transform:translateY(-5px);box-shadow:0 10px 20px #0003,0 0 20px var(--accent-glow)}.gradient-text{background:linear-gradient(90deg,var(--accent),var(--accent-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-gradient{background-image:linear-gradient(to right,var(--accent) 0%,var(--accent-dark) 51%,var(--accent) 100%);background-size:200% auto;transition:background-position .5s;color:var(--btn-gradient-text);font-weight:700}.btn-gradient:hover{background-position:right center}.form-input{background:var(--bg-input);border:1px solid var(--border-secondary);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:var(--border-secondary);height:6px;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;height:16px;width:16px;background-color:var(--accent);border-radius:50%;border:2px solid var(--bg-primary);box-shadow:0 0 5px var(--accent-glow)}input[type=range]::-moz-range-track{background:var(--border-secondary);height:6px;border-radius:3px}input[type=range]::-moz-range-thumb{height:16px;width:16px;background-color:var(--accent);border-radius:50%;border:2px solid var(--bg-primary);box-shadow:0 0 5px var(--accent-glow)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.tool-card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,var(--accent-glow),transparent 60%);opacity:0;transition:opacity .4s ease-in-out;pointer-events:none;z-index:0}.group:hover .tool-card-glow{opacity:1}.visual-container{mask-image:linear-gradient(to top,black 30%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 30%,transparent 100%);pointer-events:none}.visual-container>div{transform:scale(1.1);transition:transform .4s ease-out}.group:hover .visual-container>div{transform:scale(1.2)}@keyframes binary-flow{0%{transform:translateY(-20px)}to{transform:translateY(20px)}}@keyframes slider-thumb-anim{0%,to{transform:translate(0)}50%{transform:translate(50%)}}@keyframes ipv6-compress{0%,to{opacity:1;transform:scaleX(1)}40%,60%{opacity:0;transform:scaleX(.1)}}@keyframes node-pop-in{0%{r:0;opacity:0}to{r:8;opacity:1}}@keyframes branch{0%{stroke-dashoffset:25}to{stroke-dashoffset:0}}.bg-primary{background-color:var(--bg-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.bg-accent-subtle{background-color:var(--bg-accent-subtle)}.bg-primary-gradient{background:linear-gradient(to bottom right,var(--bg-primary),var(--bg-secondary))}.bg-card-solid{background-color:var(--bg-card-solid)}.prose{--tw-prose-body: var(--text-secondary);--tw-prose-headings: var(--text-primary);--tw-prose-lead: var(--text-muted);--tw-prose-links: var(--accent);--tw-prose-bold: var(--text-primary);--tw-prose-counters: var(--text-muted);--tw-prose-bullets: var(--border-secondary);--tw-prose-hr: var(--border-primary);--tw-prose-quotes: var(--text-primary);--tw-prose-quote-borders: var(--border-secondary);--tw-prose-captions: var(--text-muted);--tw-prose-code: var(--text-primary);--tw-prose-pre-code: var(--text-secondary);--tw-prose-pre-bg: var(--bg-input);--tw-prose-th-borders: var(--border-secondary);--tw-prose-td-borders: var(--border-primary)}.prose table{display:block;width:100%;overflow-x:auto;white-space:nowrap}html[data-theme=dark] .prose{--tw-prose-body: var(--text-primary);--tw-prose-headings: var(--text-primary);--tw-prose-lead: var(--text-primary);--tw-prose-links: var(--accent);--tw-prose-bold: var(--text-primary);--tw-prose-counters: var(--text-secondary);--tw-prose-bullets: var(--border-secondary);--tw-prose-quotes: var(--text-primary);--tw-prose-captions: var(--text-secondary);--tw-prose-code: var(--text-primary)}.social-icon-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-primary);color:var(--text-muted);transition:all .3s ease-in-out;box-shadow:0 4px 12px #0003}.social-icon-link:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #0000004d,0 0 15px var(--accent-glow)}