.linksos{--padx:clamp(8px,4vw,28px);--pady:clamp(10px,3vh,32px);--dw:min(calc(100vw - var(--padx) * 2 - 1px),calc((100svh - var(--pady) * 2) * 0.53880));--u:calc(var(--dw) / 100);--blue:#5f8bff;--red:#ff4d5e;--amber:#ffb84d;--ink:#eef2ff;--dim:rgba(230,236,255,0.62);--line:rgba(180,200,255,0.24);position:relative;min-height:100svh;background:#04050a;color:var(--ink)}.linksos__stage{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--pady) var(--padx);background:radial-gradient(120% 70% at 50% 0,rgba(47,107,255,.16) 0,transparent 60%),radial-gradient(90% 60% at 80% 100%,rgba(255,47,69,.12) 0,transparent 60%),#04050a}.linksos__device{position:relative;width:var(--dw);aspect-ratio:854/1585;flex:none;border-radius:clamp(14px,2.4vw,26px);overflow:hidden;background:#060810;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05)}.linksos__canvas{position:absolute;inset:0;background:#04050a;z-index:1}.linksos__css,.linksos__gl{position:absolute!important;inset:0;width:100%!important;height:100%!important}.linksos__gl{display:block;z-index:1}.linksos__css{z-index:2}.linksos__screen{overflow:hidden;background:transparent;font-family:var(--font-sans),"Helvetica Neue",Arial,sans-serif;border-radius:calc(var(--u) * 1.2);-webkit-font-smoothing:antialiased}.linksos__screen.is-static{position:absolute;left:12.9%;top:16.3%;width:74.2%;height:54.5%}.linksos__inner{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:calc(var(--u) * 3.2) calc(var(--u) * 3.2) calc(var(--u) * 2.4);scrollbar-width:thin;scrollbar-color:rgba(180,200,255,.4) transparent;overscroll-behavior:contain}.linksos__inner::-webkit-scrollbar{width:5px}.linksos__inner::-webkit-scrollbar-thumb{background:rgba(180,200,255,.35);border-radius:4px}.linksos__scan{position:absolute;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(180deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 0,transparent 3px);opacity:0;animation:linksosFlicker 7s ease-in-out infinite}.is-on .linksos__scan{opacity:1}.linksos__boot{position:absolute;inset:0;z-index:9;pointer-events:none;background:#000;opacity:1}.linksos__boot:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#fff;box-shadow:0 0 14px 5px rgba(180,220,255,.95);transform:translateY(-50%) scaleX(0);opacity:0}.is-on .linksos__boot{animation:linksosBootLift .34s ease .5s both}.is-on .linksos__boot:after{animation:linksosBeamX .2s ease-out both,linksosBeamY .42s ease-in .2s both}.is-off .linksos__boot{animation:linksosBootDrop .14s ease .26s both}.is-off .linksos__boot:after{animation:linksosCollapse .34s ease-in both}@keyframes linksosBootLift{0%{opacity:1}to{opacity:0}}@keyframes linksosBootDrop{0%{opacity:0}to{opacity:1}}@keyframes linksosBeamX{0%{opacity:1;transform:translateY(-50%) scaleX(0)}to{opacity:1;transform:translateY(-50%) scaleX(1)}}@keyframes linksosBeamY{0%{opacity:1;transform:translateY(-50%) scaleX(1) scaleY(1)}70%{opacity:.9}to{opacity:0;transform:translateY(-50%) scaleX(1) scaleY(600)}}@keyframes linksosCollapse{0%{opacity:1;transform:translateY(-50%) scaleX(1) scaleY(600)}55%{opacity:1;transform:translateY(-50%) scaleX(1) scaleY(1)}to{opacity:0;transform:translateY(-50%) scaleX(0) scaleY(1)}}@keyframes linksosFlicker{0%,96%,to{opacity:1}97%{opacity:1}98%{opacity:.6}}@keyframes linksosIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes linksosOut{0%{opacity:1}to{opacity:0}}.linksos__head,.linksos__slot,.linksos__ticker{opacity:0}.is-on .linksos__head{animation:linksosIn .4s ease .58s both}.is-on .linksos__slot{animation:linksosIn .4s ease both;animation-delay:calc(.66s + var(--i, 0) * 70ms)}.is-on .linksos__ticker{animation:linksosIn .4s ease 1.14s both}.is-off .linksos__head,.is-off .linksos__slot,.is-off .linksos__ticker{animation:linksosOut .14s ease both}.is-ready .linksos__boot,.is-ready .linksos__boot:after{animation:none;opacity:0}.is-ready .linksos__head,.is-ready .linksos__slot,.is-ready .linksos__ticker{animation:none;opacity:1}.linksos__head{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--u) * 2);padding-bottom:calc(var(--u) * 2);margin-bottom:calc(var(--u) * 2.2);border-bottom:1px solid var(--line)}.linksos__os{margin:0;display:flex;align-items:center;gap:calc(var(--u) * 1.2);font-size:clamp(11px,calc(var(--u) * 4.2),20px);color:var(--ink)}.linksos__mac{flex:none;width:1.15em;height:1.15em;color:var(--ink)}.linksos__osname{font-weight:600;letter-spacing:.01em}.linksos__osver{font-family:var(--font-handjet),ui-monospace,monospace;color:var(--dim);font-size:.58em}.linksos__tag{margin:.2em 0 0;font-size:clamp(7px,calc(var(--u) * 2.2),10.5px);line-height:1.3;letter-spacing:.05em;color:var(--dim);text-transform:uppercase}.linksos__time{font-family:var(--font-handjet),ui-monospace,monospace;font-size:clamp(9px,calc(var(--u) * 3),13px);color:var(--ink);white-space:nowrap;flex-shrink:0}.linksos__list{flex:1 1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:calc(var(--u) * 1.9);gap:calc(var(--u) * 1.9);align-content:center}.linksos__card,.linksos__slot{display:flex;min-width:0}.linksos__card{--row-accent:var(--blue);position:relative;flex:1 1;flex-direction:column;border-radius:clamp(5px,calc(var(--u) * 1.5),11px);border:1px solid var(--line);background:rgba(10,16,32,.66);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .18s ease,border-color .18s ease,background .18s ease}.linksos__card--red{--row-accent:var(--red)}.linksos__card--amber{--row-accent:var(--amber)}.linksos__card:focus-visible,.linksos__card:hover{transform:translateY(-3px);border-color:var(--row-accent);background:rgba(14,22,42,.9)}.linksos__card:focus-visible{outline:2px solid var(--row-accent);outline-offset:2px}.linksos__card:active{transform:translateY(-1px) scale(.99)}.linksos__shot{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--row-accent) 18%,#0b0e18)}.linksos__shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.linksos__card:hover .linksos__shot img{transform:scale(1.05)}.linksos__index{position:absolute;top:4%;left:6%;font-family:var(--font-handjet),ui-monospace,monospace;font-size:clamp(6.5px,calc(var(--u) * 2),10px);color:rgba(238,242,255,.9);text-shadow:0 0 4px rgba(0,0,0,.95)}.linksos__copy{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.2em;padding:calc(var(--u) * 1.3) calc(var(--u) * 1.3) calc(var(--u) * 1.5)}.linksos__title{font-size:clamp(7px,calc(var(--u) * 1.9),9.6px);letter-spacing:-.01em;font-weight:700;line-height:1.15;text-wrap:balance;overflow-wrap:anywhere}.linksos__subtitle{font-size:clamp(7px,calc(var(--u) * 1.85),9.5px);line-height:1.25;color:var(--dim);text-wrap:balance}.linksos__ticker{margin:calc(var(--u) * 2.2) 0 0;font-family:var(--font-handjet),ui-monospace,monospace;font-size:clamp(6.5px,calc(var(--u) * 1.9),9.5px);letter-spacing:.1em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linksos__ticker span{color:var(--ink)}.linksos__hud{position:absolute;z-index:4;pointer-events:none;font-family:var(--font-handjet),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(230,236,255,.78);text-shadow:0 1px 6px rgba(0,0,0,.75);animation:linksosHud .8s ease .3s both}.linksos__hud p{margin:0}.linksos__hud--tl{top:calc(var(--u) * 3.4);left:calc(var(--u) * 4.2)}.linksos__hud--tr{top:calc(var(--u) * 3.4);right:calc(var(--u) * 4.2);text-align:right}.linksos__hud--bl{bottom:calc(var(--u) * 3.6);left:calc(var(--u) * 4.2)}.linksos__hud--br{bottom:calc(var(--u) * 3.6);right:calc(var(--u) * 4.2);text-align:right}.linksos__hud-title{font-size:clamp(9px,calc(var(--u) * 3),14px);color:var(--ink);padding-left:calc(var(--u) * 2.4);border-left:1px solid rgba(230,236,255,.5)}.linksos__hud-sub{font-size:clamp(7px,calc(var(--u) * 2.1),10px);line-height:1.35}.linksos__hud--tl .linksos__hud-sub{padding-left:calc(var(--u) * 2.4);border-left:1px solid rgba(230,236,255,.5)}@keyframes linksosHud{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.linksos__socials{display:flex;gap:calc(var(--u) * 1.8);list-style:none;margin:calc(var(--u) * 2.2) 0 0;padding:0;pointer-events:auto}.linksos__socials a{display:flex;align-items:center;justify-content:center;width:clamp(24px,calc(var(--u) * 6.6),32px);height:clamp(24px,calc(var(--u) * 6.6),32px);border-radius:50%;border:1px solid rgba(230,236,255,.35);color:var(--ink);transition:transform .18s ease,border-color .18s ease,color .18s ease}.linksos__socials a svg{width:48%;height:48%}.linksos__socials a:focus-visible,.linksos__socials a:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.linksos__socials a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.linksos__boot:after,.linksos__hud,.linksos__scan{animation:none!important}.linksos__card,.linksos__shot img,.linksos__socials a{transition:none!important}.is-on .linksos__boot{animation:none;opacity:0}.is-on .linksos__head,.is-on .linksos__slot,.is-on .linksos__ticker{animation:none;opacity:1}}