/* Curved specular rims and transparent optical layers; text is never filtered. */
:root{--liquid-body:#24242838;--liquid-edge:#ffffff6b;--liquid-highlight:#ffffffc9;--liquid-shadow:#0008;--ribbon-core:#ffffff08;--ribbon-edge:#e5eeff88}
[data-theme="light"]{--liquid-body:#ffffff35;--liquid-edge:#ffffffdb;--liquid-highlight:#fff;--liquid-shadow:#33384626;--ribbon-core:#d2d9e524;--ribbon-edge:#6c7e9770}
.site-header,.site-header.is-scrolled,.play-node,.story-visual,.conversation,.writing-card{isolation:isolate;background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#ffffff30,transparent 48%),linear-gradient(135deg,#ffffff17,transparent 42%,#ffffff0b),var(--liquid-body);border:1px solid var(--liquid-edge);backdrop-filter:blur(16px) saturate(145%) contrast(1.06);-webkit-backdrop-filter:blur(16px) saturate(145%) contrast(1.06);box-shadow:inset 2px 2px 2px -1px var(--liquid-highlight),inset -2px -2px 2px -1px #ffffff59,inset 0 0 12px 2px #ffffff0d,0 0 0 1px #0000000d,0 14px 38px var(--liquid-shadow)}
.site-header:after,.play-node:after,.story-visual:after,.conversation:after,.writing-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;padding:2px;background:conic-gradient(from 140deg at var(--glass-x,30%) var(--glass-y,20%),#ffffff05,#ffffffb3 12%,#ffffff05 26%,#ffffff08 48%,#ffffff9e 62%,#ffffff05 78%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:.8}
.site-header:before{top:2px;left:5%;width:80%;height:40%;border-radius:50%;background:radial-gradient(ellipse at var(--glass-x,30%) 0%,#ffffff21,transparent 70%);filter:blur(5px)}
.play-node{border-radius:32px;overflow:hidden}.play-node:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff24 0%,#ffffff05 24%,transparent 39%,#ffffff12 47%,transparent 58%);box-shadow:inset 5px 0 8px -6px #fff,inset -5px 0 8px -6px #fff;z-index:-1}
.writing-card,.conversation{position:relative}.writing-card:hover{background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#ffffff38,transparent 65%),var(--liquid-body);box-shadow:inset 2px 2px 2px -1px var(--liquid-highlight),inset -2px -2px 2px -1px #ffffff59,0 18px 40px var(--liquid-shadow)}
#navigation{position:relative}#navigation>a{position:relative;z-index:1}.nav-lens{position:absolute;left:0;top:0;pointer-events:none;border-radius:30px;opacity:0;background:linear-gradient(140deg,#ffffff40,#ffffff06 65%,#ffffff24);border:1px solid var(--liquid-edge);box-shadow:inset 1px 1px 1px #ffffffb0,inset -1px -1px 1px #ffffff3b,0 4px 12px var(--liquid-shadow);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:transform .48s cubic-bezier(.2,.9,.2,1.15),width .4s,height .4s,opacity .25s}.has-lens .nav-lens{opacity:1}
.theme-toggle,.packet-button{background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#ffffff45,transparent 65%),var(--liquid-body);border-color:var(--liquid-edge);box-shadow:inset 2px 2px 2px -1px var(--liquid-highlight),inset -2px -2px 2px -1px #ffffff70,0 6px 16px var(--liquid-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.liquid-sculpture{position:absolute;inset:-30px -20px -15px;pointer-events:none;z-index:0;perspective:900px;opacity:.9}.liquid-sculpture i{position:absolute;display:block;left:25%;top:5%;width:50%;height:85%;border-radius:50%;border:15px solid var(--ribbon-core);outline:1px solid var(--ribbon-edge);background:transparent;box-shadow:inset 3px 3px 5px #ffffffb0,inset -4px -4px 7px #ffffff30,3px 3px 5px #ffffff90,-2px -2px 3px #ffffff40,0 18px 28px #00000018;transform:rotate(-22deg) rotateX(46deg);animation:liquid-orbit 16s ease-in-out infinite}.liquid-sculpture i:nth-child(2){left:32%;top:3%;width:41%;height:90%;border-width:9px;transform:rotate(28deg) rotateX(57deg);animation:liquid-orbit-two 19s ease-in-out infinite;opacity:.6}.liquid-sculpture i:nth-child(3){left:16%;top:45%;width:69%;height:38%;border-width:5px;transform:rotate(-9deg) rotateX(25deg);animation:liquid-orbit 21s ease-in-out infinite reverse;opacity:.45}.packet-wires,.play-node,.buddy-wrap{z-index:1}.scene-ticket{z-index:2}
@keyframes liquid-orbit{0%,100%{transform:rotate(-22deg) rotateX(46deg) translateY(0)}50%{transform:rotate(-9deg) rotateX(58deg) translateY(-10px)}}
@keyframes liquid-orbit-two{0%,100%{transform:rotate(28deg) rotateX(57deg)}50%{transform:rotate(11deg) rotateX(38deg)}}
[data-theme="light"] .site-header.is-scrolled{background-color:#ffffffb0}[data-theme="dark"] .site-header.is-scrolled{background-color:#09090bb8}
@media(max-width:800px){.liquid-sculpture{inset:0 -25px 25px}.liquid-sculpture i{left:8%;width:85%;border-width:9px}.liquid-sculpture i:nth-child(2){left:20%;width:69%}.liquid-sculpture i:nth-child(3){left:0;width:100%}.play-node{border-radius:25px}.nav-lens{display:none}#navigation.open{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header:after{z-index:-1}}
@supports not (backdrop-filter:blur(10px)){.site-header,.site-header.is-scrolled,.play-node,.story-visual,.conversation,.writing-card{background:var(--soft)}}
.is-transmitting .node-edge{animation:connection-pulse .8s ease-out}.is-transmitting .node-cloud{animation:connection-pulse .8s 1.15s ease-out}.is-transmitting .liquid-sculpture{opacity:1;filter:drop-shadow(0 0 5px var(--ribbon-edge))}
@keyframes connection-pulse{0%,100%{outline:0 solid transparent}40%{outline:7px solid var(--glass-rim);outline-offset:8px}}
.is-quiet .liquid-sculpture i{animation-play-state:paused}html.page-hidden *{animation-play-state:paused!important}
@media(max-width:800px){.hero-title-wrap{padding-top:36px}.sticker-one{top:6px;left:0}.sticker-two{bottom:-20px;right:0}.playground{margin-top:24px}.hero-meta{gap:12px}.hero-meta p:first-child{max-width:48%}.hero-meta p:last-child{max-width:48%}}
@media(max-width:360px){.hero-actions{gap:6px}.hero-actions .button{padding:11px;gap:8px;font-size:9px;white-space:nowrap}.cv-link{white-space:nowrap}}