/* GO150 / Obsidian. Red identity, individual tool colors. */
:root{color-scheme:dark;--bg:#090b10;--text:#f3f5fa;--muted:#9da7b8;--line:#262d3b;--mint:#ff2929;--accent:#ff2929;--accent-rgb:255,41,41;--soft:#ff9090}
body{background:var(--bg);color:var(--text)}::selection{background:#992843;color:white}
#tech-background{background:radial-gradient(ellipse at 88% 0%,#611f3026,transparent 42%),radial-gradient(ellipse at 4% 64%,#213f6d22,transparent 48%),#090b10}
#tech-background:before{background-image:linear-gradient(#c0d0ed04 1px,transparent 1px),linear-gradient(90deg,#c0d0ed04 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(#000,transparent 85%)}
#tech-background:after{background:radial-gradient(ellipse at center,transparent,#090b1055)}.tech-trace{background:linear-gradient(90deg,transparent,#ff303055,transparent)}.tech-trace:nth-child(2){background:linear-gradient(90deg,transparent,#659aff55,transparent)}
.header{background:#090b10dc;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0b;position:sticky;top:0;z-index:30}.header-inner{height:82px}.brand{font-size:33px;letter-spacing:-2px}.brand span{color:#ff2929}.signature{color:#a9aeba;font-size:16px}nav a{position:relative;padding:12px 0;color:#b8bdc8}nav a:hover,nav a[aria-current=page]{color:#fff}nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:2px;background:#ff2929;transition:width .2s}nav a:hover:after{width:100%}
.eyebrow{font:12px/1.5 Consolas,'Courier New',monospace;letter-spacing:2.7px;color:var(--soft)}h1 span{color:var(--accent)}.subtitle{color:#aab2c2}
.home-page .intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:65px;align-items:center;padding-top:65px;padding-bottom:35px}.home-page .intro h1{font-size:clamp(44px,5.2vw,70px);line-height:1.04;letter-spacing:-3.3px;font-weight:750}.home-page .intro h1 span{color:#ff2929}.home-page .intro .subtitle{font-size:16px;margin-top:20px;max-width:420px}.hero-tags{display:flex;align-items:center;gap:14px;margin-top:25px;font:12px Consolas,monospace;letter-spacing:1.5px;color:#c2c7d1}.hero-tags i{font-style:normal;color:#454e60}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff2929;box-shadow:0 0 12px #ff292980;margin-right:8px;vertical-align:1px}
.hero-terminal{background:linear-gradient(135deg,#151b26ee,#0d1018);border:1px solid #3e465b77;border-radius:14px;box-shadow:0 26px 65px #0005,0 0 65px #ff345208;transform:perspective(1100px) rotateY(-7deg) rotateX(3deg);overflow:hidden}.terminal-top{height:39px;border-bottom:1px solid #ffffff0b;display:flex;align-items:center;gap:6px;padding:0 16px;background:#ffffff03}.terminal-top>span{height:7px;width:7px;border-radius:50%;background:#ff5268}.terminal-top>span:nth-child(2){background:#e7b65f}.terminal-top>span:nth-child(3){background:#67cba0}.terminal-top b{margin-left:auto;font:12px Consolas,monospace;color:#8993a8;letter-spacing:.8px}.terminal-body{padding:18px 23px;font:13px/1.9 Consolas,'Courier New',monospace;color:#d6dbea}.terminal-body p{margin:5px 0;white-space:nowrap}.terminal-body em{font-style:normal;color:#a9b7f1}.terminal-body p>span{color:#5e6b84}.terminal-body .terminal-comment{color:#65718a;margin-bottom:15px}.terminal-body .terminal-key{color:#6ba9ff;padding-right:11px}.terminal-body strong{font-size:12px;font-weight:400;color:#8fdfc3}.terminal-divider{letter-spacing:-1px}.terminal-cursor{display:inline-block;width:6px;height:12px;background:#ff3333;vertical-align:-2px;animation:cursor-blink 1.2s steps(2,start) infinite}@keyframes cursor-blink{to{visibility:hidden}}
.home-page .intro .ip-bar{grid-column:1/-1;margin-top:38px;background:#111620d9;border:1px solid #ffffff12;border-radius:11px;box-shadow:none;min-height:55px;padding:11px 18px;font-size:12px}.intro .ip-bar>span{font-weight:500;color:#aab3c2}.intro .ip-bar output{color:#e3eaf9;font:600 15px Consolas,monospace;border-color:#ffffff18}.intro .ip-bar>svg{color:#8f9db5;width:21px;height:21px}.ip-bar button{background:#202837;border-color:#3e4b6255;border-radius:6px}.ip-bar button:hover{background:#2c384b}
.toolkit-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 0 22px}.toolkit-heading .eyebrow{margin:0 0 9px;color:#78849a}.toolkit-heading h2{font-size:23px;letter-spacing:-.7px;font-weight:600;margin:0}.toolkit-heading>span{font:12px Consolas,monospace;color:#7f8ba0}.toolkit-heading>span>span{font-size:18px;color:#ff4444;margin-left:14px}
.uniform-tools{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px;padding-bottom:50px}
.uniform-tools .tool.remote{--card:#ff765f;--rgb:255,118,95}.uniform-tools .tool.speed{--card:#64b5ff;--rgb:100,181,255}.uniform-tools .tool.print{--card:#edbd69;--rgb:237,189,105}.uniform-tools .tool.youtube-tool{--card:#fb7395;--rgb:251,115,149}.uniform-tools .tool.bubbles-tool{--card:#b5a1ff;--rgb:181,161,255}.uniform-tools .tool.ascii-tool{--card:#6ce5b2;--rgb:108,229,178}.uniform-tools .tool.gpu-tool{--card:#85a2ff;--rgb:133,162,255}
.uniform-tools .tool[class],.uniform-tools .tool[class]:nth-child(2n){grid-column:span 4;min-height:245px;display:flex;align-items:flex-start;flex-direction:column;gap:0;padding:24px;border-radius:16px;border:1px solid rgba(var(--rgb),.21);background:radial-gradient(ellipse at 100% 0%,rgba(var(--rgb),.13),transparent 75%),linear-gradient(130deg,#131822f5,#0e121bf5)!important;box-shadow:inset 0 1px #ffffff05,0 8px 24px #0002;transition:transform .25s,border-color .25s,box-shadow .25s}
.uniform-tools .tool.youtube-tool[class],.uniform-tools .tool.bubbles-tool[class]{grid-column:span 6;min-height:220px}.uniform-tools .tool.ascii-tool[class]{grid-column:span 8;min-height:220px}.uniform-tools .tool.gpu-tool[class]{grid-column:span 4;min-height:220px}
.uniform-tools .tool[class]:hover{transform:translateY(-5px);border-color:rgba(var(--rgb),.67);background:radial-gradient(ellipse at 100% 0%,rgba(var(--rgb),.2),transparent 80%),linear-gradient(130deg,#161d29,#111620)!important;box-shadow:0 18px 40px #0005,0 0 30px rgba(var(--rgb),.045)}
.uniform-tools .tool:before{content:'';position:absolute;top:0;left:24px;width:36px;height:2px;background:var(--card);box-shadow:0 0 18px rgba(var(--rgb),.55)}
.uniform-tools .tool:after{background:linear-gradient(90deg,#10151f77,transparent 75%);opacity:1}.tool-art{opacity:.8;mask-image:linear-gradient(90deg,transparent 22%,#000 100%)}
.uniform-tools .tool-kicker{font:12px Consolas,monospace;letter-spacing:1.6px;color:var(--card);position:relative;z-index:1;margin-bottom:18px}
.uniform-tools .tool-icon{width:50px;min-width:50px;height:48px;color:var(--card);display:flex;align-items:center;justify-content:flex-start;margin-bottom:17px;filter:drop-shadow(0 0 14px rgba(var(--rgb),.13))}
.uniform-tools .tool-icon svg{width:44px;height:44px}.uniform-tools .bubbles-tool .tool-icon svg{width:51px;height:51px}.uniform-tools .youtube-tool .tool-icon svg{width:46px;height:36px}.uniform-tools .ascii-tool .tool-icon{font:700 36px Consolas,monospace!important;color:var(--card)!important}
.uniform-tools .tool>div{max-width:85%;position:relative;z-index:1}.uniform-tools .tool h2{color:#f4f6fc;font-size:20px;font-weight:650;letter-spacing:-.5px;margin:0 0 8px}.uniform-tools .tool p{font-size:14px;line-height:1.65;color:#aab4c6;max-width:290px}.uniform-tools .tool-cta{position:relative;font:13px/1.4 Consolas,monospace;color:var(--card);padding-top:22px;margin-top:auto;z-index:1;letter-spacing:.1px}.uniform-tools .arrow{position:absolute;right:20px;bottom:21px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;padding:6px;background:rgba(var(--rgb),.07);border:1px solid rgba(var(--rgb),.15);color:var(--card);transition:transform .2s,background .2s}.uniform-tools .arrow svg{width:16px;height:16px}.uniform-tools .tool:hover .arrow{transform:rotate(-35deg);background:rgba(var(--rgb),.15)}
.uniform-tools .tool.youtube-tool,.uniform-tools .tool.bubbles-tool,.uniform-tools .tool.ascii-tool{padding-left:26px}.uniform-tools .tool.youtube-tool>div,.uniform-tools .tool.bubbles-tool>div,.uniform-tools .tool.ascii-tool>div{max-width:65%}
footer{border-color:#ffffff10;color:#8995a9;padding:25px 0 32px}.muted{color:#737f93}.toast{background:#1a2333;border-color:#46556d}.skip{background:#8c2339}
/* Individual tool pages share structure, with a contextual accent. */
.ascii-page{--accent:#6ce5b2;--accent-rgb:108,229,178;--soft:#9aefd0}.network-page{--accent:#64b5ff;--accent-rgb:100,181,255;--soft:#a3ceff}.printer-page{--accent:#edbd69;--accent-rgb:237,189,105;--soft:#f2d49e}.guides-page{--accent:#b5a1ff;--accent-rgb:181,161,255;--soft:#d0c3ff}
.ascii-studio h1 span,.print-studio h1 span{color:var(--accent)}
.ascii-panel,.legal-content,.print-design{background:#111620ee;border-color:#2d3646;box-shadow:0 12px 40px #0002}.ascii-panel label{color:#c0cbda}.ascii-panel textarea{background:#090e16;color:#edf7f3;border-color:#354454;border-radius:10px}.controls select{background:#192330;border-color:#38495a;color:#e3eee9}.controls input{accent-color:var(--accent)}.actions button{background:#1a2532;color:#d4e3df;border-color:#3a4b5d}.actions .primary{background:var(--accent);border-color:var(--accent);color:#092017;font-weight:700}.terminal{background:radial-gradient(ellipse at top right,#6ce5b207,transparent 70%),#080d13;border-color:#31453f}.terminal pre{color:var(--accent);text-shadow:0 0 16px #6ce5b215}.input-meta,.output-meta,.ascii-note{color:#96a8b5}#status{color:var(--accent)}
.speed-console{border-color:#355570;background:#0d1520;box-shadow:0 25px 90px #0005,0 0 60px #64b5ff08}.speed-console-bar{background:linear-gradient(90deg,#172d45,#111b29);color:#9acfff;border-color:#4979a433}.connection-light{background:#7be5b9;box-shadow:0 0 12px #7be5b955}.speed-provider,.speed-console-bottom{color:#92aac3}.speed-console .speed-frame{background:#0d1520}.speed-console-bottom{background:#101c2b;border-color:#4979a433}
.print-mode{background:#191a20;border-color:#60513777}.print-mode button{color:#c8c1b1}.print-mode button[aria-pressed=true]{background:#edbd69;color:#261c09}.print-design-copy a{color:#edbd69}
.guide{background:#111621ed;border-color:#303747}.guide:hover{border-color:#9d85e488}.category-nav a,.vendor-strip>.vendor-badge,.vendor-reset{background:#181e2d;border-color:#39415a;color:#c8cee3}.category-nav a:hover{border-color:#b5a1ff}.category-nav span,.category-heading h3{color:#d0c3ff}.category-heading h3 svg{fill:#c6b6fa}.vendor-strip button[aria-pressed=true]{background:#393051;border-color:#a791df;color:#fff}.guide-player{background:#0e111a;border-color:#49435e}.guide-player::backdrop{background:#05060ceb}.player-toolbar{background:#1b1a2a;border-color:#49435e}.player-close{background:#3c314e;border-color:#8a759e}.category{background:#201b35de;color:#dfd3ff;border-color:#74608d}.video-launch,.screencast-launch{background:radial-gradient(ellipse at center,#322c52,#121423)}.screencast-art{color:#d6c9ff}.back-link{color:var(--soft)}
.legal-date,.legal-content a{color:#ff99ad}.legal-content p,.legal-content li{color:#b8c2d3}
#accessibility-launch{background:#171d2a;border-color:#66738c;color:#eaf0ff}
:is(a,button,input,select,textarea,.terminal):focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(min-width:1500px){.home-page .wrap{width:min(1350px,calc(100% - 96px))}.uniform-tools .tool[class]{min-height:260px}.uniform-tools .tool.youtube-tool,.uniform-tools .tool.bubbles-tool,.uniform-tools .tool.ascii-tool,.uniform-tools .tool.gpu-tool{min-height:230px}}
@media(max-width:1000px){.home-page .intro{gap:30px}.terminal-body{font-size:12px;padding:16px}.terminal-divider{letter-spacing:-2px}.uniform-tools .tool[class]{grid-column:span 6;min-height:238px}.uniform-tools .tool.ascii-tool[class]{grid-column:span 6}.uniform-tools .tool.gpu-tool[class]{grid-column:span 12;min-height:215px}.uniform-tools .tool>div{max-width:88%}}
@media(max-width:700px){.header-inner{height:70px;gap:14px}.brand{font-size:29px}.signature{font-size:12px}.home-page .intro{padding-top:38px;grid-template-columns:1fr;gap:0}.home-page .intro h1{font-size:51px;letter-spacing:-2px}.home-page .intro .subtitle{font-size:14px;max-width:320px}.hero-tags{margin-top:20px}.hero-terminal{display:none}.home-page .intro .ip-bar{margin-top:28px;min-height:55px;padding:11px 13px;gap:12px;font-size:13px}.intro .ip-bar output{font-size:13px}.toolkit-heading{margin-top:0;gap:15px;align-items:center}.toolkit-heading h2{font-size:21px}.toolkit-heading>span{font-size:12px;max-width:90px;line-height:1.6;text-align:right}.toolkit-heading>span>span{display:none}.uniform-tools{gap:13px}.uniform-tools .tool[class],.uniform-tools .tool[class]:nth-child(2n){grid-column:span 12;min-height:216px;padding:22px}.uniform-tools .tool>div,.uniform-tools .tool.youtube-tool>div,.uniform-tools .tool.bubbles-tool>div,.uniform-tools .tool.ascii-tool>div{max-width:83%}.uniform-tools .tool-kicker{margin-bottom:14px}.uniform-tools .tool-icon{height:42px;margin-bottom:14px}.uniform-tools .tool-icon svg{width:42px;height:42px}.uniform-tools .tool h2{font-size:20px}.uniform-tools .tool p{font-size:14px;max-width:260px}.uniform-tools .tool-cta{padding-top:18px}.tool-art{opacity:.7}nav{gap:18px}.home-page .intro .eyebrow{font-size:12px;letter-spacing:2px}}
@media(max-width:360px){.signature{font-size:12px}.header-inner{gap:10px}nav{gap:12px;font-size:13px}.home-page .intro h1{font-size:44px}.uniform-tools .tool[class]{padding:20px}.uniform-tools .tool h2{font-size:18px}.toolkit-heading h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.terminal-cursor{animation:none}.hero-terminal{transform:none}.uniform-tools .tool[class]:hover{transform:none}}
html.a11y-motion .terminal-cursor{animation:none}

@media(max-width:700px){.uniform-tools .tool.youtube-tool[class],.uniform-tools .tool.bubbles-tool[class],.uniform-tools .tool.ascii-tool[class],.uniform-tools .tool.gpu-tool[class]{grid-column:span 12;min-height:216px}}

/* Readable labels, larger tool marks and a centered public IP line. */
.uniform-tools .tool-kicker{font-size:12px;letter-spacing:1.3px}
.uniform-tools .tool-cta{font-size:13px}
.uniform-tools .tool p{font-size:14px;line-height:1.65;max-width:340px}
.uniform-tools .tool-icon{height:58px;width:62px;min-width:62px;margin-bottom:18px}
.uniform-tools .tool-icon svg{width:54px;height:54px}
.uniform-tools .bubbles-tool .tool-icon svg{width:61px;height:61px}
.uniform-tools .youtube-tool .tool-icon svg{width:57px;height:44px}
.uniform-tools .ascii-tool .tool-icon{font-size:44px!important}
.uniform-tools .tool[class],.uniform-tools .tool[class]:nth-child(2n){min-height:280px}
.uniform-tools .tool.youtube-tool[class],.uniform-tools .tool.bubbles-tool[class],.uniform-tools .tool.ascii-tool[class],.uniform-tools .tool.gpu-tool[class]{min-height:255px}
.terminal-body{font-size:13px}.terminal-top b{font-size:12px}.terminal-body strong{font-size:12px}.terminal-body .terminal-comment{color:#8d9ab0}.terminal-body p>span{color:#8b9bb8}
.toolkit-heading>span,.hero-tags{font-size:12px}footer{font-size:13px}
.home-page .intro .ip-bar{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;background:none;border:0;box-shadow:none;border-radius:0;padding:12px 0;margin-top:32px;min-height:54px;font-size:15px}
.home-page .intro .ip-bar>span{font-size:15px;color:#b8c3d3;font-weight:500}
.home-page .intro .ip-bar output{flex:0 1 auto;min-width:0;font-size:18px;padding-left:16px;border-left:1px solid #ffffff20;overflow-wrap:anywhere}
.home-page .intro .ip-bar>svg{display:block;width:23px;height:23px}
.home-page .intro .ip-bar button{margin-left:0;flex-shrink:0;background:transparent;border:1px solid #ffffff20;padding:7px}
.home-page .intro .ip-bar button:hover{background:#ffffff0b;border-color:#ffffff40}
@media(max-width:1000px){.terminal-body{font-size:12px}.terminal-body .terminal-divider{display:none}.terminal-body strong{margin-left:12px}.terminal-body .terminal-comment{white-space:normal}}
@media(max-width:700px){.home-page .intro .eyebrow{font-size:11px;letter-spacing:1.4px}.uniform-tools .tool[class],.uniform-tools .tool[class]:nth-child(2n),.uniform-tools .tool.youtube-tool[class],.uniform-tools .tool.bubbles-tool[class],.uniform-tools .tool.ascii-tool[class],.uniform-tools .tool.gpu-tool[class]{min-height:265px}.uniform-tools .tool-icon{height:54px}.uniform-tools .tool-icon svg{width:50px;height:50px}.uniform-tools .bubbles-tool .tool-icon svg{width:57px;height:57px}.uniform-tools .youtube-tool .tool-icon svg{width:53px;height:41px}.uniform-tools .tool-kicker{font-size:11px}.uniform-tools .tool p{font-size:14px}.toolkit-heading>span{font-size:11px;max-width:100px}.home-page .intro .ip-bar{gap:11px;flex-wrap:wrap;justify-content:center;margin-top:25px}.home-page .intro .ip-bar>span{font-size:14px}.home-page .intro .ip-bar>svg{display:none}.home-page .intro .ip-bar output{font-size:15px;padding-left:11px;max-width:calc(100% - 50px)}.home-page .intro .ip-bar button{padding:5px}.hero-tags{font-size:11px}}
/* A simpler, open introduction with a softly moving background. */
.home-page .intro{display:block;text-align:center;padding-top:58px;padding-bottom:30px}
.home-page .hero-copy{width:100%}
.home-page .intro h1{font-size:clamp(27px,4.4vw,58px);line-height:1.15;letter-spacing:-2px;white-space:nowrap}
.home-page .intro .eyebrow{margin-bottom:17px;color:#b4bfd0}
.home-page .intro .subtitle{max-width:none;margin:17px auto 0;font-size:17px;color:#bfcbdc}
.home-page .intro .ip-bar{margin-top:25px}
#tech-background{background:radial-gradient(ellipse at 50% 0%,#344d7429,transparent 60%),linear-gradient(150deg,#111721,#10151e 55%,#0d121a)}
#tech-background:before{inset:-10%;background-image:radial-gradient(ellipse at 18% 30%,#508de52b,transparent 43%),radial-gradient(ellipse at 83% 22%,#e7634c16,transparent 40%),radial-gradient(ellipse at 65% 85%,#8d83cf1c,transparent 45%);background-size:auto;mask-image:none;animation:ambient-drift 30s ease-in-out infinite alternate;transform-origin:center}
#tech-background:after{background-image:linear-gradient(#c5d8ee05 1px,transparent 1px),linear-gradient(90deg,#c5d8ee05 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#0008,transparent 95%)}
@keyframes ambient-drift{from{transform:translate(-1%,-1%) scale(1)}to{transform:translate(2%,1.5%) scale(1.035)}}
.background-paused #tech-background:before{animation-play-state:paused}
@media(max-width:700px){.home-page .intro{padding-top:38px;padding-bottom:26px}.home-page .intro h1{font-size:clamp(23px,6.4vw,43px);letter-spacing:-.9px}.home-page .intro .subtitle{font-size:15px;line-height:1.65;max-width:330px}.home-page .intro .eyebrow{font-size:10px;letter-spacing:1px}.home-page .intro .ip-bar{margin-top:22px}}
@media(prefers-reduced-motion:reduce){#tech-background:before{animation:none}}
html.a11y-motion #tech-background:before{animation:none!important}