:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui:"Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;--sans:"Avenir Next", "Segoe UI", sans-serif;--cream:#f6f0e4;--parchment:#efd7ae;--kraft:#c4a36e;--rice:#f7f4ee;--notebook:#fbf8f1;--night:#1b1922;--ink:#2a2118}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--sans);background:radial-gradient(at 50% -10%,#e8d6be2e,#0000 46%),repeating-linear-gradient(90deg,#1c120c0d 0 2px,#0000 2px 13px),linear-gradient(165deg,#6e5648 0%,#4a382e 42%,#2c241e 100%);margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button.write:disabled{cursor:not-allowed}.desk{flex-direction:column;min-height:100vh;display:flex}.topbar{color:#f6ecdf;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px 0;display:flex}.brand{font-family:var(--ui);letter-spacing:.01em;flex:1;font-size:28px}.brand small{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.72;margin-top:4px;font-size:11px;display:block}.brand .credit{letter-spacing:.12em}.menu-button{background:0 0;border:1px solid #f6ecdf73;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;display:flex}.menu-button span{background:#f6ecdf;width:18px;height:2px;display:block}.menu-button:hover{background:#ffffff14}.new-roll,.closed-new{color:#f6ecdf;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #f6ecdf73;border-radius:999px;padding:8px 14px;font-size:12px}.new-roll:hover{background:#ffffff14}.workspace{flex:1;grid-template-columns:minmax(280px,640px) minmax(250px,340px);justify-content:center;align-items:start;gap:28px;min-width:0;padding:28px 28px 36px;display:grid}.library-backdrop{z-index:20;background:#140c066b;border:0;padding:0;position:fixed;inset:0}.library{z-index:21;color:#3a2a1e;background:#f7f1e6;border-radius:0 12px 12px 0;width:min(320px,88vw);height:100vh;margin:0;padding:22px 16px 16px;animation:.35s cubic-bezier(.16,.84,.24,1) drawer-in;position:fixed;top:0;left:0;overflow:auto;box-shadow:18px 0 36px #180e0847}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}.library-search{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.library-search span,.tray h2{letter-spacing:.16em;text-transform:uppercase;color:#7a624e;margin:0;font-size:11px;font-weight:600}.library-search input{width:100%;font-family:var(--ui);background:0 0;border:0;border-bottom:1px solid #50321847;outline:none;padding:6px 0;font-size:18px}.library ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.library-row{text-align:left;background:#ffffff59;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px;transition:transform .35s,box-shadow .35s,background .35s;display:flex}.library-row:hover{background:#ffffffb3}.library-row.is-active{background:#fffaf3;transform:translateY(-2px);box-shadow:0 8px 16px #301c0e1f}.library-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.library-copy strong{font-family:var(--ui);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.library-copy small{color:#7a624e;font-size:12px}.library-empty{color:#7a624e;margin:8px 4px;font-size:14px}.library .swatch{pointer-events:none;border-radius:2px;flex:none;width:28px;height:36px}.placeholder-actions{flex-direction:column;gap:8px;display:flex}.placeholder-secondary{letter-spacing:.08em;text-transform:uppercase;background:#ffffff59;border:1px solid #462e1838;border-radius:999px;width:100%;padding:10px 14px;font-size:13px}.placeholder-secondary:hover{background:#fff}.library-new{color:#f8efe6;width:100%;font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;background:#6e2f2a;border:0;border-radius:999px;margin-bottom:12px;padding:10px 14px;font-size:13px}.library-new:hover{background:#582420}.stage{perspective:1400px;width:100%;position:relative}.scroll-roller{z-index:4;width:calc(100% + 28px);height:42px;transform-style:preserve-3d;filter:drop-shadow(0 10px 14px #140a0452);margin-left:-14px;transition:transform .85s cubic-bezier(.22,1,.32,1),filter .7s;position:relative}.scroll-roller-top{margin-bottom:-18px}.scroll-roller-bottom{margin-top:-18px}.scroll-roller-svg{width:100%;height:100%;display:block;overflow:visible}.scroll-roller-spin{transform-box:fill-box;transform-origin:50%;transition:transform .85s cubic-bezier(.22,1,.32,1)}.stage.is-spread .scroll-roller-top{transform:translateY(-10px)scaleY(.88)rotateX(16deg)}.stage.is-spread .scroll-roller-bottom{transform:translateY(10px)scaleY(.88)rotateX(-16deg)}.stage.is-tight .scroll-roller-top{transform:translateY(8px)scaleY(1.12)rotateX(-12deg)}.stage.is-tight .scroll-roller-bottom{filter:drop-shadow(0 16px 20px #140a046b);transform:translateY(-10px)scaleY(1.18)rotateX(14deg)}.stage.is-unrolling .scroll-roller-bottom .scroll-roller-spin,.stage.is-rolling-up .scroll-roller-bottom .scroll-roller-spin{animation:.85s cubic-bezier(.22,1,.32,1) both roller-spin}.stage.is-rolling-up .scroll-roller-bottom .scroll-roller-spin{animation-direction:reverse}.stage.is-unrolling .scroll-roller-top .scroll-roller-spin{animation:.85s cubic-bezier(.22,1,.32,1) both roller-spin-soft}@keyframes roller-spin{0%{transform:translateY(0)}to{transform:translateY(14px)}}@keyframes roller-spin-soft{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.silk-ribbon{z-index:6;pointer-events:none;width:48px;height:72px;margin-left:-24px;transition:opacity .35s,transform .45s cubic-bezier(.22,1,.32,1);position:absolute;top:42%;left:50%}.silk-ribbon-svg{filter:drop-shadow(0 6px 10px #280a0666);width:100%;height:100%;display:block}.silk-ribbon-untied{opacity:0;transform:translateY(-18px)scale(.7)rotate(-8deg)}.silk-ribbon-tied{opacity:1;transform:none}.stage.is-spread:not(.is-folding):not(.is-rolling-up) .silk-ribbon-tied{opacity:0;pointer-events:none;transform:translateY(-22px)scale(.65)rotate(-12deg)}.stage.is-tight .silk-ribbon,.stage.is-folding .silk-ribbon,.stage.is-rolling-up .silk-ribbon{opacity:1;transform:none}.stage.is-folding .silk-ribbon{animation:.35s .2s both ribbon-cinch}@keyframes ribbon-cinch{0%{opacity:0;transform:scaleY(.4)translateY(-12px)}to{opacity:1;transform:none}}.roll-curl{z-index:7;pointer-events:none;opacity:0;height:56px;transition:opacity .7s;position:absolute;left:0;right:0}.roll-curl-top{background:linear-gradient(#28160861 0%,#5a37192e 42%,#0000 100%),radial-gradient(90% 40% at 50% 0,#ffecc859,#0000 70%);top:0}.roll-curl-bottom{background:linear-gradient(#0000 0%,#5a371933 58%,#2816086b 100%),radial-gradient(90% 40% at 50% 100%,#ffecc84d,#0000 70%);bottom:0}.stage.is-tight .roll-curl,.stage.is-unrolling .roll-curl,.stage.is-rolling-up .roll-curl,.stage.is-folding .roll-curl{opacity:1}.stage.is-spread:not(.is-folding):not(.is-rolling-up) .roll-curl{opacity:.35}.clip{grid-template-rows:0fr;transition:grid-template-rows .85s cubic-bezier(.22,1,.32,1);display:grid}.stage.is-spread{filter:drop-shadow(0 22px 28px #140a0452)}.stage.is-tight{filter:drop-shadow(0 6px 8px #140a0429)}.clip.is-open{grid-template-rows:1fr}.clip.is-opening,.clip.is-closing{grid-template-rows:0fr}.clip-inner{min-height:0;position:relative;overflow:hidden}.clip-inner:before,.clip-inner:after{content:"";z-index:8;pointer-events:none;opacity:0;height:52px;transition:opacity .9s;position:absolute;left:0;right:0}.clip-inner:before{background:linear-gradient(#3e261257,#0000 78%);top:0}.clip-inner:after{background:linear-gradient(#0000 22%,#301c0c66);bottom:0}.stage.is-tight .clip-inner:before,.stage.is-tight .clip-inner:after{opacity:1}.sheet-wrap{transform-origin:top;transition:transform .85s cubic-bezier(.22,1,.32,1)}.stage.is-spread .sheet-wrap{transform:scaleY(1)}.stage.is-tight .sheet-wrap{transform:scaleY(.94)}.stage.is-capturing .silk-ribbon,.stage.is-capturing .roll-curl{display:none!important}.sheet{--hint:#3e28146b;border-radius:2px;min-height:680px;position:relative;overflow:hidden}.paper-hit{z-index:1;position:absolute;inset:0}.grain,.vignette,.sheet-hint,.ink-layer{position:absolute;inset:0}.grain{z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.28;width:100%;height:100%}.vignette{z-index:3;pointer-events:none;background:radial-gradient(#0000 52%,#5a341229 100%)}.sheet:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(135deg,#0000 50%,#5a361424 50%,#ffffff8c 64%);width:42px;height:42px;position:absolute;bottom:0;right:0}.sheet-hint{z-index:4;text-align:center;pointer-events:none;color:var(--hint);justify-content:center;align-items:center;margin:0;padding:12% 14%;font-family:Caveat,cursive;font-size:32px;line-height:1.3;display:flex}.texture-cream{background-color:var(--cream);--tube:#e7d5ba}.texture-parchment{background-color:var(--parchment);--tube:#e4c48a;background-image:radial-gradient(at 18% 0,#ffffff73,#0000 42%),radial-gradient(at 90% 100%,#7844122e,#0000 46%)}.texture-kraft{background-color:var(--kraft);--tube:#b8925c}.texture-rice{background-color:var(--rice);--tube:#efe8dc;background-image:repeating-linear-gradient(90deg,#aa9c822e 0 1px,#0000 1px 6px),repeating-linear-gradient(0deg,#aa9c821f 0 1px,#0000 1px 8px)}.texture-notebook{background-color:var(--notebook);--tube:#efe6d4;background-image:linear-gradient(90deg,#0000 7%,#b040348c 7% calc(7% + 1.5px),#0000 calc(7% + 1.5px)),repeating-linear-gradient(#0000 0 31px,#567cb073 31px 32px);background-position:0 0,0 64px}.texture-rose{--tube:#efc4bd;background-color:#f6d7d2}.texture-sage{--tube:#c5d4c1;background-color:#d7e3d4}.texture-indigo{--hint:#f4ead8b8;--tube:#1c2838;background-color:#243044}.texture-indigo .grain{mix-blend-mode:screen;opacity:.22}.texture-night{background-color:var(--night);--hint:#f4ead89e;--tube:#2a2733}.texture-night .grain{mix-blend-mode:screen;opacity:.22}.texture-night .vignette{background:radial-gradient(#0000 46%,#00000080 100%)}.sheet.texture-night:after{background:linear-gradient(135deg,#0000 50%,#00000059 50%,#ffffff14 66%)}.texture-crumpled{--tube:#d8c4a4;background-color:#efe2cc;background-image:radial-gradient(at 18% 28%,#ffffff9e,#0000 42%),radial-gradient(at 72% 18%,#5a37142e,#0000 36%),radial-gradient(at 38% 78%,#fff6,#0000 40%),radial-gradient(at 86% 68%,#46280c33,#0000 34%)}.texture-crusty{--tube:#8d6234;background-color:#b07a45;background-image:radial-gradient(circle at 12% 18%,#3c1c0859 0 1.5px,#0000 2px),radial-gradient(circle at 68% 42%,#ffe6be66 0 1px,#0000 2px),radial-gradient(circle at 30% 74%,#32160647 0 1.5px,#0000 2.5px),repeating-radial-gradient(circle at 0 0,#46200824 0 1px,#0000 1px 7px)}.texture-leaf{--tube:#9bb57a;background-color:#c5d6a4;background-image:linear-gradient(90deg,#0000 47%,#3e662461 49% 51%,#0000 53%),repeating-linear-gradient(112deg,#0000 0 18px,#38601c3d 18px 19px),repeating-linear-gradient(-108deg,#0000 0 22px,#38601c29 22px 23px)}.texture-linen{--tube:#e6dfd2;background-color:#f3efe6;background-image:repeating-linear-gradient(0deg,#96806033 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#96806029 0 1px,#0000 1px 4px)}.texture-washi{--tube:#efe6d6;background-color:#f7f3ea;background-image:repeating-linear-gradient(#aa947024 0 1px,#0000 1px 11px),radial-gradient(at 28% 36%,#ffffff8c,#0000 52%)}.tube-cream{--tube:#e7d5ba}.tube-parchment{--tube:#e4c48a}.tube-kraft{--tube:#b8925c}.tube-rice{--tube:#efe8dc}.tube-notebook{--tube:#efe6d4}.tube-rose{--tube:#efc4bd}.tube-sage{--tube:#c5d4c1}.tube-indigo{--tube:#1c2838}.tube-night{--tube:#2a2733}.tube-crumpled{--tube:#d8c4a4}.tube-crusty{--tube:#8d6234}.tube-leaf{--tube:#9bb57a}.tube-linen{--tube:#e6dfd2}.tube-washi{--tube:#efe6d6}.tube-new{--tube:transparent}.scrap{z-index:5;min-width:72px;padding:18px 8px 10px;position:absolute}.scrap-text{white-space:pre-wrap;caret-color:currentColor;outline:none;min-height:1.2em;line-height:1.35}.scrap-text:empty:before{content:attr(data-placeholder);opacity:.38}.hand-scribble .scrap-text{font-family:Rock Salt,cursive;line-height:1.75}.hand-school .scrap-text{font-family:Patrick Hand,cursive;line-height:1.25}.hand-cursive .scrap-text{font-family:Great Vibes,cursive;line-height:1.85}.hand-print .scrap-text{font-family:Caveat,cursive;line-height:1.25}.hand-signature .scrap-text{font-family:Homemade Apple,cursive;line-height:1.9}.hand-casual .scrap-text{font-family:Indie Flower,cursive;line-height:1.45}.hand-marker .scrap-text{font-family:Kalam,cursive;line-height:1.45}.hand-formal .scrap-text{font-family:Allura,cursive;line-height:1.7}.hand-light .scrap-text{font-family:Shadows Into Light,cursive;line-height:1.55}.hand-bold .scrap-text{font-family:Permanent Marker,cursive;line-height:1.35}.hand-thin .scrap-text{font-family:Sacramento,cursive;line-height:1.7}.scrap.is-blank{outline-offset:6px;border-radius:2px;outline:1px dashed #3e281459;min-height:4.5em}.scrap.is-blank:focus-within{outline-color:#0000}.texture-night .scrap.is-blank,.texture-indigo .scrap.is-blank{outline-color:#f4ead873}.scrap.is-poem{animation:.7s arrive}.scrap.is-sticker{animation:.35s cubic-bezier(.16,.84,.24,1) pop}.sticker-mark{text-align:center;-webkit-user-select:none;user-select:none;font-size:1em;line-height:1}@keyframes arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.62)}to{opacity:1;transform:scale(1)}}.stage.is-capturing .grain,.stage.is-capturing .pen-banner,.stage.is-capturing .scrap-tools,.stage.is-capturing .resize{display:none}.scrap-tools,.resize{opacity:0}.scrap:hover .scrap-tools,.scrap.is-selected .scrap-tools,.scrap:hover .resize,.scrap.is-selected .resize{opacity:1}.scrap-tools{gap:4px;display:flex;position:absolute;top:-2px;left:0}.toolbar-below .scrap-tools{top:auto;bottom:-4px}.scrap-tools button,.resize{color:#5c4636;letter-spacing:.08em;text-transform:uppercase;background:#fffaf2d1;border:0;border-radius:999px;padding:2px 7px;font-size:11px}.grip{cursor:grab}.grip:active{cursor:grabbing}.resize{cursor:ew-resize;background:#5a3c1e59;border-radius:2px;width:14px;height:14px;padding:0;position:absolute;bottom:0;right:0}.sheet.is-pen .scrap,.sheet.is-pen .paper-hit{pointer-events:none}.ink-layer{z-index:6;pointer-events:none;touch-action:none;width:100%;height:100%}.sheet.is-pen{cursor:crosshair;box-shadow:inset 0 0 0 2px #6e2f2a61}.sheet.is-pen .ink-layer{pointer-events:auto}.pen-banner{z-index:7;pointer-events:none;color:#f6efe6;letter-spacing:.14em;text-transform:uppercase;background:#2a2118c7;border-radius:999px;margin:0;padding:5px 12px;font-size:12px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.tray section+section{border-top:1px solid #5032181f;margin-top:8px;padding-top:8px}.tray h2{margin-bottom:12px}.stickers{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.sticker{background:#ffffff8c;border:1px solid #462e182e;border-radius:8px;width:36px;height:36px;font-size:18px;line-height:1}.sticker:hover{background:#fff}.tray{color:#3a2a1e;background:linear-gradient(#ffffff73,#0000 22%),#f7f1e6;border-radius:3px 8px 5px 3px;padding:18px 16px 14px;box-shadow:0 18px 40px #1e100847,inset 0 1px #ffffffb3}.field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.field>span,.whisper{letter-spacing:.14em;text-transform:uppercase;color:#7a624e;font-size:11px}.whisper{text-transform:none;letter-spacing:.01em;margin:-6px 0 12px;font-size:13px;line-height:1.4}.field input,.words{width:100%;font-family:var(--ui);background:0 0;border:0;border-bottom:1px solid #50321847;outline:none;padding:6px 0;font-size:18px}.field input{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.words{resize:vertical;min-height:72px;font-size:22px;line-height:1.35}.chips,.hands,.swatches,.inks,.row-actions{flex-wrap:wrap;gap:6px;display:flex}.chip,.hand,.row-actions button,.blank-note{color:#3a2a1e;background:#ffffff59;border:1px solid #462e1838;border-radius:999px;padding:6px 10px;font-size:13px}.chip[aria-pressed=true],.hand[aria-pressed=true],.row-actions button.is-on{color:#f6efe6;background:#2c221b;border-color:#2c221b}.hand{letter-spacing:0;text-transform:none;font-size:18px}.write,.row-actions button.write,.send-sheet .write{color:#f8efe6;letter-spacing:.12em;text-transform:uppercase;background:#6e2f2a;border:0;border-radius:999px;width:100%;margin-bottom:10px;padding:12px 16px;font-size:13px;box-shadow:0 8px 16px #50181040}.write:hover,.row-actions button.write:hover,.send-sheet .write:hover{color:#f8efe6;background:#582420}.blank-note{border-radius:12px;margin:0 0 12px;line-height:1.4;display:block}.swatch{border:1px solid #28180a40;border-radius:4px;width:36px;height:28px;padding:0}.swatch[aria-pressed=true]{outline-offset:2px;outline:2px solid #2c221b}.ink-dot{border:1px solid #28180a40;border-radius:50%;width:22px;height:22px;padding:0}.ink-dot[aria-pressed=true]{outline-offset:2px;outline:2px solid #2c221b}.row-actions{margin-bottom:14px}.row-actions.quiet{margin-bottom:0}.danger{color:#7a2e28}.roll-row{align-items:center;gap:18px;margin-top:auto;padding:8px 28px;display:flex;overflow-x:auto}.closed{color:inherit;background:0 0;border:0;flex:none;align-items:center;padding:8px 0;transition:transform .7s cubic-bezier(.16,.84,.24,1);display:flex;position:relative}.closed:hover{transform:translateY(-4px)}.closed.is-active{transform:translateY(-8px)}.closed.is-active .tube{filter:brightness(1.12);box-shadow:0 14px 20px #140a045c,inset 0 1px #ffffffd1}.closed.is-active .tie{transform:scaleY(.72)translateY(-4px)}.closed.is-active .flap{transform:rotate(0)translate(-10px)}.closed.is-active.is-closing .flap{transform:rotate(-7deg)translate(6px)}.closed .tube{background:linear-gradient(180deg, #ffffffd1 0%, #fff8ec1f 24%, #462a1247 48%, #28160a61 56%, #fff4e280 84%), var(--tube,#e4d0b2);border-radius:26px;width:168px;height:52px;transition:transform .7s,filter .7s,box-shadow .7s;display:block;position:relative;box-shadow:0 8px 14px #140a0447,inset 0 1px #ffffffb8}.closed .tube:before,.closed .tube:after{content:"";background:linear-gradient(90deg,#28140838,#ffffff73);border-radius:50%;width:12px;position:absolute;top:7px;bottom:7px}.closed .tube:before{left:8px}.closed .tube:after{right:8px}.closed .tube.tube-new{background:0 0;box-shadow:inset 0 0 0 1.5px #f6ecdf8c}.closed .tube.tube-new:before,.closed .tube.tube-new:after{display:none}.tie{background:#6e2f2a;border-radius:3px;width:9px;height:58px;transition:transform .7s cubic-bezier(.16,.84,.24,1);position:absolute;left:58px;box-shadow:inset 0 0 0 1px #0000002e}.flap{white-space:nowrap;text-overflow:ellipsis;width:108px;margin-left:-16px;padding:7px 10px 7px 16px;font-size:16px;line-height:1.2;transition:transform .7s cubic-bezier(.16,.84,.24,1);overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 6px 12px #140a042e}.closed-new{color:#f6ecdf;letter-spacing:0;text-transform:none;border:0;padding:8px 0}.flap-new{color:#f6ecdf;box-shadow:none;font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px dashed #f6ecdf8c;font-size:12px}.desk-note{color:#f6ecdf9e;letter-spacing:.08em;text-transform:uppercase;margin:0;padding:0 28px 16px;font-size:12px}button:focus-visible,.scrap-text:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #f0d7a2}@media (width<=1100px){.workspace{grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:16px;padding:16px}.sheet{min-height:540px}.brand{font-size:24px}}.stage-area{min-width:0;position:relative}.stage.is-folding .sheet-wrap{transform-origin:50%;animation:.55s cubic-bezier(.4,.05,.25,1) forwards paper-roll-into-envelope}.stage.is-folding .scroll-roller{transition:opacity .35s,transform .5s cubic-bezier(.4,.05,.25,1)}.stage.is-folding .scroll-roller-top{transform:translateY(28%)scaleY(1.15)rotateX(-8deg)}.stage.is-folding .scroll-roller-bottom{transform:translateY(-28%)scaleY(1.2)rotateX(10deg)}.stage.is-enveloped .scroll-roller,.stage.is-enveloped .clip,.stage.is-enveloped .silk-ribbon{opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;transform:scale(.75)}@keyframes paper-roll-into-envelope{0%{filter:brightness();opacity:1;border-radius:2px;transform:scaleY(1)rotateX(0)scaleX(1)translateY(0)}28%{filter:brightness(.97);opacity:1;transform:scaleY(.55)rotateX(18deg)scaleX(.96)translateY(4px)}55%{filter:brightness(.94);opacity:.92;transform:scaleY(.22)rotateX(42deg)scaleX(.86)translateY(12px)}78%{filter:brightness(.9);opacity:.55;transform:scaleY(.1)rotateX(58deg)scaleX(.72)translateY(20px)rotate(-3deg)}to{filter:brightness(.85);opacity:0;transform:scaleY(.06)rotateX(70deg)scaleX(.58)translateY(36px)rotate(6deg)}}.desk.is-sending .workspace{justify-content:center}.envelope-scene{z-index:12;pointer-events:none;place-content:center;place-items:center;gap:20px;animation:.32s envelope-scene-in;display:grid;position:absolute;inset:0}.envelope-caption{color:#f6ecdf;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 6px 16px #00000059;margin:0;font-size:12px}.envelope-scene.is-sent .envelope-caption{color:#f0d7a2}@keyframes envelope-scene-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.wax-envelope{color:inherit;font:inherit;cursor:default;background:0 0;border:0;padding:0;display:block}button.wax-envelope{cursor:pointer}.wax-envelope-stage{perspective:1100px;width:min(320px,82vw);margin-top:-8px;padding-top:72px}.wax-envelope-body{aspect-ratio:320/210;width:100%;transform-style:preserve-3d;filter:drop-shadow(0 22px 40px #0a04008c);border-radius:6px;position:relative;overflow:visible}.wax-env-liner{z-index:1;background:linear-gradient(165deg,#6a4a2e 0%,#4a301c 55%,#3a2414 100%);border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffe6be14}.wax-env-letter-slot{z-index:4;pointer-events:none;border-radius:0 0 6px 6px;height:195%;position:absolute;top:-95%;left:0;right:0;overflow:hidden}.wax-env-letter{transform-origin:bottom;height:35.9%;transform-style:preserve-3d;position:absolute;top:52.8%;left:12%;right:12%}.wax-env-letter-inner{text-align:center;background:repeating-linear-gradient(#fbf6ec 0 22px,#f0e6d4 23px);border:1px solid #5032182e;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:16px 14px;display:flex;box-shadow:0 10px 24px #140a0447,inset 0 0 0 1px #ffffff59}.wax-env-letter-title{font-family:var(--ui,Georgia, serif);color:#3a2a1e;margin:0;font-size:clamp(14px,3.4vw,17px);line-height:1.35}.wax-env-letter-sub{font-family:var(--sans,system-ui, sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#8a6850;margin:0;font-size:11px}.wax-env-pocket{z-index:3;pointer-events:none;border-radius:6px;position:absolute;inset:0;overflow:hidden}.wax-env-pocket-svg{width:100%;height:100%;display:block}.wax-env-flap{z-index:5;transform-origin:top;height:56%;transform-style:preserve-3d;transition:z-index 0s linear .28s;position:absolute;top:0;left:0;right:0}.wax-env-flap-face{backface-visibility:hidden;position:absolute;inset:0}.wax-env-flap-front{filter:drop-shadow(0 8px 14px #28140838)}.wax-env-flap-back{transform:rotateX(180deg)}.wax-env-flap-svg{width:100%;height:100%;display:block}.wax-env-seal{z-index:6;filter:drop-shadow(0 6px 12px #280a0673);width:64px;height:64px;margin-top:-32px;margin-left:-32px;position:absolute;top:54%;left:50%}.wax-seal-svg{width:100%;height:100%;display:block}.wax-envelope-sealing .wax-env-flap{z-index:1;animation:.48s cubic-bezier(.4,.05,.2,1) .28s forwards wax-flap-close,0s .52s forwards wax-flap-front;transform:rotateX(165deg)}.wax-envelope-sealing .wax-env-letter{animation:.55s cubic-bezier(.33,.1,.2,1) forwards wax-letter-tuck}.wax-envelope-sealing .wax-env-seal{opacity:0;animation:.38s cubic-bezier(.2,1.4,.3,1) .62s forwards wax-seal-stamp;transform:scale(.35)translateY(-18px)}.wax-envelope-sealing .wax-envelope-body{animation:.35s .12s both wax-rise-in}.wax-envelope-sent .wax-env-flap{z-index:5;transform:rotateX(0)}.wax-envelope-sent .wax-env-letter{transform:translateY(18%)scale(.92)}.wax-envelope-sent .wax-env-seal{opacity:1;transform:scale(1)}.wax-envelope-sent .wax-envelope-body{animation:.45s cubic-bezier(.4,0,.2,1) forwards wax-fly-away}.wax-envelope-sealed .wax-env-flap{z-index:5;transform:rotateX(0)}.wax-envelope-sealed .wax-env-letter{transform:translateY(18%)scale(.92)}.wax-envelope-sealed .wax-env-seal{animation:2.4s ease-in-out infinite wax-seal-pulse}.wax-envelope-sealed .wax-envelope-body{animation:3.2s ease-in-out infinite wax-idle-float}.wax-envelope-opening .wax-env-seal{animation:.28s forwards wax-seal-break}.wax-envelope-opening .wax-env-flap{z-index:5;animation:.43s cubic-bezier(.4,.05,.2,1) .12s forwards wax-flap-open,0s .34s forwards wax-flap-back;transform:rotateX(0)}.wax-envelope-opening .wax-env-letter{animation:.6s cubic-bezier(.2,.8,.2,1) .35s forwards wax-letter-rise;transform:translateY(18%)scale(.92)}@keyframes wax-rise-in{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:none}}@keyframes wax-letter-tuck{0%{opacity:.7;transform:translateY(-95%)scale(.96)}to{opacity:1;transform:translateY(18%)scale(.92)}}@keyframes wax-flap-close{0%{transform:rotateX(165deg)}to{transform:rotateX(0)}}@keyframes wax-flap-open{0%{transform:rotateX(0)}to{transform:rotateX(165deg)}}@keyframes wax-flap-front{to{z-index:5}}@keyframes wax-flap-back{to{z-index:1}}@keyframes wax-seal-stamp{0%{opacity:0;transform:scale(.35)translateY(-18px)}70%{opacity:1;transform:scale(1.08)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes wax-seal-pulse{0%,to{filter:drop-shadow(0 6px 12px #280a0673);transform:scale(1)}50%{filter:drop-shadow(0 8px 18px #8c281e8c);transform:scale(1.06)}}@keyframes wax-seal-break{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.35)rotate(-12deg)}}@keyframes wax-letter-rise{0%{transform:translateY(18%)scale(.92)}to{transform:translateY(-100%)scale(1.04)}}@keyframes wax-idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wax-fly-away{0%{opacity:1;transform:translateY(0)scale(1)rotate(-2deg)}to{opacity:0;transform:translateY(-36px)scale(.88)rotate(6deg)}}.send-backdrop{z-index:30;background:#140c0673;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.send-sheet{color:#3a2a1e;background:#f7f1e6;border-radius:10px;width:min(380px,100%);padding:20px 18px 16px;box-shadow:0 24px 48px #140a0459}.send-sheet-wide{width:min(520px,100%)}.recipient-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.recipient-row{grid-template-columns:minmax(0,1fr) 140px 36px;align-items:center;gap:8px;display:grid}.recipient-email,.recipient-category{margin:0}.recipient-email input,.recipient-category select{width:100%;font-family:var(--ui);color:#3a2a1e;background:#fffdf8;border:1px solid #50321838;border-radius:8px;padding:10px 12px;font-size:15px}.recipient-remove{color:#7a2e28;background:0 0;border:1px solid #50321838;border-radius:8px;width:36px;height:36px;padding:0;font-size:22px;line-height:1}.recipient-remove:disabled{opacity:.35}.add-recipient{color:#6e2f2a;letter-spacing:.04em;text-align:left;background:0 0;border:0;padding:4px 0 12px;font-size:14px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.send-log-category{letter-spacing:.06em;text-transform:uppercase;color:#5a4434;background:#5032181a;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;display:inline-block}.send-sheet h2{font-family:var(--ui);margin:0 0 8px;font-size:28px;font-weight:500}.send-sheet .write{width:auto;margin:0}.send-test-hint{color:#7a5a40;background:#b4783c1a;border:1px solid #8c5a282e;border-radius:8px;margin:0 0 12px;padding:8px 10px;font-size:12px;line-height:1.45}.send-as-row{background:#5032180f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;padding:8px 10px;display:flex}.send-as-label{color:#5a4434;margin:0;font-size:13px}.send-as-edit{flex:160px;margin:0}.send-as-link{color:#8c4a28;letter-spacing:.04em;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.send-as-link:hover{color:#5a2e18}.send-as-link:disabled{opacity:.5;cursor:default}.send-name-error{color:#8c2e1a;margin:-6px 0 12px;font-size:12px;line-height:1.4}.congrats-card{color:#3a2a1e;text-align:center;background:radial-gradient(at 50% 0,#ffecc88c,#0000 55%),#f7f1e6;border-radius:12px;width:min(420px,100%);padding:28px 22px 20px;animation:.45s both wax-rise-in;box-shadow:0 24px 48px #140a0466,inset 0 0 0 1px #8c5a2838}.congrats-seal{color:#fdf4e3;background:radial-gradient(circle at 35% 30%,#c45a4a,#8c2f28 55%,#5a1814);border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:22px;display:grid;box-shadow:0 8px 16px #50140a59}.congrats-card h2{font-family:var(--ui,Georgia, serif);margin:0 0 10px;font-size:clamp(24px,5vw,30px);font-weight:500}.congrats-body{color:#5a4434;margin:0 0 18px;font-size:15px;line-height:1.5}.congrats-body em{color:#3a2a1e;font-style:italic}.congrats-card .write{width:auto;margin:0 auto}.send-gate-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.send-gate-actions .write,.send-gate-secondary{width:100%;margin:0}.send-gate-secondary{color:#3a2a1e;font-family:var(--ui,Georgia, serif);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#5032180f;border:1px solid #50321847;border-radius:999px;padding:12px 20px;font-size:14px}.send-gate-secondary:hover{background:#5032181f}.send-gate-status{margin-top:14px}.welcome-email .send-gate-actions{margin-top:16px}.resend-test-hint{margin:8px 0 0;font-size:13px;line-height:1.45}.auth-panel,.auth-signed{align-items:center;gap:8px;display:flex;position:relative}.auth-button,.auth-note{color:#f6ecdf;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #f6ecdf73;border-radius:999px;padding:8px 12px;font-size:12px}.auth-button:hover{background:#ffffff14}.auth-email{text-overflow:ellipsis;white-space:nowrap;color:#f6ecdfcc;max-width:140px;font-size:12px;overflow:hidden}.auth-form{z-index:25;color:#3a2a1e;background:#f7f1e6;border-radius:10px;flex-direction:column;gap:10px;width:280px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 32px #140a044d}.auth-help{color:#7a624e;text-transform:none;letter-spacing:0;margin:0;font-size:12px;line-height:1.45}.auth-form label{letter-spacing:.14em;text-transform:uppercase;color:#7a624e;flex-direction:column;gap:6px;font-size:11px;display:flex}.auth-form input{font-family:var(--ui);text-transform:none;letter-spacing:0;color:#3a2a1e;background:0 0;border:0;border-bottom:1px solid #50321847;padding:6px 0;font-size:16px}.auth-form button[type=submit]{color:#f8efe6;background:#6e2f2a;border:0;border-radius:999px;padding:10px 12px}.auth-status{color:#7a624e;text-transform:none;letter-spacing:0;margin:0;font-size:13px}.send-log{margin-top:8px}.send-log-toggle,.send-log-refresh{color:#7a624e;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px dashed #50321847;border-radius:8px;width:100%;padding:10px 12px;font-size:12px}.send-log-toggle:hover,.send-log-refresh:hover{background:#5032180f}.send-log-body{flex-direction:column;gap:10px;margin-top:12px;display:flex}.send-log-list{flex-direction:column;gap:10px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.send-log-row{background:#fffcf6a6;border:1px solid #50321824;border-radius:8px;padding:10px 12px}.send-log-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.send-log-title{font-family:var(--ui);color:#3a2a1e;font-size:15px;font-weight:500}.send-log-badge{letter-spacing:.1em;text-transform:uppercase;color:#7a624e;background:#5032181f;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px}.send-log-badge.status-sent{color:#2f5d3c;background:#386e4829}.send-log-badge.status-failed{color:#8c3028;background:#8c302824}.send-log-badge.status-queued{color:#7a6a28;background:#78642824}.send-log-meta,.send-log-time,.send-log-note,.send-log-error{color:#7a624e;margin:4px 0 0;font-size:13px}.send-log-email{color:#3a2a1e;word-break:break-all}.send-log-error{color:#8c3028}.sv-root{color:#f6ecdf;min-height:100vh;font-family:var(--ui,Georgia, serif);background:radial-gradient(at 60% 30%,#3a1a0e 0%,#1a0a04 100%);justify-content:center;align-items:center;padding:24px;display:flex}.sv-root-reading{align-items:flex-start}.sv-center{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:480px;display:flex}.sv-reading-area{flex-direction:column;gap:20px;width:100%;max-width:600px;padding:32px 16px 48px;display:flex}.sv-header{text-align:center}.sv-from{letter-spacing:.12em;text-transform:uppercase;color:#f6ecdf99;margin:0;font-size:14px}.sv-from-reading{letter-spacing:.1em;text-transform:uppercase;color:#f6ecdf8c;margin:0 0 8px;font-size:13px}.sv-scroll-title{color:#f6ecdf;margin:0 0 12px;font-size:clamp(24px,5vw,38px);font-weight:400}.sv-note{color:#f6ecdfcc;margin:0;font-size:17px;font-style:italic;line-height:1.5}.sv-hint{letter-spacing:.1em;text-transform:uppercase;color:#f6ecdf80;margin:0;font-size:13px}.sv-scroll-stage{perspective:1100px;flex-direction:column;align-items:stretch;gap:0;width:100%;display:flex;position:relative}.sv-scroll-stage .scroll-roller{width:calc(100% + 20px);height:36px;margin-left:-10px}.sv-scroll-stage .scroll-roller-top{margin-bottom:-14px}.sv-scroll-stage .scroll-roller-bottom{margin-top:-14px}.sv-paper-wrap{z-index:1;background:#fdf8ee;border-radius:4px;margin:-6px 12px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000006b}.sv-paper-wrap .roll-curl{opacity:1}.sv-unroll{transform-origin:top;animation:.9s cubic-bezier(.22,1,.32,1) forwards sv-scroll-unroll}.sv-unroll .sv-paper-wrap{animation:.9s cubic-bezier(.22,1,.32,1) forwards sv-paper-reveal}.sv-unroll .scroll-roller-bottom{animation:.9s cubic-bezier(.22,1,.32,1) forwards sv-rod-drop}.sv-unroll .scroll-roller-bottom .scroll-roller-spin{animation:.9s cubic-bezier(.22,1,.32,1) both roller-spin}.sv-unroll .scroll-roller-top{animation:.9s cubic-bezier(.22,1,.32,1) forwards sv-rod-rise}@keyframes sv-scroll-unroll{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:none}}@keyframes sv-paper-reveal{0%{clip-path:inset(0 0 96%);filter:brightness(.68)}40%{clip-path:inset(0 0 42%);filter:brightness(.92)}70%{clip-path:inset(0 0 12%);filter:brightness()}to{clip-path:inset(0);filter:brightness()}}@keyframes sv-rod-drop{0%{opacity:.45;transform:translateY(-48%)scaleY(1.15)}70%{opacity:1;transform:translateY(4%)scaleY(.95)}to{opacity:1;transform:none}}@keyframes sv-rod-rise{0%{transform:translateY(18%)scaleY(1.1)}to{transform:translateY(0)scaleY(1)}}.sv-paper-img{object-fit:contain;background:#fdf8ee;width:100%;max-height:70vh;display:block}.sv-cta-area{justify-content:center;display:flex}.sv-open-btn,.sv-cta-btn{color:#f8efe6;font-family:var(--ui,Georgia, serif);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#6e2f2a;border:0;border-radius:999px;padding:14px 32px;font-size:14px;text-decoration:none;display:inline-block;box-shadow:0 8px 20px #50181066}.sv-open-btn:hover,.sv-cta-btn:hover{background:#582420}.sv-signup-card{color:#3a2a1e;background:#fdf8ee;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:36px 32px 28px;display:flex;box-shadow:0 24px 48px #00000073}.sv-signup-seal{color:#fdf4e3;background:#6e2f2a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex;box-shadow:0 4px 14px #50181066}.sv-signup-title{color:#2c1a12;margin:0;font-size:24px;font-weight:400}.sv-signup-sub{color:#6a4e38;text-align:center;margin:0;font-size:15px;line-height:1.55}.sv-signup-form{flex-direction:column;gap:12px;width:100%;display:flex}.sv-signup-form input{font-family:var(--ui,Georgia, serif);color:#3a2a1e;box-sizing:border-box;background:#fffdf8;border:1px solid #50321840;border-radius:8px;width:100%;padding:12px 14px;font-size:16px}.sv-signup-status{color:#4a7a4a;text-align:center;margin:0;font-size:14px}.sv-signup-note{color:#9a8070;text-align:center;margin:0;font-size:12px}.sv-error{color:#f6c8b4e6;margin:0;font-size:16px}.sv-home-link{color:#f6ecdfb3;letter-spacing:.06em;text-transform:uppercase;font-size:14px}.desk-rolls{flex-direction:column;gap:18px;width:100%;min-width:0;padding:8px 4px 12px;display:flex}.desk-rolls-heading{color:#f6ecdfb3;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px}.desk-rolls-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.desk-roll{color:inherit;cursor:pointer;filter:drop-shadow(0 12px 18px #0a040066);background:0 0;border:0;width:min(260px,100%);padding:0;transition:transform .45s cubic-bezier(.22,1,.32,1),filter .45s}.desk-roll:hover{filter:drop-shadow(0 18px 24px #0a040080);transform:translateY(-6px)rotate(-1.5deg)}.desk-roll:focus-visible{outline-offset:4px;outline:2px solid #f0d7a2}.desk-roll.is-active{transform:translateY(-10px)scale(1.03)}.rolled-scroll{width:100%;line-height:0}.rolled-scroll-svg{width:100%;height:auto;display:block}.rolled-tag{transform-origin:168px 18px;animation:3.2s ease-in-out infinite tag-flutter}@keyframes tag-flutter{0%,to{transform:rotate(0)}50%{transform:rotate(2.5deg)}}.desk-rolls-empty{color:#f6ecdf8c;margin:0;font-size:14px}@media (prefers-reduced-motion:reduce){.clip,.scroll-roller,.scroll-roller-spin,.silk-ribbon,.roll-curl,.sheet-wrap,.clip-inner:before,.clip-inner:after,.closed,.closed .tube,.tie,.flap,.library,.library-row,.scrap.is-poem,.scrap.is-sticker,.stage.is-folding .sheet-wrap,.envelope-scene,.wax-envelope-body,.wax-env-flap,.wax-env-letter,.wax-env-seal,.sv-unroll,.sv-unroll .sv-paper-wrap,.sv-unroll .scroll-roller-bottom,.sv-unroll .scroll-roller-top,.rolled-tag,.desk-roll{transition:none;animation:none}.wax-envelope-sealing .wax-env-flap,.wax-envelope-opening .wax-env-flap,.wax-envelope-sealed .wax-env-flap,.wax-envelope-sent .wax-env-flap{transform:rotateX(0)}.wax-envelope-sealing .wax-env-letter,.wax-envelope-sealed .wax-env-letter,.wax-envelope-sent .wax-env-letter{transform:translateY(18%)scale(.92)}.wax-envelope-opening .wax-env-letter{transform:translateY(-100%)scale(1)}.wax-envelope-sealing .wax-env-seal,.wax-envelope-sealed .wax-env-seal,.wax-envelope-sent .wax-env-seal{opacity:1;transform:none}.wax-envelope-opening .wax-env-seal{opacity:0}.sv-unroll .sv-paper-wrap{clip-path:none}}