@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui:"Geist Variable", system-ui, sans-serif;--font-read:"Geist Variable", system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, monospace;--page:oklch(95.5% .007 250);--ink:oklch(21% .01 250);--mute:oklch(47% .018 250);--accent:oklch(56% .18 255);--sel:oklch(56% .18 255);--hl:oklch(56% .18 255);--hlInk:oklch(100% 0 0);--wall:oklch(70% .008 250);--wall2:oklch(30% .025 255);--shell:oklch(90% .006 250);--shell2:oklch(76% .01 250);--wheel:oklch(26% .005 260);--wheel2:oklch(19% .005 260);--wink:oklch(86% .005 260);--btn:oklch(88% .005 250);--btn2:oklch(74% .008 250);--edge:#ffffffd9;--floor:#14285047;--wglow:#ffffff12;--scrL:oklch(98.5% .002 250);--inkL:oklch(20% .01 250);--scrD:oklch(16% .005 250);--inkD:oklch(94% .004 250);--ease:cubic-bezier(.16, 1, .3, 1);--quart:cubic-bezier(.25, 1, .5, 1);--z-device:10;--z-chrome:30;--z-reader:40;--z-veil:45;--z-photo:50;--z-dialog:60}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--page);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .9s var(--quart), color .6s;--scr:var(--scrL);--scrInk:var(--inkL);overflow:hidden}body.dark{--scr:var(--scrD);--scrInk:var(--inkD)}img{-webkit-user-drag:none;max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}::view-transition-old(root){animation:vt-out .32s var(--quart) both}::view-transition-new(root){animation:vt-in .6s var(--ease) both}::view-transition-group(site-name),::view-transition-group(site-line){animation-duration:.6s;animation-timing-function:var(--ease)}@keyframes vt-out{to{opacity:0;filter:blur(6px);scale:.985}}@keyframes vt-in{0%{opacity:0;translate:0 14px}}body.direct{background:var(--scr)}body.direct .room{display:none}.room{pointer-events:none;background:radial-gradient(120% 95% at 50% 36%,#0000 45%,#00000012 100%);position:fixed;inset:0}.name{z-index:var(--z-chrome);transition:opacity .4s;position:fixed;top:22px;left:26px}.name button{cursor:pointer;font:700 18px var(--font-ui);letter-spacing:-.02em;color:var(--ink);background:0 0;border:0;margin:-10px -12px -2px;padding:10px 12px 2px}.name .role{font:500 12.5px var(--font-mono);color:var(--mute);margin-top:3px;display:block}.name button{view-transition-name:site-name}.name .lines{view-transition-name:site-line;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;margin:0 -12px -12px;padding:3px 12px 12px}.name .roll{display:block;position:relative;overflow:hidden}.name .roll>span{white-space:nowrap;display:block}.name .roll .in{animation:line-in .34s var(--ease) backwards}.name .roll .out{animation:line-out .34s var(--ease) forwards;position:absolute;inset:0 auto auto 0}@keyframes line-in{0%{opacity:0;transform:translateY(100%)}}@keyframes line-out{to{opacity:0;transform:translateY(-100%)}}body.zoomed .name{opacity:0;pointer-events:none}.links{height:40px;z-index:var(--z-chrome);gap:22px;font-size:15px;transition:opacity .4s;display:flex;position:fixed;top:22px;right:26px}.links a{color:var(--ink);margin:-12px -8px;padding:12px 8px;text-decoration:none;position:relative}.links a:after{content:"";transform-origin:100%;height:1.5px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:9px;left:8px;right:8px;transform:scaleX(0)}.links a:hover:after{transform-origin:0;transform:scaleX(1)}.links{align-items:center}.links a.switch{box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:999px;align-items:center;gap:7px;margin:-8px 0 -8px 8px;padding:7px 14px 7px 11px;font-weight:500;transition:background-color .25s,color .25s;display:inline-flex}.links a.switch:after{display:none}.links a.switch:hover{background:var(--ink);color:var(--page)}.links a.switch svg{stroke-width:2px;width:16px;height:16px}@media (width<=600px){.links a,.links a.switch{display:none}.links .burger{display:grid}}@media (width<=640px){.links{height:22px}.links a.switch{gap:6px;margin-left:0;padding:5px 11px 5px 9px;font-size:13.5px}.links a.switch svg{width:15px;height:15px}}.corner{right:26px;bottom:calc(var(--chips-y,38px) - 14px);z-index:var(--z-chrome);align-items:center;gap:10px;transition:opacity .4s;display:flex;position:fixed}.corner button{cursor:pointer;color:var(--mute);font:500 12.5px var(--font-mono);background:0 0;border:0;padding:6px 4px}.corner button:hover{color:var(--ink)}.corner .q{width:28px;height:28px;font:600 13px var(--font-ui);border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px}.corner .q:before{content:"";position:absolute;inset:-8px}body.zoomed .links,body.zoomed .corner,body.zoomed .swatches{opacity:0;pointer-events:none}.swatches{pointer-events:auto;transition:opacity .4s;position:absolute;top:calc(100% + 40px);left:50%;transform:translate(-50%)}.chips{gap:2px;display:flex}.swatches button{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:44px;margin:-6px 0;padding:0;display:grid}.swatches button:before{content:"";background:linear-gradient(115deg, #ffffff4d, transparent 45%), linear-gradient(160deg, var(--s1), var(--s2)), var(--c);width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f, inset 0 1px 0 var(--e);transition:box-shadow .3s var(--ease), transform .3s var(--ease);border-radius:50%}.swatches button:hover:before{transform:scale(1.1)}.swatches button.on:before{box-shadow:inset 0 0 0 1px #0000001f, inset 0 1px 0 var(--e), 0 0 0 2.5px var(--page), 0 0 0 3.5px color-mix(in oklch, var(--ink) 35%, transparent)}.swatches button.fresh{position:relative}.swatches button.fresh:before{animation:chip-pop .7s var(--ease) both}.swatches button.fresh:after{content:"";border:2px solid color-mix(in oklch, var(--ink) 55%, transparent);pointer-events:none;animation:chip-ring 1.1s var(--quart) .15s both;border-radius:50%;position:absolute;inset:11px 5px}@keyframes chip-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.25)}}@keyframes chip-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.swatches button.locked{color:var(--mute);position:relative}.swatches button.locked:before{width:auto;height:auto;box-shadow:none;border:1.5px dashed color-mix(in oklch, var(--mute) 60%, transparent);background:0 0;position:absolute;inset:11px 5px}.swatches button.locked svg{width:11px;height:11px;position:relative}.swatches button.locked:hover{color:var(--ink)}.swhint{white-space:nowrap;font:500 12.5px var(--font-ui);color:var(--page);background:var(--ink);opacity:0;pointer-events:none;transition:opacity .25s var(--quart), translate .35s var(--ease);border-radius:999px;padding:7px 12px;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px;box-shadow:0 6px 16px -8px #00000059}.swhint.on{opacity:1;translate:-50%}.callouts{pointer-events:none;opacity:0;transition:opacity .6s var(--quart);position:absolute;inset:0}body.guide .callouts{opacity:1}.leaders{position:absolute;top:0;left:0;overflow:visible}.leaders path{fill:none;stroke:color-mix(in srgb, var(--ink) 70%, transparent);stroke-width:1.5px}.leaders path.halo{stroke:color-mix(in srgb, var(--page) 70%, transparent);stroke-width:4.5px}.leaders circle{fill:var(--ink);stroke:var(--page);stroke-width:2.5px}.co{white-space:nowrap;flex-direction:column;width:max-content;font-size:14px;line-height:1.3;display:flex;position:absolute;transform:translateY(-50%)}.co.l{text-align:right;right:calc(100% + 48px)}.co.r{left:calc(100% + 48px)}.co b{font-weight:600}.co span{color:var(--mute)}.legend{opacity:0;pointer-events:none;transition:opacity .25s var(--quart), transform .35s var(--ease);z-index:var(--z-dialog);background:color-mix(in oklch, var(--page) 86%, white);color:var(--ink);border:1px solid color-mix(in oklch, var(--ink) 10%, transparent);border-radius:14px;padding:8px 16px;font-size:13.5px;line-height:1.35;display:none;position:fixed;top:72px;left:16px;right:16px;transform:translateY(-8px)scale(.98);box-shadow:0 12px 30px -12px #0006}.legend div{grid-template-columns:64px 1fr;gap:10px;padding:8px 0;display:grid}.legend div+div{border-top:1px solid color-mix(in oklch, var(--ink) 10%, transparent)}.legend b{font-weight:600}.legend p span{color:var(--mute);display:block}.copied{z-index:var(--z-dialog);background:var(--ink);color:var(--page);font:500 12.5px var(--font-ui);opacity:0;transition:opacity .25s, transform .35s var(--ease);pointer-events:none;border-radius:999px;padding:7px 12px;position:fixed;top:52px;right:26px;transform:translateY(-4px)}.copied.on{opacity:1;transform:none}.toast{align-items:center;gap:7px;display:flex}.toast svg{flex:none;width:14px;height:14px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.veil{z-index:var(--z-veil);background:color-mix(in srgb, var(--page) 72%, transparent);opacity:0;pointer-events:none;transition:opacity .5s var(--quart);position:fixed;inset:0}body.photo-open .veil{opacity:1;pointer-events:auto}.enlarged{z-index:var(--z-photo);opacity:0;pointer-events:none;width:min(880px,92vw);height:min(80vh,720px);transition:transform .38s var(--ease), opacity .25s;background:#0b0b0c;border-radius:26px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.35);box-shadow:0 0 0 8px #0d0e10,0 40px 80px -30px #0000008c}.enlarged.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.enlarged .ph{position:absolute;inset:0}.enlarged .ph img{object-fit:contain;width:100%;max-width:none;height:100%;position:absolute;inset:0}.enlarged .ph .hi{opacity:0;transition:opacity .3s var(--quart)}.enlarged .ph .hi.in{opacity:1}.enlarged .ph .hi.now{transition:none}.enlarged .ph span{text-align:center;color:#fff;font:500 13px var(--font-ui);background:linear-gradient(#0000,#0000008c);padding:40px 16px 14px;position:absolute;bottom:0;left:0;right:0}dialog.plain{background:var(--page);width:min(760px,92vw);max-height:86vh;color:var(--ink);user-select:text;border:0;border-radius:16px;margin:auto;padding:44px 48px;box-shadow:0 30px 80px -30px #00000080}dialog.plain::backdrop{background:#0006}dialog.plain h2{font:600 34px/1.1 var(--font-read);letter-spacing:-.03em;margin-bottom:6px}dialog.plain h3{font:600 15px var(--font-ui);margin:26px 0 8px}dialog.plain p,dialog.plain li{font:400 16.5px/1.6 var(--font-read);color:var(--ink)}dialog.plain ul{padding-left:18px}dialog.plain .close{cursor:pointer;font:500 13px var(--font-mono);color:var(--mute);background:0 0;border:0;position:absolute;top:16px;right:18px}@media (width<=820px){.callouts{display:none}.links{gap:14px;font-size:14px;top:18px;right:18px}.name{top:18px;left:18px}.corner{right:18px}.swatches{top:calc(100% + 24px)}.legend{display:block}body.guide .legend{opacity:1;pointer-events:auto;transform:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}.co b .marks,.legend b .marks{color:inherit;opacity:1;vertical-align:-.1em;gap:.45em;font-size:.95em;display:inline-flex}.burger{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:-9px -9px -9px 0;display:none}.burger svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.burger .shut,body:has(.sheet:popover-open) .burger .open{display:none}body:has(.sheet:popover-open) .burger .shut{display:block}.sheet{inset:var(--menu-top,70px) 0 auto;width:auto;padding:0 var(--sheet-gut,18px);background:var(--page);color:var(--ink);border:0;margin:0;position:fixed;box-shadow:0 24px 40px -24px #141e3c4d}.sheet::backdrop{inset:var(--menu-top,70px) 0 0;background:color-mix(in oklch, var(--ink) 18%, transparent)}.sheet{flex-direction:column}.sheet:popover-open{display:flex}.sheet a{border-bottom:1px solid color-mix(in oklch, var(--ink) 11%, transparent);color:inherit;font:600 19px var(--font-ui);letter-spacing:-.02em;justify-content:space-between;align-items:center;padding:13px 0;text-decoration:none;display:flex}.sheet a:last-child{border-bottom:0}.sheet a svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;color:var(--mute);flex:none}@media (prefers-reduced-motion:no-preference){.sheet,.sheet::backdrop{transition:opacity .22s var(--quart), translate .36s var(--ease), display .36s allow-discrete, overlay .36s allow-discrete;opacity:0}.sheet{translate:0 -8px}.sheet:popover-open,.sheet:popover-open::backdrop{opacity:1;translate:0}@starting-style{.sheet:popover-open,.sheet:popover-open::backdrop{opacity:0;translate:0 -8px}}}.stage{z-index:var(--z-device);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.zoomer{transform-origin:0 0;transition:transform .8s var(--ease)}.fit{position:relative}.floor{background:var(--floor);filter:blur(18px);border-radius:50%;width:300px;height:40px;margin-left:-150px;transition:opacity .5s;position:absolute;bottom:-26px;left:50%}body.zoomed .floor{opacity:0}.dev{pointer-events:auto;background:linear-gradient(160deg, var(--shell), var(--shell2));width:360px;height:604px;box-shadow:inset 0 0 0 1px var(--edge), inset 0 2px 0 var(--edge), inset 0 -1.5px 0 #00000029, inset 0 -3px 8px #0000002e,  var(--sx,0px) calc(var(--sy,0px) + 2px) 0 0 var(--side), 0 1px 2px #00000024, 0 10px 12px -8px #0a0e1452, 0 40px 60px -34px #0a0e1473;--side:color-mix(in oklch, var(--shell2) 80%, var(--ink));transform:rotateY(var(--ty,0deg)) rotateX(var(--tx,0deg));transition:transform .6s var(--ease), box-shadow .6s var(--ease), background .9s var(--quart);border-radius:46px;position:relative}.dev:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(115deg,#ffffff4d,#0000 32%);position:absolute;inset:0}.dev:after{content:"";border-radius:inherit;opacity:.22;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='1.4' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.perspective{perspective:1400px}.guts{opacity:0;transition:opacity .8s, transform .6s var(--ease);transform:translate(var(--dx,0), var(--dy,0));background:radial-gradient(130% 75% at 50% 72%,#1d4c43,#0f2925 70%,#0b1f1c);border-radius:38px;position:absolute;inset:10px;overflow:hidden}body[data-finish=clear] .guts{opacity:1}.guts:after{content:"";background:radial-gradient(90% 60% at 50% 68%,#0000 40%,#040c0c73),linear-gradient(160deg,#8ce6d71a,#060c0e4d);position:absolute;inset:0}body[data-finish=clear] .dev:after{opacity:0}body[data-finish=clear] .dev{box-shadow:inset 0 0 0 1.5px #c8fff052, inset 0 2px 0 #ffffff59, inset 0 0 26px #96ffe61a, var(--sx,0px) calc(var(--sy,0px) + 2px) 0 0 #78c8be47, 0 1px 2px #0003, 0 10px 12px -8px #00000059, 0 40px 60px -34px #0009}body[data-finish=clear] .dev:before{background:linear-gradient(115deg,#ffffff57,#0000 28%),linear-gradient(295deg,#a0ffeb1f,#0000 22%)}.guts .chip{color:#8a96a3;font:500 7.5px var(--font-mono);background:linear-gradient(160deg,#22262a,#121416);border-radius:3px;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 2px #1c3b35,0 0 0 3px #c9a24a59}.guts .chip:before{content:"";background:#ffffff40;border-radius:50%;width:3px;height:3px;position:absolute;top:3px;left:3px}.guts .smd{background:linear-gradient(90deg,#c9b07a,#3a3428 30% 70%,#c9b07a);border-radius:1px;position:absolute}.guts .cap{background:radial-gradient(circle at 35% 35%,#9aa6b2,#4a535c 70%);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 1.5px #20302d}.guts .tr{opacity:.55;border:1.5px solid #c9a24a;border-radius:8px;position:absolute}.guts .ribbon{opacity:.85;background:linear-gradient(90deg,#b8721f,#e4a24a 50%,#b8721f);border-radius:2px;position:absolute;box-shadow:inset 0 0 0 1px #ffdca040}.guts .conn{background:linear-gradient(#2a2e33,#15181b);border-radius:2px;position:absolute;box-shadow:0 0 0 1px #c9a24a66}.guts .battery{color:#dce6f059;font:500 8px var(--font-mono);background:linear-gradient(160deg,#3d4955,#262e36);border-radius:12px;place-items:end center;padding-bottom:12px;display:grid;position:absolute;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #00000059}.guts .sensor{border:2px dashed #d6a05a8c;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.guts .sensor.solid{border:1.5px solid #d6a05a4d}.guts .screw{background:radial-gradient(circle,#c7ccd3 30%,#8a9099 32% 60%,#c7ccd3 62%);border-radius:50%;width:10px;height:10px;position:absolute}.guts .led{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px 2px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%;animation:3.2s ease-in-out infinite led;position:absolute}@keyframes led{50%{opacity:.35;box-shadow:0 0 3px 1px color-mix(in srgb, var(--accent) 40%, transparent)}}.screenwrap{z-index:2;height:310px;box-shadow:inset 0 1px 2px #000000b3, 0 1px 0 var(--edge);background:#060607;border-radius:32px;padding:7px;position:absolute;top:14px;left:13px;right:13px}.screenwrap:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;-webkit-mask-composite:xor;background:linear-gradient(140deg,#ffffff3d,#0000 26%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.lcd{background:var(--scr);width:100%;height:100%;color:var(--scrInk);border-radius:25px;position:relative;overflow:hidden}.lcd:before{content:"";pointer-events:none;z-index:21;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 3px 6px -2px #00000038,inset 0 0 18px #00000017,inset 0 0 2px #00000040}.lcd:after{content:"";pointer-events:none;z-index:20;background:linear-gradient(calc(150deg + var(--ty,0deg) * 3), #fff3, transparent 34%, transparent 56%, #ffffff0f 66%, transparent 80%);position:absolute;inset:0}body.dark .lcd:after{opacity:.5}.power{z-index:19;pointer-events:none;opacity:0;background:#000;position:absolute;inset:0}.lcdin{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;container-type:inline-size}.status{height:28px;font:600 11.5px var(--font-ui);z-index:6;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 14px;display:grid;position:relative}.status .play{opacity:.75;font-size:9px;display:flex}.status .tm{font-variant-numeric:tabular-nums;justify-self:end;align-items:center;gap:6px;display:flex}.status .sback{cursor:pointer;min-width:0;height:28px;font:inherit;color:var(--kick);background:0 0;border:0;justify-self:start;align-items:center;gap:1px;margin-left:-14px;padding:0 4px 0 9px;font-weight:500;display:flex}.status .sback svg{stroke-width:2.6px;flex:none;width:13px;height:13px}.status .sback span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status .ttl{text-overflow:ellipsis;white-space:nowrap;justify-self:center;max-width:100%;transition:opacity .2s;overflow:hidden}.screens{flex:1;transition:opacity .14s;position:relative}.scr{background:var(--scr);display:flex;position:absolute;inset:0}.scr.gone{visibility:hidden}.lock{z-index:15;color:#fff;background:radial-gradient(120% 70% at 15% 0%, color-mix(in oklch, var(--wall) 85%, #fff 15%), transparent 62%), radial-gradient(110% 80% at 100% 100%, color-mix(in oklch, var(--wall) 60%, var(--wall2)), transparent 70%), linear-gradient(165deg, color-mix(in oklch, var(--wall) 45%, var(--wall2)), var(--wall2));transition:transform .7s var(--ease), opacity .5s;flex-direction:column;align-items:center;padding-top:26px;display:flex;position:absolute;inset:0}body.locked .lcd{background:var(--wall2)}body.locked .screens,body.locked .status{visibility:hidden}.lock .clk{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:66px;font-weight:300;line-height:1}.lock .dt{opacity:.9;margin-top:4px;font-size:13px}.lock:not(.open){cursor:pointer}.lnotes{flex-direction:column;gap:6px;width:calc(100% - 28px);margin-top:18px;display:flex}.lnote{width:100%;color:inherit;font:inherit;-webkit-backdrop-filter:blur(14px)saturate(1.3);text-align:left;animation:lnote .6s var(--ease) both;background:#ffffff21;border:0;border-radius:16px;align-items:flex-start;gap:10px;padding:10px 12px 11px;display:flex}.lnote .ic{background:var(--hl);width:24px;height:24px;color:var(--hlInk);border-radius:7px;flex:none;place-items:center;display:grid}.lnote .ic svg{stroke-width:2.4px;width:15px;height:15px}.lnote .lbody{flex:1;min-width:0;display:block}button.lnote{cursor:pointer}.lnote .lhead{justify-content:space-between;font-size:11px;display:flex}.lnote .lhead span{opacity:.7}.lnote .lmsg{opacity:.95;margin-top:2px;font-size:12px;line-height:1.35;display:block}@keyframes lnote{0%{opacity:0;transform:translateY(-10px)scale(.97)}}.lock.open{opacity:.6;pointer-events:none;transform:translateY(-100%)}.wheel{z-index:2;touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--wheel) 80%, #fff), var(--wheel) 55%, var(--wheel2));width:222px;height:222px;box-shadow:inset 0 1px 1px #fff3, inset 0 -2px 10px #0006, 0 0 0 1px #0003, 0 1.5px 0 1px var(--edge);transform:perspective(600px) rotateX(var(--wx,0deg)) rotateY(var(--wy,0deg));transition:opacity .4s, background .9s, transform .18s var(--quart);border-radius:50%;margin-left:-111px;position:absolute;top:346px;left:50%}.wheel:before{content:"";pointer-events:none;background:radial-gradient(circle closest-side,#0000 36%,#00000021 37.5%,#0000 44%),radial-gradient(circle closest-side,#00000012 37%,#0000 100%);border-radius:50%;position:absolute;inset:0}.lbl{font:650 11px var(--font-ui);letter-spacing:.1em;color:var(--wink);pointer-events:none;position:absolute}.wheel .t{padding-left:.1em;top:14.3px;left:50%;transform:translate(-50%)}.wheel .b{bottom:17.2px;left:50%;transform:translate(-50%)}.lbl:not(.t){font-size:12px;display:flex}.skip{display:inline-flex}.skip svg+svg{margin-left:-.32em}.skip.back{scale:-1 1}.lbl.b svg+svg{margin-left:.05em}.wheel .l{top:50%;left:17px;transform:translateY(-50%)}.wheel .r{top:50%;right:17px;transform:translateY(-50%)}.glow{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), var(--wglow), transparent 38%);border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.wheel:hover .glow,.drag .glow{opacity:1}.center{cursor:pointer;--dome:.13;--press:0;background:linear-gradient(rgba(0, 0, 0, var(--press)), rgba(0, 0, 0, var(--press))), radial-gradient(circle at 50% 22%, rgba(255, 255, 255, var(--dome)), transparent 55%), linear-gradient(160deg, var(--btn), var(--btn2));width:82px;height:82px;box-shadow:inset 0 1.5px 0 var(--edge), inset 0 -4px 8px #00000012, 0 1px 3px #00000040;border:0;border-radius:50%;margin:-41px 0 0 -41px;transition:transform .1s,box-shadow .1s,background .9s;position:absolute;top:50%;left:50%}.center:active{--dome:0;--press:.06;transform:scale(.97);box-shadow:inset 0 1.5px #0003,inset 0 3px 5px #0000001f,inset 0 -1px #ffffff1f,0 0 0 1px #0000004d}.center:focus-visible{outline-color:var(--wink)}body.locked .center{animation:nudge 3s var(--quart) 2.4s infinite}body.locked .center:before{content:"";border:1.5px solid var(--wink);opacity:0;pointer-events:none;border-radius:50%;animation:3s ease-out 2.4s infinite ping;position:absolute;inset:0}@keyframes nudge{0%,80%,to{box-shadow:inset 0 1.5px 0 var(--edge), inset 0 -4px 8px #00000012, 0 1px 3px #00000040;transform:none}85%{transform:scale(.97);box-shadow:inset 0 1.5px #0003,inset 0 3px 5px #0000001f,inset 0 -1px #ffffff1f,0 0 0 1px #0000004d}}@keyframes ping{0%,84%{opacity:0;transform:scale(1)}87%{opacity:.55}to{opacity:0;transform:scale(1.42)}}.spindemo{pointer-events:none;opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}body.guide .spindemo{opacity:1}.spindemo i{background:conic-gradient(from -70deg, transparent 0deg, color-mix(in oklch, var(--sel) 45%, transparent) 70deg, transparent 70.5deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 62px,#000 63px 89px,#0000 90px);mask:radial-gradient(circle,#0000 62px,#000 63px 89px,#0000 90px)}.spindemo:after{content:"";background:var(--sel);width:16px;height:16px;box-shadow:0 0 0 3px color-mix(in oklch, var(--sel) 30%, transparent), 0 2px 6px #0000004d;border-radius:50%;margin-left:-8px;position:absolute;top:27px;left:50%}body.guide .spindemo{animation:spindemo 1.8s var(--ease) infinite}@keyframes spindemo{0%{opacity:0;transform:rotate(-45deg)}15%{opacity:1}70%{opacity:1;transform:rotate(60deg)}to{opacity:0;transform:rotate(60deg)}}body.zoomed #wheel{opacity:0;pointer-events:none}.list{flex:0 0 45%;padding:4px 6px;position:relative;overflow:hidden}.list.full{flex-basis:100%}.list .hl{left:6px;right:6px;top:calc(4px + var(--i,0) * 32px);background:var(--hl);height:32px;transition:top .15s var(--quart);border-radius:9px;position:absolute}.list .it{white-space:nowrap;cursor:pointer;align-items:center;gap:3px;height:32px;padding:0 7px 0 10px;font-size:14.5px;font-weight:500;transition:color .1s;display:flex;position:relative}.list .it>span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.list .it.on{color:var(--hlInk)}.list .it .mk{stroke-width:2.4px;stroke-opacity:0;width:15px;height:15px;transition:stroke-opacity .15s, left .25s var(--ease);flex:none;position:relative;left:-3px}.list .it .mk.link{stroke-width:2.2px;width:13px;height:13px}.list .it.on .mk{stroke-opacity:.9;left:0}.list .it.leaf:after{content:attr(data-v);opacity:.55;font-size:12.5px}.list .it.leaf.on:after{opacity:.9}.list .it .playing{stroke-width:2.4px;opacity:.7;flex:none;width:13px;height:13px}.list .it.on.long>span{text-overflow:clip}.list .it.on.long em{animation:mq var(--mqt,3s) ease-in-out 1.4s 2 alternate;display:inline-block;position:relative}.list em{font-style:normal}@keyframes mq{0%,10%{left:0}75%,to{left:var(--mq,0)}}.prev{background:color-mix(in srgb, var(--scrInk) 8%, var(--scr));border-radius:12px;flex:1;margin:4px 6px 6px 0;position:relative;overflow:hidden}.pv{background:color-mix(in srgb, var(--scrInk) 5%, var(--scr));color:var(--scrInk);flex-direction:column;gap:8px;padding:9px;display:flex;position:absolute;inset:0;overflow:hidden}.pv img{object-fit:cover;border-radius:6px;width:100%;display:block}.pv-tx{flex-direction:column;gap:3px;min-width:0;margin-top:auto;display:flex}.pv-tx small{font:500 10px/1.3 var(--font-ui);color:var(--kick)}.pv-icon{text-align:center;align-items:center}.pv-icon .ic{flex:1;place-items:center;width:100%;display:grid;position:relative}.pv-icon .spot{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--sel) 13%, transparent), transparent 68%);border-radius:50%;width:76%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pv-icon .icw{width:min(62%,104px);position:relative}.pv-icon.solo .icw{width:min(66%,118px)}.pv-icon svg{aspect-ratio:1;fill:none;width:100%;height:auto;stroke:var(--sel);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;display:block}.pv-icon .rf{opacity:.3;height:45%;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 20%,#000);mask-image:linear-gradient(#0000 20%,#000)}.pv-icon .rf svg{position:absolute;bottom:0;left:0}.pv-icon .pv-tx{align-items:center;width:100%;margin-top:0}.pv-icon .pv-tx span{overflow-wrap:anywhere}.pv-tx b{font:600 15px/1.15 var(--font-ui);letter-spacing:-.01em;overflow-wrap:anywhere}.pv-tx span{font:400 11px/1.38 var(--font-ui);opacity:.68;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pv-job .pv-tx span{-webkit-line-clamp:5}.pv-tl{min-height:0;font:500 9.5px/1 var(--font-ui);flex-direction:column;flex:1;justify-content:flex-start;gap:9px;padding:6px 2px 4px;display:flex}.pv-tl .row{align-items:center;gap:6px;display:flex}.pv-tl .row>span{text-overflow:ellipsis;white-space:nowrap;opacity:.45;flex:none;width:46px;overflow:hidden}.pv-tl .row.on>span{opacity:.9}.pv-tl .track{background:color-mix(in srgb, var(--scrInk) 8%, transparent);border-radius:3px;flex:1;height:6px;position:relative}.pv-tl .track i{background:color-mix(in srgb, var(--scrInk) 25%, transparent);border-radius:3px;position:absolute;top:0;bottom:0}.pv-tl .row.on .track i{background:var(--sel)}.pv-tl .track i.now{-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.pv-tl .axis{opacity:.45;justify-content:space-between;margin-left:52px;font-size:8.5px;display:flex}.pv-proj img{object-position:74% 50%;flex:1;min-height:0;box-shadow:0 6px 14px -8px #00000073}.pv-album .art{aspect-ratio:1;border-radius:8px;flex:none;width:78%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 22px -12px #0009}.pv-album .art img{border-radius:0;height:100%}.pv-album{justify-content:center;gap:12px}.pv-album .pv-tx{text-align:center;align-items:center;margin-top:0}.pv-brick .field{flex-direction:column;flex:1;gap:4px;padding:6px 2px;display:flex;position:relative}.pv-brick .row{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.pv-brick .row i{background:var(--sel);border-radius:3px;height:9px}.pv-brick .ball{background:var(--sel);border-radius:50%;width:9px;height:9px;position:absolute;bottom:26px;left:58%}.pv-brick .pad{background:var(--scrInk);border-radius:3px;width:30%;height:6px;position:absolute;bottom:12px;left:40%}.pv-stack .field{flex-direction:column;flex:1;justify-content:flex-end;gap:3px;padding:6px 2px 10px;display:flex}.pv-stack i{background:var(--sel);border-radius:3px;height:10px;display:block}.pv-stack .base{background:var(--scrInk);opacity:.85;width:64%;margin-left:18%}.pv-stack .slide{background:var(--sel);border-radius:3px;width:34%;height:10px;margin:0 0 9px 52%;display:block}.blk{color:#fff;flex-direction:column;justify-content:flex-end;padding:12px;font-size:18px;font-weight:700;line-height:1.05;display:flex;position:absolute;inset:0}.blk small{font:500 11px var(--font-mono);opacity:.85;margin-top:6px}.np{flex-direction:column;gap:8px;width:100%;padding:8px 14px;display:flex}.np .row{grid-template-columns:118px 1fr;align-items:center;gap:12px;display:grid}.np .art{border-radius:12px;width:118px;height:118px;position:relative;overflow:hidden;box-shadow:0 10px 20px -10px #00000080}.np .art img{object-fit:cover;width:100%;height:100%}.np b{letter-spacing:-.01em;font-size:16px;display:block}.np span{opacity:.7;margin-top:2px;font-size:12px;display:block}.np canvas{width:100%;height:52px;display:block}.np .bar{background:color-mix(in srgb, currentColor 15%, transparent);border-radius:3px;height:5px;overflow:hidden}.np .bar i{background:var(--sel);width:0;height:100%;display:block}.np .meta{font:500 10.5px var(--font-mono);opacity:.65;justify-content:space-between;display:flex}.vol{z-index:8;background:color-mix(in srgb, var(--scr,#fff) 88%, transparent);font:500 11px var(--font-mono);opacity:0;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;transition:opacity .25s;display:flex;position:absolute;bottom:10px;left:14px;right:14px}.vol.on{opacity:1}.vol div{background:color-mix(in srgb, currentColor 15%, transparent);border-radius:3px;flex:1;height:5px}.vol i{background:var(--sel);border-radius:3px;height:100%;display:block}.cf{perspective:520px;touch-action:pan-y;background:linear-gradient(#202227,#0d0e10);width:100%;position:relative;overflow:hidden}.cf .it{cursor:pointer;width:132px;height:132px;transition:transform .5s var(--ease), opacity .4s, filter .5s var(--ease);margin-left:-66px;position:absolute;top:18%;left:50%}.cf .it .rf{opacity:.28;pointer-events:none;position:absolute;top:calc(100% + 2px);left:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 58%,#000);mask-image:linear-gradient(#0000 58%,#000)}.cf .it img{object-fit:cover;border-radius:3px;width:100%;height:100%}.cf .cap{text-align:center;color:#fff;font-size:12.5px;font-weight:600;transition:opacity .2s;position:absolute;bottom:12px;left:0;right:0}.cf .cap small{font:500 9.5px var(--font-mono);opacity:.6;margin-top:2px;display:block}.brick{width:100%;height:100%;display:block}.stoast{z-index:9;color:#fff;width:fit-content;font:500 12px var(--font-ui);opacity:0;transition:opacity .25s, bottom .35s var(--ease);white-space:nowrap;background:#0b0b0c;border-radius:999px;margin-inline:auto;padding:7px 12px;position:absolute;bottom:6px;left:0;right:0}.stoast.on{opacity:1;bottom:14px}.read{scrollbar-width:none;scroll-behavior:smooth;--g:20px;width:100%;padding:14px 20px 48px;position:relative;overflow-y:auto}.read::-webkit-scrollbar{display:none}.read .kick{font:500 11px var(--font-mono);color:var(--sel)}body{--kick:var(--sel)}body.dark{--kick:color-mix(in oklch, var(--sel), var(--scrInk) 45%)}body.dark .read .kick,body.dark .read .checks b{color:var(--kick)}.read h1{font:600 30px/1.08 var(--font-read);letter-spacing:-.03em;text-wrap:balance;margin:6px 0 10px}.read .lead{font:400 16.5px/1.5 var(--font-read);opacity:.9}.read img{border-radius:8px;width:100%;margin-block:10px}.read h2{font:600 21px/1.2 var(--font-read);letter-spacing:-.02em;text-wrap:balance;margin-block:34px 8px}.read p,.read li{font:400 15.5px/1.62 var(--font-read);opacity:.92}.read p{margin-bottom:10px}.read ul{list-style:none}.read .meta{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding:10px 0;display:grid}.read .meta>div:last-child:nth-child(odd){grid-column:1/-1}.read .meta dt{font:500 10.5px var(--font-mono);opacity:.6}.read .meta dd{font:500 13.5px var(--font-ui)}.read .stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-block:12px;display:grid}.read .stats[data-n="4"]{grid-template-columns:repeat(2,1fr);row-gap:14px}.read .stats b{font:600 24px var(--font-read);letter-spacing:-.03em;font-variant-numeric:tabular-nums;display:block}.read .stats span{font:500 10.5px var(--font-mono);opacity:.65}.read .pull{font:500 18px/1.4 var(--font-read);letter-spacing:-.015em;background:color-mix(in srgb, var(--sel) 9%, transparent);border-radius:10px;margin-block:16px;padding:12px}.read .pull cite{font:500 10.5px var(--font-mono);opacity:.6;margin-top:6px;font-style:normal;display:block}.read .checks li{border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);align-items:baseline;gap:8px;padding:6px 0;display:flex}.read .checks b{font:600 16px var(--font-read);color:var(--sel);min-width:44px}.read .gallery{gap:8px;display:grid}.read figure{margin-block:10px}.read figure img{margin:0}.read figcaption{font:500 11px var(--font-mono);opacity:.6;margin-top:4px}.read .duo{gap:8px;margin-block:10px;display:grid}.read .card{background:color-mix(in srgb, currentColor 5%, transparent);border-radius:10px;padding:12px}.read .card.good{background:color-mix(in srgb, var(--sel) 10%, transparent)}.read .card h3{font:600 14px var(--font-ui);margin-bottom:6px}.read .card p{margin:0}.read .panel{background:color-mix(in srgb, var(--sel) 8%, transparent);border-radius:12px;padding:10px}.read img{height:auto}.read a{color:inherit;text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px}.read strong{font-weight:600}.read ul:not(.checks) li{margin-bottom:6px;padding-left:22px;position:relative}.read ul:not(.checks) li:before{content:"";background:var(--kick);width:.9em;height:.9em;position:absolute;top:.32em;left:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") 50%/contain no-repeat}.read ul:not(.checks){margin-block:4px 14px}.read .note{background:color-mix(in srgb, currentColor 5%, transparent);border-radius:10px;margin-block:16px;padding:12px 14px}.read .note p{opacity:.75;margin:0;font-size:13.5px}.read .proto .frame{aspect-ratio:16/10;background:color-mix(in srgb, var(--sel) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sel) 18%, transparent);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.read .proto .frame>a{font:500 11px var(--font-mono);color:var(--kick);padding:14px 16px;text-decoration:none}.read .proto iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.read .proto figcaption{justify-content:space-between;gap:12px;display:flex}.read .proto figcaption a{color:var(--kick);white-space:nowrap;margin:-14px -8px;padding:14px 8px;text-decoration:none}.read .duties ul{flex-direction:column;gap:4px;margin-top:18px;display:flex}.read .duties a{color:inherit;text-decoration-color:color-mix(in srgb, var(--sel) 60%, transparent);text-underline-offset:3px}.read .tags{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);flex-direction:column;gap:16px;margin-top:26px;padding-top:18px;display:flex}.read .tags dt{font:500 10.5px var(--font-mono);opacity:.6;margin-bottom:8px}.read .tags dd{flex-wrap:wrap;gap:6px;display:flex}.read .tags span{font:500 12.5px var(--font-ui);background:color-mix(in srgb, var(--sel) 9%, transparent);border-radius:999px;padding:4px 10px}.read .tags.grid>div{min-width:0}.read h2+.tags{border-top:0;margin-top:12px;padding-top:0}.read .philosophy{background:var(--scrInk);color:var(--scr);border-radius:12px;margin-block:22px 8px;padding:22px 20px}.read .philosophy .kick{color:color-mix(in oklch, var(--sel), var(--scr) 35%)}.read .philosophy h3{font:600 21px/1.25 var(--font-read);letter-spacing:-.02em;text-wrap:balance;margin:12px 0 10px}.read .philosophy .body{font:400 15.5px/1.6 var(--font-read);opacity:.75}@container (width>=560px){.read{--g:clamp(28px, 8cqi, 96px);padding:0 0 80px}.read>*{max-width:min(680px, calc(100% - var(--g) * 2));margin-left:auto;margin-right:auto}.read .hero{padding-top:clamp(40px,7cqi,84px)}.read .kick{font-size:12.5px}.read h1{font:600 clamp(44px, 7.5cqi, 72px)/1.04 var(--font-read);letter-spacing:-.035em;margin:14px auto 18px}.read .lead{font:400 clamp(19px, 2.4cqi, 23px)/1.5 var(--font-read)}.read .meta{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px;padding:18px 0}.read .meta:has(>div:nth-child(5)){grid-template-columns:repeat(3,1fr)}.read .meta>div:last-child:nth-child(odd){grid-column:auto}.read .meta dt{font-size:11.5px}.read .meta dd{margin-top:4px;font-size:15px}.read .bleed{margin-top:40px}.read .bleed.portrait img{aspect-ratio:4/3;object-fit:cover;object-position:50% 22%}.read .stats{border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);gap:24px;margin-top:0;margin-bottom:0;padding:30px 0 34px}.read .stats b{font-size:clamp(36px,6cqi,54px);line-height:1}.read .stats[data-n="4"]{grid-template-columns:repeat(4,1fr)}.read .stats[data-n="4"] b{font-size:clamp(32px,4.6cqi,44px)}.read .stats span{margin-top:8px;font-size:12px;display:block}.read h2{font:600 clamp(26px, 3.6cqi, 34px)/1.15 var(--font-read);letter-spacing:-.025em;margin-top:64px;margin-bottom:14px}.read p,.read li{text-wrap:pretty;font-size:18px;line-height:1.7}.read p{margin-bottom:14px}.read .pull{text-align:center;border-radius:16px;margin-top:56px;margin-bottom:56px;padding:40px 48px;font-size:clamp(24px,3.4cqi,32px);line-height:1.38}.read .pull cite{margin-top:16px;font-size:12px}.read .split{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(28px,5cqi,64px);margin-top:64px;display:grid}.read .split h2{margin-top:0}.read .checks li{padding:14px 0;font-size:17px;line-height:1.4}.read .checks b{min-width:84px;font-size:30px}.read .gallery{grid-template-columns:1fr;gap:30px;margin-top:28px}.read .gallery img{box-shadow:0 0 0 1px color-mix(in srgb, currentColor 10%, transparent);border-radius:10px}.read figcaption{margin-top:10px;font-size:12px}.read .duo{grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.read .card{border-radius:14px;padding:26px 28px}.read .card h3{margin-bottom:10px;font-size:15px}.read .card p{font-size:16.5px}.read .panel{border-radius:16px;margin-top:40px;padding:clamp(18px,3cqi,36px)}.read .panel img{border-radius:8px}.read .note p{font-size:15px}.read .note{border-radius:14px;margin-top:40px;padding:18px 22px}.read .proto .frame{border-radius:14px}.read ul:not(.checks) li{margin-bottom:10px}.read .duties ul{gap:8px;margin-top:40px}.read .tags{flex-direction:row;gap:40px;margin-top:48px;padding-top:28px}.read .tags>div{flex:1}.read .tags dt{margin-bottom:12px;font-size:11.5px}.read .tags span{padding:6px 12px;font-size:14px}.read .tags.grid{grid-template-columns:1fr 1fr;gap:28px 40px;display:grid}.read h2+.tags{margin-top:20px}.read .philosophy{border-radius:16px;margin-top:56px;margin-bottom:16px;padding:44px 48px}.read .philosophy h3{margin:16px 0 14px;font-size:clamp(24px,3.2cqi,30px)}.read .philosophy .body{font-size:18px}}.reader .read img{cursor:zoom-in}.reader .read a img{cursor:pointer}.read .contents{border-block:1px solid color-mix(in srgb, currentColor 10%, transparent);margin-block:30px 6px;padding-block:16px 10px}.contents .clabel{font:500 11px var(--font-mono);opacity:.55;margin-bottom:8px}.contents ol{list-style:none}.read .contents li{margin:0;padding:0}.read .contents li:before{content:none}.contents button,.secmenu .drop button{cursor:pointer;text-align:left;width:100%;font:500 15.5px/1.35 var(--font-ui);color:inherit;opacity:.8;background:0 0;border:0;align-items:baseline;gap:12px;padding:7px 0;transition:opacity .15s;display:flex}.contents button:hover,.secmenu .drop button:hover{opacity:1}.contents button span,.secmenu .drop button span{width:18px;font:500 11px var(--font-mono);color:var(--kick);flex:none}@container (width>=560px){.read .contents{margin-block:48px 0;padding-block:22px 14px}.read .contents ol{columns:2;column-gap:32px}.read .contents li{break-inside:avoid}.contents button{font-size:16px}}svg.ext{vertical-align:-.08em;width:.85em;height:.85em;margin-left:.15em}.reader{z-index:var(--z-reader);background:var(--scr);color:var(--scrInk);position:fixed;inset:0}.rin{flex-direction:column;height:100%;display:flex;position:relative;container-type:inline-size}.rbar{z-index:2;border-bottom:1px solid color-mix(in srgb, currentColor 9%, transparent);height:52px;font:500 15px var(--font-ui);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 12px;display:grid;position:relative}.rbar .back{cursor:pointer;white-space:nowrap;min-height:44px;color:var(--kick);font:inherit;background:0 0;border:0;border-radius:10px;justify-self:start;align-items:center;gap:2px;padding:8px 10px 8px 4px;transition:background .15s;display:flex}.rbar .back:hover{background:color-mix(in srgb, currentColor 9%, transparent)}.rbar .back svg{stroke-width:2.2px;width:20px;height:20px}.rbar .rtitle{text-overflow:ellipsis;white-space:nowrap;max-width:50vw;font-weight:600;overflow:hidden}.reader .read{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, currentColor 25%, transparent) transparent;flex:1;min-height:0}.reader .read::-webkit-scrollbar{width:8px;display:block}.reader .read::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 25%, transparent);border-radius:4px}@container (width>=560px){.rbar{height:56px;padding:0 20px}}.secmenu{opacity:0;pointer-events:none;transition:opacity .25s var(--quart), translate .35s var(--ease);justify-self:end;position:relative;translate:0 -4px}.secmenu.on{opacity:1;pointer-events:auto;translate:0}.secmenu .current{cursor:pointer;max-width:34vw;min-height:44px;font:500 14px var(--font-ui);color:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 6px 8px 10px;transition:background .15s;display:flex}.secmenu .current:hover,.secmenu.open .current{background:color-mix(in srgb, currentColor 9%, transparent)}.secmenu .n,.secmenu .of{font:500 11px var(--font-mono);color:var(--kick)}.secmenu .of{opacity:.6;margin-left:-6px}.secmenu .t{text-overflow:ellipsis;white-space:nowrap;opacity:.85;overflow:hidden}.secmenu .current svg{opacity:.6;width:16px;height:16px;transition:rotate .25s var(--ease);flex:none}.secmenu.open .current svg{rotate:180deg}.secmenu .drop{background:var(--scr);border:1px solid color-mix(in srgb, currentColor 10%, transparent);opacity:0;pointer-events:none;width:min(320px,100vw - 24px);transition:opacity .18s var(--quart), translate .3s var(--ease);border-radius:14px;padding:8px 14px;position:absolute;top:calc(100% + 8px);right:0;translate:0 -6px;box-shadow:0 18px 40px -18px #00000059}.secmenu.open .drop{opacity:1;pointer-events:auto;translate:0}.secmenu .drop ol{list-style:none}.secmenu .drop button.now{opacity:1;font-weight:600}@container (width<=559px){.secmenu .t{display:none}}@container (width>=560px){.secmenu .of{display:none}}