@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a5a3076f5a3c2968-s.09mqwf_zjnrdf.woff2)format("woff2");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:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/23f1a98b08006014-s.0s5mkn35-hrc5.woff2)format("woff2");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:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/54fc36028e2bb174-s.p.20jfceqj9zyw9.woff2)format("woff2");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:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_db2ff410-module__PJr5oa__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_db2ff410-module__PJr5oa__variable{--font-display:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/da4b870ab52b3094-s.2rv_b6cm3-gtx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.43yn3v1dnm71_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27riv1g955cgo.woff2)format("woff2");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:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/a85fe84266768609-s.p.0h6ig86gwutp4.woff2)format("woff2");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:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.caveat_7ead056b-module__OV-sQa__className{font-family:Caveat,Caveat Fallback;font-style:normal}.caveat_7ead056b-module__OV-sQa__variable{--font-hand:"Caveat", "Caveat Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_8be3b53a-module__CxiPNW__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_8be3b53a-module__CxiPNW__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_70cc7270-module__-cx3RW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_70cc7270-module__-cx3RW__variable{--font-ui:"Inter", "Inter Fallback"}
:root{--desk:#ece5d8;--desk-2:#e2d9c8;--paper:#fffdf8;--ink:#1d1b18;--ink-2:#5b554c;--ink-3:#8e877b;--yellow:#ffe36e;--pink:#ff9ec4;--blue:#9fd3ff;--accent:#ff5a36;--shadow:0 1px 1px #00000014, 0 10px 22px -8px #3c281447;--shadow-lift:0 2px 2px #0000000f, 0 24px 40px -14px #3c281459;--display:var(--font-display), "Fraunces", Georgia, serif;--hand:var(--font-hand), "Caveat", cursive;--mono:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;--ui:var(--font-ui), "Inter", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 56px);--grain:url(/grain.png);--streaks:repeating-linear-gradient(92deg, #785a3209 0 2px, transparent 2px 11px, #785a3206 11px 12px, transparent 12px 31px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{background-color:var(--desk);background-image:var(--grain), var(--streaks);min-height:100svh;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,svg{max-width:100%;display:block}input{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--yellow);color:var(--ink)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.paper{background:var(--paper);box-shadow:var(--shadow)}.tape{mix-blend-mode:multiply;clip-path:polygon(2% 8%,98% 0,100% 90%,3% 100%,0 50%);z-index:3;pointer-events:none;background:#ff5a368c repeating-linear-gradient(90deg,#ffffff2e 0 3px,#0000 3px 7px);width:84px;height:26px;position:absolute}.tape-tl{top:-10px;left:-22px;transform:rotate(-38deg)}.tape-tr{top:-10px;right:-22px;transform:rotate(40deg)}.tape-top{top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;font-size:12px;display:flex}.kicker span{letter-spacing:.04em;border:1.5px solid;border-radius:99px;place-items:center;min-width:28px;height:22px;padding:0 6px;font-size:11px;display:inline-grid}.hand{font-family:var(--hand);font-weight:500}.stamp{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:.85;mix-blend-mode:multiply;border:2.5px solid;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block;transform:rotate(-8deg)}.back{font-family:var(--mono);background:var(--paper);box-shadow:var(--shadow);border-radius:99px;padding:8px 14px;font-size:13px;text-decoration:none;transition:transform .2s;display:inline-flex}.back:hover{transform:translateY(-2px)rotate(-1deg)}.plx{transform:translate3d(0, var(--py,0), 0) rotate(var(--pr,0deg));will-change:transform}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav{z-index:60;padding:14px var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.nav>*{pointer-events:auto}.nav-brand{font-family:var(--hand);background:var(--paper);box-shadow:var(--shadow);align-items:center;gap:8px;padding:6px 14px 8px;font-size:26px;line-height:1;text-decoration:none;display:inline-flex;transform:rotate(-2deg)}.nav-brand-dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.nav-list{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#fffdf8d1;border-radius:99px;gap:4px;padding:4px;display:flex}.nav-tab{font-family:var(--mono);color:var(--ink-2);border-radius:99px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.nav-tab:hover{color:var(--ink)}.nav-tab[aria-current=true]{background:var(--ink);color:var(--paper)}.nav-n{opacity:.55;font-size:10px}.nav-toggle{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;background:var(--ink);color:var(--paper);border-radius:99px;padding:9px 14px;font-size:12px;display:none}@media (max-width:760px){.nav-toggle{display:block}.nav nav{top:64px;right:var(--gutter);pointer-events:none;position:absolute}.nav-list{opacity:0;transform-origin:100% 0;border-radius:18px;flex-direction:column;padding:6px;transition:opacity .2s,transform .2s;transform:translateY(-8px)scale(.97)}.nav[data-open=true] nav{pointer-events:auto}.nav[data-open=true] .nav-list{opacity:1;transform:none}.nav-tab{padding:10px 16px;font-size:14px}}.island{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:70;color:#f4efe6;width:min(360px,100vw - 32px);font-family:var(--ui);opacity:0;background:#121110;border-radius:99px;align-items:center;gap:10px;padding:7px 8px 7px 7px;font-size:13px;transition:transform .6s cubic-bezier(.2,.9,.2,1.1),translate .5s cubic-bezier(.2,.9,.2,1),opacity .4s,width .45s cubic-bezier(.2,.9,.2,1);display:flex;position:fixed;transform:translate(-50%,140%);box-shadow:0 18px 40px -12px #00000080}.island[data-show=true]{opacity:1;transform:translate(-50%)}.island[data-expanded=true]{width:min(420px,100vw - 32px)}.island-device{background:#2a2826;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:background .2s;display:grid}.island-device:hover{background:var(--accent)}.island-body{flex:1;min-width:0}.island-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.island-title span{opacity:.6}.island-notice{color:var(--yellow);opacity:1!important}.island-progress{background:#ffffff26;border-radius:2px;height:2px;margin-top:4px;display:block;overflow:hidden}.island-progress span{transform-origin:0;background:#f4efe6;height:100%;display:block;transform:scaleX(0)}.island-btn{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.island-btn:hover{background:#2a2826}.meter{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.meter i{transform-origin:50% 100%;background:currentColor;border-radius:1px;width:3px;height:100%;transform:scaleY(.18)}.island-meter{color:var(--accent)}.artwork{aspect-ratio:1;border-radius:8px;width:100%;height:auto}.artwork-img{object-fit:cover;background:#222}.nf{min-height:100svh;padding:96px var(--gutter);place-items:center;display:grid}.nf-paper{justify-items:start;gap:14px;max-width:520px;padding:48px 40px;display:grid;position:relative;transform:rotate(-1.5deg)}.nf h1{font-family:var(--display);font-variation-settings:"SOFT" 100, "WONK" 1;font-size:clamp(32px,5vw,48px);line-height:1.05}.nf .hand{color:var(--ink-2);font-size:26px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cover-img{object-fit:cover;aspect-ratio:4/3;background:#222}
html:has(.desk){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.desk) body{overscroll-behavior:none;height:100%;overflow:hidden}.desk{position:fixed;inset:0}.desk-stage{background:var(--desk);position:absolute;inset:0;overflow:hidden}.desk-stage:not([data-mode=desk]) .desk-layer{pointer-events:none}.desk-layer{z-index:0;transform-origin:0 0;position:absolute;inset:0}.live{z-index:10;pointer-events:none;position:absolute;inset:0}.live-laptop,.live-phone{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;position:absolute;inset:0}.live-laptop[data-on=true],.live-phone[data-on=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s}.live-phone{place-items:center;display:grid}.phone-frame{width:var(--lw);height:var(--lh);padding:calc(var(--lw) * .04);border-radius:calc(var(--lw) * .175);box-shadow:inset 0 0 0 calc(var(--lw) * .013) #3c3c40, 0 30px 80px -20px #28140a73;background:#1b1b1d}.phone-frame .phone-screen{border-radius:calc(var(--lw) * .14)}.leave{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:200;font-family:var(--mono);pointer-events:auto;background:#fffdf8e6;border-radius:99px;padding:8px 14px;font-size:12px;animation:.4s .3s backwards fade;position:absolute;box-shadow:0 0 0 1px #00000014,0 6px 18px #3c28142e}.leave:hover{background:var(--paper);color:var(--accent)}[data-flying] .leave{opacity:0;pointer-events:none;transition:opacity .15s}.leave.swap{left:auto;right:max(16px, env(safe-area-inset-right))}.live[data-device=laptop] .leave{display:none}html[data-mode]:not([data-mode=desk]) .island{opacity:0;pointer-events:none;translate:0 180%}@keyframes fade{0%{opacity:0}}@media (max-width:540px) and (max-aspect-ratio:3/4){.live-phone{place-items:stretch stretch}.phone-frame{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0;padding:0}.phone-frame .phone-screen{border-radius:0}.phone-frame .ph-island{display:none}.phone-frame .ph-status{padding-top:env(safe-area-inset-top);height:calc(54 * var(--pu) + env(safe-area-inset-top))}.live[data-device=phone] .leave{bottom:auto;left:calc(50% - 3px);right:auto;top:max(9px, env(safe-area-inset-top));padding:6px 11px;font-size:10.5px;translate:-100%}.live[data-device=phone] .leave.swap{left:calc(50% + 3px);translate:none}}@property --hole{syntax:"<length>";inherits:false;initial-value:0}.loader{--p:0;--hole:0px;--lx:50%;--ly:50%;z-index:9000;-webkit-mask:radial-gradient(circle at var(--lx) var(--ly), transparent calc(var(--hole) * .5), #000 var(--hole));-webkit-mask:radial-gradient(circle at var(--lx) var(--ly), transparent calc(var(--hole) * .5), #000 var(--hole));mask:radial-gradient(circle at var(--lx) var(--ly), transparent calc(var(--hole) * .5), #000 var(--hole));background:repeating-linear-gradient(-62deg,#0000 0,#a0b8dc0d 6px 20px,#0000 28px 58px) 0 0/100% 100% no-repeat,#0b0e11;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.loader:before{content:"";pointer-events:none;background:radial-gradient(60% 55% at 22% 30%,#0000 0%,#0b0e11 100%);position:absolute;inset:0}.loader[data-state=out]{pointer-events:none;animation:1.6s linear .3s forwards ld-lamp}@keyframes ld-lamp{0%{--hole:0px}4%{--hole:90px}7%{--hole:0px}11%{--hole:70px;animation-timing-function:cubic-bezier(.55,0,.2,1)}to{--hole:170vmax}}.ld-note{aspect-ratio:1;color:#2a2418;width:min(250px,68vw);filter:brightness(calc(.5 + var(--p) * .5)) saturate(calc(.7 + var(--p) * .3));transform-origin:50% 8%;background:linear-gradient(170deg,#ffffff29,#0000 38%),linear-gradient(#0000 78%,#785a142e),#f6d65a;align-content:center;gap:2px;padding:34px 26px 22px;display:grid;position:relative;rotate:-2.5deg;box-shadow:0 22px 30px -14px #000000bf,0 3px 6px #00000073}.ld-pin{width:30px;height:30px;position:absolute;top:-8px;left:50%;translate:-50%}.ld-name{font-family:var(--hand);text-align:center;margin:0;font-size:clamp(34px,9vw,42px);font-weight:600;line-height:1}.ld-pencil{width:88%;height:14px;margin:2px auto 10px;display:block;overflow:visible}.ld-pencil path{fill:none;stroke:#3d372b;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p));opacity:.85}.ld-say{font-family:var(--hand);text-align:center;color:#4a3f25;margin:0;font-size:21px;line-height:1.15}.loader[data-state=out] .ld-note{animation:.34s cubic-bezier(.5,0,.75,0) forwards ld-unpin}.loader[data-state=out] .ld-pin{animation:.14s ease-in forwards ld-pop}@keyframes ld-unpin{to{opacity:0;translate:0 48px;rotate:9deg}}@keyframes ld-pop{to{opacity:0;scale:.4}}@media (prefers-reduced-motion:reduce){.loader[data-state=out]{animation:.4s forwards ld-fade}.loader[data-state=out] .ld-note,.loader[data-state=out] .ld-pin{animation:none}@keyframes ld-fade{to{opacity:0}}}
.os{-webkit-user-select:none;user-select:none;background:#111;position:absolute;inset:0;overflow:hidden;container-type:size}.os-root{--ou:min(100cqw / 1280, 100cqh / 800);--glass:#faf7f2c7;--line:#0000001a;font-family:var(--ui);font-size:calc(14 * var(--ou));color:#1f1d1b;position:absolute;inset:0}.os[data-preview]{pointer-events:none}.wallpaper{width:100%;max-width:none;height:100%;position:absolute;inset:0}.menubar{z-index:50;height:calc(30 * var(--ou));min-height:22px;padding:0 calc(14 * var(--ou));-webkit-backdrop-filter:blur(14px)saturate(1.4);font-size:max(11px, calc(13 * var(--ou)));background:#fff8f08c;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.os[data-preview] .menubar{min-height:0;font-size:calc(13 * var(--ou))}.mb-left,.mb-right{align-items:center;gap:calc(16 * var(--ou));white-space:nowrap;display:flex}.mb-logo svg{width:max(13px, calc(15 * var(--ou)));height:max(13px, calc(15 * var(--ou)))}.os[data-preview] .mb-logo svg{width:calc(15 * var(--ou));height:calc(15 * var(--ou))}.mb-menu{opacity:.8}.mb-np{background:#0000000f;border-radius:99px;align-items:center;gap:6px;max-width:28ch;padding:2px 10px;display:inline-flex}.mb-np span{text-overflow:ellipsis;overflow:hidden}.mb-np em{opacity:.6;display:inline-flex}.mb-np:hover{background:#0000001f}.mb-meter{color:var(--accent);height:11px}.mb-clock{font-variant-numeric:tabular-nums}.os-icons{right:calc(50% - 630 * var(--ou));top:calc(50% - 340 * var(--ou));z-index:2;gap:calc(18 * var(--ou));justify-items:center;display:grid;position:absolute}.os-icons button,.os-icons a{justify-items:center;gap:calc(6 * var(--ou));width:calc(84 * var(--ou));font-size:calc(12 * var(--ou));color:#fff;text-shadow:0 1px 2px #00000080;text-decoration:none;display:grid}.os-icons button:hover>span,.os-icons a:hover>span{outline-offset:3px;outline:2px solid #fff9}.ico-folder{width:calc(58 * var(--ou));height:calc(46 * var(--ou));border-radius:calc(6 * var(--ou));background:linear-gradient(#8fc9f5,#5aa9e6);position:relative;box-shadow:0 4px 10px #0003}.ico-folder:before{content:"";left:0;top:calc(-6 * var(--ou));width:45%;height:calc(10 * var(--ou));border-radius:calc(4 * var(--ou)) calc(4 * var(--ou)) 0 0;background:#7bbcee;position:absolute}.ico-doc{padding-bottom:calc(6 * var(--ou));width:calc(46 * var(--ou));height:calc(58 * var(--ou));border-radius:calc(4 * var(--ou));color:#1d1b18;font-family:var(--mono);font-size:calc(10 * var(--ou));text-shadow:none;clip-path:polygon(0 0,72% 0,100% 20%,100% 100%,0 100%);background:#fffdf8;place-items:end center;font-weight:700;display:grid;box-shadow:0 4px 10px #0003}.ico-vcf{background:var(--yellow)}.ico-pdf{color:#fff;background:linear-gradient(#fffdf8 0 62%,#e5483b 62%)}.mb-left>b{font-weight:700}.mb-logo{place-items:center;display:grid}.mb-dropdown{top:calc(100% + 4px);left:calc(8 * var(--ou));z-index:60;-webkit-backdrop-filter:blur(20px);background:#faf7f2eb;border-radius:9px;min-width:190px;padding:5px;font-size:13px;animation:.12s fade;position:absolute;box-shadow:0 0 0 1px #0000001f,0 12px 30px #00000040}.mb-dropdown button{text-align:left;border-radius:5px;justify-content:space-between;width:100%;padding:4px 10px;display:flex}.mb-dropdown button:hover{color:#fff;background:#3b82f6}.mb-dropdown hr{border:0;border-top:1px solid var(--line);margin:4px 8px}.mb-dropdown kbd{font-family:var(--ui);opacity:.5}.win{left:calc(50% + (var(--x) - 640) * var(--ou));top:calc(50% + (var(--y) - 400) * var(--ou));width:calc(var(--w) * var(--ou));height:calc(var(--h) * var(--ou));transform:translate(var(--dx,0px), var(--dy,0px));border-radius:calc(12 * var(--ou));background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.5);box-shadow:0 0 0 1px #0000001f, 0 calc(20 * var(--ou)) calc(50 * var(--ou)) #280a0a59;flex-direction:column;transition:box-shadow .25s;display:flex;position:absolute;overflow:hidden}.win[data-active=false]{box-shadow:0 0 0 1px #0000001a, 0 calc(10 * var(--ou)) calc(24 * var(--ou)) #280a0a38}.win[data-drag]{cursor:grabbing;transition:none}.win-bar{height:calc(34 * var(--ou));border-bottom:1px solid var(--line);cursor:grab;touch-action:none;flex:none;justify-content:center;align-items:center;min-height:24px;display:flex;position:relative}.os[data-preview] .win-bar{min-height:0}.win-lights{left:calc(12 * var(--ou));gap:calc(7 * var(--ou));display:flex;position:absolute}.wl{width:max(10px, calc(12 * var(--ou)));height:max(10px, calc(12 * var(--ou)));background:#d0ccc6;border-radius:50%}.os[data-preview] .wl{width:calc(12 * var(--ou));height:calc(12 * var(--ou))}.win[data-active=true] .wl-close{background:#ff5f57}.win[data-active=true] .wl-min{background:#febc2e}.win[data-active=true] .wl-max{background:#28c840}.win-title{font-size:max(11px, calc(13 * var(--ou)));opacity:.75;font-weight:600}.os[data-preview] .win-title{font-size:calc(13 * var(--ou))}.win-content{flex:1;min-height:0;position:relative}.about{height:100%;padding:calc(26 * var(--ou)) calc(30 * var(--ou));font-size:max(13px, calc(15 * var(--ou)));-webkit-user-select:text;user-select:text;background:#fffdf8;line-height:1.55;overflow:auto}.os[data-preview] .about{font-size:calc(15 * var(--ou));overflow:hidden}.about-head{align-items:center;gap:1.1em;display:flex}.about-avatar{background:var(--yellow);width:5.2em;height:5.2em;font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:1em;display:grid;overflow:hidden;box-shadow:0 0 0 3px #fff,0 4px 12px #00000026}.about-avatar img{object-fit:cover;width:100%;height:100%}.about-name{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 72;letter-spacing:-.02em;font-size:2em;font-weight:700;line-height:1.05}.about-role{color:var(--accent);font-weight:600}.about-meta{color:var(--ink-3);flex-wrap:wrap;gap:0 1em;font-size:.82em;display:flex}.about-tag{font-family:var(--hand);margin:1.2em 0 .9em;font-size:1.7em;line-height:1.1}.about-p+.about-p{margin-top:.8em}.about-h{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:1.4em;font-size:.72em}.about-focus{flex-wrap:wrap;gap:.4em;margin-top:.5em;display:flex}.about-focus li{background:#f1ebdf;border-radius:99px;padding:.25em .75em;font-size:.88em}.about-actions{flex-wrap:wrap;gap:.6em;margin-top:1.4em;display:flex}.about-actions button{background:var(--ink);color:var(--paper);border-radius:8px;padding:.5em 1em;font-size:.9em}.about-actions button+button{color:var(--ink);background:#f1ebdf}.term{color:#e9e2d6;height:100%;font-family:var(--mono);font-size:max(11.5px, calc(13 * var(--ou)));background:#1a1716;line-height:1.55}.os[data-preview] .term{font-size:calc(13 * var(--ou))}.win-terminal{background:#1a1716}.win-terminal .win-bar{color:#e9e2d6;background:#262220;border-color:#000}.term-body{height:100%;padding:calc(12 * var(--ou)) calc(16 * var(--ou));-webkit-user-select:text;user-select:text;overflow:auto}.term-line{white-space:pre-wrap;word-break:break-word}.term-prompt{color:#8bd49c;margin-right:.6em}.term-hi{color:var(--yellow)}.term-dim{color:#8e877b}.term-err{color:#ff8a70}.term-input{display:flex}.term-input input{min-width:0;color:inherit;font:inherit;caret-color:var(--accent);background:0 0;border:0;outline:0;flex:1;padding:0}.music{gap:calc(10 * var(--ou)) calc(16 * var(--ou));height:100%;padding:calc(16 * var(--ou));font-size:max(12px, calc(13 * var(--ou)));grid-template-rows:1fr auto;grid-template-columns:auto 1fr;display:grid}.os[data-preview] .music{font-size:calc(13 * var(--ou))}.music-art{width:calc(110 * var(--ou));min-width:70px;box-shadow:0 6px 16px #0000002e}.os[data-preview] .music-art{min-width:0}.music-meta{flex-direction:column;min-width:0;display:flex}.music-meta b{font-size:1.15em}.music-meta>span{color:var(--ink-3);font-size:.9em}.music-bar{background:#0000001a;border-radius:2px;height:4px;margin-top:auto;overflow:hidden}.music-bar span,.ph-np-bar span,.ph-music-bar span{transform-origin:0;background:currentColor;height:100%;display:block;transform:scaleX(0)}.music-times{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75em;display:flex}.music-ctl{align-items:center;gap:1em;display:flex}.music-play{background:var(--ink);width:2.3em;height:2.3em;color:var(--paper);border-radius:50%;place-items:center;display:grid}.music .picker{grid-column:1/-1}.picker{gap:6px;display:flex}.picker button{text-align:left;white-space:nowrap;background:#0000000d;border-radius:8px;flex:1;align-items:center;gap:6px;padding:6px 10px;font-size:.85em;display:flex;overflow:hidden}.picker button[data-on=true]{background:var(--ink);color:var(--paper)}.picker em{opacity:.6;margin-left:auto;font-size:.8em;font-style:normal}.os-toast{z-index:60;top:calc(44 * var(--ou));right:calc(14 * var(--ou));-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#faf7f2db;border-radius:16px;align-items:center;gap:12px;width:min(360px,100% - 28px);padding:12px 14px;font-size:13px;line-height:1.35;transition:transform .55s cubic-bezier(.2,.9,.2,1.05);display:flex;position:absolute;transform:translate(calc(100% + 40px));box-shadow:0 16px 40px #00000040,0 0 0 1px #0000000f}.os-toast[data-show=true]{transform:none}.toast-icon{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:9px;flex:none;place-items:center;display:grid}.toast-text{flex:1;min-width:0;display:grid}.toast-text span{color:var(--ink-2);text-overflow:ellipsis;overflow:hidden}.toast-btn{background:var(--accent);color:#fff;border-radius:99px;flex:none;padding:6px 12px;font-size:12px;font-weight:600}.dock{z-index:55;left:50%;bottom:calc(10 * var(--ou));gap:calc(10 * var(--ou));padding:calc(8 * var(--ou));border-radius:calc(20 * var(--ou));-webkit-backdrop-filter:blur(18px)saturate(1.5);background:#fff8f073;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff59,0 10px 30px #0003}.dock-app{--s:max(40px, calc(56 * var(--ou)));width:var(--s);height:var(--s);color:#fff;border-radius:24%;place-items:center;transition:transform .2s cubic-bezier(.2,.9,.2,1.3);display:grid;position:relative;box-shadow:0 3px 8px #0003}.os[data-preview] .dock-app{--s:calc(56 * var(--ou))}.dock-app:hover{transform:translateY(-8px)scale(1.12)}.dock-app[data-open=true]:after{content:"";background:#1d1b18;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-6px}.dock-tip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1e1c1ad9;border-radius:6px;padding:3px 8px;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px)}.dock-app:hover .dock-tip{opacity:1}.d-notes{background:linear-gradient(#ffe36e 0 30%,#fffdf8 30%)}.dg-notes{background:repeating-linear-gradient(#d8d0c0 0 1.5px,#0000 1.5px 6px);width:55%;height:40%;margin-top:25%}.d-term{background:#1a1716}.dg-term{font-family:var(--mono);font-weight:700;font-size:calc(var(--s) * .3);color:#8bd49c}.d-music{background:linear-gradient(135deg,#ff7a59,#ff3d6e)}.d-log{color:var(--accent);background:#fffdf8}.dg-log{font-family:var(--display);font-weight:800;font-size:calc(var(--s) * .36)}.d-work{background:linear-gradient(#8fc9f5,#4d9de0)}.dg-folder{opacity:.9;clip-path:polygon(0 0,40% 0,48% 18%,100% 18%,100% 100%,0 100%);background:#fff;border-radius:3px;width:58%;height:44%}.d-mail{background:linear-gradient(#63b3ff,#1f7ae0)}.d-lock{background:linear-gradient(#4a4744,#262422)}.d-phone{background:linear-gradient(#5b6b86,#2c3547)}.dock-sep{width:1px;margin:calc(4 * var(--ou)) calc(2 * var(--ou));background:#0000002e;align-self:stretch}.d-browser{color:#1f7ae0;background:linear-gradient(#fff,#dfe8f3)}.about-note{border-left:3px solid var(--yellow);color:var(--ink-2);background:#fbf6e6;margin-top:1.4em;padding:.7em .9em;font-size:.86em}.about-exp{border-left:2px solid var(--yellow);gap:1em;margin-top:.4em;padding-left:1em;display:grid}.about-exp-top{justify-content:space-between;gap:1em;display:flex}.about-exp-top span,.about-exp-at em{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;font-size:.8em;font-style:normal}.about-exp-at{color:var(--accent);align-items:baseline;gap:.6em;font-weight:600;display:flex}.about-exp-d{color:var(--ink-2);margin-top:.2em}.about-stack{margin-top:.4em;font-size:.85em}.about-quotes{gap:.8em;margin-top:.4em;display:grid}.about-quotes figure{background:#fbf6e6;border-radius:10px;padding:.8em 1em}.about-quotes blockquote{font-family:var(--hand);font-size:1.25em;line-height:1.25}.about-quotes figcaption{color:var(--ink-2);align-items:center;gap:.5em;margin-top:.4em;font-size:.85em;display:flex}.about-quotes img{object-fit:cover;border-radius:50%;width:1.8em;height:1.8em}.clog{font-family:var(--mono);font-size:max(12px, calc(13.5 * var(--ou)))}.clog-h1{font-size:1.5em;font-weight:700}.clog-sub{color:var(--ink-3);margin-bottom:1.2em}.clog-entry{border-top:1px dashed #1d1b1826;padding:.9em 0}.clog-entry h3{font-size:1.05em;font-weight:700}.clog-entry h3:before{content:"## ";color:var(--ink-3)}.clog-ver{background:var(--yellow);padding:0 .35em}.clog-where{color:var(--ink-3);font-size:.9em}.clog-entry ul{margin-top:.4em}.clog-entry li:before{content:"- ";color:var(--accent)}.clog-open{color:var(--accent);margin-top:.5em;font-size:.9em}.clog-open:hover{text-decoration:underline}.finder{grid-template-columns:calc(150 * var(--ou)) 1fr;background:#fffdf8;height:100%;display:grid}.finder-side{padding:calc(14 * var(--ou)) calc(10 * var(--ou));border-right:1px solid var(--line);font-size:max(12px, calc(13 * var(--ou)));background:#f0eae0b3;flex-direction:column;gap:2px;display:flex}.finder-side p{color:var(--ink-3);padding:0 8px 4px;font-size:.8em;font-weight:600}.finder-side span{border-radius:6px;padding:3px 8px}.finder-side span[data-on]{background:#00000014;font-weight:600}.finder-grid{grid-template-columns:repeat(auto-fill, minmax(max(120px, calc(150 * var(--ou))), 1fr));align-content:start;gap:calc(18 * var(--ou));padding:calc(18 * var(--ou));display:grid;overflow:auto}.os[data-preview] .finder-grid{grid-template-columns:repeat(3,1fr);overflow:hidden}.finder-item{text-align:center;font-size:max(12px, calc(13 * var(--ou)));border-radius:10px;justify-items:center;gap:4px;padding:8px 6px;display:grid}.finder-item:hover,.finder-item:focus-visible{background:#3b82f61f;outline:none}.finder-thumb{aspect-ratio:4/3;width:100%;box-shadow:0 0 0 1px var(--line), 0 4px 10px #0000001a;border-radius:6px;overflow:hidden}.finder-thumb .cover{width:100%;height:100%}.finder-name{font-weight:600;line-height:1.2}.finder-kind{color:var(--ink-3);font-size:.82em;line-height:1.2}.pv{height:100%;padding:calc(24 * var(--ou)) calc(30 * var(--ou)) calc(30 * var(--ou));font-size:max(13px, calc(15 * var(--ou)));-webkit-user-select:text;user-select:text;background:#fffdf8;line-height:1.55;overflow:auto}.os[data-preview] .pv{overflow:hidden}.pv-cover{aspect-ratio:16/8;border-radius:8px;margin-bottom:1.1em;overflow:hidden}.pv-cover .cover{width:100%;height:100%}.pv-kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);gap:.8em;font-size:.72em;display:flex}.pv-kicker span{color:var(--accent)}.pv-title{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 72;letter-spacing:-.02em;margin:.2em 0 .3em;font-size:2em;font-weight:700;line-height:1.05}.pv-summary{color:var(--ink-2);margin-bottom:.9em;font-size:1.08em}.pv-p+.pv-p{margin-top:.7em}.pv-h{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:1.4em 0 .5em;font-size:.72em}.pv-list{padding-left:1.2em;list-style:outside}.pv-stack{flex-wrap:wrap;gap:.4em;display:flex}.pv-stack li{background:#f1ebdf;border-radius:99px;padding:.2em .7em;font-size:.88em}.pv-actions{flex-wrap:wrap;gap:.6em;margin-top:1.6em;display:flex}.pv-actions a{background:#f1ebdf;border-radius:8px;padding:.5em 1em;font-size:.9em;text-decoration:none}.pv-actions a:first-child{background:var(--ink);color:var(--paper)}.browser{background:#fff;flex-direction:column;height:100%;display:flex}.browser-bar{border-bottom:1px solid var(--line);background:#f4f1ec;flex:none;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.browser-bar>button,.browser-bar>a{border-radius:6px;place-items:center;width:26px;height:26px;text-decoration:none;display:grid}.browser-bar>button:hover,.browser-bar>a:hover{background:#00000012}.browser-url{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:4px 12px;display:flex}.browser-frame{background:#f6f2ea;border:0;flex:1;width:100%}.lock{z-index:100;place-items:center;transition:transform .62s cubic-bezier(.7,0,.2,1);display:grid;position:absolute;inset:0;overflow:hidden;transform:translateY(-101%);box-shadow:0 20px 60px #00000059}.lock[data-locked=true]{transform:none}.lock-wall{background:radial-gradient(circle at 69% 54%,#fff1d6d9 0 7%,#ffe1be66 14%,#0000 26%),linear-gradient(#f6d7b0 0%,#f2b98f 40%,#e08a68 58%,#b85a4b 70%,#8e4545 80%,#5e2f3a 94%);position:absolute;inset:0}.lock-in{height:100%;padding:calc(90 * var(--ou)) 0 calc(80 * var(--ou));color:#fff;text-shadow:0 1px 12px #50141440;justify-items:center;display:grid;position:relative}.lock-date{font-size:calc(22 * var(--ou));font-weight:600}.lock-time{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 144;font-weight:600;font-size:calc(150 * var(--ou));letter-spacing:-.03em;line-height:.9}.lock-user{align-self:end;justify-items:center;gap:calc(8 * var(--ou));font-size:calc(15 * var(--ou));display:grid}.lock-avatar{width:calc(72 * var(--ou));height:calc(72 * var(--ou));background:var(--yellow);color:var(--ink);box-shadow:0 0 0 calc(3 * var(--ou)) #fff9;border-radius:50%;place-items:center;display:grid;overflow:hidden}.lock-avatar img{object-fit:cover;width:100%;height:100%}.lock-hint{opacity:.8;font-size:.85em}@container (orientation:portrait){.os-root{--ou:calc(100cqw / 420);font-size:14px}.menubar .mb-menu{display:none}.mb-np{max-width:17ch}.os-icons{display:none}.finder{grid-template-columns:1fr}.finder-side{display:none}.lock-time{font-size:calc(110 * var(--ou))}.win{left:10px;right:10px;top:calc(max(22px, 30 * var(--ou)) + 12px);bottom:calc(max(40px, 56 * var(--ou)) + 36px);width:auto;height:auto;transform:none}.win[data-active=false]{display:none}.win-bar{cursor:default}.music{grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:start;justify-items:stretch}.music-art{justify-self:center;width:60%}.music-meta{gap:8px}.dock{border-radius:18px;gap:8px;padding:7px}.dock-app:hover{transform:none}.os-toast{top:calc(max(22px, 30 * var(--ou)) + 10px);width:calc(100% - 20px);right:10px}}
.phone-screen{border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0d0d0f;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.ph-root{--pu:calc(100cqw / 390);--glass:#ffffff2b;--glass-line:#ffffff38;--sheet:#f5f3ef;font-family:var(--ui);font-size:calc(15 * var(--pu));color:#fff;line-height:1.35;position:absolute;inset:0}.ph-root button,.ph-root a{-webkit-tap-highlight-color:transparent}.ph-wall,.ph-lock-wall{background:radial-gradient(circle at 70% 64%,#ffe1b4d9 0 8%,#ffbe8c59 14%,#0000 34%),linear-gradient(172deg,#122b3a 0%,#24566a 34%,#8a7f8f 58%,#e79b72 76%,#f3c28c 100%);position:absolute;inset:0}.ph-wall:after,.ph-lock-wall:after{content:"";background:radial-gradient(120% 60% at 20% 100%,#16323c 0 60%,#0000 61%),radial-gradient(120% 70% at 85% 100%,#1d4049 0 55%,#0000 56%);position:absolute;inset:62% 0 0}.ph-lock-wall:before{content:"";z-index:1;background:#0a141e29;position:absolute;inset:0}.ph-lock-hint-still{margin-top:auto;animation:none}.ph-status{z-index:60;height:calc(54 * var(--pu));padding:calc(4 * var(--pu)) calc(32 * var(--pu)) 0;font-weight:600;font-size:calc(15 * var(--pu));font-variant-numeric:tabular-nums;pointer-events:none;justify-content:space-between;align-items:center;transition:color .3s;display:flex;position:absolute;inset:0 0 auto}.ph-status[data-dark=true]{color:#111}.ph-status-r{align-items:center;gap:calc(5 * var(--pu));display:flex}.ph-status-r svg{width:calc(16 * var(--pu));height:calc(16 * var(--pu))}.ph-island{left:50%;top:calc(11 * var(--pu));width:calc(120 * var(--pu));height:calc(35 * var(--pu));padding:0 calc(14 * var(--pu));border-radius:calc(20 * var(--pu));background:#000;justify-content:flex-end;align-items:center;transition:width .45s cubic-bezier(.3,1.4,.4,1);display:flex;position:absolute;translate:-50%}.ph-island[data-playing=true]{width:calc(170 * var(--pu))}.ph-island-meter{height:calc(14 * var(--pu));color:#ff7a59}.ph-home-screen{gap:calc(22 * var(--pu));padding:calc(66 * var(--pu)) calc(22 * var(--pu)) calc(28 * var(--pu));flex-direction:column;transition:transform .4s cubic-bezier(.3,.8,.3,1),filter .4s;display:flex;position:absolute;inset:0}.ph-root:not([data-app=home]) .ph-home-screen{filter:brightness(.7);transform:scale(.92)}.ph-widgets{gap:calc(14 * var(--pu));grid-template-columns:1fr 1fr;display:grid}.w-clock,.w-hello,.w-np{border-radius:calc(22 * var(--pu));background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);box-shadow:inset 0 0 0 1px var(--glass-line)}.w-clock,.w-hello{aspect-ratio:1;padding:calc(14 * var(--pu)) calc(16 * var(--pu));text-align:left;flex-direction:column;display:flex}.w-label{font-size:calc(11 * var(--pu));letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-weight:700}.w-clock b{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 144;font-weight:600;font-size:calc(46 * var(--pu));letter-spacing:-.02em;margin-top:auto;line-height:1}.w-clock span:last-child,.w-hello span:last-child{font-size:calc(12 * var(--pu));opacity:.8}.w-hello{background:linear-gradient(160deg,#34c759d9,#149646d9)}.w-hello b{font-size:calc(20 * var(--pu));margin-top:auto;margin-bottom:calc(4 * var(--pu));line-height:1.15}.w-np{padding:calc(12 * var(--pu));grid-column:span 2}.ph-grid{gap:calc(18 * var(--pu)) calc(10 * var(--pu));grid-template-columns:repeat(4,1fr);display:grid}.ph-app{justify-items:center;gap:calc(6 * var(--pu));font-size:calc(12 * var(--pu));color:#fff;text-shadow:0 1px 3px #0000004d;font-weight:500;text-decoration:none;display:grid}.ph-icon{width:calc(62 * var(--pu));height:calc(62 * var(--pu));border-radius:calc(16 * var(--pu));color:#fff;box-shadow:0 calc(4 * var(--pu)) calc(12 * var(--pu)) #0003;place-items:center;transition:transform .2s;display:grid}.ph-icon svg{width:calc(28 * var(--pu));height:calc(28 * var(--pu))}.ph-app:active .ph-icon{transform:scale(.9)}.ai-github{background:#1b1f24}.ai-linkedin{background:#0a66c2}.ai-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.ai-cv{background:#fffdf8}.ai-cv-doc{font-family:var(--display);font-weight:800;font-size:calc(22 * var(--pu));color:var(--accent);text-shadow:none}.ai-messages{background:linear-gradient(#5ff07a,#1fc140)}.ai-music{background:linear-gradient(#ff7a8a,#fa2d48)}.ai-photos{background:#fff}.ai-photos-flower{background:conic-gradient(#ff9500 0 45deg, #fc0 0 90deg, #34c759 0 135deg, #00c7be 0 180deg, #007aff 0 225deg, #5856d6 0 270deg, #af52de 0 315deg, #ff2d55 0);border-radius:50%;width:64%;height:64%;-webkit-mask:radial-gradient(circle,#0000 18%,#000 19%);mask:radial-gradient(circle,#0000 18%,#000 19%)}.ai-contact{background:linear-gradient(#b8b8be,#8e8e93)}.ph-dock{padding:calc(14 * var(--pu)) calc(12 * var(--pu));border-radius:calc(32 * var(--pu));background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.5);grid-template-columns:repeat(4,1fr);justify-items:center;margin-top:auto;display:grid}.np{align-items:center;gap:calc(12 * var(--pu));grid-template-columns:auto 1fr auto;display:grid}.np-art{width:calc(52 * var(--pu));height:calc(52 * var(--pu));border-radius:calc(10 * var(--pu));box-shadow:0 calc(4 * var(--pu)) calc(10 * var(--pu)) #00000040}.np-meta{gap:calc(2 * var(--pu));flex-direction:column;min-width:0;display:flex}.np-meta b,.np-meta>span:not(.np-bar){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-meta>span:not(.np-bar){font-size:calc(12 * var(--pu));opacity:.75}.np-bar{height:calc(4 * var(--pu));margin-top:calc(4 * var(--pu));background:#ffffff40;border-radius:99px;overflow:hidden}.np-bar span{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.np-play{width:calc(40 * var(--pu));height:calc(40 * var(--pu));color:#111;background:#ffffffe6;border-radius:50%;place-items:center;display:grid}.np-play svg{width:calc(16 * var(--pu));height:calc(16 * var(--pu))}.ph-lock{z-index:50;padding:calc(74 * var(--pu)) calc(18 * var(--pu)) calc(26 * var(--pu));cursor:pointer;flex-direction:column;align-items:center;transition:transform .55s cubic-bezier(.7,0,.2,1);display:flex;position:absolute;inset:0}.ph-lock[data-locked=false]{transform:translateY(-101%)}.ph-lock>:not(.ph-lock-wall){position:relative}.ph-date{font-weight:600;font-size:calc(17 * var(--pu));opacity:.9}.ph-time{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 144;font-weight:600;font-size:calc(96 * var(--pu));letter-spacing:-.03em;line-height:1}.ph-lock-np{width:100%;padding:calc(12 * var(--pu));border-radius:calc(22 * var(--pu));-webkit-backdrop-filter:blur(20px);cursor:default;background:#14141859;margin-top:auto}.ph-lock-hint{align-items:center;gap:calc(6 * var(--pu));margin-top:calc(22 * var(--pu));font-size:calc(13 * var(--pu));opacity:.85;animation:2.4s ease-in-out infinite ph-breathe;display:flex}.ph-lock-hint svg{width:calc(12 * var(--pu));height:calc(12 * var(--pu))}@keyframes ph-breathe{50%{opacity:.45}}.ph-home{z-index:70;left:50%;bottom:calc(8 * var(--pu));width:calc(134 * var(--pu));height:calc(5 * var(--pu));opacity:.9;background:#fff;border-radius:99px;position:absolute;translate:-50%}.ph-root:not([data-app=home]) .ph-home{background:#111}.ph-home:before{content:"";inset:calc(-14 * var(--pu)) calc(-20 * var(--pu));position:absolute}.ph-banner{z-index:65;left:calc(10 * var(--pu));right:calc(10 * var(--pu));top:calc(52 * var(--pu));align-items:center;gap:calc(10 * var(--pu));padding:calc(10 * var(--pu)) calc(12 * var(--pu));border-radius:calc(20 * var(--pu));-webkit-backdrop-filter:blur(20px);color:#111;transform:translateY(calc(-140 * var(--pu)));background:#f5f3efeb;transition:transform .5s cubic-bezier(.3,1.3,.4,1);display:flex;position:absolute;box-shadow:0 10px 30px #00000040}.ph-banner[data-show=true]{transform:none}.ph-banner-ico{width:calc(32 * var(--pu));height:calc(32 * var(--pu));border-radius:calc(8 * var(--pu));color:#fff;background:#111;flex:none;place-items:center;display:grid}.ph-banner-text{min-width:0;font-size:calc(13 * var(--pu));flex-direction:column;flex:1;display:flex}.ph-banner-text span{white-space:nowrap;text-overflow:ellipsis;color:#555;overflow:hidden}.ph-banner button{padding:calc(6 * var(--pu)) calc(10 * var(--pu));background:var(--accent);color:#fff;font-weight:600;font-size:calc(12 * var(--pu));border-radius:99px}.ph-sheet{z-index:20;padding-top:calc(50 * var(--pu));background:var(--sheet);color:#111;opacity:0;visibility:hidden;transform:scale(.86) translateY(calc(30 * var(--pu)));border-radius:calc(40 * var(--pu));flex-direction:column;transition:opacity .28s,transform .4s cubic-bezier(.3,.9,.3,1),border-radius .4s,visibility 0s .4s;display:flex;position:absolute;inset:0}.ph-sheet[data-on=true]{opacity:1;visibility:visible;border-radius:0;transition:opacity .2s,transform .42s cubic-bezier(.2,.9,.25,1),border-radius .42s;transform:none}.ph-head{grid-template-columns:calc(44 * var(--pu)) 1fr calc(44 * var(--pu));height:calc(46 * var(--pu));padding:0 calc(10 * var(--pu));font-size:calc(17 * var(--pu));text-align:center;flex:none;align-items:center;display:grid}.ph-head button{width:calc(34 * var(--pu));height:calc(34 * var(--pu));color:#0a84ff;background:#0000000f;border-radius:50%;place-items:center;display:grid}.ph-head button svg{width:calc(18 * var(--pu));height:calc(18 * var(--pu))}.ph-label{margin:calc(18 * var(--pu)) 0 calc(8 * var(--pu));font-size:calc(12 * var(--pu));letter-spacing:.06em;text-transform:uppercase;color:#8a8680;font-weight:700}.ph-sheet>:not(.ph-head){flex:1;min-height:0}.ph-msg{flex-direction:column;display:flex}.ph-msg-who{align-items:center;gap:calc(4 * var(--pu));padding-bottom:calc(10 * var(--pu));font-size:calc(12 * var(--pu));color:#777;border-bottom:1px solid #00000014;flex-direction:column;display:flex}.ph-avatar{width:calc(52 * var(--pu));height:calc(52 * var(--pu));color:#fff;background:linear-gradient(#c7c7cc,#8e8e93);border-radius:50%;place-items:center;font-weight:600;display:grid;overflow:hidden}.ph-avatar img{object-fit:cover;width:100%;height:100%}.ph-avatar-lg{width:calc(104 * var(--pu));height:calc(104 * var(--pu));font-size:calc(34 * var(--pu))}.ph-thread{gap:calc(6 * var(--pu));min-height:0;padding:calc(12 * var(--pu)) calc(14 * var(--pu));flex-direction:column;flex:1;display:flex;overflow:auto}.ph-stamp{font-size:calc(11 * var(--pu));color:#999;margin-bottom:calc(4 * var(--pu));align-self:center}.bub{max-width:78%;padding:calc(8 * var(--pu)) calc(13 * var(--pu));border-radius:calc(19 * var(--pu));font-size:calc(15 * var(--pu));line-height:1.3;animation:.35s cubic-bezier(.3,1.3,.4,1) backwards bub-in}.bub-in{border-bottom-left-radius:calc(6 * var(--pu));background:#e5e2dc;align-self:flex-start}.bub-in+.bub-in{animation-delay:.5s}.bub-out{color:#fff;border-bottom-right-radius:calc(6 * var(--pu));background:#0a84ff;align-self:flex-end}.bub-note{font-size:calc(11 * var(--pu));color:#999;align-self:flex-end}@keyframes bub-in{0%{opacity:0;transform:translateY(calc(8 * var(--pu))) scale(.96)}}.ph-quick{gap:calc(6 * var(--pu));padding:calc(6 * var(--pu)) calc(12 * var(--pu));scrollbar-width:none;display:flex;overflow-x:auto;flex:none!important}.ph-quick button{padding:calc(6 * var(--pu)) calc(12 * var(--pu));font-size:calc(13 * var(--pu));color:#0a84ff;background:#fff;border-radius:99px;flex:none;box-shadow:inset 0 0 0 1px #0000001a}.ph-compose{gap:calc(8 * var(--pu));padding:calc(8 * var(--pu)) calc(12 * var(--pu)) calc(26 * var(--pu));flex:none;display:flex}.ph-compose input{min-width:0;padding:calc(8 * var(--pu)) calc(14 * var(--pu));font-size:max(16px, calc(15 * var(--pu)));-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #00000026;border-radius:99px;outline:none;flex:1}.ph-compose button{width:calc(36 * var(--pu));height:calc(36 * var(--pu));color:#fff;background:#0a84ff;border-radius:50%;flex:none;place-items:center;display:grid}.ph-compose button:disabled{background:#c7c7cc}.ph-music{padding:calc(8 * var(--pu)) calc(26 * var(--pu)) calc(30 * var(--pu));overflow:auto}.ph-music-art{aspect-ratio:1;border-radius:calc(18 * var(--pu));width:100%;height:auto;box-shadow:0 calc(16 * var(--pu)) calc(36 * var(--pu)) #00000038;display:block}.ph-music-head{margin-top:calc(22 * var(--pu));justify-content:space-between;align-items:center;display:flex}.ph-music-head div{flex-direction:column;display:flex}.ph-music-head b{font-size:calc(21 * var(--pu))}.ph-music-head span{color:#8a8680}.ph-music-head .meter{height:calc(18 * var(--pu));color:#fa2d48}.ph-music-bar{height:calc(5 * var(--pu));margin-top:calc(16 * var(--pu));color:#111;background:#0000001a;border-radius:99px;overflow:hidden}.ph-music-times{margin-top:calc(6 * var(--pu));font-size:calc(11 * var(--pu));color:#8a8680;font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.ph-music-ctl{justify-content:center;align-items:center;gap:calc(36 * var(--pu));margin-top:calc(10 * var(--pu));display:flex}.ph-music-ctl svg{width:calc(26 * var(--pu));height:calc(26 * var(--pu))}.ph-music-play{width:calc(64 * var(--pu));height:calc(64 * var(--pu));color:#fff;background:#111;border-radius:50%;place-items:center;display:grid}.ph-music .picker{font-size:calc(13 * var(--pu))}.ph-queue{gap:calc(4 * var(--pu));display:grid}.ph-queue button{align-items:center;gap:calc(12 * var(--pu));width:100%;padding:calc(6 * var(--pu));border-radius:calc(12 * var(--pu));text-align:left;display:flex}.ph-queue button[data-on=true]{background:#0000000f}.ph-queue-art{width:calc(44 * var(--pu));height:calc(44 * var(--pu));border-radius:calc(8 * var(--pu));flex:none}.ph-queue span{flex-direction:column;display:flex}.ph-queue small{color:#8a8680;font-size:calc(12 * var(--pu))}.ph-photos{padding:0 calc(2 * var(--pu)) calc(30 * var(--pu));overflow:auto}.ph-photos>.ph-label{padding:0 calc(14 * var(--pu));margin-top:calc(4 * var(--pu))}.ph-photo-grid{gap:calc(2 * var(--pu));grid-template-columns:repeat(3,1fr);display:grid}.ph-photo-grid button{aspect-ratio:1;background:#ddd;overflow:hidden}.ph-photo-grid img,.ph-photo-grid picture,.ph-photo-grid .cover,.ph-photo-big img,.ph-photo-big picture,.ph-photo-big .cover{object-fit:cover;width:100%;height:100%;display:block}.ph-photo-big{z-index:5;justify-content:center;gap:calc(12 * var(--pu));padding:calc(60 * var(--pu)) 0;color:#fff;text-align:center;background:#000;flex-direction:column;animation:.25s fade;display:flex;position:absolute;inset:0}.ph-photo-big>:first-child{aspect-ratio:1;height:auto;max-height:75%}.ph-photo-big img{object-fit:contain}.ph-contact{padding:calc(6 * var(--pu)) calc(16 * var(--pu)) calc(30 * var(--pu));overflow:auto}.ph-card-head{align-items:center;gap:calc(2 * var(--pu));text-align:center;flex-direction:column;display:flex}.ph-card-head .ph-avatar{margin-bottom:calc(10 * var(--pu))}.ph-card-head b{font-size:calc(26 * var(--pu));font-family:var(--display);letter-spacing:-.01em;font-weight:600}.ph-card-head span{color:#6f6b65;font-size:calc(14 * var(--pu))}.ph-where{font-size:calc(12 * var(--pu))!important;color:#9a958e!important}.ph-actions{gap:calc(8 * var(--pu));margin:calc(18 * var(--pu)) 0 calc(12 * var(--pu));grid-template-columns:repeat(3,1fr);display:grid}.ph-actions a,.ph-actions button{justify-items:center;gap:calc(4 * var(--pu));padding:calc(10 * var(--pu)) 0;border-radius:calc(12 * var(--pu));color:#0a84ff;font-size:calc(12 * var(--pu));background:#fff;text-decoration:none;display:grid}.ph-card{margin-top:calc(10 * var(--pu));border-radius:calc(12 * var(--pu));background:#fff;overflow:hidden}.ph-row{align-items:center;gap:calc(12 * var(--pu));padding:calc(10 * var(--pu)) calc(14 * var(--pu));color:inherit;text-decoration:none;display:flex}.ph-row+.ph-row{border-top:1px solid #00000012}.ph-row span{flex-direction:column;flex:1;min-width:0;display:flex}.ph-row small{font-size:calc(12 * var(--pu));color:#8a8680}.ph-row b{color:#0a84ff;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ph-row>svg:last-child{color:#c7c7cc}.ph-hint{margin-top:calc(14 * var(--pu));font-size:calc(12 * var(--pu));color:#9a958e;text-align:center}@media (prefers-reduced-motion:reduce){.ph-lock,.ph-sheet,.ph-home-screen,.ph-banner{transition-duration:10ms!important}}.ai-wall{background:linear-gradient(#ffe36e,#f7c948)}.ai-wall-note{font-size:calc(24 * var(--pu));color:#5b4300}.ph-wallapp{background:#f4efe4;flex-direction:column;height:100%;min-height:0;display:flex}.ph-notes{overscroll-behavior:contain;align-content:start;gap:calc(10 * var(--pu));min-height:0;padding:calc(12 * var(--pu));flex:1;grid-template-columns:1fr 1fr;display:grid;overflow-y:auto}.ph-notes .ph-label{grid-column:1/-1}.ph-note{justify-content:space-between;gap:calc(6 * var(--pu));min-height:calc(90 * var(--pu));padding:calc(10 * var(--pu));background:hsl(calc(var(--h) * 1deg) 85% 86%);box-shadow:0 calc(2 * var(--pu)) calc(4 * var(--pu)) #0000001f;rotate:calc((var(--h) / 90 - 2) * 1deg);font-family:var(--hand);font-size:calc(17 * var(--pu));word-break:break-word;-webkit-user-select:text;user-select:text;flex-direction:column;line-height:1.15;display:flex}.ph-note span{font-family:var(--mono);font-size:calc(9 * var(--pu));color:#00000080}.ph-wall-err{padding:0 calc(14 * var(--pu));font-size:calc(12 * var(--pu));color:#c0392b}.ph-email{margin:0 calc(12 * var(--pu));padding:calc(6 * var(--pu)) calc(12 * var(--pu));font-size:max(16px, calc(13 * var(--pu)));-webkit-user-select:text;user-select:text;background:#f6f6f8;border:1px solid #0000001a;border-radius:99px;outline:none;flex:none}.bub-note a{color:#0a84ff;text-decoration:underline}
.dc{border-radius:calc(6 * var(--k)) calc(16 * var(--k)) calc(16 * var(--k)) calc(6 * var(--k));background:radial-gradient(120% 90% at 30% 20%, #ffffff1a, transparent 60%), var(--grain), linear-gradient(90deg, #00000047 0 calc(18 * var(--k)), #ffffff0f calc(18 * var(--k)) calc(22 * var(--k)), transparent calc(22 * var(--k))), var(--book,#2f5147);box-shadow:inset 0 0 0 calc(2 * var(--k)) #0000002e;position:absolute;inset:0;overflow:hidden}.dc-stitch{inset:calc(16 * var(--k)) calc(16 * var(--k)) calc(16 * var(--k)) calc(34 * var(--k));border:calc(2 * var(--k)) dashed #fff0d766;border-radius:calc(10 * var(--k));position:absolute}.dc-label{left:calc(80 * var(--k));right:calc(70 * var(--k));top:calc(120 * var(--k));padding:calc(18 * var(--k)) calc(10 * var(--k)) calc(14 * var(--k));border-radius:calc(4 * var(--k));box-shadow:0 calc(2 * var(--k)) calc(4 * var(--k)) #00000040;color:var(--ink);background:#f6efdf;justify-items:center;display:grid;position:absolute;rotate:-2deg}.dc-label b{font-family:var(--display);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;font-weight:800;font-size:calc(40 * var(--k));text-align:center;-webkit-line-clamp:4;letter-spacing:.02em;-webkit-box-orient:vertical;line-height:1;display:-webkit-box;overflow:hidden}.dc-label span{font-family:var(--hand);font-size:calc(30 * var(--k));color:var(--accent);line-height:1.1}.dc-sticker{font-family:var(--mono);box-shadow:0 calc(2 * var(--k)) calc(3 * var(--k)) #0000004d;border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute}.dc-sticker-a{left:calc(70 * var(--k));bottom:calc(80 * var(--k));width:calc(86 * var(--k));height:calc(86 * var(--k));background:var(--yellow);color:var(--ink);font-size:calc(16 * var(--k));rotate:-14deg}.dc-sticker-b{left:calc(170 * var(--k));bottom:calc(118 * var(--k));width:calc(48 * var(--k));height:calc(48 * var(--k));background:var(--pink);color:#fff;font-size:calc(26 * var(--k));rotate:12deg}.dc-band{top:0;bottom:0;right:calc(44 * var(--k));width:calc(16 * var(--k));box-shadow:calc(2 * var(--k)) 0 calc(4 * var(--k)) #0000004d;background:linear-gradient(90deg,#1b1512,#3a2b24 50%,#1b1512);position:absolute}.dc-ribbon{bottom:calc(-2 * var(--k));width:calc(14 * var(--k));height:calc(30 * var(--k));clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:#d8432f;position:absolute;left:62%}.diary{--k:calc(var(--lw) / 400);--paper-d:#fbf7ec;--ink-d:#283052;width:var(--lw);height:var(--lh);perspective:calc(2600 * var(--k));color:var(--ink-d);-webkit-user-select:none;user-select:none;position:relative}.diary[data-spread]{width:calc(2 * var(--lw))}.d-board{inset:calc(-8 * var(--k)) calc(-10 * var(--k));border-radius:calc(14 * var(--k));background:linear-gradient(#0003, #0003), var(--grain), var(--book,#28453c);visibility:hidden;transition:visibility 0s .45s;position:absolute;box-shadow:0 30px 70px -20px #28140a8c}.diary[data-open] .d-board{visibility:visible;transition-delay:0s}.diary:not([data-spread]) .d-board{inset:calc(-8 * var(--k)) calc(-10 * var(--k)) calc(-8 * var(--k)) calc(-4 * var(--k))}.d-block{z-index:1;position:absolute;inset:0}.d-page{width:var(--lw);height:100%;padding:calc(46 * var(--k)) calc(34 * var(--k)) calc(40 * var(--k)) calc(58 * var(--k));background-color:var(--paper-d);background-image:linear-gradient(90deg, transparent calc(44 * var(--k)), #dc5a5059 calc(44 * var(--k)) calc(45.5 * var(--k)), transparent calc(45.5 * var(--k))), repeating-linear-gradient(transparent 0 calc(29 * var(--k)), #5078be33 calc(29 * var(--k)) calc(30 * var(--k)));background-position:0 0, 0 calc(16 * var(--k));font-family:var(--hand);font-size:calc(24 * var(--k));line-height:calc(30 * var(--k));position:absolute;top:0;overflow:hidden}.d-right{border-radius:0 calc(8 * var(--k)) calc(8 * var(--k)) 0;box-shadow:inset calc(24 * var(--k)) 0 calc(24 * var(--k)) calc(-18 * var(--k)) #503c1e4d;right:0}.d-left{border-radius:calc(8 * var(--k)) 0 0 calc(8 * var(--k));box-shadow:inset calc(-24 * var(--k)) 0 calc(24 * var(--k)) calc(-18 * var(--k)) #503c1e4d;visibility:hidden;transition:visibility 0s .4s;left:0}.diary[data-open] .d-left{visibility:visible}.diary:not([data-spread]) .d-right{left:0}.d-num{bottom:calc(14 * var(--k));font-family:var(--mono);font-size:calc(11 * var(--k));color:#28305280;position:absolute}.d-right .d-num{right:calc(24 * var(--k))}.d-left .d-num{left:calc(24 * var(--k))}.d-cover{z-index:5;width:var(--lw);transform-origin:0;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.6,0,.25,1),opacity .3s,z-index;position:absolute;top:0;right:0}.diary[data-open] .d-cover{z-index:0;transition:transform .85s cubic-bezier(.6,0,.25,1),opacity .3s,z-index 0s .85s;transform:rotateY(-180deg)}.diary:not([data-spread])[data-open] .d-cover{opacity:0;transition:transform .85s cubic-bezier(.6,0,.25,1),opacity .3s .45s,z-index 0s .85s}.d-face{backface-visibility:hidden;position:absolute;inset:0}.d-back{transform:rotateY(180deg)}.d-inside-board{border-radius:calc(16 * var(--k)) calc(6 * var(--k)) calc(6 * var(--k)) calc(16 * var(--k));background:linear-gradient(#00000026, #00000026), var(--grain), var(--book,#28453c)}.d-leaf{z-index:3;width:var(--lw);height:100%;transform-style:preserve-3d;animation:.7s cubic-bezier(.45,0,.3,1) forwards leaf-next;position:absolute;top:0}.d-leaf .d-page{visibility:visible;left:0;right:auto}.d-leaf[data-dir="1"]{transform-origin:0;right:0}.d-leaf[data-dir="-1"]{transform-origin:100%;animation-name:leaf-prev;left:0}.diary:not([data-spread]) .d-leaf{transform-origin:0;animation-name:leaf-away;left:0;right:auto}.diary:not([data-spread]) .d-leaf[data-dir="-1"]{animation-name:leaf-back}@keyframes leaf-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes leaf-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes leaf-away{0%{transform:rotateY(0)}70%{opacity:1}to{opacity:0;transform:rotateY(-150deg)}}@keyframes leaf-back{0%{opacity:0;transform:rotateY(-150deg)}30%{opacity:1}to{transform:rotateY(0)}}.d-nav{font-family:var(--mono);color:var(--ink-2);opacity:0;justify-content:center;align-items:center;gap:16px;font-size:12px;transition:opacity .3s;display:flex;position:absolute;top:calc(100% + 14px);left:0;right:0}.diary[data-open] .d-nav{opacity:1;transition-delay:.6s}.d-nav button{background:var(--paper);border-radius:50%;width:42px;height:42px;font-size:18px;box-shadow:0 0 0 1px #00000014,0 6px 16px #3c28142e}.d-nav button:disabled{opacity:.35;cursor:default}.diary[data-spread] .d-nav{pointer-events:none;justify-content:space-between;margin-top:-21px;top:50%;left:-56px;right:-56px}.diary[data-spread] .d-nav button{pointer-events:auto}.diary[data-spread] .d-nav span{left:50%;top:calc(var(--lh) / 2 + 21px + 16px);position:absolute;translate:-50%}.dp-title{margin:0 0 calc(10 * var(--k)) calc(-6 * var(--k));font-family:var(--hand);font-weight:700;font-size:calc(44 * var(--k));line-height:calc(60 * var(--k));color:var(--accent);-webkit-text-decoration:underline wavy #ff5a3673;text-decoration:underline wavy #ff5a3673;text-decoration-thickness:calc(2 * var(--k));text-underline-offset:calc(8 * var(--k))}.dp-log ol{gap:calc(12 * var(--k));display:grid}.dp-log li{flex-direction:column;display:flex}.dp-meta{align-items:center;gap:calc(10 * var(--k));height:calc(30 * var(--k));display:flex}.dp-ver{padding:0 calc(6 * var(--k));font-family:var(--mono);font-size:calc(12 * var(--k));line-height:calc(20 * var(--k));background:#ffe36ecc;rotate:-1.5deg}.dp-log b{font-weight:700;font-size:calc(25 * var(--k))}.dp-log em{font-style:normal;font-size:calc(21 * var(--k));color:#283052a6}.dp-line{font-size:calc(22 * var(--k));color:#283052d9;display:block}.dp-tools section+section{margin-top:calc(16 * var(--k))}.dp-tools h4{font-family:var(--mono);font-size:calc(12 * var(--k));letter-spacing:.14em;text-transform:uppercase;line-height:calc(30 * var(--k));color:#28305299}.dp-tools ul{gap:calc(10 * var(--k)) calc(8 * var(--k));padding:calc(6 * var(--k)) 0;flex-wrap:wrap;display:flex}.dp-tools li{padding:calc(3 * var(--k)) calc(12 * var(--k));border-radius:calc(6 * var(--k));font-family:var(--ui);font-weight:600;font-size:calc(14 * var(--k));line-height:calc(22 * var(--k));color:var(--ink);background:var(--yellow);rotate:calc(var(--t,0) * 1.6deg);box-shadow:0 calc(1 * var(--k)) calc(2 * var(--k)) #0000002e}.dp-tools li:nth-child(4n+2){background:var(--pink)}.dp-tools li:nth-child(4n+3){background:var(--blue)}.dp-tools li:nth-child(4n+4){box-shadow:0 0 0 calc(1.5 * var(--k)) var(--ink);background:#fff}.dp-inside{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.dp-owner{font-size:calc(26 * var(--k));line-height:calc(34 * var(--k))}.dp-owner b{font-size:calc(40 * var(--k))}.dp-small{margin-top:calc(14 * var(--k));font-size:calc(20 * var(--k));color:#283052b3}.dp-mail{font-family:var(--mono);font-size:calc(14 * var(--k))}.dp-doodle svg{width:calc(130 * var(--k));margin:calc(20 * var(--k)) 0 calc(6 * var(--k));overflow:visible}.dp-doodle path,.dp-doodle circle{fill:none;stroke:var(--ink-d);stroke-width:2px;stroke-linecap:round}.dp-note{margin-top:calc(18 * var(--k));font-size:calc(26 * var(--k));color:var(--accent);rotate:-3deg}.dp-orgs ul{display:grid}.dp-orgs li{font-size:calc(28 * var(--k))}.dp-orgs li:before{content:"✓ ";color:var(--accent)}.dp-orgs .dp-note{margin-top:calc(40 * var(--k));text-align:right}.dp-blank{height:100%;font-size:calc(26 * var(--k));color:#28305273;place-items:center;display:grid}.dj{flex-direction:column;height:100%;display:flex}.dj-head{align-items:center;gap:calc(10 * var(--k));height:calc(30 * var(--k));font-family:var(--mono);font-size:calc(11.5 * var(--k));color:#28305299;display:flex}.dj-cat{padding:0 calc(6 * var(--k));line-height:calc(19 * var(--k));color:var(--ink-d);background:#ff9ec48c;rotate:-1.5deg}.dj-key{color:#2f7d4f}.dj-like{padding:0 calc(7 * var(--k));font:inherit;line-height:calc(20 * var(--k));color:#28305299;box-shadow:inset 0 0 0 calc(1.2 * var(--k)) #28305240;border-radius:999px;margin-left:auto}.dj-like:hover,.dj-like[data-on]{color:#d8432f;box-shadow:inset 0 0 0 calc(1.2 * var(--k)) #d8432f80}.dj-poem .dj-body p{display:grid}.dj-line{display:block}.dj-titlepage{padding-top:calc(60 * var(--k))}.dj-bigtitle{margin:calc(20 * var(--k)) 0 calc(30 * var(--k)) calc(-4 * var(--k));font-family:var(--hand);font-weight:700;font-size:calc(52 * var(--k));line-height:calc(60 * var(--k));color:var(--accent)}.dj-fill{flex:1}.dj-title{margin:0 0 0 calc(-4 * var(--k));font-family:var(--hand);font-weight:700;font-size:calc(36 * var(--k));line-height:calc(30 * var(--k));color:var(--accent)}.dj-langs{align-items:center;gap:calc(6 * var(--k));height:calc(30 * var(--k));display:flex}.dj-langs button{padding:0 calc(8 * var(--k));font-family:var(--mono);font-size:calc(11 * var(--k));line-height:calc(19 * var(--k));text-transform:uppercase;letter-spacing:.06em;color:var(--ink-d);box-shadow:inset 0 0 0 calc(1.5 * var(--k)) #28305259;border-radius:999px}.dj-langs button[data-on]{background:var(--ink-d);color:var(--paper-d);box-shadow:none}.dj-body{overscroll-behavior:contain;min-height:0;margin-right:calc(-10 * var(--k));padding-right:calc(10 * var(--k));font-size:calc(23 * var(--k));line-height:calc(30 * var(--k));-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:#28305240 transparent;flex:1;overflow-y:auto}.dj-body p,.dj-body ul,.dj-body ol,.dj-body blockquote{margin:0 0 calc(30 * var(--k))}.dj-body>:last-child{margin-bottom:0}.dj-body h1,.dj-body h2,.dj-body h3,.dj-body h4{font-size:calc(27 * var(--k));line-height:calc(30 * var(--k));margin:0}.dj-body ul,.dj-body ol{padding-left:calc(22 * var(--k));list-style:outside}.dj-body ol{list-style:decimal}.dj-body blockquote{padding-left:calc(12 * var(--k));border-left:calc(2 * var(--k)) solid var(--accent)}.dj-body a{color:var(--accent);text-decoration:underline}.dj-body img{border-radius:calc(4 * var(--k));max-width:100%;height:auto;box-shadow:0 calc(2 * var(--k)) calc(6 * var(--k)) #00000026;rotate:-1deg}.dj-audio{align-items:center;gap:calc(9 * var(--k));height:calc(30 * var(--k));margin-top:calc(4 * var(--k));font-family:var(--mono);font-size:calc(11 * var(--k));color:#28305299;display:flex}.dj-audio[data-on]{color:var(--accent)}.dj-tape{width:calc(32 * var(--k));height:calc(19 * var(--k));border-radius:calc(3 * var(--k));background:var(--ink-d);justify-content:space-around;align-items:center;display:flex}.dj-tape i{width:calc(8 * var(--k));height:calc(8 * var(--k));border:calc(2 * var(--k)) dotted var(--paper-d);border-radius:50%}.dj-audio[data-on] .dj-tape i{animation:1.6s linear infinite tape}@keyframes tape{to{rotate:360deg}}.dj-scan{z-index:30;color:#f2efe8;text-align:center;font-family:var(--mono);background:#121418e6;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;animation:.3s ease-out scan-in;display:flex;position:absolute;inset:0}@keyframes scan-in{0%{opacity:0}}.dj-scan-eye{aspect-ratio:1;background:#0b0c0e;border-radius:50%;flex:none;width:min(220px,60%);position:relative;overflow:hidden}.dj-scan-eye video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;scale:-1 1}.dj-scan-ring{border:3px dashed #ffb020;border-radius:50%;animation:6s linear infinite tape;position:absolute;inset:0}.dj-scan-line{background:#ffb020;height:3px;animation:1.8s ease-in-out infinite alternate scan-line;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px 3px #ffb02099}@keyframes scan-line{to{top:calc(100% - 3px)}}.dj-scan[data-step=ok] .dj-scan-ring{border-style:solid;border-color:#3ddc84}.dj-scan[data-step=no] .dj-scan-ring{border-color:#ff3b30;animation:none}.dj-scan:is([data-step=ok],[data-step=no]) .dj-scan-line{display:none}.dj-scan-msg{min-height:1.4em;font-size:14px}.dj-scan[data-step=ok] .dj-scan-msg{color:#3ddc84}.dj-scan[data-step=no] .dj-scan-msg{color:#ff8a80}.dj-scan-note{color:#f2efe88c;max-width:34ch;font-size:11px}.dj-scan-btns{gap:10px;display:flex}.dj-scan-btns button{color:#f2efe8;border-radius:999px;padding:8px 16px;font-size:12px;box-shadow:inset 0 0 0 1px #f2efe866}@media (prefers-reduced-motion:reduce){.d-cover,.d-leaf{transition-duration:10ms!important;animation-duration:10ms!important}}
.room{-webkit-user-select:none;user-select:none;background:radial-gradient(60% 55% at 60% 55%,#5a4632,#0000 70%),linear-gradient(#2a2420,#15110e);position:absolute;inset:0;overflow:hidden}.room-canvas{opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.room[data-ready] .room-canvas{opacity:1}.room-fx{pointer-events:none;background:radial-gradient(130% 110% at 55% 48%, transparent 55%, #0805038c), var(--grain);opacity:.9;mix-blend-mode:multiply;position:absolute;inset:0}.room[data-post] .room-fx{opacity:0}.hs{position:absolute;top:0;left:0;transition:none!important}.tank-water,.arm-mount{pointer-events:none}.cab-inner .case .spine{box-shadow:none;color:#0000;background:0 0;border-radius:2px;translate:none!important}.cab-inner .case .spine>*,.cab-inner .decor{visibility:hidden}.cab-inner .case-rows{gap:0;padding:0}.cab-inner .case-row{box-shadow:none;padding:0 0 var(--board,6px);border-bottom:0;min-height:0}.cab-inner .case .spine{min-height:0;overflow:hidden}.case,.case-rows{position:absolute;inset:0}.case-rows{gap:calc(14 * var(--u));padding:calc(8 * var(--u)) 0 0;flex-direction:column;display:flex}.case-row{padding:0 calc(8 * var(--u));border-bottom:calc(12 * var(--u)) solid #7c5539;box-shadow:0 calc(3 * var(--u)) 0 #5a3a27, inset 0 calc(-10 * var(--u)) calc(12 * var(--u)) calc(-6 * var(--u)) #00000080;flex:1;align-items:flex-end;display:flex;position:relative}.case-row:last-child{box-shadow:none;border-bottom:0}.spine{min-width:0;padding:calc(9 * var(--u)) 0 calc(7 * var(--u));border-radius:calc(3 * var(--u)) calc(3 * var(--u)) calc(1 * var(--u)) calc(1 * var(--u));background:linear-gradient(90deg, #0000004d, #ffffff24 28%, transparent 55%, #00000047), linear-gradient(transparent calc(14 * var(--u)), #ffe6aa66 calc(14 * var(--u)) calc(16 * var(--u)), transparent calc(16 * var(--u))), var(--book);color:#f6efdf;box-shadow:calc(2 * var(--u)) 0 calc(3 * var(--u)) #00000059;flex-direction:column;flex:none;justify-content:space-between;align-items:center;transition:translate .2s;display:flex;position:relative;overflow:hidden}button.spine{cursor:pointer}.case:not([data-busy]) button.spine:is(:hover,:focus-visible){translate:0 -6%}.spine:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.case[data-busy] button.spine{cursor:default}.spine[data-away]{visibility:hidden}.spine-t{writing-mode:vertical-rl;max-height:calc(100% - 26 * var(--u));white-space:nowrap;text-overflow:ellipsis;font-family:var(--ui);font-weight:600;font-size:max(8px, calc(13 * var(--u)));line-height:1.1;overflow:hidden;rotate:180deg}.spine-y{font-family:var(--mono);font-size:max(6px, calc(8 * var(--u)));opacity:.8}.spine-lock{width:calc(8 * var(--u));height:calc(8 * var(--u));box-shadow:0 0 calc(5 * var(--u)) #ffb020;background:#ffb020;border-radius:50%}.decor{flex:none;margin-left:auto;margin-right:6%;position:relative}.decor-plant{background:radial-gradient(40% 32% at 30% 30%,#5f9a5a 60%,#0000 62%),radial-gradient(40% 32% at 70% 26%,#4d8a4b 60%,#0000 62%),radial-gradient(44% 34% at 50% 44%,#3f7a40 60%,#0000 62%),linear-gradient(#0000 58%,#c46a45 58% 64%,#b35c3a 64%);border-radius:0 0 20% 20%;width:18%;height:58%}.decor-stack{background:linear-gradient(#28453c 0 30%,#0000 30% 34%,#8c3b2f 34% 64%,#0000 64% 68%,#b0833a 68%);border-radius:2px;width:34%;height:28%;box-shadow:inset 4px 0 #ffffff26}.decor-clock{aspect-ratio:1;width:20%;max-height:60%;box-shadow:0 0 0 calc(4 * var(--u)) #b8913f;background:linear-gradient(90deg,#0000 48%,#1d1b18 48% 52%,#0000 52%) 50% 20%/100% 32% no-repeat,linear-gradient(#0000 48%,#1d1b18 48% 52%,#0000 52%) 72%/40% 100% no-repeat,#f3ead8;border-radius:50%;align-self:center}.decor-frame{width:18%;height:52%;box-shadow:inset 0 0 0 calc(4 * var(--u)) #f7f2ea, 0 2px 4px #0000004d;background:radial-gradient(circle at 50% 38%,#d9a577 16%,#0000 17%),linear-gradient(#0000 55%,#6d8fb3 55%),#cfe0ee;rotate:-4deg}.decor-globe{background:radial-gradient(circle at 50% 38%,#6aa3c9 0 36%,#0000 37%),radial-gradient(circle at 42% 32%,#8bbf7a 0 12%,#0000 13%),linear-gradient(90deg,#0000 47%,#3a2a12 47% 53%,#0000 53%) 0 70%/100% 22% no-repeat,linear-gradient(#0000 88%,#b8913f 88%);width:20%;height:62%}.laptop-screen{box-shadow:0 0 calc(var(--glow,40px)) #ffaa8229, inset 0 0 0 1px #0000008c, inset 0 0 calc(var(--glow,40px) * .6) #00000047;background:linear-gradient(#f0a883,#9c4a45 60%,#5e2f3a);border-radius:.6%;position:absolute;overflow:hidden}.dev>.laptop-screen,.dev>.desk-phone .phone-screen{filter:brightness(.9)saturate(.94)contrast(.97)}.laptop-screen:after,.desk-phone .phone-screen:after{content:"";z-index:50;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg, #ffffff12 0 22%, transparent 22.5% 60%, #ffffff08 60.5% 70%, transparent 70.5%), radial-gradient(120% 90% at 50% 45%, transparent 60%, #00000038), var(--grain);opacity:.85;mix-blend-mode:screen;position:absolute;inset:0}.laptop-screen .lock-in,.desk-phone .ph-lock>:not(.ph-lock-wall){opacity:calc(1 - var(--fade,0))}.laptop-screen>.os{width:var(--pw,100%);height:var(--ph,100%);transform:translate(-50%, -50%) scale(var(--ps,1));inset:50% auto auto 50%}.desk-phone{background:#121214;border-radius:13%/6.3%;padding:4.5%;position:absolute;box-shadow:inset 0 0 0 1.5px #4a4b50}.desk-phone .phone-screen{border-radius:10%/4.8%}.dev{cursor:pointer;outline:none}.dev>.laptop-screen,.dev>.desk-phone{transition:filter .3s}.desk-stage[data-mode=desk] .dev:is(:hover,:focus-visible)>:is(.laptop-screen,.desk-phone){filter:brightness(1.12)saturate(1.05)}.desk-stage[data-mode=desk] .dev:is(:hover,:focus-visible)>.laptop-screen{filter:brightness(1.02)saturate()}.dev:focus-visible>:is(.laptop-screen,.desk-phone){outline:3px solid var(--yellow);outline-offset:4px}.dev-tag{z-index:5;background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.08em;text-transform:lowercase;white-space:nowrap;opacity:0;pointer-events:none;border-radius:99px;padding:4px 12px 5px;font-size:11px;transition:opacity .2s,translate .25s;position:absolute;top:0;left:50%;translate:-50% -120%}.desk-stage[data-mode=desk] .dev:is(:hover,:focus-visible) .dev-tag{opacity:1;translate:-50% -150%}.desk-stage[data-focus] .dev-tag{opacity:0!important}@media (hover:none){.dev-tag{display:none}}.room[data-nogl]{background:linear-gradient(#3b342d,#1d1814 70%,#120e0b)}.room[data-baked] .room-fx{mix-blend-mode:normal;opacity:1;background:radial-gradient(130% 110% at 55% 48%,#0000 55%,#0805035c)}
.shelf{--u:min(100vw / 1600, 100svh / 900);--case-w:calc(340 * var(--u));z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}@media (max-aspect-ratio:3/4){.shelf{--u:min(100vw / 600, 100svh / 1100);--case-w:calc(190 * var(--u))}}.shelf-dim{z-index:1;opacity:0;background:#261a0e6b;transition:opacity .5s;position:absolute;inset:0}.shelf-dim[data-on]{opacity:1;pointer-events:auto}.shelf:is([data-phase=fetch],[data-phase=return]) .shelf-dim[data-on]{opacity:.3}.fly{--m:0;z-index:4;visibility:hidden;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.fly[data-on]{visibility:visible}.fly-spine{scale:clamp(0, 1 - var(--m) * 2, 1) 1;position:absolute;inset:0;box-shadow:0 6px 14px #00000059}.fly-cover{scale:clamp(0, var(--m) * 2 - 1, 1) 1;filter:drop-shadow(0 20px 30px #28140a73);position:absolute;inset:0}.lib-check{pointer-events:auto;left:50%;bottom:max(72px, env(safe-area-inset-bottom));z-index:25;color:#f2efe8;width:min(340px,100vw - 32px);font-family:var(--mono);background:#1b1d21;border-radius:16px;justify-items:start;gap:10px;padding:16px 18px;font-size:13px;animation:.3s fade;display:grid;position:absolute;translate:-50%;box-shadow:0 20px 50px -10px #00000080}.lib-status{color:#9fe8b0;min-height:1.3em;font-size:12px}.lib-status:empty{display:none}.lib-status[data-mood=no]{color:#ff8a7a}.lib-check-t b{color:var(--yellow)}.lib-face{color:#1b1d21;background:#ffb020;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:flex}.lib-pw{gap:8px;width:100%;display:flex}.lib-pw input{color:#fff;min-width:0;font:inherit;background:#2a2d33;border-radius:8px;flex:1;padding:8px 12px;box-shadow:inset 0 0 0 1px #4b5059}.lib-pw input:focus{box-shadow:inset 0 0 0 2px #ffb020}.lib-pw button{color:#1b1d21;background:#f2efe8;border-radius:8px;padding:8px 14px;font-weight:700}.lib-hint{color:#f2efe899;font-size:12px}.lib-cancel{color:#f2efe899;font-size:12px;text-decoration:underline}.shelf .dj-scan{pointer-events:auto}.lib-reader{--lw:min((100vw - 160px) / 2, (100svh - 150px) / 1.4);--lh:calc(var(--lw) * 1.4);z-index:7;visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.lib-reader[data-on]{visibility:visible}.lib-reader[data-on] :is(.diary,.lib-back){pointer-events:auto}@media (orientation:portrait){.lib-reader{--lw:min(100vw - 48px, (100svh - 180px) / 1.4)}}.lib-back{left:50%;top:max(14px, env(safe-area-inset-top));font-family:var(--mono);opacity:0;background:#fffdf8f2;border-radius:99px;padding:8px 14px;font-size:12px;transition:opacity .3s;position:absolute;translate:-50%;box-shadow:0 0 0 1px #00000014,0 6px 18px #3c28142e}.shelf[data-phase=reading] .lib-back{opacity:1;transition-delay:.6s}.lib-back:hover{color:var(--accent)}
.deco{z-index:0;pointer-events:none;position:absolute}.deco-washi{clip-path:polygon(0 10%,4% 0,8% 12%,12% 0,100% 4%,97% 50%,100% 96%,0 100%,3% 55%);background:repeating-linear-gradient(45deg,#9fd3ffd9 0 10px,#fffdf8cc 10px 20px);width:220px;height:38px;box-shadow:0 2px 4px #0000000f}.deco-clip{width:34px}.deco-clip path{stroke:#9aa0a6;stroke-width:3.5px;stroke-linecap:round}.deco-pen{filter:drop-shadow(0 8px 6px #3c281447);align-items:center;width:250px;height:16px;display:flex}.deco-pen span{height:100%}.pen-cap{background:#1d1b18;border-radius:8px 2px 2px 8px;width:26%}.pen-body{background:linear-gradient(#ff7a5c,#ff5a36 50%,#d9401f);flex:1}.pen-tip{clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(90deg,#c9c3b8 0 75%,#1d1b18 75%);width:10%}.hl{background:var(--yellow);opacity:.9;transform-origin:0;transform:scaleX(var(--t,0)) skewX(-8deg);border-radius:3px;position:absolute;inset:12% -4px 8%}.card-stack{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.card-stack li{font-family:var(--mono);border:1.5px dashed var(--ink-3);color:var(--ink-2);border-radius:4px;padding:3px 8px;font-size:11px}.card-stack li .wd{--t:0;padding:120px var(--gutter) 140px;min-height:100svh;position:relative}.card-stack li .wd-back{z-index:2;width:max-content;margin:0 auto 36px;display:flex;position:relative}.card-stack li .wd .wd-washi{top:180px;left:5%}.card-stack li .wd .wd-pen{top:70vh;right:4%}.card-stack li .wd-doc{z-index:1;border-top:10px solid var(--tint);max-width:880px;margin:0 auto;padding:64px 64px 72px 104px;position:relative;transform:rotate(-.4deg)}.card-stack li .wd-progress{background:repeating-linear-gradient(#1d1b181f 0 6px,#0000 6px 10px);width:3px;position:absolute;top:64px;bottom:72px;left:52px}.card-stack li .wd-progress span{transform-origin:50% 0;height:100%;transform:scaleY(var(--t,0));background:#4a4540;border-radius:2px;display:block}.card-stack li .wd-head{max-width:470px;position:relative}.card-stack li .wd-title{font-family:var(--display);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;letter-spacing:-.03em;margin-top:14px;font-size:clamp(42px,6vw,76px);font-weight:800;line-height:.92}.card-stack li .wd-summary{color:var(--ink-2);margin-top:18px;font-size:19px}.card-stack li .wd-stamp{margin-top:22px}.card-stack li .wd-photo{width:min(320px,38%);box-shadow:var(--shadow-lift);transform:translate3d(0, var(--py,0), 0) rotate(calc(4deg + var(--pr,0deg)));background:#fff;padding:10px 10px 0;position:absolute;top:40px;right:-48px}.card-stack li .wd-photo-in{aspect-ratio:4/3;overflow:hidden}.card-stack li .wd-photo-in .cover{width:100%;height:100%}.card-stack li .wd-photo .hand{text-align:center;font-size:22px;line-height:44px}.card-stack li .wd-block{--t:0;margin-top:56px}.card-stack li .wd-h{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 72;letter-spacing:-.01em;padding:0 8px;font-size:30px;font-weight:700;display:inline-block;position:relative}.card-stack li .wd-h>span:last-child{position:relative}.card-stack li .wd-body{max-width:62ch;opacity:clamp(0, var(--t) * 1.6, 1);transform:translateY(calc((1 - var(--t)) * 18px));gap:12px;margin-top:14px;font-size:17px;line-height:1.65;display:grid}.card-stack li .wd-built{gap:8px;display:grid}.card-stack li .wd-built li{padding-left:30px;position:relative}.card-stack li .wd-built li:before{content:"";border:2px solid var(--ink);border-radius:3px;width:16px;height:16px;position:absolute;top:5px;left:0}.card-stack li .wd-built li:after{content:"";border:3px solid #2e9e5b;border-width:0 3px 3px 0;width:6px;height:11px;position:absolute;top:5px;left:5px;transform:rotate(40deg)}.card-stack li .wd-stack li{font-size:13px}.card-stack li .wd-links{flex-wrap:wrap;gap:12px;display:flex}.card-stack li .wd-links a{font-family:var(--mono);background:var(--ink);color:var(--paper);border-radius:99px;padding:8px 14px;font-size:14px;text-decoration:none}.card-stack li .wd-next{background:color-mix(in srgb, var(--tint) 55%, #f4e7c5);max-width:880px;box-shadow:var(--shadow);border-radius:4px 12px 12px;gap:2px;margin:72px auto 0;padding:26px 32px;text-decoration:none;transition:transform .3s;display:grid;position:relative}.card-stack li .wd-next:hover{transform:translateY(-6px)rotate(-.5deg)}.card-stack li .wd-next-tab{background:inherit;font-family:var(--hand);border-radius:10px 10px 0 0;padding:8px 18px 4px;font-size:22px;position:absolute;bottom:100%;left:0}.card-stack li .wd-next-title{font-family:var(--display);font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.05}.card-stack li .wd-next-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);font-size:12px}@media (max-width:1180px){.card-stack li .nb-margin{margin-top:44px;margin-left:auto;position:relative;top:auto;left:auto;transform:rotate(3deg)}}@media (max-width:900px){.card-stack li .log .deco-photo,.card-stack li .log .deco-clip{display:none}.card-stack li .wd-photo{width:82%;margin:32px auto 0;position:relative;top:auto;right:auto}.card-stack li .wd-head{max-width:none}}@media (max-width:640px){.card-stack li .log{padding-top:16vh}.card-stack li .log .deco-washi{top:10vh;left:auto;right:-40px}.card-stack li .log .deco-pen{display:none}.card-stack li .nb-page{background-image:linear-gradient(90deg,#0000 30px,#ff5a3673 30px 32px,#0000 32px),repeating-linear-gradient(#0000 0 31px,#5082c838 31px 32px);padding:44px 18px 40px 44px}.card-stack li .nb-rings{padding:0 10px}.card-stack li .entry{grid-template-columns:1fr;gap:6px}.card-stack li .sheet{padding:28px 20px 32px}.card-stack li .work-head{flex-wrap:wrap;top:76px}.card-stack li .work-count span{font-size:28px}.card-stack li .work-track{gap:22px;padding-top:110px;padding-left:10vw}.card-stack li .card-paper{min-height:0;padding:18px 18px 20px}.card-stack li .card-summary{font-size:14px}.card-stack li .card-photo{margin-bottom:14px}.card-stack li .contact-stage{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;gap:12px;padding-top:76px;padding-bottom:16px}.card-stack li .contact .deco-postit-c,.card-stack li .contact-lede{display:none}.card-stack li .say{margin-top:10px;font-size:clamp(48px,15vw,72px)}.card-stack li .contact-hint{margin-top:6px;font-size:22px}.card-stack li .contact-hint svg{width:70px;transform:rotate(40deg)}.card-stack li .contact-phone{align-self:end}.card-stack li .phone-body{border-radius:44px;height:min(100svh - 250px,640px);padding:8px}.card-stack li .phone-body .phone-screen{border-radius:37px}.card-stack li .wd{padding-top:96px}.card-stack li .wd-doc{padding:44px 20px 48px 44px}.card-stack li .wd-progress{top:44px;bottom:48px;left:20px}.card-stack li .foot{padding-bottom:100px}}