.sheet-wrap{filter:var(--lift)}.sheet-wrap--high{filter:var(--lift-high)}.sheet{background:var(--sheet);position:relative}.sheet--sora{background:var(--sora)}.sheet--washi{background:var(--bg-2)}.sheet--kraft{background:var(--kraft)}.sheet--shu{background:var(--accent);color:var(--on-color)}.sheet--ai{background:var(--ai);color:var(--on-color)}.sheet--matcha{background:var(--matcha)}.sheet--yamabuki{background:var(--yamabuki)}.sheet--sakura{background:var(--sakura)}.sheet--sumi{background:var(--inverse);color:var(--on-inverse)}.tape{background:var(--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%);width:112px;height:30px;mix-blend-mode:var(--tape-blend);z-index:3;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(--sheet);padding:10px}.cutout img{object-fit:cover;width:100%;height:100%;filter:var(--media)}@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(--on-color);-webkit-text-stroke:2px var(--paper-ink);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(--sheet);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(--accent));width:8px;position:absolute;top:0;bottom:0;left:0}.nudge-time{color:var(--ink-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(--accent));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(--ink-2);background:0 0;border:0;border-radius:50%;margin-left:auto;font-size:22px;line-height:1}.nudge-close:hover{background:var(--bg-2);color:var(--ink)}@media (prefers-reduced-motion:reduce){.boil{transform:rotate(var(--r,0deg));animation:none}}.note-crane{background:var(--bg-2);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;transition:background-color .15s, transform .2s var(--ease-paper);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 8px;font-size:15px;font-weight:700;display:inline-flex}.note-crane:hover{background:var(--bg-3);transform:translateY(-1px)}.note-crane:active{transform:translateY(1px)scale(.98)}.note-crane:focus-visible{outline:3px solid var(--link);outline-offset:2px}.note-crane .crane-mark{flex:none;width:34px;height:auto;animation:7s step-end infinite note-hop}@keyframes note-hop{0%,86%,to{transform:none}88%{transform:translateY(-4px)rotate(-8deg)}90%{transform:translateY(-7px)rotate(-4deg)}92%{transform:translateY(-3px)rotate(3deg)}94%{transform:none}}@media (prefers-reduced-motion:reduce){.note-crane .crane-mark{animation:none}}