.paper-home{--cream:#fff6ea;--ease-out:cubic-bezier(.16, .84, .32, 1);--ease-spring:cubic-bezier(.2, .9, .25, 1.18);overflow-x:clip}.paper-home .p-wrap{max-width:72rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:768px){.paper-home .p-wrap{padding-inline:2rem}}.p-kicker{letter-spacing:.22em;color:var(--accent);align-items:center;gap:.75rem;font-size:.78rem;font-weight:500;display:inline-flex}.p-kicker:before{content:"";background:currentColor;width:1.75rem;height:1.5px}.p-h2{font-family:var(--font-display), "Songti SC", serif;letter-spacing:-.01em;text-wrap:balance;margin-top:1.1rem;font-size:clamp(2.6rem,6vw,4.9rem);font-weight:400;line-height:1.06}.p-body{max-width:34rem;color:var(--muted);margin-top:1.4rem;font-size:1.06rem;line-height:1.95}.tear-glyph{animation:tear-glyph .76s var(--ease-out) both;display:inline-block}@keyframes tear-glyph{0%{opacity:0;transform:translateY(.6em) rotate(var(--tilt)) scale(.9)}60%{opacity:1;transform:translateY(-.08em) rotate(calc(var(--tilt) * -.4)) scale(1.04)}to{opacity:1;transform:none}}.p-hero{isolation:isolate;background:radial-gradient(80% 60% at 12% 0%, #ffffff24, transparent 60%), radial-gradient(60% 70% at 100% 100%, #5a000c52, transparent 70%), var(--accent);color:var(--cream);position:relative;overflow:clip}.p-hero-grain{z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff17 .6px,#0000 .8px),radial-gradient(#3c000824 .6px,#0000 .8px);background-position:0 0,2px 3px;background-size:5px 5px,7px 7px;position:absolute;inset:0}.p-hero-grid{align-items:center;gap:3.5rem;max-width:72rem;margin-inline:auto;padding:clamp(3rem,7vw,6rem) 1.25rem clamp(5rem,9vw,7.5rem);display:grid}@media (min-width:960px){.p-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:4rem;padding-inline:2rem}}.p-eyebrow{letter-spacing:.16em;animation:p-fade .7s var(--ease-out) both;border:1px solid #fff6ea61;border-radius:999px;align-items:center;gap:.6rem;padding:.45rem .95rem;font-size:.78rem;display:inline-flex}.p-eyebrow i{background:var(--cream);border-radius:50%;width:.42rem;height:.42rem;animation:2.4s ease-in-out infinite p-pulse}.p-title{font-family:var(--font-display), "Songti SC", serif;letter-spacing:-.015em;text-shadow:0 .06em #6e001047;margin-top:1.6rem;font-size:clamp(3.7rem,10.5vw,8.2rem);font-weight:400;line-height:1}.p-title>span>span{white-space:nowrap}@media (min-width:960px){.p-title{font-size:clamp(4.2rem,6.6vw,6.8rem)}}.p-scribble{width:min(19rem,70%);height:1.5rem;margin-top:.4rem;display:block;overflow:visible}.p-scribble path{fill:none;stroke:var(--cream);stroke-width:4px;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340px;animation:p-draw .9s .65s var(--ease-out) forwards}.p-lede{color:#fff6eadb;max-width:33rem;animation:p-fade .8s .42s var(--ease-out) both;margin-top:1.4rem;font-size:1.1rem;line-height:1.95}.p-cta-row{animation:p-fade .8s .56s var(--ease-out) both;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:2rem;display:flex}.p-platforms{letter-spacing:.06em;color:#fff6eac2;font-size:.86rem}.p-store{cursor:pointer;min-height:3.25rem;transition:transform .28s var(--ease-spring), box-shadow .28s var(--ease-out);border-radius:999px;align-items:center;gap:.6rem;padding:0 1.5rem 0 1.25rem;font-size:.98rem;font-weight:600;display:inline-flex}.p-store svg{fill:currentColor;width:1.2rem;height:1.2rem}.p-store.is-cream{background:var(--cream);color:var(--accent);box-shadow:0 12px 26px #46000a47,inset 0 -2px #00000014}.p-store:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:0 18px 34px #46000a57,inset 0 -2px #00000014}.p-store:active{transform:translateY(1px)scale(.98)}.p-store:focus-visible{outline:2px solid var(--cream);outline-offset:4px}.p-hero-facts{max-width:34rem;animation:p-fade .8s .7s var(--ease-out) both;border-top:1px solid #fff6ea3d;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem;padding-top:1.4rem;display:grid}.p-hero-facts dt{font-family:var(--font-display), serif;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.1}.p-hero-facts dd{color:#fff6eab8;margin-top:.4rem;font-size:.78rem;line-height:1.6}.p-torn{background:var(--paper);height:14px;position:absolute;left:0;right:0;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 0 0/18px 100%;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 0 0/18px 100%}.p-torn.is-bottom{bottom:-1px}.p-torn.is-top{background:var(--ink);top:-1px;transform:scaleY(-1)}.pad{perspective:1400px;width:min(100%,23.5rem);color:var(--p-ink);margin-inline:auto;position:relative}.pad-tilt{--tx:0deg;--ty:0deg;transform:rotateX(var(--tx)) rotateY(var(--ty));transform-style:preserve-3d;transition:transform .7s var(--ease-out)}.pad-enter{animation:pad-drop 1.1s .12s var(--ease-spring) both;position:relative}.pad-board{z-index:3;background:linear-gradient(180deg, #fff3, transparent 45%, #00000029), var(--p-board);height:4.4rem;color:var(--p-board-text);border-radius:1.15rem 1.15rem .7rem .7rem;justify-content:center;align-items:center;transition:background-color .5s,color .5s;display:flex;position:relative;box-shadow:0 14px 22px #2800064d,inset 0 1px #ffffff47}.pad-rings{fill:#d9d2c6;filter:drop-shadow(0 2px 1px #0000004d);width:100%;height:1.5rem;position:absolute;top:-.85rem;left:0}.pad-board-title{font-family:var(--font-serif), serif;letter-spacing:.14em;align-items:baseline;gap:.7rem;font-size:1.05rem;font-weight:700;display:inline-flex}.pad-board-title b{font-family:var(--font-numeral), serif;letter-spacing:.02em;font-size:1.45rem;font-weight:800}.pad-today{background:var(--p-board-text);width:2.75rem;height:2.75rem;color:var(--p-board);font-family:var(--font-serif), serif;cursor:pointer;opacity:.55;transition:transform .3s var(--ease-spring), opacity .3s ease;border-radius:50%;place-items:center;font-size:1rem;font-weight:700;display:grid;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)scale(.86)}.pad-today[data-away]{opacity:1;transform:translateY(-50%)scale(1)}.pad-today:hover{transform:translateY(-50%)scale(1.08)rotate(-8deg)}.pad-stub{z-index:2;background:var(--p-paper);filter:brightness(.97);height:10px;margin:-3px .7rem 0;position:relative;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 0 0/12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 0 0/12px 100%}.pad-stack{z-index:1;aspect-ratio:376/452;transform-style:preserve-3d;margin:-4px .7rem 0;position:relative}.pad-stack:before,.pad-stack:after{content:"";background:var(--p-edge);border-radius:0 0 1.1rem 1.1rem;transition:background-color .5s;position:absolute;inset:0}.pad-stack:before{filter:brightness(.92);transform:translateY(10px)scaleX(.97)}.pad-stack:after{transform:translateY(5px)scaleX(.985)}.pad-leaf{z-index:1;background:linear-gradient(180deg, #00000008, transparent 12%), var(--p-paper);box-shadow:0 1px 0 var(--p-edge), 0 2px 6px #28140a14;transform-origin:50% 0;-webkit-user-select:none;user-select:none;border-radius:0 0 1.1rem 1.1rem;transition:background-color .5s;position:absolute;inset:0}.pad-leaf.is-under{transition:transform .6s var(--ease-out), background-color .5s ease;transform:translateY(3px)scale(.988)}.pad-stack[data-phase=tear] .pad-leaf.is-under{transform:none}.pad-stack[data-phase=tear],.pad-stack[data-phase=drag],.pad-stack[data-phase=return]{z-index:4}.pad-leaf.is-top{z-index:2;cursor:grab;transform:translate3d(0, var(--lift-y), 0) rotateX(var(--lift-rx)) rotate(var(--lift-rz));transition:transform .56s var(--ease-spring), background-color .5s ease}.pad-leaf.is-top:after{content:"";border-radius:inherit;pointer-events:none;opacity:var(--shade,0);background:linear-gradient(#0000 20%,#32190a57);position:absolute;inset:0}.pad-stack[data-phase=drag] .pad-leaf.is-top{cursor:grabbing;transition:none}.pad-stack[data-phase=tear] .pad-leaf.is-top{animation:.7s cubic-bezier(.5,0,.3,1) forwards pad-tear}.pad-stack[data-phase=tear] .pad-leaf.is-top:after{animation:.7s ease-in forwards pad-shade}.pad-stack[data-phase=return] .pad-leaf.is-top{animation:pad-return .62s var(--ease-spring) both}.leaf{flex-direction:column;padding:1.15rem 1.35rem 1rem;display:flex;position:absolute;inset:0}.leaf-perf{background:radial-gradient(circle, var(--p-line) 1.6px, transparent 2px) 0 50% / 10px 4px repeat-x;height:4px;position:absolute;top:.45rem;left:1rem;right:1rem}.leaf-head{font-family:var(--font-serif), serif;color:var(--p-primary);justify-content:space-between;align-items:center;gap:.6rem;margin-top:.35rem;font-size:.98rem;font-weight:700;display:flex}.leaf-en{font-family:var(--font-sans), sans-serif;letter-spacing:.32em;color:var(--p-sub);margin-left:.5rem;font-size:.6rem;font-style:normal;font-weight:500}.leaf-badge{border:1px solid;border-radius:999px;flex-shrink:0;padding:.12rem .6rem;font-size:.72rem}.leaf-main{flex:1;grid-template-columns:2.4rem minmax(0,1fr) 2.4rem;align-items:center;display:grid}.leaf-side{border-right:1px solid var(--p-line);flex-direction:column;align-items:center;gap:.55rem;padding-block:.4rem;display:flex}.leaf-side.is-right{border-right:0;border-left:1px solid var(--p-line)}.leaf-side span,.leaf-side strong{writing-mode:vertical-rl;font-family:var(--font-serif), serif}.leaf-side-label{letter-spacing:.2em;color:var(--p-sub);font-size:.74rem}.leaf-side strong{letter-spacing:.1em;color:var(--p-primary);font-size:1.32rem}.leaf-day{font-family:var(--font-numeral), Georgia, serif;letter-spacing:-.05em;text-align:center;font-variant-numeric:lining-nums;color:var(--p-primary);text-shadow:0 2px #0000000f;font-size:clamp(6.4rem,25vw,8.9rem);font-weight:800;line-height:.9}.leaf-gz{font-family:var(--font-serif), serif;letter-spacing:.1em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.92rem;font-weight:700;display:flex}.leaf-week-en{letter-spacing:.42em;text-align:center;color:var(--p-sub);margin-top:.3rem;font-size:.58rem}.leaf-quote{border-top:1px dashed var(--p-line);text-align:center;font-family:var(--font-serif), serif;margin-top:.85rem;padding-top:.8rem}.leaf-quote p{text-wrap:balance;font-size:.9rem;line-height:1.7}.leaf-quote cite{color:var(--p-sub);margin-top:.25rem;font-size:.7rem;font-style:normal;display:block}.leaf-foot{letter-spacing:.08em;color:var(--p-sub);justify-content:space-between;margin-top:.75rem;font-size:.68rem;display:flex}.pad-shadow{z-index:0;filter:blur(16px);background:#3c000a66;border-radius:50%;height:2rem;position:absolute;bottom:-1.6rem;left:8%;right:8%}.pad-controls{justify-content:center;align-items:center;gap:.6rem;margin-top:2.5rem;display:flex}.pad-step,.pad-grip{min-height:2.75rem;color:var(--cream);cursor:pointer;transition:background-color .2s ease, transform .26s var(--ease-spring);border:1px solid #fff6ea5c;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.pad-step{width:2.75rem}.pad-grip{letter-spacing:.14em;touch-action:none;cursor:grab;gap:.4rem;padding:0 1.1rem;font-size:.84rem}.pad-step svg,.pad-grip svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.pad-grip svg{animation:1.8s ease-in-out infinite p-nudge}.pad-step:hover,.pad-grip:hover{background:#fff6ea1f}.pad-step:active,.pad-grip:active{transform:scale(.95)}.pad-step:focus-visible,.pad-grip:focus-visible,.pad-today:focus-visible,.pad-swatch:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.pad-skins{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .9rem;margin-top:1.1rem;display:flex}.pad-skins-label{letter-spacing:.12em;color:#fff6eab8;font-size:.78rem}.pad-skins-label b{color:var(--cream);margin-left:.5rem;font-weight:600}.pad-swatches{gap:.1rem;display:flex}.pad-swatch{cursor:pointer;border-radius:50%;width:2.75rem;height:2.75rem;position:relative}.pad-swatch:before{content:"";background:linear-gradient(180deg, var(--sw-top) 0 46%, var(--sw-bottom) 46%);transition:transform .28s var(--ease-spring), box-shadow .2s ease;border-radius:50%;position:absolute;inset:.55rem;box-shadow:0 0 0 1.5px #fff6ea80,0 3px 6px #2800064d}.pad-swatch:hover:before{transform:scale(1.12)}.pad-swatch[aria-checked=true]:before{box-shadow:0 0 0 2.5px var(--cream), 0 0 0 4.5px #fff6ea4d, 0 4px 8px #2800064d;transform:scale(1.14)}.pad-keys{text-align:center;letter-spacing:.1em;color:#fff6ea99;margin-top:.6rem;font-size:.72rem}@media (hover:none){.pad-keys{display:none}}@keyframes pad-drop{0%{opacity:0;transform:translateY(-42px)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes pad-tear{0%{transform:translate3d(0, var(--lift-y), 0) rotateX(var(--lift-rx)) rotate(var(--lift-rz))}22%{transform:translate(.5%,-3%)rotateX(26deg)rotate(1.5deg)}70%{opacity:1}to{opacity:0;transform:translate3d(-18%,-118%,90px)rotateX(82deg)rotate(-18deg)}}@keyframes pad-shade{to{opacity:.9}}@keyframes pad-return{0%{opacity:0;transform:translate3d(-10%,-70%,60px)rotateX(70deg)rotate(-10deg)}45%{opacity:1}to{opacity:1;transform:none}}.p-marquee{border-bottom:1px solid #241c181a;padding-block:1.6rem 1.4rem;overflow:hidden}.p-marquee-track{width:max-content;animation:70s linear infinite p-marquee;display:flex}.p-marquee:hover .p-marquee-track{animation-play-state:paused}.p-marquee-group{display:flex}.p-marquee-item{font-family:var(--font-display), serif;white-space:nowrap;align-items:center;gap:2rem;padding-right:2rem;font-size:clamp(1.7rem,3.6vw,2.8rem);line-height:1.2;display:flex}.p-marquee-item:nth-child(2n){color:#0000;-webkit-text-stroke:1.2px var(--ink)}.p-marquee-item:after{content:"";background:var(--accent);border-radius:2px;width:.5rem;height:.5rem;transform:rotate(45deg)}.p-day{max-width:72rem;margin-inline:auto;padding:clamp(5rem,12vw,9rem) 1.25rem}@media (min-width:768px){.p-day{padding-inline:2rem}}.p-day-list{gap:clamp(1.2rem,2.6vw,1.8rem);margin-top:2.6rem;display:grid}.p-moment{gap:.5rem;display:grid}@media (min-width:768px){.p-moment{grid-template-columns:7rem minmax(0,1fr);align-items:baseline;gap:2rem}}.p-moment-time{border-top:2px solid var(--accent);letter-spacing:.22em;color:var(--accent);justify-self:start;padding-top:.45rem;font-size:.82rem}.p-moment-text{font-family:var(--font-display), serif;text-wrap:balance;font-size:clamp(2.3rem,6.4vw,5.2rem);line-height:1.1}.p-day-coda{max-width:34rem;color:var(--muted);margin-top:3rem;font-size:1.1rem;line-height:1.9}@media (min-width:768px){.p-day-coda{margin-left:9rem}}.p-story{background-color:var(--story-bg);color:var(--story-ink);transition:background-color .9s var(--ease-out), color .9s var(--ease-out)}.p-story .p-kicker{color:inherit}.p-story-inner{max-width:72rem;margin-inline:auto;padding:clamp(5rem,10vw,8rem) 1.25rem}@media (min-width:768px){.p-story-inner{padding-inline:2rem}}.p-story-grid{margin-top:2rem;display:grid}@media (min-width:960px){.p-story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}.p-chapter{border-top:1px solid color-mix(in srgb, currentColor 16%, transparent);padding-block:3rem}@media (min-width:960px){.p-chapter{opacity:.22;min-height:72vh;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out);border-top:0;flex-direction:column;justify-content:center;display:flex;transform:translateY(1.5rem)}.p-chapter[data-active=true]{opacity:1;transform:none}}.p-chapter-kicker{letter-spacing:.2em;align-items:center;gap:.8rem;font-size:.8rem;display:flex}.p-chapter-kicker span{font-family:var(--font-numeral), serif;letter-spacing:.04em;font-size:1rem;font-weight:700}.p-chapter-kicker i{opacity:.5;background:currentColor;width:2rem;height:1.5px}.p-chapter-title{font-family:var(--font-display), serif;white-space:pre-line;margin-top:1rem;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:400;line-height:1.08}.p-chapter-body{opacity:.84;max-width:28rem;margin-top:1.25rem;font-size:1.05rem;line-height:1.95}.p-chapter-tag{border:1px solid color-mix(in srgb, currentColor 40%, transparent);letter-spacing:.12em;border-radius:999px;align-self:flex-start;margin-top:1.5rem;padding:.38rem .9rem;font-size:.78rem;display:inline-flex}.p-chapter-phone{background:#16130f;border-radius:2.4rem;width:min(78%,18rem);margin-top:2rem;padding:8px;box-shadow:0 30px 60px #140a053d}@media (min-width:960px){.p-chapter-phone{display:none}}.p-phone-screen{aspect-ratio:900/1955;background:#f4f1ea;border-radius:2rem;position:relative;overflow:hidden}.p-phone-img{width:100%;height:auto;display:block}.p-stage{display:none}@media (min-width:960px){.p-stage{order:2;height:calc(100vh - 7rem);display:block;position:sticky;top:5.5rem}}.p-stage-glyphs span{font-family:var(--font-display), serif;opacity:0;transition:opacity .7s var(--ease-out), transform 1s var(--ease-spring);place-items:center;font-size:min(38vw,34rem);line-height:1;display:grid;position:absolute;inset:0;transform:scale(.78)rotate(-8deg)}.p-stage-glyphs span[data-active=true]{opacity:.12;transform:none}.p-phone{background:#16130f;border-radius:2.6rem;width:min(19rem,25vw,45vh - 5.4rem);padding:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 40px 80px #140a054d,inset 0 0 0 1px #ffffff14}.p-phone .p-phone-screen{border-radius:2.05rem}.p-phone-shot{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out), transform .9s var(--ease-out);position:absolute;inset:0;transform:translateY(5%)scale(1.04)}.p-phone-shot[data-active=true]{opacity:1;transform:none}.p-stage-count{font-family:var(--font-numeral), serif;letter-spacing:.18em;opacity:.7;font-size:.95rem;position:absolute;bottom:.5rem;right:0}.p-stage-count b{font-size:1.6rem}.p-devices{padding-block:clamp(5rem,11vw,9rem)}.p-devices-grid{align-items:center;gap:4rem;display:grid}@media (min-width:960px){.p-devices-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.p-devices .p-h2{font-size:clamp(2.6rem,3.9vw,3.5rem)}}.p-keys{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.8rem;font-size:.86rem;display:flex}.p-keys kbd{min-width:2.6rem;height:2.6rem;font-family:var(--font-sans), sans-serif;color:var(--ink);background:#fffdf8;border-radius:.65rem;place-items:center;padding-inline:.6rem;font-size:.95rem;animation:3.6s ease-in-out infinite p-key;display:inline-grid;box-shadow:0 3px #241c182e,0 0 0 1px #241c181a}.p-keys kbd:nth-child(2){animation-delay:1.2s}.p-keys kbd:nth-child(3){animation-delay:2.4s}.p-keys span{margin-left:.4rem}.p-devices-art{padding-bottom:3rem;position:relative}.p-ipad{background:#1a1714;border-radius:1.8rem;padding:clamp(8px,1.2vw,13px);transform:rotate(1.5deg);box-shadow:0 40px 90px #241c1838}.p-ipad-screen{border-radius:1.1rem;overflow:hidden}.p-ipad-screen img,.p-watch-screen img{width:100%;height:auto;display:block}.p-watch{background:#0e0e0f;border-radius:2.4rem;width:clamp(7.5rem,17vw,11.5rem);padding:9px;position:absolute;bottom:0;left:-1rem;transform:rotate(-6deg);box-shadow:0 30px 60px #140a0557,inset 0 0 0 1px #ffffff1a}.p-watch-screen{border-radius:1.9rem;overflow:hidden}.p-device-list{gap:2rem;margin-top:clamp(3.5rem,7vw,5.5rem);display:grid}@media (min-width:640px){.p-device-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.p-device-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.p-device-list li{border-top:1.5px solid var(--ink);padding-top:1.1rem}.p-device-list h3{font-family:var(--font-display), serif;font-size:1.6rem;font-weight:400}.p-device-list p{color:var(--muted);margin-top:.6rem;font-size:.94rem;line-height:1.8}.p-widgets{background:color-mix(in srgb, var(--accent-soft) 55%, var(--paper));padding-block:clamp(5rem,11vw,9rem)}.p-widgets-grid{align-items:center;gap:4rem;display:grid}@media (min-width:960px){.p-widgets-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}.p-widgets-shot{background:#16130f;border-radius:2.6rem;justify-self:center;width:min(70%,19rem);padding:9px;transform:rotate(3deg);box-shadow:0 40px 80px #3c140a38}.w-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.4rem;display:grid}.w-card{transition:transform .4s var(--ease-spring), box-shadow .4s ease;background:#fffdf7;border-radius:1.6rem;padding:1.1rem 1.2rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 18px 36px #5a28141a,0 0 0 1px #241c180d}.w-card:hover{transform:translateY(-4px)rotate(-.6deg);box-shadow:inset 0 1px #fff,0 26px 46px #5a281424,0 0 0 1px #241c180d}.w-year{grid-column:1/-1;padding:0}.w-year-board{background:var(--accent);justify-content:center;gap:4rem;height:1.6rem;display:flex}.w-year-board i{background:#d9d2c6;border-radius:999px;width:.4rem;height:.95rem;margin-top:-.3rem}.w-year-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.2rem;padding:1rem 1.2rem 1.15rem;display:grid}.w-year-side{flex-direction:column;justify-content:center;gap:.6rem;display:flex}.w-label{letter-spacing:.14em;color:var(--muted);font-size:.78rem}.w-big{font-family:var(--font-numeral), serif;letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums lining-nums;margin-top:.2rem;font-size:clamp(2.8rem,6vw,3.6rem);font-weight:800;line-height:1}.w-big small{font-family:var(--font-sans), sans-serif;letter-spacing:.08em;color:var(--ink);margin-left:.3rem;font-size:.85rem;font-weight:500}.w-sub{color:var(--muted);margin-top:.4rem;font-size:.76rem;line-height:1.5}.w-bar{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;height:.55rem;overflow:hidden}.w-bar span{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;transition:transform 1.4s var(--ease-out);display:block;transform:scaleX(0)}.w-grid[data-seen] .w-bar span{transform:scaleX(var(--p))}.w-dial{aspect-ratio:1;background:radial-gradient(circle, var(--accent-soft) 0 34%, transparent 35%);border-radius:50%;width:min(100%,8.5rem);margin:.6rem auto 0;position:relative}.w-dial span{width:1.3rem;height:1.3rem;font-family:var(--font-serif), serif;color:var(--muted);transform:rotate(var(--a)) translateY(-3.5rem) rotate(calc(var(--a) * -1));border-radius:50%;place-items:center;margin:-.65rem 0 0 -.65rem;font-size:.72rem;font-weight:600;display:grid;position:absolute;top:50%;left:50%}.w-dial span[data-on]{background:var(--accent);color:var(--cream);transform:rotate(var(--a)) translateY(-3.5rem) rotate(calc(var(--a) * -1)) scale(1.2)}.w-dial i{background:var(--ink);transform-origin:50% 100%;width:2px;height:2.2rem;transition:transform 1.6s var(--ease-spring);border-radius:2px;margin-left:-1px;position:absolute;top:50%;left:50%;transform:translateY(-100%)rotate(0)}.w-grid[data-seen] .w-dial i{transform:translateY(-100%) rotate(var(--needle))}.w-dial i:after{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-4px;left:50%}.w-shichen .w-sub{text-align:center}.w-newyear{flex-direction:column;justify-content:space-between;display:flex}.p-note{color:var(--muted);margin-top:1.2rem;font-size:.8rem;line-height:1.7}.p-privacy{background:var(--ink);color:var(--paper);padding-block:clamp(5rem,11vw,9rem) clamp(5rem,9vw,7rem)}.p-privacy .p-kicker{color:#f0a39d}.p-privacy .p-body{color:#fff9efb3}.p-feature-list{gap:2.5rem;margin-top:clamp(3rem,6vw,4.5rem);display:grid}@media (min-width:768px){.p-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 4rem}}.p-feature-list li{border-top:1px solid #fff9ef2e;padding-top:1.4rem}.p-feature-kicker{letter-spacing:.2em;color:#f0a39d;font-size:.76rem}.p-feature-list h3{font-family:var(--font-display), serif;margin-top:.8rem;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:400;line-height:1.2}.p-feature-list li>p:last-child{color:#fff9efad;max-width:30rem;margin-top:.8rem;font-size:.96rem;line-height:1.9}.p-footnote{color:#fff9ef85;border-top:1px dashed #fff9ef2e;max-width:44rem;margin-top:clamp(3.5rem,7vw,5rem);padding-top:1.4rem;font-size:.8rem;line-height:1.85}.p-closing{isolation:isolate;background:radial-gradient(70% 80% at 50% 120%, #5a000c57, transparent 70%), var(--accent);color:var(--cream);text-align:center;flex-direction:column;align-items:center;padding:clamp(6rem,13vw,10rem) 1.25rem clamp(5rem,10vw,8rem);display:flex;position:relative}.p-closing .p-kicker{color:var(--cream)}.p-closing-title{font-family:var(--font-display), serif;margin-top:1.4rem;font-size:clamp(3rem,8.4vw,6.6rem);font-weight:400;line-height:1.05}.p-closing-body{color:#fff6eacc;max-width:32rem;margin:1.6rem 0 2.4rem;font-size:1.04rem;line-height:1.9}.p-drift,.p-drift-fast{will-change:transform}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.p-moment{animation:linear both p-lit;animation-timeline:view();animation-range:entry 5% cover 42%}.p-reveal{animation:linear both p-rise;animation-timeline:view();animation-range:entry cover 30%}.p-drift{animation:linear both p-drift;animation-timeline:view()}.p-drift-fast{animation:linear both p-drift-fast;animation-timeline:view()}.p-glyph-onview .tear-glyph{animation-timeline:view();animation-range:entry calc(8% + var(--i) * 3%) cover calc(30% + var(--i) * 3%)}}}@media (prefers-reduced-motion:reduce){.p-marquee-track,.p-eyebrow i,.pad-grip svg,.p-keys kbd{animation:none!important}.p-marquee-track{flex-wrap:wrap;width:auto}.p-marquee-group+.p-marquee-group{display:none}.p-scribble path{stroke-dashoffset:0}}@keyframes p-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes p-pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes p-draw{to{stroke-dashoffset:0}}@keyframes p-nudge{0%,to{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes p-marquee{to{transform:translate(-50%)}}@keyframes p-key{0%,80%,to{transform:none;box-shadow:0 3px #241c182e,0 0 0 1px #241c181a}88%{box-shadow:0 1px 0 #241c182e, 0 0 0 1px var(--accent);transform:translateY(2px)}}@keyframes p-lit{0%{opacity:.14;transform:translate(-.6rem)}to{opacity:1;transform:none}}@keyframes p-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes p-drift{0%{transform:translateY(60px)rotate(1.5deg)}to{transform:translateY(-60px)rotate(1.5deg)}}@keyframes p-drift-fast{0%{transform:translateY(120px)rotate(-6deg)}to{transform:translateY(-80px)rotate(-6deg)}}
.puff-home{--ease:cubic-bezier(.16, .84, .32, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--puff-eye:color-mix(in srgb, var(--puff-screen) 38%, black);--puff-cream:#fffaf2;--zig:18px;background:var(--paper);color:var(--ink);overflow-x:clip}.puff-home .f-wrap{max-width:74rem;margin-inline:auto;padding-inline:1.25rem;position:relative}@media (min-width:768px){.puff-home .f-wrap{padding-inline:2rem}}.f-kicker{color:var(--accent);letter-spacing:.18em;align-items:center;gap:.7rem;font-size:.8125rem;font-weight:700;display:inline-flex}.f-kicker:before{content:"";width:.7rem;height:.7rem;box-shadow:.95rem 0 0 color-mix(in srgb, currentColor 45%, transparent);background:currentColor;border-radius:.25rem;margin-right:.95rem}.f-h2{font-family:var(--font-serif), "Songti SC", serif;letter-spacing:-.04em;text-wrap:balance;margin-top:.85rem;font-size:clamp(2.3rem,5.6vw,4.2rem);font-weight:700;line-height:1.08}.f-body{max-width:38rem;color:var(--muted);margin-top:1.1rem;font-size:1.05rem;line-height:1.85}.f-section-head{max-width:40rem}.f-hero{isolation:isolate;background:radial-gradient(60rem 36rem at 85% 30%, color-mix(in srgb, var(--puff-coral) 55%, white), transparent 70%), var(--puff-coral);padding:clamp(2.5rem,6vw,5rem) 0 clamp(4rem,8vw,6.5rem);position:relative;overflow:clip}.f-hero-dots{z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#ffffff6b 1.6px,#0000 2px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.f-floater{z-index:-1;background:linear-gradient(180deg, var(--puff-cream), var(--puff-key));width:4.2rem;height:4.2rem;box-shadow:inset 0 -6px 0 var(--puff-key-shade), inset 0 2px 0 white, 0 16px 28px #8c322833;color:var(--puff-screen);pointer-events:none;border-radius:1.35rem;place-items:center;font-size:2rem;font-weight:700;animation:7s ease-in-out infinite f-bob;display:grid;position:absolute}.f-floater[data-slot="0"]{--tilt:12deg;top:1.2rem;right:6%}.f-floater[data-slot="1"]{--tilt:-10deg;display:none}.f-floater[data-slot="2"]{--tilt:8deg;display:none}.f-floater[data-slot="3"]{background:linear-gradient(180deg, #ffd8bd, var(--puff-orange));width:3.4rem;height:3.4rem;box-shadow:inset 0 -6px 0 color-mix(in srgb, var(--puff-orange), #7a2e08 30%), inset 0 2px 0 #ffffff8c, 0 16px 28px #8c322833;color:var(--ink);--tilt:-14deg;font-size:1.6rem;animation-delay:-3s;bottom:1.5rem;left:4%}@media (min-width:980px){.f-floater[data-slot="0"]{top:2.5rem;left:47%;right:auto}.f-floater[data-slot="1"]{width:3.6rem;height:3.6rem;animation-delay:-1.5s;display:grid;bottom:12%;left:44%}.f-floater[data-slot="2"]{background:linear-gradient(180deg, color-mix(in srgb, var(--puff-mint) 40%, white), var(--puff-mint));box-shadow:inset 0 -6px 0 color-mix(in srgb, var(--puff-mint), var(--puff-body-shade) 55%), inset 0 2px 0 white, 0 16px 28px #8c322833;animation-delay:-4.5s;display:grid;top:8%;right:3%}.f-floater[data-slot="3"]{bottom:7%;left:auto;right:4%}}@keyframes f-bob{0%,to{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--tilt,0deg) * -.4))}}.f-hero-grid{align-items:center;gap:3rem;max-width:74rem;margin-inline:auto;padding-inline:1.25rem;display:grid}@media (min-width:768px){.f-hero-grid{padding-inline:2rem}}@media (min-width:980px){.f-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.85fr);gap:4rem}}.f-eyebrow{background:color-mix(in srgb, var(--puff-cream) 70%, transparent);color:var(--puff-screen);letter-spacing:.12em;border-radius:999px;padding:.4rem .85rem;font-size:.8125rem;font-weight:700;display:inline-flex}.f-title{font-family:var(--font-serif), "Songti SC", serif;letter-spacing:-.05em;text-wrap:balance;margin-top:1.1rem;font-size:clamp(3rem,8.4vw,6rem);font-weight:700;line-height:1}.f-title-line{display:block}.f-title-line+.f-title-line{color:var(--puff-screen)}.f-underline{width:min(15rem,62%);height:1rem;margin-top:.5rem;display:block}.f-underline path{fill:none;stroke:var(--puff-orange);stroke-width:5px;stroke-linecap:round}.f-lede{max-width:34rem;color:color-mix(in srgb, var(--ink) 86%, var(--puff-coral));margin-top:1.2rem;font-size:1.08rem;line-height:1.85}.f-cta{flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin-top:1.7rem;display:flex}.f-platforms{color:var(--ink);font-size:.95rem}.f-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;max-width:34rem;margin-top:2rem;display:grid}.f-fact{background:color-mix(in srgb, var(--puff-cream) 62%, transparent);border-radius:1.2rem;padding:.85rem .85rem .95rem}.f-facts dt{font-family:var(--font-numeral), var(--font-serif), serif;letter-spacing:-.03em;font-size:clamp(1.35rem,3.4vw,1.75rem);font-weight:700;line-height:1.1}.f-facts dd{color:var(--muted);margin-top:.3rem;font-size:.85rem;line-height:1.5}.f-store{cursor:pointer;min-height:3rem;transition:transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:999px;align-items:center;gap:.55rem;padding:.7rem 1.25rem;font-size:.98rem;display:inline-flex}.f-store.is-ink{background:var(--ink);color:var(--paper);box-shadow:0 5px 0 color-mix(in srgb, var(--ink), black 40%)}.f-store.is-paper{background:var(--paper);color:var(--ink)}.f-store:active{box-shadow:0 2px 0 color-mix(in srgb, var(--ink), black 40%);transform:translateY(3px)}@media (hover:hover){.f-store:hover{transform:translateY(-2px)}}.f-apple{fill:currentColor;width:1rem;height:1rem}.f-hero-toy{width:min(100%,25rem);margin-inline:auto;position:relative}.f-calc{z-index:2;background:radial-gradient(120% 70% at 30% 0%, color-mix(in srgb, var(--puff-body) 50%, white) 0%, transparent 60%), linear-gradient(180deg, var(--puff-body), color-mix(in srgb, var(--puff-body), var(--puff-body-shade) 35%));box-shadow:inset 0 3px 0 #fff9, inset 0 -12px 22px color-mix(in srgb, var(--puff-body-shade) 55%, transparent), 0 9px 0 var(--puff-body-shade), 0 34px 60px #78281e42;transition:box-shadow .24s var(--ease);border-radius:2.6rem;padding:1.1rem 1.05rem 1rem;position:relative;transform:rotate(-1.5deg)}.f-calc:focus{outline:none}.f-calc:focus-visible,.f-calc[data-pulse=true]{box-shadow:0 0 0 4px var(--puff-orange), inset 0 3px 0 #fff9, inset 0 -12px 22px color-mix(in srgb, var(--puff-body-shade) 55%, transparent), 0 9px 0 var(--puff-body-shade), 0 34px 60px #78281e42}.f-calc-gloss{filter:blur(2px);pointer-events:none;background:#ffffff8c;border-radius:999px;width:34%;height:.8rem;position:absolute;top:.45rem;left:16%}.f-screen{background:linear-gradient(180deg, color-mix(in srgb, var(--puff-screen), black 22%), var(--puff-screen) 70%);min-height:9.4rem;color:var(--puff-cream);border-radius:1.7rem;grid-template-columns:auto minmax(0,1fr);gap:.4rem .8rem;padding:1rem 1.05rem .9rem;display:grid;position:relative;box-shadow:inset 0 5px 12px #00000061,inset 0 -2px #ffffff1f,0 2px #ffffff8c}.f-buddy{grid-row:1;align-self:start;width:5.2rem;height:auto;margin-top:.2rem;overflow:visible}.f-eyes{transform:translate(var(--look-x,0), var(--look-y,0));transition:transform .22s var(--ease)}.f-eyes-open{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite f-blink}.f-eyes-happy,.f-eyes-oops,.f-mouth.is-open,.f-mouth.is-oops,.f-buddy[data-mood=happy] .f-eyes-open,.f-buddy[data-mood=oops] .f-eyes-open,.f-buddy[data-mood=oops] .is-smile,.f-buddy[data-mood=tap] .is-smile{display:none}.f-buddy[data-mood=happy] .f-eyes-happy,.f-buddy[data-mood=oops] .f-eyes-oops,.f-buddy[data-mood=oops] .f-mouth.is-oops,.f-buddy[data-mood=tap] .f-mouth.is-open{display:inline}@keyframes f-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.f-screen-del{width:2.75rem;height:2.75rem;color:var(--puff-cream);cursor:pointer;transition:transform .12s var(--ease), background-color .16s ease;background:#ffffff1f;border:0;border-radius:.9rem;grid-area:2/1;place-self:end start;place-items:center;display:grid}.f-screen-del:hover{background:#fff3}.f-screen-del[data-down=true],.f-screen-del:active{transform:scale(.92)}.f-screen-del:focus-visible,.f-key:focus-visible{outline:3px solid var(--puff-orange);outline-offset:2px}.f-readout{text-align:right;flex-direction:column;grid-area:1/2/span 2;justify-content:flex-end;min-width:0;display:flex}.f-expr{min-height:1.4rem;color:color-mix(in srgb, var(--puff-cream) 76%, transparent);overflow-wrap:anywhere;font-size:.98rem;line-height:1.4}.f-result{font-family:var(--font-numeral), Georgia, serif;letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:.15rem;font-size:clamp(2.7rem,9vw,3.5rem);font-weight:700;line-height:1}.f-result[data-pending=true]{opacity:.5}.f-detail{min-height:1.3rem;color:var(--puff-mint);margin-top:.4rem;font-size:.875rem;line-height:1.45}.f-keys{grid-template-columns:repeat(4,minmax(0,1fr));gap:.95rem .55rem;margin-top:1.35rem;display:grid}.f-key{--cap-top:var(--puff-cream);--cap-bottom:var(--puff-key);--cap-shade:var(--puff-key-shade);background:linear-gradient(180deg, var(--cap-top), var(--cap-bottom));min-height:3.3rem;color:var(--puff-screen);font:inherit;cursor:pointer;box-shadow:inset 0 -5px 0 var(--cap-shade), inset 0 2px 0 #ffffffd9, 0 6px 10px #1446282e;transition:transform .11s var(--ease), box-shadow .11s var(--ease);border:0;border-radius:1.15rem;place-items:center;font-size:1.35rem;font-weight:700;display:grid;position:relative}.f-key[data-tone=op]{--cap-top:color-mix(in srgb, var(--puff-mint) 35%, white);--cap-bottom:var(--puff-mint);--cap-shade:color-mix(in srgb, var(--puff-mint), var(--puff-body-shade) 60%)}.f-key[data-tone=clear]{--cap-top:color-mix(in srgb, var(--puff-peach) 40%, white);--cap-bottom:var(--puff-peach);--cap-shade:color-mix(in srgb, var(--puff-peach), #9a4a3a 35%);font-size:1.1rem}.f-key[data-tone=equals]{--cap-top:color-mix(in srgb, var(--puff-orange) 55%, white);--cap-bottom:var(--puff-orange);--cap-shade:color-mix(in srgb, var(--puff-orange), #7a2e08 32%);color:var(--ink);font-size:1.7rem}.f-key:active,.f-key[data-down=true]{box-shadow:inset 0 -2px 0 var(--cap-shade), inset 0 2px 0 #ffffffd9, 0 2px 4px #1446282e;transform:translateY(3px)}.f-key-glyph{position:relative}.f-keyface{pointer-events:none;width:2rem;height:auto;transition:transform .16s var(--spring);position:absolute;top:-.62rem;left:50%;transform:translate(-50%)}.f-key[data-down=true] .f-keyface{transform:translate(-50%)translateY(-4px)scale(1.08)}.f-icon{width:1.3rem;height:1.3rem}.f-hint{color:color-mix(in srgb, var(--ink) 82%, var(--puff-body));margin:1rem .35rem .1rem;font-size:.88rem;line-height:1.55}.f-tape{z-index:1;filter:drop-shadow(0 12px 16px #78281e2e);width:84%;margin:-1.6rem auto 0;position:relative}.f-tape-paper{background:repeating-linear-gradient(180deg, transparent 0 2.7rem, color-mix(in srgb, var(--ink) 5%, transparent) 2.7rem calc(2.7rem + 1px)), var(--puff-cream);padding:2.4rem .9rem calc(var(--zig) + .6rem);-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zig) 100%;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zig) 100%}.f-tape-head{color:var(--muted);letter-spacing:.24em;align-items:center;gap:.6rem;font-size:.78rem;font-weight:700;display:flex}.f-tape-head:before,.f-tape-head:after{content:"";border-top:1.5px dashed color-mix(in srgb, var(--ink) 22%, transparent);flex:1}.f-tape-list{margin:.35rem 0 0;padding:0;list-style:none}.f-tape-row{animation:f-print .38s var(--ease) both}.f-tape-row+.f-tape-row{border-top:1px dashed color-mix(in srgb, var(--ink) 14%, transparent)}.f-tape-row:not(:first-child){opacity:.62;animation:none}.f-tape-row button{width:100%;min-height:2.75rem;color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;align-items:baseline;gap:.45rem;padding:.55rem .2rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;display:flex}.f-tape-row button:hover .f-tape-expr{text-underline-offset:3px;text-decoration:underline}.f-tape-row button:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:.4rem}.f-tape-expr{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.f-tape-eq{color:var(--muted)}.f-tape-row b{font-weight:700}@keyframes f-print{0%{opacity:0;transform:translateY(-.9rem)}}.f-demo{color:color-mix(in srgb, var(--ink) 82%, var(--puff-coral));margin:1.3rem .25rem 0;font-size:.88rem;line-height:1.65}.f-marquee{z-index:3;background:var(--puff-screen);width:112%;margin:-1.6rem 0 -1.6rem -6%;padding-block:1.05rem 1.25rem;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 14px 30px #0c322838}.f-marquee-track{width:max-content;animation:48s linear infinite f-marquee;display:flex}.f-marquee:hover .f-marquee-track{animation-play-state:paused}.f-marquee-group{gap:.7rem;padding-right:.7rem;display:flex}.f-chip{--chip:var(--puff-key);background:linear-gradient(180deg, color-mix(in srgb, var(--chip) 40%, white), var(--chip));min-height:2.6rem;box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--chip), #5a3a20 22%);color:var(--ink);white-space:nowrap;border-radius:.95rem;align-items:center;padding:.35rem 1rem;font-size:.98rem;font-weight:600;display:inline-flex}.f-chip[data-tone="1"]{--chip:var(--puff-mint)}.f-chip[data-tone="2"]{--chip:var(--puff-peach)}.f-chip[data-tone="3"]{--chip:#f8e7b8}@keyframes f-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.f-sheet,.f-tools,.f-story,.f-bench,.f-skins,.f-devices,.f-privacy,.f-closing{scroll-margin-top:7.5rem}.f-sheet,.f-tools,.f-bench,.f-skins,.f-devices,.f-privacy,.f-closing{padding-block:clamp(4rem,9vw,7rem)}.f-sheet{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px) 0 0 / 28px 28px, color-mix(in srgb, var(--puff-mint) 55%, white);padding-top:clamp(5.5rem,10vw,8rem)}.f-sheet-grid,.f-skins-grid{align-items:center;gap:2.5rem;display:grid}@media (min-width:920px){.f-sheet-grid,.f-skins-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem}.f-sheet-grid .f-h2,.f-skins-grid .f-h2,.f-devices-grid .f-h2{font-size:clamp(2.3rem,3.9vw,3.4rem)}}.f-receipt-wrap{filter:drop-shadow(0 22px 26px #163c2829)}@media (min-width:920px){.f-receipt-wrap{transform:rotate(1.4deg)}}.f-receipt{background:var(--puff-cream);padding:calc(var(--zig) + 1.2rem) clamp(1rem, 3vw, 1.8rem) calc(var(--zig) + 1.2rem);-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--zig) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--zig) 51% repeat-x;mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--zig) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--zig) 51% repeat-x;position:relative}.f-receipt input{border:0;border-bottom:1.5px dashed color-mix(in srgb, var(--ink) 22%, transparent);width:100%;min-width:0;min-height:2.75rem;color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:.4rem .2rem;font-size:1rem}.f-receipt input:focus{border-bottom-color:var(--accent);background:color-mix(in srgb, var(--puff-mint) 30%, transparent);border-bottom-style:solid;outline:none}.f-receipt .f-receipt-name{font-family:var(--font-serif), serif;text-align:center;border-bottom:0;font-size:1.65rem;font-weight:700}.f-receipt-cols{color:var(--muted);letter-spacing:.16em;font-size:.78rem;font-weight:700;display:none}.f-lines{gap:.5rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.f-line{grid-template-columns:1.7rem minmax(0,1fr) auto;grid-template-areas:"index label remove""index expr value";align-items:center;gap:0 .6rem;display:grid}.f-line-index{color:var(--accent);font-family:var(--font-numeral), serif;grid-area:index;font-size:1.05rem;font-weight:700}.f-line-label{grid-area:label}.f-receipt .f-line-expr{grid-area:expr;font-family:ui-monospace,SF Mono,Menlo,monospace}.f-line-value{font-variant-numeric:tabular-nums;text-align:right;grid-area:value;min-width:4.4rem;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1rem;font-weight:700}.f-icon-btn{background:color-mix(in srgb, var(--puff-peach) 55%, white);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;border:0;border-radius:.9rem;grid-area:remove;justify-self:end;place-items:center;display:grid}.f-icon-btn svg,.f-add-line svg,.f-use svg{width:1.15rem;height:1.15rem}.f-icon-btn:disabled,.f-add-line:disabled,.f-use:disabled{cursor:not-allowed;opacity:.45}@media (min-width:640px){.f-receipt-cols{grid-template-columns:1.7rem minmax(0,.8fr) minmax(0,1fr) 4.6rem 2.75rem;gap:.6rem;margin-top:1rem;display:grid}.f-receipt-cols span:first-child{grid-column:2}.f-line{grid-template-columns:1.7rem minmax(0,.8fr) minmax(0,1fr) 4.6rem 2.75rem;grid-template-areas:"index label expr value remove"}}.f-add-line{border:1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent);min-height:2.75rem;color:var(--accent);cursor:pointer;font:inherit;background:0 0;border-radius:999px;align-items:center;gap:.4rem;margin-top:.7rem;padding:.4rem 1rem;font-weight:600;display:inline-flex}.f-total{border-top:3px double color-mix(in srgb, var(--ink) 26%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.2rem;padding:1rem 0 .2rem;display:flex;position:relative}.f-total-label{color:var(--muted);letter-spacing:.2em;font-size:.85rem;font-weight:700}.f-total-value{font-family:var(--font-numeral), Georgia, serif;letter-spacing:-.04em;margin-right:4.6rem;font-size:clamp(2.5rem,7vw,3.4rem);font-weight:700;line-height:1}.f-stamp{border:2.5px solid var(--accent);width:4.2rem;height:4.2rem;color:var(--accent);letter-spacing:.14em;box-shadow:inset 0 0 0 3px var(--puff-cream), inset 0 0 0 4.5px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:.35rem;right:0;transform:rotate(-16deg)}.f-use{background:linear-gradient(180deg, color-mix(in srgb, var(--puff-orange) 55%, white), var(--puff-orange));width:100%;min-height:3.2rem;box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--puff-orange), #7a2e08 32%);color:var(--ink);cursor:pointer;font:inherit;transition:transform .11s var(--ease), box-shadow .11s var(--ease);border:0;border-radius:1.1rem;justify-content:center;align-items:center;gap:.5rem;margin-top:1.3rem;font-size:1.02rem;font-weight:700;display:flex}.f-use:not(:disabled):active{box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--puff-orange), #7a2e08 32%);transform:translateY(3px)}.f-use:focus-visible,.f-add-line:focus-visible,.f-icon-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.f-receipt-note{min-height:1.5rem;color:var(--muted);text-align:center;margin:.8rem 0 0;font-size:.9rem;line-height:1.6}.f-tools{background:var(--paper)}.f-tool-grid{gap:1.1rem;margin:2.6rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:560px){.f-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.f-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}}.f-tool{--tool-shade:color-mix(in srgb, var(--tool-shell), #7a4a30 24%);background:linear-gradient(180deg, color-mix(in srgb, var(--tool-shell) 40%, white), var(--tool-shell));box-shadow:inset 0 -8px 0 var(--tool-shade), inset 0 2px 0 #fffc, 0 16px 26px #5a321e1a;border-radius:1.8rem;padding:1.4rem 1.4rem 1.6rem}.f-tool:nth-child(odd){transform:rotate(-.8deg)}.f-tool:nth-child(2n){transform:rotate(.8deg)}.f-tool-icon{width:3.2rem;height:3.2rem;color:var(--puff-screen);background:#ffffffb8;border-radius:1rem;place-items:center;display:grid}.f-tool-icon svg{width:1.6rem;height:1.6rem}.f-tool h3,.f-bench-key h3,.f-device-list h3{margin-top:.9rem;font-size:1.2rem;font-weight:700}.f-tool p,.f-bench-key p,.f-device-list p{color:var(--muted);margin-top:.4rem;font-size:.98rem;line-height:1.6}.f-story{background:var(--story-bg);color:var(--story-ink);transition:background-color .48s var(--ease), color .48s var(--ease);padding-block:clamp(4rem,9vw,6.5rem)}.f-story .f-kicker,.f-story .f-chapter-kicker{color:var(--story-ink)}.f-story-head{max-width:40rem}.f-story-grid{margin-top:2.5rem}.f-chapter{padding-block:1.5rem 2.2rem}.f-chapter-kicker{letter-spacing:.08em;align-items:center;gap:.7rem;font-size:.95rem;font-weight:700;display:flex}.f-chapter-cap{background:linear-gradient(180deg, var(--puff-cream), var(--puff-key));width:2.75rem;height:2.75rem;box-shadow:inset 0 -4px 0 var(--puff-key-shade);color:var(--puff-screen);font-family:var(--font-serif), serif;letter-spacing:0;border-radius:.9rem;place-items:center;font-size:1.25rem;display:grid}.f-chapter-title{font-family:var(--font-serif), serif;letter-spacing:-.04em;text-wrap:balance;margin-top:.9rem;font-size:clamp(2rem,4vw,3.1rem);font-weight:700;line-height:1.12}.f-chapter-body{max-width:36rem;margin-top:.9rem;font-size:1.05rem;line-height:1.8}.f-chapter-tag{background:color-mix(in srgb, var(--story-ink) 9%, transparent);border-radius:999px;margin-top:1rem;padding:.4rem .8rem;font-size:.92rem;display:inline-flex}.f-poster{border-radius:1.6rem;width:min(100%,21rem);height:auto;margin-top:1.4rem;box-shadow:0 26px 50px #14281e2e}.f-stage{display:none}@media (min-width:960px){.f-story-grid{grid-template-columns:minmax(0,1fr) 21rem;align-items:start;gap:4rem;display:grid}.f-chapter{opacity:.35;min-height:70vh;transition:opacity .26s}.f-chapter[data-active=true]{opacity:1}.f-chapter-poster{display:none}.f-stage{display:block;position:sticky;top:6.5rem}.f-stage-glyph{z-index:0;color:color-mix(in srgb, var(--story-ink) 8%, transparent);font-family:var(--font-serif), serif;pointer-events:none;font-size:24rem;font-weight:700;line-height:1;position:absolute;top:-2.5rem;left:-9rem}.f-stage-frame{z-index:1;min-height:30rem;position:relative;transform:rotate(2deg)}.f-stage-shot{opacity:0;width:100%;transition:opacity .32s ease, transform .42s var(--ease);margin-top:0;position:absolute;top:0;left:0;transform:translateY(14px)scale(.98)}.f-stage-shot[data-active=true]{opacity:1;position:relative;transform:none}.f-stage-count{z-index:1;justify-content:space-between;align-items:center;margin-top:1.4rem;font-size:.95rem;display:flex;position:relative}.f-stage-count b{font-family:var(--font-numeral), serif;font-size:1.5rem}.f-stage-caps{gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.f-stage-caps li{background:color-mix(in srgb, var(--story-ink) 10%, transparent);width:2rem;height:2rem;font-family:var(--font-serif), serif;transition:background-color .24s ease, transform .24s var(--spring);border-radius:.6rem;place-items:center;font-size:.9rem;display:grid}.f-stage-caps li[data-active=true]{background:var(--puff-orange);color:var(--ink);transform:translateY(-3px)}}.f-bench{background:radial-gradient(50rem 30rem at 10% 0%, color-mix(in srgb, var(--puff-screen), white 10%), transparent 70%), color-mix(in srgb, var(--puff-screen), black 14%);color:var(--puff-cream);position:relative}.f-bench .f-kicker{color:var(--puff-mint)}.f-bench .f-body{color:color-mix(in srgb, var(--puff-cream) 82%, transparent)}.f-bench-display{max-width:44rem}.f-bench-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:2.8rem 0 0;padding:0;list-style:none;display:grid}@media (max-width:719px){.f-bench .f-bench-num{font-size:1.4rem}.f-bench .f-bench-key h3{margin-top:.45rem;font-size:1.02rem}.f-bench .f-bench-key p{font-size:.88rem;line-height:1.5}}@media (min-width:720px){.f-bench-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.f-bench-key{border-radius:1.6rem;min-height:9.5rem;padding:1.1rem 1.1rem 1.4rem}}@media (min-width:1040px){.f-bench-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.f-bench-key{--cap-top:var(--puff-cream);--cap-bottom:var(--puff-key);--cap-shade:var(--puff-key-shade);background:linear-gradient(180deg, var(--cap-top), var(--cap-bottom));color:var(--ink);box-shadow:inset 0 -7px 0 var(--cap-shade), inset 0 2px 0 #fffc, 0 12px 22px #0000003d;border-radius:1.3rem;padding:.9rem .9rem 1.15rem}@media (min-width:1040px){.f-bench-key:nth-child(4n){--cap-top:color-mix(in srgb, var(--puff-mint) 35%, white);--cap-bottom:var(--puff-mint);--cap-shade:color-mix(in srgb, var(--puff-mint), var(--puff-body-shade) 60%)}.f-bench-key:last-child{--cap-top:color-mix(in srgb, var(--puff-orange) 55%, white);--cap-bottom:var(--puff-orange);--cap-shade:color-mix(in srgb, var(--puff-orange), #7a2e08 32%)}.f-bench-key:last-child p{color:var(--ink)}}.f-bench-num{color:var(--puff-screen);font-family:var(--font-numeral), Georgia, serif;letter-spacing:-.03em;font-size:1.9rem;font-weight:700;line-height:1;display:block}.f-bench-key h3{margin-top:.7rem}.f-skins{background:var(--paper)}.f-skin-board{align-items:start;gap:1.6rem;display:grid}@media (min-width:640px){.f-skin-board{grid-template-columns:13.5rem minmax(0,1fr)}}.f-skin-preview{background:var(--skin-bg);width:min(100%,13.5rem);box-shadow:inset 0 2px 0 #fffc, inset 0 -6px 12px color-mix(in srgb, var(--skin-key) 70%, transparent), 0 22px 40px #1e283c29;transition:background-color .32s var(--ease);border-radius:2rem;margin-inline:auto;padding:.75rem}.f-skin-screen{background:var(--skin-surface);text-align:right;transition:background-color .32s var(--ease);border-radius:1.2rem;gap:.15rem;padding:.7rem .8rem;display:grid}.f-skin-name{color:var(--skin-accent);font-size:.78rem;font-weight:700}.f-skin-value{color:var(--skin-accent);font-family:var(--font-numeral), serif;font-size:2rem;font-weight:700;line-height:1}.f-skin-keys{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:.6rem;display:grid}.f-skin-keys span{aspect-ratio:1.1;background:var(--skin-key);color:var(--skin-accent);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--skin-key), black 10%);transition:background-color .32s var(--ease), color .32s var(--ease);border-radius:.7rem;place-items:center;font-size:.85rem;font-weight:700;display:grid}.f-skin-keys span[data-op=true]{background:var(--skin-accent);color:var(--skin-surface);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--skin-accent), black 22%)}.f-skin-label{color:var(--muted);letter-spacing:.1em;font-size:.8125rem;font-weight:700}.f-skin-group+.f-skin-group{margin-top:1.2rem}.f-skin-group ul{flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.f-skin-chip{background:var(--skin-bg);min-height:2.75rem;color:var(--ink);cursor:pointer;font:inherit;transition:border-color .16s ease, transform .16s var(--spring);border:2px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .95rem .3rem .45rem;font-size:.95rem;display:inline-flex}.f-skin-chip:hover{transform:translateY(-2px)}.f-skin-chip[aria-pressed=true]{border-color:var(--skin-accent);background:#fff}.f-skin-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.f-skin-dot{background:conic-gradient(var(--skin-accent) 0 25%, var(--skin-key) 25% 100%);border-radius:50%;width:1.6rem;height:1.6rem;box-shadow:inset 0 0 0 2px #ffffffb3}.f-skin-note{color:var(--muted);margin-top:1.1rem;font-size:.9rem;line-height:1.6}.f-devices{background:radial-gradient(40rem 24rem at 100% 100%, color-mix(in srgb, var(--puff-body) 60%, white), transparent 70%), color-mix(in srgb, var(--puff-body) 45%, white)}.f-devices-grid{align-items:center;gap:2.5rem;display:grid}@media (min-width:1000px){.f-devices-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:3.5rem}}.f-device-list{gap:1rem;margin:1.8rem 0 0;padding:0;list-style:none;display:grid}.f-device-list li{border-left:3px solid var(--accent);padding-left:1rem}.f-device-list h3{margin-top:0}.f-duo-frame{background:var(--puff-cream);box-shadow:inset 0 -6px 0 var(--puff-key-shade), 0 30px 50px #143c282e;border-radius:2rem;padding:.6rem;transform:rotate(-1.5deg)}.f-duo{border-radius:1.5rem;width:100%;height:auto;display:block}.f-privacy{background:var(--paper)}.f-privacy-card{background:linear-gradient(180deg, color-mix(in srgb, var(--puff-screen), black 18%), var(--puff-screen));color:var(--puff-cream);box-shadow:inset 0 6px 16px #0000004d, 0 0 0 .75rem var(--puff-body), 0 0 0 calc(.75rem + 6px) var(--puff-body-shade), 0 34px 60px #143c2838;border-radius:2.6rem;gap:1.8rem;margin:.75rem;padding:clamp(1.8rem,5vw,3.6rem);display:grid}@media (min-width:820px){.f-privacy-card{grid-template-columns:11rem minmax(0,1fr);align-items:center;gap:3rem}}.f-privacy .f-kicker{color:var(--puff-mint)}.f-privacy .f-body{color:color-mix(in srgb, var(--puff-cream) 86%, transparent)}.f-sleeper{width:11rem;position:relative}.f-sleeper svg{width:100%;height:auto}.f-zz{color:var(--puff-mint);font-family:var(--font-numeral), serif;font-size:1.6rem;font-weight:700;animation:3.2s ease-in-out infinite f-zz;position:absolute;top:-.4rem;right:-.3rem}.f-zz+.f-zz{font-size:1.1rem;animation-delay:-1.6s;top:-1.7rem;right:-1.3rem}@keyframes f-zz{0%,to{opacity:.25;transform:translateY(4px)}50%{opacity:1;transform:translateY(-4px)}}.f-closing{background:radial-gradient(circle, #fff6 1.6px, transparent 2px) 0 0 / 26px 26px, var(--puff-coral);padding-bottom:3rem}.f-closing-grid{align-items:center;gap:3rem;display:grid}@media (min-width:860px){.f-closing-grid{grid-template-columns:minmax(0,1fr) auto;gap:4rem}}.f-closing .f-body{color:color-mix(in srgb, var(--ink) 86%, var(--puff-coral))}.f-equals-cta{--cap-shade:color-mix(in srgb, var(--puff-orange), #7a2e08 34%);aspect-ratio:1;background:radial-gradient(90% 60% at 35% 10%, #ffffff73, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--puff-orange) 60%, white), var(--puff-orange));width:min(66vw,17rem);color:var(--ink);box-shadow:inset 0 -14px 0 var(--cap-shade), inset 0 4px 0 #ffffff8c, 0 30px 50px #8c32144d;transition:transform .16s var(--spring), box-shadow .14s var(--ease);border-radius:3.2rem;align-content:center;justify-self:center;place-items:center;gap:1.2rem;display:grid;transform:rotate(-4deg)}.f-equals-cta:hover{transform:rotate(-2deg)translateY(-4px)}.f-equals-cta:active{box-shadow:inset 0 -5px 0 var(--cap-shade), inset 0 4px 0 #ffffff8c, 0 12px 24px #8c32144d;transform:rotate(-2deg)translateY(8px)}.f-equals-cta:focus-visible{outline:4px solid var(--ink);outline-offset:6px}.f-equals-glyph{width:42%;height:auto;fill:var(--ink)}.f-equals-label{background:#fffaf299;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.95rem;font-weight:700;display:inline-flex}.f-footnote{max-width:48rem;color:color-mix(in srgb, var(--ink) 84%, var(--puff-coral));margin:clamp(3.5rem,7vw,5rem) auto 0;padding:0 1.25rem;font-size:.9rem;line-height:1.75}@media (prefers-reduced-motion:reduce){.f-marquee-track{flex-wrap:wrap;justify-content:center;row-gap:.6rem;width:auto;padding-inline:8%;animation:none!important}.f-marquee-group[data-copy="1"]{display:none}.f-floater,.f-eyes-open,.f-zz,.f-tape-row{animation:none!important}.f-eyes,.f-keyface,.f-chapter,.f-stage-shot,.f-stage-caps li,.f-story,.f-skin-chip,.f-equals-cta{transition:none}}