.grain{position:fixed;inset:0;pointer-events:none;z-index:40;mix-blend-mode:multiply;opacity:var(--grain-opacity);background:var(--foreground);mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0   0 0 0 0 0   0 0 0 0 0   0 0 0 0.3 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0   0 0 0 0 0   0 0 0 0 0   0 0 0 0.3 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");mask-size:240px 240px;mask-repeat:repeat}.grain-accent{position:fixed;inset:0;pointer-events:none;z-index:41;mix-blend-mode:multiply;opacity:calc(var(--grain-opacity) * .18);background:var(--foreground);mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0   0 0 0 0 0   0 0 0 0 0   0 0 0 0.25 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0   0 0 0 0 0   0 0 0 0 0   0 0 0 0.25 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");mask-size:320px 320px;mask-repeat:repeat;transform:translate(.6px,-.4px)}html.dark .grain,html.dark .grain-accent{mix-blend-mode:screen}.grid-bg{position:fixed;inset:0;pointer-events:none;z-index:2;background-image:linear-gradient(to right,color-mix(in srgb,var(--foreground) calc(var(--grid-opacity) * 100%),transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--foreground) calc(var(--grid-opacity) * 100%),transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.clock{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--foreground)}.marquee{overflow-x:hidden;mask-image:linear-gradient(to right,transparent,black 1%,black 99%,transparent);text-transform:uppercase;color:var(--foreground-soft)}.marquee .track{display:inline-block;white-space:nowrap;animation:marquee 45s linear infinite}.marquee .sep{color:var(--primary);margin:0 .6em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.spotify{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--foreground);max-width:40ch;text-decoration:none;display:inline-flex;align-items:center;gap:4px;overflow:hidden}.audio-lines{flex-shrink:0}#spotify-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:1ch;max-width:100%}@media(hover:hover){.spotify:hover{color:var(--primary)}}@media(max-width:640px){.spotify{max-width:100%;display:flex;justify-content:center}}.footbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--4xl);border-top:var(--hair) solid var(--foreground);padding-top:var(--sm);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--foreground-soft)}.tb-root{white-space:nowrap;--tb-enter: .42s;--tb-exit: .3s;--tb-enter-stagger: 22ms;--tb-exit-stagger: 12ms;--tb-ease-out: cubic-bezier(.16, 1, .3, 1);--tb-ease-in: cubic-bezier(.7, 0, .84, 0)}.tb-templates{display:none}.tb-icon{display:inline-block;width:1.1em;height:1.1em;border-radius:.12em;vertical-align:-.08em;margin:0 .12em;overflow:hidden;position:relative}.tb-icon svg{display:block;width:100%;height:100%}.tb-label{display:inline-block;vertical-align:-.02em;min-width:10ch}.tb-char{display:inline-block;white-space:pre}@keyframes tb-char-enter{0%{transform:translateY(.5em);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes tb-char-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(-.5em);opacity:0}}@keyframes tb-icon-enter{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tb-icon-exit{0%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0}}@keyframes tb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tb-fade-out{0%{opacity:1}to{opacity:0}}.tb-char.entering{animation:tb-char-enter var(--tb-enter) var(--tb-ease-out) both;animation-delay:calc(var(--i) * var(--tb-enter-stagger))}.tb-char.exiting{animation:tb-char-exit var(--tb-exit) var(--tb-ease-in) both;animation-delay:calc(var(--i) * var(--tb-exit-stagger))}.tb-icon.entering svg{animation:tb-icon-enter var(--tb-enter) var(--tb-ease-out) both}.tb-icon.exiting svg{animation:tb-icon-exit var(--tb-exit) var(--tb-ease-in) both}@media(prefers-reduced-motion:reduce){.tb-char.entering,.tb-icon.entering svg{animation:tb-fade-in .2s ease-out both;animation-delay:0ms}.tb-char.exiting,.tb-icon.exiting svg{animation:tb-fade-out .15s ease-out both;animation-delay:0ms}}.bio{margin-top:var(--3xl);font-family:Exposure,Times New Roman,serif;font-weight:400;font-size:clamp(20px,min(2.4vw,5.2vh),34px);line-height:1.1;letter-spacing:-.012em;color:var(--foreground);font-variation-settings:"EXPO" 12;text-wrap:pretty;word-break:break-word}.bio .mail{color:var(--foreground);text-decoration:none;border-bottom:2px solid var(--primary);padding-bottom:.02em;white-space:nowrap}@media(hover:hover){.bio .mail:hover{color:var(--primary)}}.bio-img{display:inline-block;width:2em;height:1.7em;border-radius:.32em;vertical-align:-.08em;margin:0 .12em;overflow:hidden;position:relative;background:var(--foreground)}.bio-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.bio-img.photo{background:transparent;box-shadow:none;height:1.9em}.bio-personal{display:none}.stripes{margin-top:auto;position:relative;height:48px;min-height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--3xl);flex-shrink:0;padding-top:var(--md)}.stripes .stripe-bars{display:flex;flex-direction:column;gap:var(--xs)}.stripes .stripe-bars i{display:block;height:1px;background:var(--primary)}.stripes .stripe-bars.left i:nth-child(1){width:30%}.stripes .stripe-bars.left i:nth-child(2){width:55%}.stripes .stripe-bars.left i:nth-child(3){width:78%}.stripes .stripe-bars.left i:nth-child(4){width:92%}.stripes .stripe-bars.left i:nth-child(5){width:100%}.stripes .stripe-bars.left i:nth-child(6){width:100%}.stripes .stripe-bars.right{align-items:flex-end}.stripes .stripe-bars.right i:nth-child(1){width:30%;margin-left:auto}.stripes .stripe-bars.right i:nth-child(2){width:55%;margin-left:auto}.stripes .stripe-bars.right i:nth-child(3){width:78%;margin-left:auto}.stripes .stripe-bars.right i:nth-child(4){width:92%;margin-left:auto}.stripes .stripe-bars.right i:nth-child(5){width:100%}.stripes .stripe-bars.right i:nth-child(6){width:100%}.stripes .stripe-badge{display:inline-flex;align-items:center;gap:var(--sm);color:inherit;text-decoration:none}.stripes .stripe-badge .badge-icon{width:18px;height:19px;flex-shrink:0;margin-top:var(--2xs)}.stripes .stripe-badge .badge-text{font-family:Exposure,serif;font-size:18px;color:var(--foreground-soft);line-height:1;margin-top:var(--2xs);font-variation-settings:"EXPO" 20}.name-wrap{position:relative;flex:0 1 auto;user-select:none;height:clamp(140px,min(22vw,32vh),280px)}.name-main{position:absolute;top:0;left:0;z-index:2;font-family:Exposure,Times New Roman,serif;font-size:clamp(100px,min(17vw,30vh),280px);line-height:.84;letter-spacing:-.025em;color:var(--foreground);font-variation-settings:"EXPO" var(--expo-static, 14);white-space:nowrap;margin:0;cursor:pointer;background:none;border:none;padding:0}.name-ghost{position:absolute;left:0;top:0;z-index:1;font-family:Exposure,Times New Roman,serif;font-size:clamp(88px,min(15vw,26vh),240px);line-height:.84;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.4px var(--primary);font-variation-settings:"EXPO" 8;font-style:italic;transform:translate(.1em,34%);white-space:nowrap;cursor:pointer}body[data-display=stacked] .name-ghost{transform:translate(.05em,75%);opacity:.85}body[data-display=stacked] .name-main{font-variation-settings:"EXPO" 0}body[data-display=overlay] .name-ghost{transform:translate(.55em,34%);opacity:1}body[data-display=overlay] .name-main{font-variation-settings:"EXPO" 18}body[data-display=solid] .name-ghost{display:none}body[data-display=solid] .name-main{font-variation-settings:"EXPO" 30}body[data-bio=personal] .name-main{z-index:1;font-size:clamp(88px,min(15vw,26vh),240px);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.4px var(--primary);font-style:italic;font-variation-settings:"EXPO" 8;transform:translate(.75em,34%)}body[data-bio=personal] .name-ghost{z-index:2;font-size:clamp(100px,min(17vw,30vh),280px);letter-spacing:-.025em;color:var(--foreground);-webkit-text-stroke:0px transparent;font-style:normal;font-variation-settings:"EXPO" 14;transform:translate(0);pointer-events:none}.name-sub{margin-top:var(--sm);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--foreground-soft);display:flex;align-items:center;gap:var(--xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.name-sub .bar{flex:0 0 24px;height:1px;background:var(--primary);display:inline-block}@media(max-width:640px){.name-sub{font-size:clamp(9px,2.5vw,11px);flex-wrap:wrap;white-space:normal}}.hero{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;min-height:0;position:relative}:root{--expo-out: cubic-bezier(.19, 1, .22, 1)}html.dark{--background: oklch(.17 .015 84.6);--background-deep: oklch(.22 .02 84.6);--foreground: oklch(.88 .025 84.6);--foreground-soft: oklch(.72 .03 84.6);--foreground-faint: oklch(.88 .025 84.6 / .42)}::view-transition-group(root){animation-duration:.7s;animation-timing-function:var(--expo-out)}::view-transition-new(root){animation-name:reveal-light;animation-fill-mode:both}::view-transition-old(root),.dark::view-transition-old(root){animation:none;animation-fill-mode:both;z-index:-1}.dark::view-transition-new(root){animation-name:reveal-dark;animation-fill-mode:both}@keyframes reveal-dark{0%{clip-path:polygon(50% -71%,-50% 71%,-50% 71%,50% -71%)}to{clip-path:polygon(50% -71%,-50% 71%,50% 171%,171% 50%)}}@keyframes reveal-light{0%{clip-path:polygon(171% 50%,50% 171%,50% 171%,171% 50%)}to{clip-path:polygon(171% 50%,50% 171%,-50% 71%,50% -71%)}}.views{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--foreground);display:inline-flex;align-items:center;gap:2px;min-width:6ch}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--4xl);border-top:var(--hair) solid var(--foreground);border-bottom:var(--hair) solid var(--foreground);padding:var(--sm) var(--xs);font-size:10.5px;text-transform:uppercase;letter-spacing:.14em}.topbar .site-domain{font-family:Exposure,Times New Roman,serif;font-size:22px;letter-spacing:-.01em;line-height:1;padding-right:var(--2xl);border-right:var(--hair) solid var(--foreground);font-variation-settings:"EXPO" 0}.topbar .title-group{display:flex;gap:var(--4xl);align-items:center}.topbar .title-group b{font-weight:500;color:var(--foreground)}.topbar .title-group span{color:var(--foreground-soft)}.topbar .version{color:var(--foreground-soft);font-size:10px;letter-spacing:.18em;line-height:2;padding-left:var(--2xl);border-left:var(--hair) solid var(--foreground)}.topbar .lang-switcher{background:var(--primary);color:var(--background);padding:var(--xs) var(--lg);font-size:10px;letter-spacing:.2em;font-weight:500;cursor:not-allowed}.links{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:0;border:1px solid var(--foreground)}.links a,.links .theme-btn{padding:var(--md) var(--xl);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--foreground);text-decoration:none;border-right:1px solid var(--foreground);display:flex;justify-content:space-between;align-items:center;gap:var(--lg);background:transparent;transition:background .15s ease,color .15s ease}.links .theme-btn:last-child{border-right:none;background:var(--foreground);color:var(--background)}@media(hover:hover){.links a:hover{background:var(--primary);color:var(--background)}.links a:hover .num{color:var(--background)}.links button.theme-btn:hover{background:var(--foreground-soft)}}.links .num{color:var(--primary);font-weight:500}.links button.theme-btn{border-left:none;border-top:none;border-bottom:none;cursor:pointer;font-family:inherit;position:relative;overflow:hidden}.links .theme-btn .pwr{color:var(--background);opacity:.6;margin-right:var(--md)}.toggle-state{display:inline-grid}.state-on,.state-off{grid-area:1 / 1}html.dark .links .state-on{visibility:hidden}html:not(.dark) .links .state-off{visibility:hidden}.links .btn-bg{position:absolute;right:-18px;bottom:-18px;width:48px;height:48px;pointer-events:none;color:var(--background);opacity:.15}.links .btn-bg-moon{transform:scaleX(-1)}html.dark .links .btn-bg-sun{display:none}html:not(.dark) .links .btn-bg-moon{display:none}.name-sep{color:var(--primary);font-variation-settings:"EXPO" 0}.cw-key{position:relative;cursor:pointer;background:var(--background);border:none;padding:12px 14px 14px;min-height:90px;display:flex;flex-direction:column;gap:14px;text-align:left;font-family:JetBrains Mono,monospace;color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground-faint);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}@media(hover:hover){.cw-key:not(.is-active):hover{box-shadow:inset 0 0 0 1px var(--foreground);transform:translateY(-2px)}}.cw-key.is-active{box-shadow:inset 0 0 0 1.5px var(--primary)}.cw-key .bg{position:absolute;left:10px;right:-20px;bottom:-.14em;font-family:Exposure,serif;font-size:clamp(48px,6vw,78px);line-height:.82;letter-spacing:-.03em;text-transform:lowercase;color:var(--foreground);opacity:.05;font-variation-settings:"EXPO" 8;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:clip;transition:color .2s ease,opacity .2s ease}.cw-key.is-active .bg{color:var(--primary);opacity:.1}.cw-key .head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--foreground-soft);font-weight:600}.cw-key .head .ix{font-variant-numeric:tabular-nums;color:var(--foreground-faint)}.cw-key.is-active .head .ix{color:var(--primary)}.cw-key .head .project-source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground-faint)}.cw-key .project-name{position:relative;font-family:Exposure,serif;font-size:clamp(16px,5vw,28px);line-height:.9;letter-spacing:-.01em;color:var(--foreground);font-variation-settings:"EXPO" 12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.cw-key,.cw-key .bg{transition:none}}.cw-rack{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cw-stage{position:relative;flex:1;margin:13px 0;overflow:hidden;cursor:default;border:1px dashed var(--foreground-faint);background:repeating-linear-gradient(135deg,rgba(from var(--foreground) r g b / .035) 0 8px,transparent 8px 16px)}.cw-stage:before,.cw-stage:after{content:"";position:absolute;width:9px;height:9px;border:1.4px solid var(--foreground-faint);z-index:1}.cw-stage:before{top:6px;left:6px;border-right:0;border-bottom:0}.cw-stage:after{bottom:6px;right:6px;border-left:0;border-top:0}.cw-stageHint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--foreground-faint);transition:opacity .3s;white-space:nowrap;pointer-events:none}@media(hover:hover){.cw-stage:hover .cw-stageHint{opacity:0}.cw-stage{cursor:crosshair}}@media(hover:none){.cw-stage{display:none}}.cw-shot{position:absolute;width:190px;height:126px;pointer-events:none;background:var(--background);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 30px var(--shadow)}.cw-shot .shot-bar{flex:0 0 15px;display:flex;align-items:center;gap:4px;padding:0 7px;background:var(--background-deep);border-bottom:1px solid var(--foreground-faint)}.cw-shot .shot-bar i{width:5px;height:5px;border-radius:50%;background:var(--foreground-faint)}.cw-shot .sBar i:first-child{background:var(--primary)}.cw-shot .shot-bar .shot-title{margin-left:auto;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--foreground);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.cw-shot .shot-body{flex:1;min-height:0;padding:0;overflow:hidden;display:grid}.cw-shot .shot-body>*{grid-area:1 / 1 / -1 / -1}.cw-shot .shot-body img{width:100%;height:100%;object-fit:cover;z-index:1}.cw-shot .shot-body .shot-fallback{padding:8px;height:100%}.cw-reader{position:absolute;inset:0;background:var(--background);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground);display:grid;grid-template-columns:34px 1fr;overflow:hidden;visibility:hidden;pointer-events:none;z-index:1;transition:visibility 0s .35s}.cw-reader[data-open]{visibility:visible;pointer-events:auto;z-index:2;transition:visibility 0s 0s}.cw-reader .reader-rail{border-right:1px solid var(--foreground-faint);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 0}.cw-reader .reader-rail .vert-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--foreground-faint)}.cw-reader .reader-rail .status-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px rgba(from var(--primary) r g b / .6)}.cw-rd{position:relative;padding:18px 22px;display:flex;flex-direction:column;min-height:0;opacity:0;filter:blur(12px);transition:opacity .25s ease-in-out,filter .35s ease}.cw-reader[data-open] .cw-rd{opacity:1;filter:blur(0)}.cw-rd .nameRow{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.cw-rd .project-name{font-family:Exposure,serif;font-size:clamp(24px,8vw,58px);line-height:.82;letter-spacing:-.02em;color:var(--foreground);font-variation-settings:"EXPO" 16}.cw-rd .project-source{font-family:Exposure,serif;font-size:clamp(16px,4vw,30px);line-height:.82;letter-spacing:-.01em;color:var(--foreground-faint);font-variation-settings:"EXPO" 16}.cw-rd .cat{margin-top:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--foreground-soft)}.cw-rd .meta{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--foreground-faint);border-bottom:1px solid var(--foreground-faint);font-size:12px;letter-spacing:.04em;color:var(--foreground-soft)}.cw-rd .meta b{color:var(--foreground);font-weight:600}.cw-rd .meta .sep{color:var(--foreground-faint)}.cw-rd .reader-bot{margin-top:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.cw-rd .body{min-width:0}.cw-rd .desc{font-size:13px;line-height:1.55;color:var(--foreground-soft);max-width:52ch}.cw-rd .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cw-rd .chips span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-soft);padding:4px 8px;box-shadow:inset 0 0 0 1px var(--foreground-faint)}.cw-open{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:none;background:var(--primary);color:var(--foreground);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:10px 16px;transition:background .14s,transform .08s;text-decoration:none}@media(hover:hover){.cw-open:hover{background:var(--foreground);color:var(--background)}}.cw-open:active{transform:translateY(1px)}.cw-open.dead{background:transparent;color:var(--foreground-faint);box-shadow:inset 0 0 0 1px var(--foreground-faint);cursor:default}.works-head{padding:var(--md) 0;border-bottom:var(--hair) solid var(--foreground)}.works-head .heading{font-family:Exposure,Times New Roman,serif;font-size:clamp(34px,4.5vw,58px);line-height:.92;letter-spacing:-.015em;color:var(--foreground);font-variation-settings:"EXPO" 18}.works-panel{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-rows:auto 1fr auto;gap:var(--xl);min-height:0}.cw-wrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--3xl)}.cw-readers{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}@font-face{font-family:Exposure;src:url(/fonts/exposure.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--background: oklch(.9087 .0231 84.6);--background-deep: oklch(.8634 .0292 84.6);--foreground: oklch(.2035 .0101 67.2);--foreground-soft: oklch(.3231 .0179 67.1);--foreground-faint: oklch(.2035 .0101 67.2 / .42);--primary: oklch(.7022 .2004 45.1);--secondary: oklch(.6162 .1788 44.2);--shadow: oklch(0 0 0 / .2);--hair: 1px;--2xs: 2px;--xs: 4px;--sm: 6px;--md: 8px;--lg: 10px;--xl: 12px;--2xl: 14px;--3xl: 16px;--4xl: 18px;--5xl: 22px;--grain-opacity: .55;--grid-opacity: .06}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;scrollbar-gutter:stable}body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--background);color:var(--foreground);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}body ::selection{color:var(--background);background:var(--foreground)}@media(max-width:900px){html{overflow:auto;scrollbar-gutter:auto}body{overflow:auto}body .page{grid-template-rows:auto auto auto;height:auto;min-height:100dvh;overflow:visible;padding:var(--2xl) var(--3xl) var(--xl)}body .main{grid-template-columns:1fr;grid-template-rows:auto auto;gap:var(--xl) var(--2xl)}body .hero,body .works-panel{grid-column:1;grid-row:auto}body .works-panel{grid-template-rows:auto auto auto}body .name-wrap{height:clamp(170px,min(32vw,40vh),300px)}body .cw-rack{grid-template-columns:1fr}body .links{grid-template-columns:1fr;grid-template-rows:auto}body .links a,body .links .theme-btn{padding:12px 14px;min-height:44px}body .cw-reader{position:static;inset:auto;visibility:visible;pointer-events:auto;display:none;z-index:auto;transition:none;box-shadow:none;border:1px solid var(--foreground-faint);margin-bottom:var(--3xl);grid-template-columns:1fr;overflow:visible;background:var(--background)}body .cw-reader[data-open]{display:grid;transition:none}body .cw-reader .reader-rail{display:none}body .cw-rd{opacity:1;filter:none;transition:none;padding:14px 16px}body .cw-stage{flex:none;min-height:140px;margin:10px 0}body .cw-readers{flex:none}body .footbar{grid-template-columns:1fr;gap:var(--sm);text-align:center}body .footbar .clock{font-size:8px}body .spotify{width:auto}body .marquee .track{animation-duration:90s}body .grain,body .grain-accent,body .grid-bg,body .topbar .site-domain{display:none}body .topbar{gap:var(--lg);font-size:9px;grid-template-columns:1fr auto auto}body .topbar .title-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}body .topbar .title-group span:last-child{display:none}body .topbar .title-group span:first-child{overflow:hidden;text-overflow:ellipsis;max-width:14ch}body .stripes{display:none}}@media(max-width:600px){body .name-wrap{height:clamp(110px,min(32vw,40vh),200px)}body .name-main,body .name-ghost{font-size:24vw}body[data-display=overlay] .page .name-ghost{transform:translateY(22%);left:clamp(.02em,1.5vw,.08em);opacity:.85}body[data-display=overlay] .page .name-main{font-variation-settings:"EXPO" 0}body .name-sub{font-size:clamp(8px,2.5vw,11px)}body .cw-rack{gap:6px}body .cw-key{padding:10px 12px 12px;min-height:68px;gap:8px}body .cw-key .bg{font-size:clamp(36px,5vw,52px)}body .cw-key .head{font-size:9px}body .cw-key .project-name{font-size:clamp(14px,4vw,20px)}}@media(max-width:480px){body .page{padding:var(--xl) var(--2xl) var(--lg)}body .topbar .title-group span:first-child{max-width:10ch}body .version-badge{font-size:8px;padding:var(--2xs) var(--sm)}body .stripes .stripe-bars{display:none}}@media(prefers-reduced-motion:reduce){body .marquee .track{animation:none}body .cw-reader,body .cw-reader .cw-rd,body .cw-open,body .links a,body .links .theme-btn{transition:none}}.page{position:relative;z-index:10;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:var(--2xl) var(--5xl) var(--xl);gap:var(--lg);overflow:hidden}.main{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto 1fr;gap:var(--2xl) var(--5xl);min-height:0}