:root{--washi:#e6e5e1;--washi-2:#dad8d2;--washi-3:#cac7bf;--sumi:#1e1b18;--sumi-2:#4a453f;--sumi-3:#776f65;--shu:#c8302c;--shu-ink:#a3221f;--sora:#a9cbd6;--ai:#24496b;--matcha:#8ea46b;--yamabuki:#e9b33f;--kraft:#c9a57a;--sakura:#e8c3bc;--white-paper:#faf9f6;--display:"Dela Gothic One", "Zen Maru Gothic", system-ui, sans-serif;--text:"Zen Maru Gothic", system-ui, sans-serif;--step-0:clamp(16px, .95rem + .15vw, 18px);--step-1:clamp(19px, 1.05rem + .5vw, 24px);--step-2:clamp(26px, 1.2rem + 1.6vw, 44px);--step-3:clamp(40px, 1.4rem + 4.2vw, 96px);--gutter:clamp(16px, 3vw, 40px);--max:1440px;--lift:drop-shadow(0 1px 0 #1e1b181a) drop-shadow(0 6px 10px #1e1b1824);--lift-high:drop-shadow(0 2px 0 #1e1b181a) drop-shadow(0 16px 22px #1e1b182e);--ease-paper:cubic-bezier(.2, .9, .25, 1.15);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--washi);color:var(--sumi);font-family:var(--text);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;font-weight:500;line-height:1.55;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .3  0 0 0 0 .24  0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body>*{z-index:1;position:relative}img,svg,canvas{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:400;line-height:1}p{text-wrap:pretty;margin:0}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--yamabuki);color:var(--sumi)}:focus-visible{outline:3px solid var(--ai);outline-offset:3px;border-radius:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.btn{background:var(--shu);min-height:48px;color:var(--white-paper);cursor:pointer;transition:transform .25s var(--ease-paper), background-color .2s;border:0;border-radius:999px;align-items:center;gap:.5em;padding:0 24px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--shu-ink);transform:translateY(-2px)rotate(-1deg)}.btn:active{transform:translateY(1px)scale(.98)}.btn--ink{background:var(--sumi)}.btn--ink:hover{background:var(--ai)}.btn--quiet{background:var(--washi-2);color:var(--sumi)}.btn--quiet:hover{background:var(--washi-3)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sheet-wrap{filter:var(--lift)}.sheet-wrap--high{filter:var(--lift-high)}.sheet{background:var(--white-paper);position:relative}.sheet--sora{background:var(--sora)}.sheet--washi{background:var(--washi-2)}.sheet--kraft{background:var(--kraft)}.sheet--shu{background:var(--shu);color:var(--white-paper)}.sheet--ai{background:var(--ai);color:var(--white-paper)}.sheet--matcha{background:var(--matcha)}.sheet--yamabuki{background:var(--yamabuki)}.sheet--sakura{background:var(--sakura)}.sheet--sumi{background:var(--sumi);color:var(--washi)}.tape{clip-path:polygon(3% 8%,9% 0,15% 9%,22% 1%,30% 6%,100% 0,97% 18%,100% 35%,96% 52%,100% 70%,97% 86%,100% 100%,88% 93%,80% 100%,70% 92%,0 100%,4% 80%,0 62%,3% 45%,0 28%);mix-blend-mode:multiply;z-index:3;background:#e9d6aac7;width:112px;height:30px;position:absolute}.halftone{position:relative}.halftone:after{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Ccircle cx='2.5' cy='2.5' r='1.3' fill='%231E1B18' fill-opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}.cutout{background:var(--white-paper);padding:10px}.cutout img{object-fit:cover;filter:saturate(.85)contrast(1.04);width:100%;height:100%}@keyframes boil{0%{transform:translate(0, 0) rotate(var(--r,0deg))}25%{transform:translate(.6px, -.5px) rotate(calc(var(--r,0deg) + .25deg))}50%{transform:translate(-.4px, .6px) rotate(calc(var(--r,0deg) - .2deg))}75%{transform:translate(.5px, .4px) rotate(calc(var(--r,0deg) + .1deg))}to{transform:translate(0, 0) rotate(var(--r,0deg))}}.boil{animation:.5s steps(4,end) infinite boil}.tilt{transform:rotate(var(--r,0deg))}.sfx{font-family:var(--display);color:var(--white-paper);-webkit-text-stroke:2px var(--sumi);paint-order:stroke fill;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.kira{width:22px;height:22px;color:var(--yamabuki)}.nudges{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:75;pointer-events:none;gap:14px;width:min(340px,100vw - 32px);display:grid;position:fixed}.nudge{pointer-events:auto;filter:var(--lift-high);position:relative;transform:rotate(-1.5deg)}.nudge-sheet{background:var(--white-paper);clip-path:polygon(0 0,100% 0,100% 100%,92% 98%,84% 100%,75% 97.5%,66% 100%,56% 98%,46% 100%,36% 97.5%,26% 100%,16% 98%,8% 100%,0 98%);padding:20px 20px 18px 24px;position:relative}.nudge-sheet:before{content:"";background:var(--c,var(--shu));width:8px;position:absolute;top:0;bottom:0;left:0}.nudge-time{color:var(--sumi-2);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.nudge-time i{background:var(--c,var(--shu));border-radius:50%;width:10px;height:10px}.nudge-title{margin-top:6px;font-size:22px;line-height:1.1}.nudge-body{margin-top:8px;font-size:15px;line-height:1.45}.nudge-actions{align-items:center;gap:8px;margin-top:14px;display:flex}.nudge-actions .btn{min-height:40px;padding:0 16px;font-size:15px}.nudge-close{cursor:pointer;width:36px;height:36px;color:var(--sumi-2);background:0 0;border:0;border-radius:50%;margin-left:auto;font-size:22px;line-height:1}.nudge-close:hover{background:var(--washi-2);color:var(--sumi)}@media (prefers-reduced-motion:reduce){.boil{transform:rotate(var(--r,0deg));animation:none}}