:root{color-scheme:dark;background:#020905}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#03150d}main{position:relative;display:grid;place-items:center;isolation:isolate;width:100%;height:100%;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 47%,#123e28,#0b2c1c 32%,#061b11 65%,#010804)}.glass{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% -25%,#598c5930,transparent 60%),radial-gradient(ellipse at 50% 54%,#1c593e16,transparent 45%);box-shadow:inset 0 0 8vw 3vw #000a;animation:breath 19s ease-in-out infinite alternate}h1{position:relative;margin:0;line-height:1;font-size:1rem;font-weight:400;transform:translateY(-2px)}.signal{position:relative;display:block;width:116px;height:28px;filter:drop-shadow(0 0 4px #79ffad60) drop-shadow(0 0 20px #56ff9160);animation:signal-drift 23s linear infinite}.word,.echo{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.word{opacity:.86;animation:voltage 17s linear infinite}.echo{opacity:0}.echo-a{clip-path:inset(22% 0 48%);animation:tear-a 13s steps(1,end) infinite}.echo-b{clip-path:inset(65% 0 12%);animation:tear-b 19s steps(1,end) infinite}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0003 0px,#0003 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,#001a030d 0px,#001a030d 1px,transparent 1px,transparent 3px);opacity:.65}.grain{position:absolute;inset:-50%;width:200%;height:200%;z-index:2;pointer-events:none;background-image:url(/noise.svg);background-size:180px 180px;opacity:.085;mix-blend-mode:screen}.sweep{position:absolute;left:0;right:0;top:-35%;height:30%;background:linear-gradient(transparent,#83ff9a04 55%,#83ff9a09 94%,transparent);z-index:4;pointer-events:none;animation:sweep 14s linear infinite}.edge{position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:3.5%/5%;box-shadow:inset 0 0 1px 1px #7dbd7d0a,inset 0 0 24px 9px #0009;background:radial-gradient(ellipse at center,transparent 40%,#0004 80%,#000b 100%)}.accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes sweep{to{top:115%}}@keyframes breath{to{opacity:.55}}@keyframes voltage{0%,70%,71%,to{opacity:.86}70.3%{opacity:.55}70.6%{opacity:.75}}@keyframes signal-drift{0%,80%,81%,to{transform:translate(0)}80.3%{transform:translate(.7px)}80.7%{transform:translate(-.4px)}}@keyframes tear-a{0%,68%,70%,to{opacity:0;transform:translate(0)}68.3%{opacity:.7;transform:translate(5px)}69%{opacity:.4;transform:translate(-3px,1px)}}@keyframes tear-b{0%,42%,44%,to{opacity:0;transform:translate(0)}42.4%{opacity:.65;transform:translate(-6px)}43%{opacity:.3;transform:translate(3px)}}@media(max-width:600px){.signal{width:100px;height:24px}.edge{border-radius:6%/3%}.scanlines{opacity:.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.grain{opacity:.05}.sweep{display:none}}.signal{width:124px;height:30px;filter:drop-shadow(0 0 3px #95ffb566) drop-shadow(0 0 18px #56ff9140);animation:carrier 5.8s steps(1,end) infinite}.word{opacity:.93;animation:signal-loss 5.8s steps(1,end) infinite}.echo-a{filter:brightness(1.3) sepia(1) saturate(8) hue-rotate(115deg);mix-blend-mode:screen;clip-path:inset(0);opacity:.65;transform:translate(-1.5px);animation:channel-cyan 5.8s steps(1,end) infinite}.echo-b{filter:brightness(1.2) sepia(1) saturate(8) hue-rotate(245deg);mix-blend-mode:screen;clip-path:inset(0);opacity:.5;transform:translate(1.5px);animation:channel-magenta 5.8s steps(1,end) infinite}.signal:before,.signal:after{content:"";position:absolute;inset:0;pointer-events:none;background:#b4ffd1;mask:url(/signal.svg) center/contain no-repeat;opacity:0}.signal:before{animation:broken-row 4.1s steps(1,end) infinite}.signal:after{background:#77ffe7;animation:broken-row 6.7s steps(1,end) infinite reverse}@keyframes carrier{0%,16%,26%,61%,71%,to{transform:translate(0)}17%{transform:translate(-2px,1px) skew(3deg)}19%{transform:translate(2px) skew(-4deg)}22%{transform:translate(-1px)}62%{transform:translate(1px) skew(2deg)}65%{transform:translate(-3px,1px)}68%{transform:translate(1px)}}@keyframes signal-loss{0%,16%,26%,61%,71%,to{opacity:.93;clip-path:inset(0)}17%{opacity:.7;clip-path:polygon(0 0,100% 0,100% 32%,0 32%,0 44%,100% 44%,100% 100%,0 100%)}20%{opacity:.9;clip-path:inset(0)}23%{opacity:.65;clip-path:polygon(0 0,100% 0,100% 67%,0 67%,0 79%,100% 79%,100% 100%,0 100%)}62%{opacity:.75;clip-path:inset(0)}66%{opacity:.55}69%{opacity:.85}}@keyframes channel-cyan{0%,16%,26%,61%,71%,to{clip-path:inset(0);transform:translate(-.6px);opacity:.5}17%{clip-path:inset(10% 0 55%);transform:translate(-3.6px,-.4px);opacity:1}19%{clip-path:inset(54% 0 12%);transform:translate(2.8px,.4px);opacity:.9}22%{clip-path:inset(25% 0 40%);transform:translate(-2px);opacity:1}62%{clip-path:inset(0 0 65%);transform:translate(-2.8px);opacity:1}65%{clip-path:inset(50% 0 10%);transform:translate(4px);opacity:1}68%{clip-path:inset(18% 0 55%);transform:translate(-1.6px,-.4px);opacity:.8}}@keyframes channel-magenta{0%,16%,26%,61%,71%,to{clip-path:inset(0);transform:translate(.6px);opacity:.45}17%{clip-path:inset(60% 0 5%);transform:translate(3.2px);opacity:.9}19%{clip-path:inset(8% 0 50%);transform:translate(-2.4px,.4px);opacity:1}22%{clip-path:inset(40% 0 28%);transform:translate(4px);opacity:1}62%{clip-path:inset(35% 0 30%);transform:translate(2.4px,-.4px);opacity:1}65%{clip-path:inset(0 0 72%);transform:translate(-3.6px,.4px);opacity:.8}68%{clip-path:inset(66% 0 4%);transform:translate(2px);opacity:1}}@keyframes broken-row{0%,30%,43%,to{opacity:0;transform:translate(0)}31%{opacity:.8;clip-path:inset(30% 0 55%);transform:translate(5.2px) scaleX(1.08)}35%{opacity:.5;clip-path:inset(72% 0 15%);transform:translate(-4.8px,.4px)}39%{opacity:.65;clip-path:inset(10% 0 78%);transform:translate(2.8px,-.4px)}}@media(max-width:600px){.signal{width:108px;height:26px}}@media(prefers-reduced-motion:reduce){.echo-a{opacity:.3;transform:translate(-1px)}.echo-b{opacity:.3;transform:translate(1px)}.signal:before,.signal:after{display:none}}.echo{mask:url(/signal.svg) center/contain no-repeat}.echo-a{filter:none;background:#00e5ff}.echo-b{filter:none;background:#ff2687}.signal{width:132px;height:32px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:22px;font-weight:300;line-height:32px;letter-spacing:.4em;text-indent:.4em;text-align:center;filter:drop-shadow(0 0 5px #79ffad40)}.word{color:#b7e3c3}.echo{mask:none;background:none}.echo-a{color:#00e5ff}.echo-b{color:#ff2687}.signal:before,.signal:after{content:"TR3Y";mask:none;background:none;color:#b4ffd1}.signal:after{color:#77ffe7}@media(max-width:600px){.signal{width:120px;height:30px;font-size:20px;line-height:30px}}.signal{width:max-content;height:auto;font-family:var(--signal-font,"Syne Mono"),monospace;font-size:var(--signal-size,32px);font-weight:400;line-height:1.5;letter-spacing:.22em;text-indent:.22em}.signal .word{position:relative;display:block;width:auto;height:auto}.signal:before,.signal:after{content:attr(data-text)}.display-panel{position:fixed;z-index:10;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(570px,calc(100% - 32px));padding:12px 16px;border:1px solid #8caf8e30;border-radius:12px;background:#03140fee;box-shadow:0 8px 32px #0005;color:#b6cdbb;font:12px/1.5 ui-monospace,Menlo,monospace;backdrop-filter:blur(12px)}.display-panel summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:24px;color:#c7e2cd}.display-panel summary::-webkit-details-marker{display:none}.display-panel:not([open]) summary span{transform:rotate(180deg)}.display-controls{display:grid;grid-template-columns:1.35fr 1fr auto;align-items:end;gap:20px;padding:14px 0 3px}.display-controls label{display:grid;gap:8px}.display-controls select{font:inherit;color:#d2e9d8;background:#0d2519;border:1px solid #72947c66;border-radius:6px;padding:9px 8px;min-width:0;width:100%;height:40px}.size-control>span{display:flex;justify-content:space-between;gap:8px}.size-control output{font-variant-numeric:tabular-nums;color:#e1f2e4}.display-controls input[type=range]{width:100%;margin:0;min-width:0;height:40px;accent-color:#93c9a4;cursor:pointer}.display-controls .caps-control{display:flex;gap:8px;align-items:center;min-height:40px;white-space:nowrap;cursor:pointer}.caps-control input{width:17px;height:17px;accent-color:#93c9a4;margin:0}.display-panel :focus-visible{outline:2px solid #b3f9c5;outline-offset:4px}@media(max-width:520px){.display-controls{grid-template-columns:1fr auto;gap:12px 16px}.font-control{grid-column:1/-1}.display-panel{bottom:max(16px,env(safe-area-inset-bottom))}.display-controls .caps-control{padding:0 4px}}@media(max-height:450px){.display-panel{bottom:8px;padding:6px 14px}.display-controls{padding-top:6px;grid-template-columns:1.35fr 1fr auto}.font-control{grid-column:auto}}.signal{font-family:var(--signal-font,"Major Mono Display"),monospace;font-size:var(--signal-size,62px)}.signal.glyph-burst .echo-a{animation:channel-cyan .55s steps(1,end) 1}.signal.glyph-burst .echo-b{animation:channel-magenta .55s steps(1,end) 1}:root{background:#000500}body{background:#010901}main{background:radial-gradient(ellipse at 50% 47%,#062406,#031703 32%,#010b01 65%,#000300)}.glass{background:radial-gradient(ellipse at 50% -25%,#55a84618,transparent 60%),radial-gradient(ellipse at 50% 54%,#38c8210c,transparent 45%)}.display-panel{background:#020d02ee;border-color:#80ad7030}.display-controls select{background:#0a1b08;border-color:#65925466}:root{background:#010205}body{background:#020408}main{background:radial-gradient(ellipse at 50% 47%,#08101e,#050b15 32%,#02060d 65%,#010205)}.glass{background:radial-gradient(ellipse at 50% -25%,#536e9a0c,transparent 60%),radial-gradient(ellipse at 50% 54%,#294b8208,transparent 45%)}.sweep{background:linear-gradient(transparent,#a6bdff02 55%,#a6bdff05 94%,transparent)}.signal{filter:drop-shadow(0 0 5px #adc7ff25)}.word{color:#d9e1ed}.echo-a{color:#ff2424}.echo-b{color:#00d9ff}.signal:before{color:#20ff48}.signal:after{color:#00d9ff}.signal.glyph-burst:before{animation:broken-row .55s steps(1,end) 1}.display-panel{background:#030710ee;border-color:#6f83a530;color:#b8c4d8}.display-panel summary{color:#cad5e7}.display-controls select{background:#0a1120;border-color:#65759666;color:#d5deec}.size-control output{color:#dbe5f4}.display-controls input[type=range],.caps-control input{accent-color:#99afce}.display-panel :focus-visible{outline-color:#b5ceef}:root{background:#000204}body{background:#000307}main{background:radial-gradient(ellipse at 50% 47%,#00101c,#000a13 32%,#00050b 65%,#000103)}.glass{background:radial-gradient(ellipse at 50% -25%,#00689a0a,transparent 60%),radial-gradient(ellipse at 50% 54%,#005a8207,transparent 45%)}.sweep{background:linear-gradient(transparent,#43bfff02 55%,#43bfff04 94%,transparent)}.word{color:#cadfe9}.signal{filter:drop-shadow(0 0 5px #3cbcff20)}.display-panel{background:#00080eee;border-color:#3d738530;color:#a9c5d0}.display-panel summary{color:#bdd5df}.display-controls select{background:#03121c;border-color:#39647766;color:#cadfe7}.size-control output{color:#cadfe7}.display-controls input[type=range],.caps-control input{accent-color:#81acbf}.display-panel :focus-visible{outline-color:#9fd5e9}@keyframes channel-cyan{0%,16%,26%,61%,71%,to{clip-path:inset(0);transform:translate(0);opacity:0}17%{clip-path:inset(10% 0 55%);transform:translate(-3.6px,-.4px);opacity:1}19%{clip-path:inset(54% 0 12%);transform:translate(2.8px,.4px);opacity:.9}22%{clip-path:inset(25% 0 40%);transform:translate(-2px);opacity:1}62%{clip-path:inset(0 0 65%);transform:translate(-2.8px);opacity:1}65%{clip-path:inset(50% 0 10%);transform:translate(4px);opacity:1}68%{clip-path:inset(18% 0 55%);transform:translate(-1.6px,-.4px);opacity:.8}}@media(prefers-reduced-motion:reduce){.echo-a{opacity:0}}.signal{font-family:Major Mono Display,monospace;font-size:clamp(30px,6vw,62px)}:root{background:#080808}body{background:#0b0b0b}main{background:radial-gradient(ellipse at 50% 47%,#202020,#171717 32%,#101010 65%,#070707)}.glass{background:radial-gradient(ellipse at 50% -25%,#ffffff09,transparent 60%),radial-gradient(ellipse at 50% 54%,#ffffff05,transparent 45%)}.sweep{background:linear-gradient(transparent,#ffffff02 55%,#ffffff04 94%,transparent)}.scanlines{background:repeating-linear-gradient(0deg,#0003 0px,#0003 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,#0000000d 0px,#0000000d 1px,transparent 1px,transparent 3px)}.edge{box-shadow:inset 0 0 1px 1px #ffffff0a,inset 0 0 24px 9px #0009}.word{color:#dedede}.signal{filter:drop-shadow(0 0 5px #ffffff20)}.grain{background-image:url(/dither.png);background-size:256px 256px;mix-blend-mode:normal;opacity:.045;image-rendering:auto}@media(prefers-reduced-motion:reduce){.grain{opacity:.045}}:root,body,main{background:#171717}.glass,.edge{display:none}