:root{--bg:#070b14;--surface:#0d1424;--surface-2:#121b30;--line:#1c2742;--fg:#e2e8f0;--muted:#94a3b8;--dim:#64748b;--blue:#3b82f6;--cyan:#22d3ee;--ice:#a5b4fc;--ok:#28c840;--err:#ff6b6b;--sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{overflow-x:clip}html.lenis,html.lenis body{height:auto}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}::selection{background:var(--blue);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--mono)}.page{z-index:1;max-width:1200px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto;padding-block:16px 24px;position:relative}main{grid-template-columns:minmax(0,1fr);gap:clamp(80px,12vw,160px);display:grid}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.grid-bg{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 20%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 20%,#000 30%,#0000 75%)}.glow{opacity:.4;border-radius:50%;position:absolute}.g1{background:var(--blue);width:520px;height:520px;top:-160px;right:-120px}.g2{background:#0e7490;width:420px;height:420px;top:40%;left:-200px}.progress{z-index:60;transform-origin:0;background:linear-gradient(90deg, var(--blue), var(--cyan));height:3px;position:fixed;top:0;left:0;right:0}.cursor-dot,.cursor-ring{pointer-events:none;z-index:100;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--cyan);width:6px;height:6px;margin:-3px 0 0 -3px}.cursor-ring{border:1.5px solid #22d3ee99;width:34px;height:34px;margin:-17px 0 0 -17px;transition:border-color .2s,background .2s,border-radius .2s}.cursor-ring.link{border-color:var(--blue);background:#3b82f626}.cursor-ring.text{border-radius:3px}@media (pointer:fine){html,body,*,:before,:after{cursor:none!important}}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 20px;font-size:14px;font-weight:500;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.btn.small{min-height:38px;padding:8px 14px;font-size:13px}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 0 #3b82f680}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px #3b82f6cc}.btn.ghost{border:1px solid var(--line);font-family:var(--mono);background:#0d142499;font-size:13px}.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.btn svg{transition:transform .25s}.btn:hover svg{transform:translate(2px,-2px)}.nav{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:50;-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);background:#070b14b8;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:8px 8px 8px 10px;display:flex;position:sticky}.pill{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.nav-links{gap:30px;font-size:14px;font-weight:500;display:flex}.nav-links a{color:var(--muted);transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--blue), var(--cyan));transform-origin:0;height:1.5px;transition:transform .3s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-links sup{font-family:var(--mono);color:var(--dim);margin-left:3px;font-size:9px}.pill-btn{border-radius:999px}@media (width<=960px){.nav-links{display:none}}@media (width<=460px){.nav .status{white-space:normal;padding:6px 10px;font-size:11px;line-height:1.3}.nav .pill-btn{padding:8px 14px;font-size:13px}}.hero{padding-top:clamp(48px,7vw,90px);position:relative}.dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #28c84099}@keyframes pulse{70%{box-shadow:0 0 0 8px #28c84000}to{box-shadow:0 0 #28c84000}}.hero-name{letter-spacing:-.05em;text-align:center;flex-wrap:wrap;justify-content:center;column-gap:.25em;font-size:clamp(48px,8.4vw,124px);font-weight:700;line-height:.95;display:flex}.word{display:inline-flex}.char-mask{margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.char{transform-origin:0 100%;display:inline-block}.char.grad{background:linear-gradient(100deg, var(--blue) 10%, var(--cyan) 60%, var(--ice));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-bottom{grid-template-columns:minmax(0,1fr) minmax(320px,540px) minmax(0,1fr);align-items:end;gap:28px;margin-top:clamp(28px,4vw,48px);display:grid}.hero-intro{justify-items:start;gap:12px;padding-bottom:24px;display:grid}.hero-intro p{color:var(--muted);font-size:15px}.role{font-size:17px;font-weight:500;color:var(--fg)!important}.role .mono{color:var(--blue)}.hero-intro .btn{margin-top:6px}.hero-term{perspective:1200px;min-width:0}.hero-socials{justify-items:end;gap:10px;padding-bottom:24px;display:grid}@media (width<=1000px){.hero-bottom{grid-template-columns:minmax(0,1fr)}.hero-intro{padding-bottom:0}.hero-socials{flex-wrap:wrap;order:2;padding-bottom:0;display:flex}.hero-term{order:3}}.mac{-webkit-backdrop-filter:blur(20px);font-family:var(--mono);background:#0b0f1aeb;border:1px solid #2a3654;border-radius:12px;font-size:13px;overflow:hidden;box-shadow:0 40px 80px -20px #000000b3,inset 0 0 0 1px #ffffff08,0 0 80px -20px #3b82f673}.mac-bar{background:linear-gradient(#1a2236,#141b2c);border-bottom:1px solid #222c45;align-items:center;height:38px;padding:0 14px;display:flex;position:relative}.lights{gap:8px;display:inline-flex}.lights span{border-radius:50%;width:12px;height:12px}.lights .r{background:#ff5f57}.lights .y{background:#febc2e}.lights .g{background:#28c840}.mac-title{text-align:center;color:var(--dim);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;padding-inline:70px;font-size:12px;position:absolute;left:0;right:0;overflow:hidden}.mac-body{cursor:text;scrollbar-width:thin;scrollbar-color:var(--line) transparent;height:340px;padding:14px 16px;line-height:1.7;overflow-y:auto}.t-line{white-space:pre-wrap;overflow-wrap:anywhere}.t-out{color:#cbd5e1;margin-bottom:6px}.t-prompt{white-space:nowrap}.t-ok{color:var(--ok)}.t-path{color:var(--cyan);font-weight:600}.t-accent{color:var(--blue)}.t-cmd{color:var(--cyan)}.t-dim{color:var(--dim)}.t-err{color:var(--err)}.t-hint{color:var(--ice)}.t-link{color:var(--ice);text-underline-offset:3px;text-decoration:underline}.t-help{gap:1px;display:grid}.t-help div{grid-template-columns:13ch 1fr;gap:12px;display:grid}.neofetch{flex-wrap:wrap;gap:18px;padding-block:4px;display:flex}.neofetch pre{font:inherit;margin:0;line-height:1.25}.swatches{gap:0;margin-top:6px;display:flex}.swatches span{width:18px;height:12px}.t-input{align-items:center;gap:8px;display:flex;position:relative}.t-input input{opacity:0;width:calc(100% - 40px);font:inherit;color:#0000;cursor:text;background:0 0;border:0;position:absolute;inset:0 0 0 40px}.t-ghost{white-space:pre;min-height:1.7em}.t-caret{vertical-align:-2px;background:var(--cyan);width:8px;height:15px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}.t-input:has(input:disabled) .t-caret{animation:none}@keyframes blink{50%{opacity:0}}.mac-chips{background:#0d1424cc;border-top:1px solid #1c2640;flex-wrap:wrap;gap:6px;padding:10px 14px;display:flex}.mac-chips button{font-family:var(--mono);border:1px solid var(--line);min-height:32px;color:var(--muted);border-radius:6px;padding:5px 10px;font-size:12px;transition:all .2s}.mac-chips button:hover:not(:disabled){color:var(--cyan);border-color:var(--cyan)}.mac-chips button:disabled{opacity:.4}@media (width<=520px){.mac-body{height:300px;font-size:12px}.t-help div{grid-template-columns:1fr;gap:0;margin-bottom:4px}}.section{scroll-margin-top:90px;position:relative}.section-head{gap:12px;margin-bottom:clamp(32px,5vw,56px);display:grid}.sh-cmd{font-family:var(--mono);font-size:13px}.sh-path{color:var(--cyan)}.sh-dim{color:var(--dim)}.sh-row{align-items:baseline;gap:16px;display:flex}.sh-index{font-family:var(--mono);color:var(--blue);font-size:14px}.section-head h2{letter-spacing:-.04em;font-size:clamp(40px,6.4vw,80px);font-weight:700;line-height:1}.sh-line{background:linear-gradient(90deg, var(--blue), var(--cyan) 40%, transparent);height:1px;display:block}.about-text{letter-spacing:-.02em;max-width:30em;font-size:clamp(24px,3.4vw,42px);font-weight:500;line-height:1.3}.sw{display:inline}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(40px,6vw,72px);display:grid}.stats li{border:1px solid var(--line);border-radius:var(--radius);background:#0d1424b3;gap:4px;padding:20px;display:grid}.counter{font-family:var(--mono);color:var(--cyan);font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1.1}.stats span:last-child{color:var(--muted);font-size:14px}@media (width<=760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.filters [role=tablist]{border:1px solid var(--line);background:#0d1424b3;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.filters button{min-height:38px;font-family:var(--mono);color:var(--muted);border-radius:8px;padding:8px 14px;font-size:13px;transition:color .2s;position:relative}.filters button.active{color:#fff}.filters button span{z-index:1;position:relative}.filters button .filter-bg{z-index:0;background:var(--blue);border-radius:8px;position:absolute;inset:0}.grid{perspective:1400px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=720px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--line);border-radius:var(--radius);transform-origin:50% 100%;background:#0d1424bf;padding:8px;transition:border-color .3s,box-shadow .3s;display:grid}.card:hover{border-color:#3b82f699;box-shadow:0 20px 60px -20px #3b82f673}.thumb{aspect-ratio:16/10;cursor:none;background:#0a1020;border-radius:10px;max-width:100%;position:relative;overflow:hidden}@media (pointer:coarse){.thumb{cursor:pointer}}.badge{z-index:2;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--fg);color:var(--bg);border-radius:6px;padding:3px 9px;font-size:10px;position:absolute;top:12px;left:12px}.thumb-cta{z-index:3;background:var(--cyan);width:56px;height:56px;color:var(--bg);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.mock-wrap{position:absolute;inset:-10% 0}.mock{transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.card:hover .mock{transform:scale(1.06)}.card-body{gap:8px;padding:16px 10px 10px;display:grid}.card-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card-body h3{letter-spacing:-.01em;font-size:18px;font-weight:600}.card-cat{font-family:var(--mono);color:var(--cyan);white-space:nowrap;font-size:12px}.card-body p{color:var(--muted);font-size:14px}.tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag{font-family:var(--mono);background:var(--surface-2);color:var(--ice);border:1px solid var(--line);border-radius:6px;padding:3px 9px;font-size:12px}.mock-web{background:radial-gradient(120% 90% at 50% 120%,#3b82f68c,#0000 60%),#0a1020;place-items:center;display:grid}.mock-web>*{width:72%}.mw-bar{background:#1a2236;border-radius:10px 10px 0 0;gap:5px;padding:8px 10px;display:flex}.mw-bar span{background:#34405e;border-radius:50%;width:7px;height:7px}.mw-body{background:#121a2c;border-radius:0 0 10px 10px;gap:8px;padding:16px;display:grid}.mw-body b{background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:4px;width:55%;height:14px}.mw-body i,.phone i{background:#283452;border-radius:4px;height:7px}.mw-body i.short,.phone i.short{width:60%}.mw-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.mw-grid span{aspect-ratio:4/3;background:#1c2742;border-radius:6px}.mock-mobile{background:linear-gradient(160deg,#10203c,#070b14);justify-content:center;align-items:center;gap:14px;display:flex}.phone{aspect-ratio:9/18;background:#0f1628;border:2px solid #26324f;border-radius:14px;align-content:start;gap:6px;width:22%;padding:14px 8px;display:grid}.phone:nth-child(2){border-color:var(--cyan);transform:translateY(-10px)}.phone b{background:#22d3ee4d;border-radius:8px;height:30%;min-height:30px}.mock-term,.mock-code{font-family:var(--mono);color:#cbd5e1;background:#0a1020;align-content:center;gap:6px;padding:12%;font-size:clamp(11px,1.2vw,14px);display:grid}.mock-term code:first-child{color:#fff}.mock-term code:last-child{color:var(--cyan)}.mock-code{background:linear-gradient(135deg,#0f1d3a,#0a1020)}.mock-code em{color:var(--cyan);font-style:normal}.mock code{white-space:pre;text-overflow:ellipsis;overflow:hidden}.tape{font-family:var(--mono);white-space:nowrap;gap:6px;margin-bottom:36px;font-size:clamp(22px,3.4vw,40px);font-weight:600;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.tape div{color:#0000;-webkit-text-stroke:1px #33415f}.tape .tape-alt{color:var(--surface-2);-webkit-text-stroke:0}.stack-list{border-top:1px solid var(--line)}.stack-row{border-bottom:1px solid var(--line);border-radius:12px;transition:background .35s,border-color .35s}.stack-row.open{background:linear-gradient(120deg,#3b82f62e,#22d3ee0f);border-bottom-color:#0000;box-shadow:inset 0 0 0 1px #3b82f659}.stack-head{text-align:left;align-items:center;gap:18px;width:100%;min-height:44px;padding:22px 18px;display:flex}.stack-num{font-family:var(--mono);color:var(--blue);font-size:13px}.stack-title{letter-spacing:-.03em;flex:1;min-width:0;font-size:clamp(26px,4vw,48px);font-weight:600;line-height:1.05}.stack-count{font-family:var(--mono);color:var(--dim);white-space:nowrap;font-size:12px}.stack-arrow{color:var(--muted);place-items:center;display:grid}.stack-row.open .stack-arrow{color:var(--cyan)}.stack-body{overflow:hidden}.stack-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;padding:0 18px 24px 52px;display:flex}.stack-inner p{color:var(--muted);max-width:34ch;font-size:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips li{font-family:var(--mono);color:var(--fg);background:#070b1499;border:1px solid #2a3a60;border-radius:8px;padding:7px 13px;font-size:13px}@media (width<=560px){.stack-inner{padding-left:18px}.stack-count{display:none}}.timeline{padding-left:40px;position:relative}.tl-track{background:var(--line);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:11px;overflow:hidden}.tl-fill{background:linear-gradient(var(--blue), var(--cyan));transform-origin:top;position:absolute;inset:0}.timeline ul{gap:28px;display:grid}.tl-item{position:relative}.tl-node{background:var(--bg);border:3px solid var(--cyan);border-radius:50%;width:16px;height:16px;position:absolute;top:22px;left:-36px;box-shadow:0 0 0 6px #22d3ee1f}.tl-card{border:1px solid var(--line);border-radius:var(--radius);background:#0d1424bf;gap:4px;max-width:720px;padding:20px 22px;transition:border-color .3s,transform .3s;display:grid}.tl-card:hover{border-color:#22d3ee80;transform:translate(6px)}.tl-when{font-family:var(--mono);color:var(--cyan);font-size:12px}.tl-card h3{font-size:20px;font-weight:600}.tl-role{color:var(--fg)}.tl-note{color:var(--muted);font-size:14px}.big-line{margin-bottom:40px;overflow:hidden}.big-line span{white-space:nowrap;letter-spacing:-.05em;background:linear-gradient(90deg, var(--fg), var(--blue) 50%, var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,9vw,120px);font-weight:700;line-height:1;display:inline-block}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.contact-copy{gap:20px;display:grid}.contact-copy p{color:var(--muted);max-width:40ch;font-size:18px}.contact-actions{flex-wrap:wrap;gap:10px;display:flex}.mail-card{background:#0b0f1ae6;border:1px solid #2a3654;border-radius:12px;display:grid;overflow:hidden}.mail-bar{height:38px;color:var(--dim);background:linear-gradient(#1a2236,#141b2c);border-bottom:1px solid #222c45;align-items:center;gap:14px;padding:0 14px;font-size:12px;display:flex}.mail-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:14px 18px;font-size:14px;display:flex}.mail-row span{color:var(--dim)}.mail-row strong{font-family:var(--mono);overflow-wrap:anywhere;color:var(--cyan);font-weight:500}.mail-card .btn{justify-self:start;margin:16px 18px}@media (width<=820px){.contact-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:100px;padding:24px 4px 8px;font-size:13px;display:flex}.footer a:hover{color:var(--cyan)}.thumb{display:block}.thumb.static{cursor:default}.badge.academic{background:var(--fg);color:var(--bg)}.badge.personal{background:var(--cyan);color:var(--bg)}.filters button sup{z-index:1;opacity:.7;margin-left:4px;font-size:10px;position:relative}.card-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:4px;display:flex}.card-links{gap:6px;display:flex}.card-links a{border:1px solid var(--line);min-height:34px;font-family:var(--mono);color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.card-links a:hover{color:var(--cyan);border-color:var(--cyan)}.card-links a.play{background:var(--blue);border-color:var(--blue);color:#fff}.card-links a.play:hover{background:var(--cyan);border-color:var(--cyan);color:var(--bg)}.mock-event{background:radial-gradient(90% 90% at 70% 30%,#22d3ee40,#0000 60%),#0a1020;justify-content:center;align-items:center;gap:24px;display:flex}.phone.big{border-color:var(--cyan);width:22%;position:relative}.ev-tag{font-family:var(--mono);color:var(--cyan);font-size:9px;position:absolute;top:8px;right:8px}.ev-rows{gap:6px;margin-top:4px;display:grid}.ev-rows span{align-items:center;gap:6px;display:flex}.ev-rows em{background:#283452;border-radius:50%;flex:none;width:14px;height:14px}.ev-rows i{background:#283452;border-radius:3px;flex:1;height:6px}.ev-count{font-family:var(--mono);color:var(--fg);font-size:clamp(24px,3.4vw,40px);font-weight:600}.mock-pizza{background:repeating-linear-gradient(45deg,#101a30 0 14px,#0c1426 14px 28px);align-content:center;place-items:center;gap:10px;display:grid}.pizza{aspect-ratio:1;background:radial-gradient(circle,#f6c453 58%,#d98b2b 60%,#b86b1d 70%);border-radius:50%;width:38%;position:relative;box-shadow:0 10px 30px #00000080}.pizza span{aspect-ratio:1;background:#c2402f;border-radius:50%;width:14%;position:absolute;transform:translate(-50%,-50%)}.pixel-text{font-family:var(--mono);letter-spacing:.2em;color:var(--cyan);font-size:12px;font-weight:600}.mock-snake,.mock-graph{background:#0a1020;place-items:center;display:grid}.mock-snake svg,.mock-graph svg{width:80%;height:80%}.snake-a,.snake-b{fill:none;stroke-width:7px;stroke-linecap:round}.snake-a{stroke:var(--cyan)}.snake-b{stroke:var(--blue)}.mock-snake circle{fill:#f472b6}.mock-graph line{stroke:#34405e;stroke-width:1.5px}.mock-graph circle{stroke:#0a1020;stroke-width:2px}.reg-a{fill:var(--blue)}.reg-b{fill:var(--cyan)}.reg-c{fill:var(--ice)}.mock img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.phone.shot{background:#0f1628;border:3px solid #26324f;border-radius:16px;padding:0;position:relative;overflow:hidden;box-shadow:0 18px 40px -12px #000000b3}.mock-mobile{gap:4%}.mock-mobile .phone.shot{aspect-ratio:9/18.4;width:23%}.mock-mobile .phone.shot:first-child{transform:translateY(8px)rotate(-4deg)}.mock-mobile .phone.shot:nth-child(2){border-color:var(--cyan);z-index:1;width:26%;transform:translateY(-8px)}.mock-mobile .phone.shot:nth-child(3){transform:translateY(8px)rotate(4deg)}.phone-glow{pointer-events:none;border-radius:13px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #22d3ee66}.mock-mobile:after{content:"";pointer-events:none;background:linear-gradient(#0000,#070b14d9);height:35%;position:absolute;inset:auto 0 0}.mock-event .phone.shot.big{aspect-ratio:9/17.6;border-color:var(--cyan);width:25%}.ev-side{gap:2px;display:grid}.ev-label{font-family:var(--mono);color:var(--muted);font-size:12px}.mock-web>.browser{border:1px solid #26324f;border-radius:10px;width:84%;overflow:hidden;box-shadow:0 24px 50px -16px #000c}.mock-web .mw-bar{border-radius:0;align-items:center}.mw-bar em{font-family:var(--mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;background:#0f1628;border-radius:6px;margin-left:10px;padding:2px 10px;font-size:10px;font-style:normal;overflow:hidden}.mock-web .browser img{aspect-ratio:1100/574;height:auto}.mock-pizza{gap:12px}.crt{border:6px solid #1a2236;border-radius:12px;width:52%;overflow:hidden;box-shadow:0 0 0 1px #2a3654,0 24px 50px -16px #000c,0 0 60px -10px #3b82f666}.crt img{aspect-ratio:900/676;height:auto;image-rendering:pixelated}.mock-snake .win{border:1px solid #2a3654;border-radius:10px;width:74%;margin-top:6%;overflow:hidden;box-shadow:0 24px 50px -16px #000c,0 0 60px -12px #22d3ee59}.win-bar{background:linear-gradient(#1a2236,#141b2c);border-bottom:1px solid #222c45;align-items:center;gap:12px;height:24px;padding:0 10px;display:flex}.win-bar .lights span{width:8px;height:8px}.win-bar .lights{gap:5px}.win-bar em{font-family:var(--mono);color:var(--dim);font-size:10px;font-style:normal}.mock-snake .win img{aspect-ratio:1000/619;height:auto}.mock-pizza{padding-top:5%}.mock-event .phone.shot.big{aspect-ratio:1045/2048;border-radius:18px;width:auto;height:74%}.mock-transfer{background:linear-gradient(135deg,#0f1d3a,#0a1020);justify-content:center;align-items:center;gap:6%;padding:0 8%;display:flex}.tx-log{font-family:var(--mono);color:#cbd5e1;gap:6px;min-width:0;font-size:clamp(10px,1vw,12px);display:grid}.tx-log code:first-child{color:#fff}.tx-log code:nth-child(3){color:var(--err)}.tx-log code:last-child{color:var(--cyan)}.tx-file{background:#fff;border:1px solid #2a3654;border-radius:10px;flex:none;width:32%;overflow:hidden;box-shadow:0 24px 50px -16px #000c,0 0 50px -12px #22d3ee66}.tx-img{background:#fff;padding:10% 14%}.tx-img img{object-fit:contain;height:auto;animation:4s steps(12,end) infinite receive}.tx-bar{background:#1a2236;height:4px;display:block}.tx-bar i{background:linear-gradient(90deg, var(--blue), var(--cyan));transform-origin:0;height:100%;animation:4s steps(12,end) infinite progress;display:block}@keyframes receive{0%{clip-path:inset(0 0 100%)}75%,to{clip-path:inset(0)}}@keyframes progress{0%{transform:scaleX(0)}75%,to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.tx-img img,.tx-bar i{animation:none}}.mac-body.game{cursor:default;padding:10px 14px 12px;display:flex}.snake{flex-direction:column;gap:8px;width:100%;height:100%;display:flex}.snake-hud{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.snake-hud b{color:var(--cyan);font-weight:600}.snake-board{flex:1;place-items:center;min-height:0;display:grid;position:relative}.snake-board canvas{border:1px solid var(--line);touch-action:none;background:#070b1499;border-radius:6px;display:block}.snake-over{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#070b14b3;place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}.snake-over strong{letter-spacing:.2em;color:var(--err);font-size:22px}.snake-over span{color:var(--muted)}.mac-chips button.pad{min-width:44px;min-height:40px;color:var(--fg);font-size:16px}@media (pointer:fine){.mac-chips button.pad{display:none}}.t-exec{color:var(--ok);font-weight:600}
