.site-header{z-index:20;border-bottom:1px solid #0000;width:100%;height:64px;transition:background-color .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;top:0}.site-header[data-variant=glass],.site-header[data-variant=dotted],.site-header[data-scrolled=true]{background:color-mix(in srgb, var(--color-oled-light-primary) 70%, transparent);border-bottom-color:var(--color-border-subtle);backdrop-filter:blur(16px)saturate(1.5)}.site-header-inner{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex}@media (width>=640px){.site-header-inner{padding:0 32px}}.site-header-hello{color:inherit;letter-spacing:.14em;text-transform:uppercase;gap:6px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;display:flex}.site-header-pill{border:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-oled-light-primary) 55%, transparent);border-radius:999px;align-items:center;gap:18px;padding:3px 4px;display:flex}@media (width>=640px){.site-header-pill{padding:6px 8px 6px 18px}}.site-header-pill nav li{letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cfg-trigger{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;transition:background-color .2s;display:flex}.cfg-trigger:hover,.cfg-trigger[aria-expanded=true]{background:color-mix(in srgb, var(--color-accent-primary) 14%, transparent)}.cfg-panel{z-index:30;border:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-oled-light-primary) 82%, transparent);backdrop-filter:blur(20px)saturate(1.6);border-radius:18px;flex-direction:column;gap:18px;width:290px;max-width:calc(100vw - 32px);padding:18px;animation:.18s ease-out cfg-in;display:flex;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 24px 60px -18px #0a143266}.cfg-panel[hidden]{display:none}@keyframes cfg-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.cfg-field{border:0;margin:0;padding:0}.cfg-field legend{letter-spacing:.12em;text-transform:uppercase;color:var(--color-dark-neutral);margin-bottom:8px;padding:0;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.cfg-seg{border:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-dark-primary) 5%, transparent);border-radius:999px;gap:2px;padding:3px;display:flex}.cfg-seg button{color:var(--color-dark-neutral);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;margin:0;padding:7px 10px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:background-color .2s,color .2s}.cfg-seg button:hover{color:var(--color-dark-primary)}.cfg-seg button[data-active=true]{background:var(--color-dark-primary);color:var(--color-oled-light-primary)}body{overflow-x:clip}.page{max-width:1280px;margin:0 auto;padding:0 24px;position:relative}@media (width>=640px){.page{padding:0 32px}}.page-hero{padding:72px 0 56px;position:relative}@media (width>=640px){.page-hero{padding:96px 0 72px}}.page-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px 220px at 12% 30%, color-mix(in srgb, var(--color-accent-primary) 16%, transparent), transparent 70%), radial-gradient(420px 200px at 40% 10%, color-mix(in srgb, var(--color-tint-primary) 14%, transparent), transparent 70%);height:360px;position:absolute;inset:-40px -10% auto}.page-hero-title{font-family:var(--font-heading,inherit);letter-spacing:-.035em;margin-top:14px;font-size:clamp(3rem,9vw,6.5rem);font-weight:800;line-height:.95}.page-hero .projects-sub{margin-top:20px;font-size:1.1rem}.chips{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-oled-light-primary) 60%, transparent);letter-spacing:.04em;color:inherit;border-radius:999px;align-items:center;gap:4px;padding:7px 14px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.chip:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:0 8px 22px -10px var(--color-accent-primary);transform:translateY(-2px)}.chip-hash{color:var(--color-accent-primary)}.page-section{padding:72px 0 0}.page-section .projects-head{margin-bottom:36px}.page-section .projects-title{font-size:clamp(2rem,5vw,3rem)}.page-section .projects-grid{margin-top:0}.page-end{height:120px}.pcard-preview.pcard-preview-bleed{aspect-ratio:16/9;background-image:none;min-height:0;padding:0;overflow:hidden}.pcard-preview.pcard-preview-bleed img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.pc-third{grid-column:span 2}@media (width<=899px){.pc-third{grid-column:span 6}}.site-footer{border-top:1px solid var(--color-border-subtle);margin-top:96px}.site-footer-inner{letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:32px 24px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}@media (width>=640px){.site-footer-inner{padding:32px}}.site-footer nav ul{letter-spacing:.1em;flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none;display:flex}.post-head{border-bottom:1px solid var(--color-border-subtle);margin:56px 0 40px;padding-bottom:32px}@media (width>=768px){.post-head{margin:88px 0 56px}}.post-title{max-width:22ch;font-family:var(--font-heading,inherit);letter-spacing:-.03em;margin-top:14px;font-size:clamp(2.2rem,6vw,4rem);font-weight:800;line-height:1.02}.post-subtitle{max-width:50ch;font-family:var(--font-heading,inherit);color:var(--color-dark-neutral);margin-top:16px;font-size:clamp(1.1rem,2.4vw,1.5rem);line-height:1.35}.post-meta{letter-spacing:.06em;text-transform:uppercase;color:var(--color-dark-neutral);flex-wrap:wrap;gap:8px 22px;margin-top:24px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.post-meta b{color:var(--color-dark-primary);font-weight:600}.post-card{border:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-oled-light-primary) 60%, transparent);border-radius:16px;margin:48px 0;padding:22px}.post-card h3{letter-spacing:.12em;text-transform:uppercase;color:var(--color-dark-neutral);margin-bottom:16px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.post-card-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.post-notice{border:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-tint-primary) 8%, transparent);border-radius:12px;margin-bottom:32px;padding:12px 16px;font-size:.9rem}.projects{max-width:1280px;margin:0 auto;padding:120px 24px 80px;position:relative}@media (width>=640px){.projects{padding-left:32px;padding-right:32px}}.projects-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-primary);font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.projects-title{font-family:var(--font-heading,inherit);letter-spacing:-.03em;margin-top:14px;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1}.projects-sub{max-width:520px;color:var(--color-dark-neutral);margin-top:14px}.projects-grid{perspective:1400px;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:48px;display:grid}.pc-naskah{grid-column:span 4}.pc-katla{grid-column:span 2}.pc-sloth,.pc-more{grid-column:span 3}@media (width<=899px){.pc-naskah,.pc-katla,.pc-sloth,.pc-more{grid-column:span 6}}.pcard{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--angle:0deg;background:var(--color-border-subtle);color:inherit;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out, opacity .8s var(--delay), translate .8s var(--delay);border-radius:20px;padding:1px;display:block;position:relative}.pcard[data-armed=true]:not([data-seen=true]){opacity:0;translate:0 40px}.pcard-border{border-radius:inherit;opacity:0;background:conic-gradient(from var(--angle), transparent 0 55%, var(--color-accent-primary), #7dd3fc, transparent 95%);transition:opacity .3s;animation:3s linear infinite pcard-spin;position:absolute;inset:0}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes pcard-spin{to{--angle:360deg}}.pcard:hover .pcard-border{opacity:1}.pcard-inner{background:var(--color-oled-light-primary);border-radius:19px;flex-direction:column;height:100%;padding:22px;display:flex;position:relative;overflow:hidden}.pcard-glare{pointer-events:none;z-index:2;border-radius:inherit;opacity:0;background:radial-gradient(360px circle at var(--mx) var(--my), #7dbeff29, transparent 60%);transition:opacity .3s;position:absolute;inset:0}.pcard:hover .pcard-glare{opacity:1}.pcard-top{letter-spacing:.08em;text-transform:uppercase;color:var(--color-dark-neutral);justify-content:space-between;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.pcard-tag{letter-spacing:.1em;text-transform:uppercase;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.pcard-url{transition:color .2s}.pcard:hover .pcard-url{color:var(--color-accent-primary)}.pcard-preview{color:#dbe7ff;background-color:#060a14;background-image:url(/static/commits.svg);background-position:50%;background-size:auto;border-radius:12px;flex:1;place-items:center;min-height:190px;margin:18px 0;padding:16px;display:grid;transform:translateZ(30px)}.pcard-name{font-family:var(--font-heading,inherit);letter-spacing:-.02em;font-size:1.9rem;font-weight:800}.pcard-blurb{max-width:46ch;color:var(--color-dark-neutral);margin-top:6px;font-size:.92rem;line-height:1.5}.pv-code,.pv-out{white-space:pre;margin:0;font:12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.pv-code .tk{color:#ff8bd1;font-weight:500}.pv-code s{color:#9ee6a8;text-decoration:none}.pv-naskah,.pv-sloth{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.pv-naskah .pv-code>div,.pv-naskah .pv-out>div,.pv-sloth .pv-code>div,.pv-sloth .pv-rendered{opacity:0;transform:translate(-6px)}.pv-naskah[data-active=true] .pv-code>div,.pv-naskah[data-active=true] .pv-out>div,.pv-sloth[data-active=true] .pv-code>div,.pv-sloth[data-active=true] .pv-rendered{animation:hero-in .5s calc(var(--i) * .35s) forwards;transform:none}@keyframes pv-fade{to{opacity:1;transform:none}}.pv-naskah[data-active=true] .pv-code>div,.pv-naskah[data-active=true] .pv-out>div,.pv-sloth[data-active=true] .pv-code>div,.pv-sloth[data-active=true] .pv-rendered{animation-name:pv-fade}.pv-arrow{color:#7dd3fc;border:1px solid #7dbeff66;border-radius:99px;padding:5px 9px;font:600 11px/1 ui-monospace,monospace;animation:1.6s ease-in-out infinite pv-pulse;box-shadow:0 0 14px #5aa9ff59}@keyframes pv-pulse{50%{box-shadow:0 0 22px #5aa9ffb3}}.pv-out span:first-child{color:#7dd3fc}.pv-katla{gap:5px;display:grid}.pv-row{grid-template-columns:repeat(5,30px);gap:5px;display:grid}.pv-tile{color:#0000;border:2px solid #2b3550;border-radius:4px;place-items:center;height:30px;font:700 14px/1 ui-sans-serif,system-ui,sans-serif;transition:transform .4s,background .2s .2s,border-color .2s .2s,color .1s .2s;display:grid;transform:rotateX(0)}.pv-tile[data-flipped=true]{color:#fff;border-color:#0000;animation:.5s pv-flip}.pv-tile[data-state=correct]{background:#3f9d5f}.pv-tile[data-state=present]{background:#c9a227}.pv-tile[data-state=absent]{background:#3a4256}@keyframes pv-flip{50%{transform:rotateX(90deg)}}.pv-rendered-card{color:#0b1220;background:#fff;border-radius:10px;gap:4px;padding:14px 18px;display:grid;box-shadow:0 10px 30px -8px #5aa9ff80}.pv-rendered-card h2{font-size:1.3rem;font-weight:800}.pv-rendered-card span{color:#5b6577;font-size:11px}.pc-more{border:1px solid var(--color-border-subtle);border-radius:20px;flex-direction:column;padding:22px;display:flex}.pc-more ul{margin:14px 0 0;padding:0;list-style:none}.pc-more li+li{border-top:1px solid var(--color-border-subtle)}.pc-more a{grid-template-columns:120px 1fr auto;align-items:baseline;gap:14px;padding:14px 0;transition:padding .2s,color .2s;display:grid}.pc-more a:hover{color:var(--color-accent-primary);padding-left:8px}.pc-more-name{font:700 15px/1 ui-monospace,monospace}.pc-more-desc{color:var(--color-dark-neutral);font-size:.88rem}.pc-more-meta{text-transform:uppercase;letter-spacing:.08em;color:var(--color-dark-neutral);font:11px/1 ui-monospace,monospace}@media (width<=599px){.pc-more a{grid-template-columns:1fr auto}.pc-more-desc{order:3;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.pcard,.pcard[data-armed=true]:not([data-seen=true]){opacity:1;transition:none;translate:none}.pcard-border,.pv-arrow{animation:none}.pv-naskah .pv-code>div,.pv-naskah .pv-out>div,.pv-sloth .pv-code>div,.pv-sloth .pv-rendered{opacity:1;transform:none;animation:none!important}}.projects-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.projects-all{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-primary);font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.projects-all:hover{text-decoration:underline}.pc-post{grid-column:span 2}.pc-post-lg{grid-column:span 3}.pc-post .pcard-inner{min-height:250px}.pc-post .pcard-name{letter-spacing:-.015em;padding-top:56px;font-size:1.5rem;line-height:1.2}.pc-post-lg .pcard-name{font-size:2rem}.pc-post .pcard-blurb{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=899px){.pc-post,.pc-post-lg{grid-column:span 6}}.pcard-gh{align-items:center;gap:5px;display:inline-flex}.bg-portrait{background-image:url(/static/me.png);background-size:79%}.overlay{background-image:radial-gradient(circle at bottom left, var(--color-accent-primary), transparent), url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400%25' height='400%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@keyframes radial-gt{0%{--x:110%;--y:110%}33%{--x:-10%;--y:110%}67%{--x:120%;--y:120%}78%{--x:160%;--y:50%}to{--x:130%;--y:-10%}}.animated-overlay{background-image:radial-gradient(circle at var(--x) var(--y), var(--color-tint-primary), transparent, transparent);opacity:.75;animation:7s linear infinite alternate radial-gt}.card-3d{--perspective:500px;--rotateX:0deg;--rotateY:0deg;transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(var(--rotateY));transition:transform .35s cubic-bezier(.175,.885,.32,1.275)}.txt-shadow{text-shadow:1px 1px 2px var(--color-dark-subtle)}.hero{--h-bg:#04060d;--h-fg:#f4f7ff;--h-dim:#dce6ff9e;--h-line:#82b4ff38;--h-glow:#5aa9ff;--h-chat:#0a1020b8;--h-pin:#c86ae1;background:radial-gradient(120% 90% at 70% 40%, #0b1730 0%, var(--h-bg) 60%);height:100svh;min-height:640px;color:var(--h-fg);position:relative;overflow:hidden}[data-theme=light] .hero{--h-bg:#f5f8fd;--h-fg:#0b1220;--h-dim:#0b12209e;--h-line:#1e40af33;--h-glow:#2563eb;--h-chat:#ffffffc7;--h-pin:#b01cd9;background:radial-gradient(120% 90% at 70% 40%, #e3ecfb 0%, var(--h-bg) 60%)}.hero-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.hero-canvas:active{cursor:grabbing}.hero-vignette{pointer-events:none;background:repeating-linear-gradient(0deg, transparent 0 3px, #78aaff06 3px 4px), linear-gradient(90deg, var(--h-bg) 0%, transparent 45%);position:absolute;inset:0}@media (width<=899px){.hero-vignette{background:repeating-linear-gradient(0deg, transparent 0 3px, #78aaff06 3px 4px), linear-gradient(0deg, var(--h-bg) 0%, transparent 55%)}}.hero-copy{pointer-events:none;max-width:min(560px,100vw - 48px);position:absolute;top:50%;left:max(24px,50vw - 608px);transform:translateY(-58%)}.hero-copy a{pointer-events:auto}@media (width<=899px){.hero-copy{top:auto;bottom:120px;transform:none}}.hero-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--h-pin);align-items:center;gap:8px;margin-bottom:18px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.hero-meta time{font-variant-numeric:tabular-nums;color:var(--h-dim)}.hero-dot{background:var(--h-pin);width:8px;height:8px;box-shadow:0 0 0 0 var(--h-pin);border-radius:50%;animation:1.8s infinite hero-ping}@keyframes hero-ping{70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.hero-name{font-family:var(--font-heading,inherit);letter-spacing:-.03em;font-size:clamp(3rem,8vw,6.2rem);font-weight:800;line-height:.95}.hero-name-text{background:linear-gradient(100deg, var(--h-fg) 30%, var(--h-glow) 50%, var(--h-fg) 70%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--h-glow) 45%, transparent));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite hero-sweep;display:inline-block;position:relative}.hero-name-text:before,.hero-name-text:after{content:attr(data-text) / "";-webkit-text-fill-color:var(--h-glow);opacity:0;pointer-events:none;position:absolute;inset:0}.hero-name-text:before{animation:7s infinite hero-glitch-a}.hero-name-text:after{-webkit-text-fill-color:var(--h-pin);animation:7s infinite hero-glitch-b}@keyframes hero-sweep{0%,to{background-position:100% 0}50%{background-position:0 0}}@keyframes hero-glitch-a{0%,93%,to{opacity:0;transform:none}94%{opacity:.8;-webkit-clip-path:inset(10% 0 55%);clip-path:inset(10% 0 55%);transform:translate(-3px,1px)}96%{opacity:.8;-webkit-clip-path:inset(60% 0 8%);clip-path:inset(60% 0 8%);transform:translate(3px,-1px)}}@keyframes hero-glitch-b{0%,94%,to{opacity:0;transform:none}95%{opacity:.6;-webkit-clip-path:inset(40% 0 30%);clip-path:inset(40% 0 30%);transform:translate(3px)}97%{opacity:0}}.hero-headline{margin-top:20px;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:500}.hero-links{letter-spacing:.1em;text-transform:uppercase;gap:26px;margin-top:30px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.zap{color:var(--h-fg);padding-bottom:10px;transition:color .2s;display:inline-block;position:relative}.zap:hover,.zap:focus-visible{color:var(--h-glow);outline:none}.zap-svg{width:100%;height:12px;position:absolute;bottom:0;left:0;overflow:visible}.zap-svg path{fill:none;stroke-linejoin:bevel;stroke-linecap:round}.zap-base{stroke:var(--h-glow);stroke-width:1px;opacity:.55;transition:opacity .2s}.zap-svg[data-on=true] .zap-base{opacity:.15}.zap-glow{stroke:var(--h-glow);stroke-width:5px;opacity:.35;filter:blur(2px)}.zap-core{stroke:var(--h-fg);stroke-width:1.5px}.zap-svg[data-on=false] .zap-glow,.zap-svg[data-on=false] .zap-core{opacity:0}.hero-scroll{letter-spacing:.16em;text-transform:uppercase;color:var(--h-dim);font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;animation:2.2s ease-in-out infinite hero-bob;position:absolute;bottom:22px;left:50%;translate:-50%}.hero-scroll:before{content:"↓ "}@keyframes hero-bob{50%{translate:-50% 5px}}@media (width<=899px){.hero-scroll{display:none}}.hero-chat{z-index:2;border:1px solid var(--h-line);background:var(--h-chat);backdrop-filter:blur(14px);width:min(560px,100vw - 32px);box-shadow:0 0 0 1px #ffffff05, 0 20px 60px -20px color-mix(in srgb, var(--h-glow) 40%, transparent);border-radius:14px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;transition:top .9s cubic-bezier(.7,0,.2,1),left .9s cubic-bezier(.7,0,.2,1),width .9s cubic-bezier(.7,0,.2,1),transform .9s cubic-bezier(.7,0,.2,1),opacity .6s;position:absolute;top:calc(100% - 20px);left:50%;transform:translate(-50%,-100%)}.hero-chat[data-docked=true]{opacity:.78;width:min(340px,100vw - 32px);top:calc(100% - 20px);left:max(16px,50vw - 608px);transform:translateY(-100%)}.hero-chat[data-docked=true]:hover{opacity:1}@media (width>=900px){.hero-chat[data-docked=false]{left:30%}}@media (width<=899px){.hero-chat[data-docked=true]{animation:.5s .55s forwards hero-chat-out;top:78px;transform:none}}@keyframes hero-chat-out{to{opacity:0;visibility:hidden}}.hero-chat-head{border-bottom:1px solid var(--h-line);color:var(--h-dim);align-items:center;gap:10px;padding:10px 14px;font-size:11px;display:flex}.hero-chat-lights{gap:5px;display:flex}.hero-chat-lights i{background:var(--h-line);border-radius:50%;width:8px;height:8px}.hero-replay{color:var(--h-glow);font:inherit;cursor:pointer;margin-left:auto}.hero-chat-body{padding:14px}.hero-chat[data-docked=true] .hero-msg{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-chat[data-docked=true] .hero-steps{display:none}.hero-msg-me{min-height:1.55em;color:var(--h-fg)}.hero-msg-me:before{content:"> ";color:var(--h-pin)}.hero-caret{vertical-align:text-bottom;background:var(--h-glow);width:7px;height:1em;margin-left:2px;animation:1s step-end infinite hero-blink;display:inline-block}@keyframes hero-blink{50%{opacity:0}}.hero-steps{color:var(--h-dim);margin-top:4px;padding:0;list-style:none}.hero-steps li{animation:.35s both hero-in}.hero-steps li[data-last=true]{color:var(--h-fg)}.hero-check{width:1.2em;color:var(--h-glow);display:inline-block}@keyframes hero-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.hero *,.hero :before,.hero :after{transition:none!important;animation:none!important}}@media (prefers-reduced-motion:reduce) and (width<=899px){.hero-chat[data-docked=true]{opacity:0;visibility:hidden}}.hero-val{color:var(--h-fg);animation:.4s both hero-in}.hero-pending{animation:1s step-end infinite hero-blink}.tweet-card{margin:0;margin-bottom:var(--spacing-xl);border-radius:var(--border-radius-normal);--tweet-font-normal:min(1rem, 16px);--tweet-font-small:min(.9rem, 14px);flex-direction:column;align-items:center;display:flex;overflow:hidden}.tweet-card>:first-child{border-radius:var(--border-radius-normal);border:1px solid var(--color-border-subtle);background-color:var(--syntax-background);cursor:pointer;width:100%;max-width:500px;margin-bottom:var(--spacing-s);padding:20px 20px 0}.tweet-card>:first-child:hover{border-color:var(--color-border-hover)}.tweet-card figcaption{color:var(--color-dark-neutral);text-align:center;font-size:.875rem}.tweet-card .tweet{font:normal normal var(--tweet-font-normal) / 1.4 Helvetica, Roboto, "Segoe UI", Calibri, sans-serif}.tweet-card a{text-decoration:none}.tweet-card main img{border:1px solid #cfd9de;border-radius:16px;width:100%;margin-top:12px}.tweet-card p{line-height:1.5;font-size:var(--tweet-font-normal);cursor:text;margin:13px 0 0}.tweet-card p a{color:#2b7bb9}.tweet-card .profile-link{justify-content:space-between;align-items:center;display:flex}.tweet-card .profile{line-height:1.25}.tweet-card .profile strong{color:var(--color-dark-primary);font-size:var(--tweet-font-normal)}.tweet-card .profile div{color:var(--color-dark-neutral);font-size:var(--tweet-font-normal)}.tweet-card time:hover,.tweet-card a:hover strong,.tweet-card p a:hover{color:#3b94d9}.tweet-card i{background-size:contain;width:18px;height:18px;margin-right:4px;display:inline-block}.tweet-card .tweet-footer{font-size:var(--tweet-font-small);align-items:center;margin-top:10px;line-height:1;display:flex}.tweet-card .tweet-footer svg{fill:currentColor;width:1.3em;height:1.3em;margin-right:3px}.tweet-card .interaction{color:#536471;align-items:center;margin-right:12px;display:flex}.tweet-card .interaction:hover{color:#2b7bb9}.tweet-card .like:hover{color:#e0245e}.tweet-card .time time{color:#697882}.tweet-card .profile-icon{color:#2b7bb9;font-size:var(--tweet-font-small);align-items:center;padding:10px 0;display:flex}.tweet-card .profile-icon i{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%232b7bb9%22%20d%3D%22M12%2011.816c1.355%200%202.872-.15%203.84-1.256.814-.93%201.078-2.368.806-4.392-.38-2.825-2.117-4.512-4.646-4.512S7.734%203.343%207.354%206.17c-.272%202.022-.008%203.46.806%204.39.968%201.107%202.485%201.256%203.84%201.256zM8.84%206.368c.162-1.2.787-3.212%203.16-3.212s2.998%202.013%203.16%203.212c.207%201.55.057%202.627-.45%203.205-.455.52-1.266.743-2.71.743s-2.255-.223-2.71-.743c-.507-.578-.657-1.656-.45-3.205zm11.44%2012.868c-.877-3.526-4.282-5.99-8.28-5.99s-7.403%202.464-8.28%205.99c-.172.692-.028%201.4.395%201.94.408.52%201.04.82%201.733.82h12.304c.693%200%201.325-.3%201.733-.82.424-.54.567-1.247.394-1.94zm-1.576%201.016c-.126.16-.316.246-.552.246H5.848c-.235%200-.426-.085-.552-.246-.137-.174-.18-.412-.12-.654.71-2.855%203.517-4.85%206.824-4.85s6.114%201.994%206.824%204.85c.06.242.017.48-.12.654z%22%2F%3E%3C%2Fsvg%3E)}.tweet-card .profile-icon span{line-height:1}.tweet-card .profile-icon:hover{color:#3b94d9}.tweet-card .profile-icon:hover i{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%233b94d9%22%20d%3D%22M12%2011.816c1.355%200%202.872-.15%203.84-1.256.814-.93%201.078-2.368.806-4.392-.38-2.825-2.117-4.512-4.646-4.512S7.734%203.343%207.354%206.17c-.272%202.022-.008%203.46.806%204.39.968%201.107%202.485%201.256%203.84%201.256zM8.84%206.368c.162-1.2.787-3.212%203.16-3.212s2.998%202.013%203.16%203.212c.207%201.55.057%202.627-.45%203.205-.455.52-1.266.743-2.71.743s-2.255-.223-2.71-.743c-.507-.578-.657-1.656-.45-3.205zm11.44%2012.868c-.877-3.526-4.282-5.99-8.28-5.99s-7.403%202.464-8.28%205.99c-.172.692-.028%201.4.395%201.94.408.52%201.04.82%201.733.82h12.304c.693%200%201.325-.3%201.733-.82.424-.54.567-1.247.394-1.94zm-1.576%201.016c-.126.16-.316.246-.552.246H5.848c-.235%200-.426-.085-.552-.246-.137-.174-.18-.412-.12-.654.71-2.855%203.517-4.85%206.824-4.85s6.114%201.994%206.824%204.85c.06.242.017.48-.12.654z%22%2F%3E%3C%2Fsvg%3E)}.tweet-card .tweet-header{justify-content:space-between;align-items:flex-start;display:flex}.tweet-card .profile-link img{border-radius:var(--border-radius-round);margin-right:10px}.tweet-card .separator{background-color:var(--color-border-subtle);border:0;width:calc(100% + 40px);height:1px;margin:10px 0 0;position:relative;left:-20px}.tweet-card .emoji{width:1em;height:1em;margin:0 2px}.tweet-card .media-image{border-radius:14px;max-width:100%;margin-top:9px}.tweet-card .tweet-icon{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%231da1f2%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);width:20px;height:20px;display:block}