:root{color-scheme:light;--ground:#f3f7ff;--ink:#1f2839;--ink-2:#5b6980;--ink-3:#8b98ac;--glass:rgba(255,255,255,0.6);--glass-2:rgba(255,255,255,0.42);--glass-line:rgba(255,255,255,0.85);--glass-edge:rgba(64,108,180,0.15);--accent:#3868ea;--accent-2:#0d97b8;--accent-3:#86a9ff;--accent-ink:#ffffff;--accent-soft:rgba(56,104,234,0.14);--danger:#f43f5e;--ok:#10b981;--blob-1:#7aa5ff;--blob-2:#a9def5;--blob-3:#b9c6ff;--blob-4:#fdc08c;--blob-opacity:0.55;--t-label:10.5px;--t-small:13px;--t-body:15px;--t-value:clamp(19px,2.4vw,23px);--t-title:clamp(26px,4.6vw,38px);--t-hero:clamp(58px,15vw,128px);--r-sm:12px;--r-md:18px;--r-lg:26px;--r-control:11px;--fill-accent:linear-gradient(180deg,color-mix(in srgb,var(--accent) 84%,#fff),var(--accent));--lift-accent:inset 0 1px 0 rgba(255,255,255,0.32),0 1px 1px rgba(18,42,96,0.2),0 5px 12px -8px rgba(18,42,96,0.55);--shadow-soft:0 2px 8px -4px rgba(38,72,140,0.25),0 18px 40px -20px rgba(38,72,140,0.35);--shadow-pop:0 8px 20px -10px rgba(38,72,140,0.3),0 30px 60px -26px rgba(38,72,140,0.5);--glow:0 2px 10px -4px rgba(38,72,140,0.28),0 26px 60px -26px rgba(56,104,234,0.5)}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--ground:#0d1524;--ink:#e8eeff;--ink-2:#a3b1c9;--ink-3:#74839b;--glass:rgba(255,255,255,0.07);--glass-2:rgba(255,255,255,0.045);--glass-line:rgba(255,255,255,0.14);--glass-edge:rgba(255,255,255,0.06);--accent:#6f9bff;--accent-2:#3fd2ee;--accent-3:#a8c1ff;--accent-ink:#08152b;--accent-soft:rgba(111,155,255,0.18);--blob-opacity:0.4;--shadow-soft:0 2px 10px -4px rgba(0,0,0,0.5),0 20px 44px -22px rgba(0,0,0,0.8);--shadow-pop:0 10px 24px -12px rgba(0,0,0,0.6),0 34px 70px -30px rgba(0,0,0,0.9);--lift-accent:inset 0 1px 0 rgba(255,255,255,0.22),0 1px 1px rgba(0,0,0,0.45),0 5px 14px -8px rgba(0,0,0,0.6);--glow:0 2px 12px -4px rgba(0,0,0,0.5),0 30px 70px -28px rgba(111,155,255,0.5)}}*{box-sizing:border-box}[role=slider],a,button,label{-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;background:var(--ground);color:var(--ink);font-size:15px;line-height:1.6;letter-spacing:-.006em;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}.aurora{position:fixed;inset:-20vh -20vw;z-index:-2;pointer-events:none;overflow:hidden}.aurora span{position:absolute;display:block;border-radius:50%;opacity:var(--blob-opacity);filter:blur(90px);will-change:transform}.aurora span:first-child{width:46vw;height:46vw;top:-6vh;left:-4vw;background:var(--blob-1);animation:drift-a 34s ease-in-out infinite}.aurora span:nth-child(2){width:40vw;height:40vw;top:8vh;right:-6vw;background:var(--blob-2);animation:drift-b 41s ease-in-out infinite}.aurora span:nth-child(3){width:38vw;height:38vw;bottom:-10vh;left:18vw;background:var(--blob-3);animation:drift-c 47s ease-in-out infinite}.aurora span:nth-child(4){width:30vw;height:30vw;bottom:4vh;right:10vw;background:var(--blob-4);animation:drift-d 38s ease-in-out infinite}@keyframes drift-a{50%{transform:translate3d(12vw,10vh,0) scale(1.18)}}@keyframes drift-b{50%{transform:translate3d(-14vw,14vh,0) scale(.86)}}@keyframes drift-c{50%{transform:translate3d(16vw,-12vh,0) scale(1.14)}}@keyframes drift-d{50%{transform:translate3d(-10vw,-8vh,0) scale(1.22)}}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.4;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){.aurora span{animation:none}.chip-link,button{transition:none}.image-panel,.popover{animation:none}}.page{max-width:940px;margin:0 auto;padding:26px 16px calc(158px + env(safe-area-inset-bottom, 0px))}.stack{flex-direction:column;gap:14px}.row,.stack{display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px}.spacer{flex:1 1 auto}h1,h2{margin:0;font-family:var(--font-display),system-ui,sans-serif;font-weight:700;letter-spacing:-.03em}h1{font-size:30px;color:var(--ink)}.label{font-size:10px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}.hint{margin:0;font-size:13px;color:var(--ink-2)}.hint.over{color:var(--danger)}button{font:inherit;font-weight:600;color:var(--ink-2);background:var(--glass-2);border:1px solid var(--glass-edge);border-radius:var(--r-sm);padding:9px 15px;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.5,.5,1),background .2s ease,color .2s ease,box-shadow .2s ease}button:hover:not(:disabled){color:var(--ink);background:var(--glass);transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.3;cursor:not-allowed}button.active,button.primary{color:var(--accent-ink);background:var(--fill-accent);border-color:transparent;box-shadow:var(--lift-accent)}.chip-link:active,button:active:not(:disabled){transform:translateY(1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=color]{width:38px;height:30px;padding:2px;border:1px solid var(--glass-edge);border-radius:var(--r-control);background:var(--glass);cursor:pointer}input[type=range]{accent-color:var(--accent);width:100%}.image-panel,.page-dots,.panel,.popover,.toolbar{background:var(--glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-line),var(--shadow-soft)}.panel{padding:20px 22px}.panel,.toolbar{border-radius:var(--r-lg)}.toolbar{position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));max-width:var(--sheet-max,940px);margin:0 auto;z-index:40;display:flex;flex-direction:column;gap:9px;padding:10px;box-shadow:inset 0 1px 0 var(--glass-line),var(--shadow-pop)}.toolbar-row{display:flex;align-items:center;gap:7px}.toolbar-gap{flex:1 1 auto}.seg{position:relative;display:flex;padding:4px;gap:0;background:var(--glass-2);border:1px solid var(--glass-edge);border-radius:calc(var(--r-control) + 4px)}.seg-thumb{position:absolute;top:4px;left:4px;width:calc((100% - 8px) / var(--seg-count, 4));height:calc(100% - 8px);border-radius:var(--r-control);background:var(--fill-accent);box-shadow:var(--lift-accent);transform:translateX(calc(var(--seg-index, 0) * 100%));transition:transform .42s cubic-bezier(.34,1.42,.42,1),opacity .2s ease;pointer-events:none}.seg-thumb.hidden{opacity:0}.seg-btn{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:36px;padding:0;border:none;border-radius:var(--r-control);background:transparent;color:var(--ink-3);box-shadow:none}.seg-btn:hover:not(:disabled){background:transparent;color:var(--ink);transform:none}.seg-btn.on{color:var(--accent-ink);background:transparent;box-shadow:none}.icon-btn{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:14px;color:var(--ink-3)}.icon-btn:hover:not(:disabled){color:var(--ink)}.icon-btn.on{color:var(--accent-ink);background:var(--fill-accent);border-color:transparent;box-shadow:var(--lift-accent)}.icon-btn.danger:hover:not(:disabled){color:var(--danger)}.cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;font-size:var(--t-body);font-weight:600;color:var(--accent-ink);background:var(--fill-accent);border:none;border-radius:var(--r-control);box-shadow:var(--lift-accent)}.cta:hover:not(:disabled){color:var(--accent-ink);filter:brightness(1.05);transform:translateY(-2px)}.swatch-dot{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2px var(--glass-line),0 2px 6px -2px rgba(38,72,140,.6)}.size-dot{border-radius:50%;background:currentColor}.pop-anchor{position:relative;display:flex}.popover{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);z-index:30;min-width:232px;display:flex;flex-direction:column;gap:12px;padding:15px;border-radius:22px;box-shadow:inset 0 1px 0 var(--glass-line),var(--shadow-pop);animation:pop-in .28s cubic-bezier(.34,1.45,.42,1);max-height:min(70vh,460px);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.popover.below{top:calc(100% + 12px);bottom:auto}@keyframes pop-in{0%{opacity:0;filter:blur(6px)}}.pop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink-2)}.pop-label{font-size:10px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}.pop-hint{margin:0;font-size:12px;color:var(--ink-3)}.pop-divider{height:1px;background:var(--glass-edge)}.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.swatch{width:100%;aspect-ratio:1;padding:0;border:none;border-radius:50%;box-shadow:0 0 0 1px var(--glass-edge),0 3px 8px -3px rgba(38,72,140,.5)}.swatch:hover:not(:disabled){transform:scale(1.12)}.swatch.on{box-shadow:0 0 0 3px var(--glass-line),0 0 0 5px var(--accent)}.size-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.size-opt{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:var(--r-control);color:var(--ink);background:transparent;border-color:transparent}.size-opt.on{background:var(--accent-soft);border-color:var(--accent)}.chip-row{display:flex;gap:6px}.chip{flex:1 1;padding:7px 6px;font-size:12px;border-radius:calc(var(--r-control) + 4px)}.chip.on{color:var(--accent-ink);background:var(--fill-accent);border-color:transparent;box-shadow:var(--lift-accent)}.paper-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px}.paper-row.wide{min-width:282px}.paper-chip{display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 6px;font-size:12px;border-radius:16px;background:transparent;border-color:transparent;box-shadow:none}.paper-chip:hover:not(:disabled){background:var(--glass-2)}.paper-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);box-shadow:none}.paper-preview{display:block;border-radius:6px;box-shadow:0 0 0 1px var(--glass-edge),0 6px 16px -8px rgba(38,72,140,.6)}.pagebar{display:flex;align-items:center;justify-content:center;gap:10px}.page-dots{display:flex;gap:4px;padding:5px;border-radius:calc(var(--r-control) + 4px)}.page-dot{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:none;border-radius:999px;background:transparent;color:var(--ink-3);box-shadow:none}.page-dot:hover:not(:disabled){background:var(--glass-2);color:var(--ink)}.page-dot.on{color:var(--accent-ink);background:var(--fill-accent);box-shadow:var(--lift-accent)}.paper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));grid-gap:12px;gap:12px}.paper-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px;border:1px solid var(--glass-edge);border-radius:20px;background:var(--glass-2);box-shadow:none}.paper-card:hover{background:var(--glass);transform:translateY(-3px)}.paper-card span{font-size:13px;color:var(--ink-2)}.paper-card.active{border-color:var(--accent);background:var(--accent-soft)}.paper-card.active span{color:var(--ink);font-weight:700}.img-frame{transform-origin:center center;border:2px solid var(--accent);border-radius:4px;box-sizing:border-box;cursor:move}.img-frame,.img-handle{position:absolute;touch-action:none}.img-handle{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid #fff;background:var(--fill-accent);box-shadow:var(--lift-accent)}.img-handle.resize{right:-13px;bottom:-13px;cursor:nwse-resize}.img-handle.rotate{left:50%;top:-34px;margin-left:-13px;cursor:-webkit-grab;cursor:grab}.image-panel{position:absolute;z-index:25;display:flex;flex-direction:column;gap:9px;width:max-content;max-width:min(92vw,352px);padding:12px 14px;border-radius:20px;box-shadow:inset 0 1px 0 var(--glass-line),var(--shadow-pop);animation:pop-in .28s cubic-bezier(.34,1.45,.42,1)}.image-panel-row{display:flex;align-items:center;gap:9px}.image-panel-row .label{min-width:42px}.image-panel .chip-row{flex:1 1 auto;flex-wrap:wrap;gap:5px}.image-panel .chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:32px;padding:6px 12px}.frame-swatch{width:26px;height:26px;padding:0;border:none;border-radius:50%;box-shadow:0 0 0 1px var(--glass-edge)}.frame-swatch.on{box-shadow:0 0 0 3px var(--glass-line),0 0 0 5px var(--accent)}.image-panel-actions{display:flex;gap:7px;padding-top:3px}.image-panel-actions button{flex:1 1 auto;padding:8px 14px;font-size:13px}.chip-link{font-size:var(--t-small);font-weight:600;padding:7px 13px;border:1px solid transparent;border-radius:var(--r-control);background:transparent;color:var(--ink-3);text-decoration:none;transition:transform .22s cubic-bezier(.34,1.5,.5,1),color .2s ease}.chip-link:hover{color:var(--ink);background:var(--glass-2);border-color:var(--glass-edge)}.chip-link.active{color:var(--accent-ink);background:var(--fill-accent);border-color:transparent;box-shadow:var(--lift-accent)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:14px;gap:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats div span{display:block;font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}.stats div b{font-size:20px;font-weight:800;letter-spacing:-.02em}.ok{color:var(--ok)}.over{color:var(--danger)}.zoom-group{display:flex;align-items:center;gap:2px;padding:3px;background:var(--glass-2);border:1px solid var(--glass-edge);border-radius:calc(var(--r-control) + 4px)}.zoom-group .icon-btn{width:34px;height:32px}.zoom-group .icon-btn,.zoom-level{border:none;background:transparent;border-radius:var(--r-control)}.zoom-level{min-width:52px;padding:5px 4px;font-size:12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-3)}.zoom-level:not(:disabled){color:var(--accent)}.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;min-width:268px}.sticker-btn{display:grid;place-items:center;aspect-ratio:1;padding:6px;background:transparent;border:1px solid transparent;border-radius:12px}.sticker-btn:hover:not(:disabled){background:var(--glass-2);border-color:var(--glass-edge);transform:scale(1.1)}.sticker-btn{font-family:var(--font-emoji),"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:26px;line-height:1}.envelope-stage{--env-open:5200ms;--env-paper:#f2ece0;--env-paper-lit:#f8f4ea;--env-fold:#e6dcc9;--env-wax:#9d2235;display:flex;flex-direction:column;align-items:center;gap:26px;padding:34px 0 10px}.envelope{position:relative;width:min(360px,82vw);aspect-ratio:3/2;perspective:1100px;--env-meet:62%}@keyframes env-breathe{50%{transform:translateY(-4px) rotate(-.35deg)}}.envelope{animation:env-breathe 6.5s ease-in-out infinite}.env-body,.env-flap,.env-front{position:absolute;inset:0;border-radius:10px}.env-body{box-shadow:0 2px 4px -2px rgba(74,58,30,.28),0 22px 44px -20px rgba(74,58,30,.5);z-index:2}.env-body,.env-front{background:var(--env-paper)}.env-front{-webkit-clip-path:polygon(0 22%,50% var(--env-meet),100% 22%,100% 100%,0 100%);clip-path:polygon(0 22%,50% var(--env-meet),100% 22%,100% 100%,0 100%);box-shadow:0 -1px 0 rgba(120,100,60,.13);z-index:3}.env-front:before{content:"";position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(90deg,rgba(120,100,60,.05) 0 1px,transparent 1px 4px);pointer-events:none}.env-address{position:absolute;left:9%;right:34%;bottom:15%;margin:0;display:flex;flex-direction:column;gap:2px;text-align:left}.env-address span{font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(90,74,44,.55)}.env-address b{font-family:var(--font-display),Georgia,serif;font-size:clamp(19px,5.4vw,25px);font-weight:500;line-height:1.1;letter-spacing:-.015em;color:#3a2f1c;font-variation-settings:"SOFT" 24,"WONK" 1,"opsz" 26;overflow-wrap:anywhere}.env-postmark{position:absolute;right:8%;top:27%;width:74px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1.5px solid var(--accent);border-radius:50%;transform:rotate(-13deg);opacity:.42;color:var(--accent);pointer-events:none}.env-postmark:after,.env-postmark:before{content:"";position:absolute;left:12%;right:12%;height:1px;background:currentColor}.env-postmark:before{top:26%}.env-postmark:after{bottom:26%}.env-postmark span{font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.env-postmark b{font-size:10.5px;font-weight:700;letter-spacing:.04em}.env-flap{height:var(--env-meet);inset:0 0 auto 0;background:linear-gradient(196deg,var(--env-paper-lit),var(--env-fold));-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transform:rotateX(0deg);z-index:4;will-change:transform,filter}@keyframes env-flap-open{0%{transform:rotateX(0deg);filter:brightness(1);z-index:4;animation-timing-function:cubic-bezier(.7,0,.62,.32)}54%{z-index:4}55%{transform:rotateX(-96deg);filter:brightness(.72);z-index:0;animation-timing-function:cubic-bezier(.22,.58,.18,1)}to{transform:rotateX(-166deg);filter:brightness(.88);z-index:0}}.envelope-stage.opening .env-flap{animation:env-flap-open calc(var(--env-open) * .4) calc(var(--env-open) * .22) both}.env-letter{position:absolute;left:7%;right:7%;bottom:6%;height:86%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px 20px;background:#fdf6e6;border-radius:5px;box-shadow:0 -2px 14px -6px rgba(0,0,0,.3);transform-origin:50% 94%;transform:translateY(6%);z-index:1;overflow:hidden;will-change:transform}@keyframes env-letter-rise{0%{transform:translateY(6%) rotateX(0deg) rotate(0deg) scale(.985);box-shadow:0 -2px 14px -6px rgba(0,0,0,.3);animation-timing-function:cubic-bezier(.6,0,.5,.4)}30%{transform:translateY(-14%) rotateX(15deg) rotate(-1.4deg) scale(.99);box-shadow:0 6px 16px -8px rgba(74,58,30,.5);animation-timing-function:cubic-bezier(.3,.6,.3,1)}62%{transform:translateY(-40%) rotateX(7deg) rotate(-.6deg) scale(.995);animation-timing-function:cubic-bezier(.2,.7,.24,1)}to{transform:translateY(-62%) rotateX(0deg) rotate(0deg) scale(1);box-shadow:0 16px 34px -14px rgba(74,58,30,.45)}}.env-letter:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(86,68,34,.2),rgba(86,68,34,.06) 14%,rgba(255,255,255,.62) 34%,rgba(255,255,255,0) 52%,rgba(86,68,34,.09) 78%,rgba(86,68,34,.16));background-size:100% 230%;background-position:0 0;opacity:0;pointer-events:none;z-index:1}@keyframes env-curl{0%{opacity:0;background-position:0 0}26%{opacity:1;background-position:0 26%}70%{opacity:.7;background-position:0 72%}to{opacity:0;background-position:0 100%}}.envelope-stage.opening .env-letter:before{animation:env-curl calc(var(--env-open) * .48) calc(var(--env-open) * .48) both}.envelope-stage.opening .env-letter{animation:env-letter-rise calc(var(--env-open) * .48) calc(var(--env-open) * .48) both}.env-letter:after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.85) 50%,transparent 62%);opacity:0;pointer-events:none}.envelope-stage.opening .env-letter:after{animation:env-sheen calc(var(--env-open) * .26) calc(var(--env-open) * .56) both ease-in-out}@keyframes env-sheen{0%{opacity:0;transform:translateX(-58%)}40%{opacity:.75}to{opacity:0;transform:translateX(58%)}}.env-letter-to{margin:0 0 3px;font-family:var(--font-display),Georgia,serif;font-size:15px;font-weight:500;line-height:1.2;color:#4a3f2a;font-variation-settings:"SOFT" 26,"WONK" 1,"opsz" 18;overflow-wrap:anywhere}.env-letter span{display:block;height:5px;border-radius:99px;background:#d9d3c4}.env-letter span:first-of-type{width:88%}.env-letter span:nth-of-type(2){width:76%}.env-letter span:nth-of-type(3){width:84%}.env-letter span:nth-of-type(4){width:52%}@keyframes env-settle{to{transform:translateY(14px) scale(.965)}}.envelope-stage.opening .envelope{animation:env-settle calc(var(--env-open) * .7) calc(var(--env-open) * .3) both cubic-bezier(.33,0,.2,1)}.env-seal{position:absolute;left:50%;top:54%;z-index:5;display:grid;place-items:center;width:62px;height:62px;margin:-31px 0 0 -31px;padding:0;border:none;border-radius:var(--seal-radius,50%);-webkit-clip-path:var(--seal-clip,none);clip-path:var(--seal-clip,none);background:radial-gradient(ellipse 66% 66% at 50% 44%,color-mix(in srgb,var(--env-wax) 82%,#000) 0,transparent 68%),radial-gradient(ellipse 130% 105% at 32% 16%,color-mix(in srgb,var(--env-wax) 74%,#fff) 0,transparent 62%),var(--env-wax);box-shadow:inset 0 2px 2px color-mix(in srgb,var(--env-wax) 58%,#fff),inset 0 -3px 5px color-mix(in srgb,var(--env-wax) 55%,#000),inset 0 0 12px -1px color-mix(in srgb,var(--env-wax) 72%,#000);filter:drop-shadow(0 1px 1px rgba(28,8,12,.36)) drop-shadow(0 5px 8px rgba(28,8,12,.3));cursor:pointer;transition:transform .4s cubic-bezier(.34,1.5,.5,1)}.env-seal:before{content:"";position:absolute;inset:11%;border-radius:inherit;box-shadow:inset 0 1px 1px color-mix(in srgb,var(--env-wax) 48%,#000),0 1px 0 color-mix(in srgb,var(--env-wax) 64%,#fff);pointer-events:none}.env-seal span{position:relative;z-index:1;font-family:var(--font-display),Georgia,serif;font-size:25px;font-weight:600;line-height:1;color:color-mix(in srgb,var(--env-wax) 52%,#000);text-shadow:0 -1px 1px color-mix(in srgb,var(--env-wax) 38%,#000),0 1px 0 color-mix(in srgb,var(--env-wax) 66%,#fff);font-variation-settings:"SOFT" 30,"WONK" 1,"opsz" 26}.env-seal:hover:not(:disabled){transform:scale(1.06) rotate(-3deg)}@keyframes env-seal-break{0%{transform:scale(1) rotate(0deg) translateY(0);opacity:1;animation-timing-function:cubic-bezier(.85,0,.9,.35)}38%{transform:scale(1.14) rotate(-4deg) translateY(-1px);opacity:1;animation-timing-function:cubic-bezier(.2,.9,.35,1)}56%{transform:scale(1.04) rotate(-13deg) translateY(-5px);opacity:1;animation-timing-function:cubic-bezier(.35,0,.62,.4)}78%{transform:scale(.86) rotate(-26deg) translateY(6px);opacity:.82;animation-timing-function:cubic-bezier(.4,0,.75,.5)}to{transform:scale(.4) rotate(-44deg) translateY(26px);opacity:0}}.envelope-stage.opening .env-seal{animation:env-seal-break calc(var(--env-open) * .26) both;pointer-events:none}.envelope-caption{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.env-open-btn{transition:opacity .3s ease,transform .3s cubic-bezier(.33,0,.2,1)}.env-open-btn.gone{opacity:0;transform:translateY(4px) scale(.97);pointer-events:none}.envelope-title{margin:0;text-wrap:balance;font-family:var(--font-display),Georgia,serif;font-size:var(--t-title);font-weight:500;line-height:1.2;letter-spacing:-.02em;font-variation-settings:"SOFT" 24,"WONK" 1,"opsz" 34}@keyframes env-handoff{0%,76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.envelope-stage.opening{animation:env-handoff var(--env-open) both cubic-bezier(.4,0,.5,1)}@media (prefers-reduced-motion:reduce){@keyframes env-handoff{0%,76%{opacity:1}to{opacity:0}}}@keyframes env-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.env-open-btn,.env-seal{transition:none}}.reader-center{align-items:center;text-align:center;margin:40px auto 0;max-width:460px}.reader-center .cta{text-decoration:none}.letter-card:hover .letter-thumb{transform:translateY(-3px) rotate(-.4deg);box-shadow:var(--shadow-pop)}.letter-thumb canvas{width:100%;height:auto}.letter-meta .hint{font-size:12px}.letter-name{font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.01em;font-variation-settings:"SOFT" 20,"WONK" 1,"opsz" 22}.letter-actions .chip-link{font-size:12px;padding:5px 10px}.chip-link.danger{color:var(--danger,#b03a48)}.callout{margin:0;padding:10px 14px;border-radius:12px;border:1px solid var(--glass-edge);background:var(--glass-2);font-size:13px;line-height:1.55}.callout a{color:var(--accent);font-weight:600;text-underline-offset:3px}.replay-stage{--letter-enter:900ms;position:relative}@keyframes letter-enter{0%{opacity:0;transform:scale(.94) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.replay-paper.entering{animation:letter-enter var(--letter-enter) both cubic-bezier(.22,.88,.28,1)}@media (prefers-reduced-motion:reduce){.replay-stage{--letter-enter:320ms}.replay-paper.entering{animation-name:letter-fade-in}}@keyframes letter-fade-in{0%{opacity:0}}.dock{position:fixed;left:13px;right:13px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));max-width:940px;margin:0 auto;z-index:40;display:flex;flex-direction:column;gap:10px;padding:12px 14px 10px;border-radius:20px;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--shadow-pop);opacity:.3;transform:translateY(6px);transition:opacity .26s ease,transform .26s cubic-bezier(.22,1,.36,1)}.dock.awake,.dock:focus-within,.dock:hover{opacity:1;transform:translateY(0)}@media (hover:none){.dock{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.letter-thumb{transition:none}.dock,.letter-card:hover .letter-thumb{transform:none}.dock{transition:none}}.dock-row{display:flex;align-items:center;gap:8px}.dock-play{display:grid;place-items:center;width:46px;height:46px;flex:none;padding:0;border:none;border-radius:50%;color:var(--accent-ink);background:var(--fill-accent);box-shadow:var(--lift-accent);cursor:pointer;transition:transform .16s cubic-bezier(.22,1,.36,1)}.dock-play:hover{transform:scale(1.06)}.dock-play:active{transform:scale(.96)}.dock-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;padding:0;border:1px solid transparent;border-radius:11px;color:var(--ink-2);background:transparent;cursor:pointer;transition:background .16s ease,color .16s ease}.dock-icon.on,.dock-icon:hover{color:var(--accent);background:var(--glass-2);border-color:var(--glass-edge)}.dock-time{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.dock-time i{opacity:.45;font-style:normal;padding:0 1px}.dock-page{font-size:12px;padding:4px 10px;border-radius:var(--r-control);background:var(--glass-2);border:1px solid var(--glass-edge);white-space:nowrap}.dock-menu-wrap{position:relative;flex:none}.dock-menu{overscroll-behavior:contain;position:absolute;right:0;bottom:calc(100% + 10px);z-index:4;display:flex;flex-direction:column;gap:8px;min-width:210px;padding:12px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--shadow-pop)}.dock-speeds{display:flex;gap:4px}.dock-speeds button{flex:1 1;padding:6px 0;font-size:12px;border-radius:9px}.dock-menu-item{display:flex;align-items:center;gap:8px;justify-content:flex-start;width:100%;font-size:13px}.dock .scrub{position:relative}.scrub-rail{padding:8px 0 6px;cursor:pointer;touch-action:none}.scrub-chapters{position:absolute;inset:8px 0 6px;pointer-events:none}.scrub-chapters .scrub-page{pointer-events:auto}.scrub-track{position:relative;height:26px}.scrub-wave{position:absolute;inset:0;display:flex;align-items:center;gap:2px;pointer-events:none}.scrub-wave i{flex:1 1;min-width:0;border-radius:2px;background:var(--ink);opacity:.16}.scrub-wave.played{-webkit-clip-path:inset(0 calc(100% - var(--played)) 0 0);clip-path:inset(0 calc(100% - var(--played)) 0 0)}.scrub-wave.played i{background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:1}.scrub-thumb{position:absolute;top:50%;width:3px;height:100%;margin-left:-1.5px;border-radius:2px;background:var(--ink);box-shadow:0 0 0 2px var(--glass);transform:translateY(-50%);transition:opacity .14s ease;opacity:.75;pointer-events:none}.scrub:focus-visible .scrub-thumb,.scrub:hover .scrub-thumb{opacity:1}.scrub-pause{top:-1px;width:4px;height:4px;margin-left:-2px;border-radius:50%;opacity:.4;pointer-events:none}.scrub-page,.scrub-pause{position:absolute;background:var(--ink)}.scrub-page{top:-3px;bottom:-3px;width:2px;margin:0 0 0 -1px;padding:0;border:none;border-radius:2px;opacity:.5;cursor:pointer;transition:opacity .14s ease}.scrub-page:after{content:"";position:absolute;inset:-4px -7px}.scrub-page:hover{opacity:1}.scrub-tip{position:absolute;bottom:calc(100% - 4px);transform:translateX(-50%);padding:3px 8px;border-radius:8px;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent-ink);background:var(--ink);pointer-events:none}@media (max-width:460px){.dock{bottom:calc(8px + env(safe-area-inset-bottom, 0px));padding:10px 12px 8px}.dock-page{display:none}}.field{display:flex;flex-direction:column;gap:6px}.field input{width:100%;padding:11px 14px;font:inherit;font-size:16px;color:var(--ink);border-radius:var(--r-sm);border:1px solid var(--glass-edge);background:var(--glass-2)}.field input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.moment{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--ground) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:moment-in .62s cubic-bezier(.22,.88,.28,1) both}@keyframes moment-in{0%{opacity:0}}.moment-card{align-items:center;text-align:center;max-width:380px;gap:14px}.moment-lead{margin:0;font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(17px,3.4vw,21px);font-weight:700;line-height:1.45;letter-spacing:-.015em;text-wrap:balance}.moment-actions{justify-content:center;flex-wrap:wrap}.moment-mark{font-size:26px;color:var(--accent);line-height:1}.moment-late{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2);animation:moment-in 1.4s both}.moment-late b{color:var(--ink)}@media (prefers-reduced-motion:reduce){.moment,.moment-late{animation-duration:.2s}}.scrub-image{top:-2px;width:5px;height:5px;margin-left:-2.5px;border-radius:1.5px;background:var(--accent);opacity:.75}.note-float,.scrub-image{position:absolute;pointer-events:none}.note-float{top:16px;left:50%;transform:translateX(-50%);z-index:5;width:min(420px,calc(100% - 32px));display:flex;flex-direction:column;gap:5px;padding:12px 16px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:var(--shadow-pop);animation:note-in .52s cubic-bezier(.22,.9,.28,1) both}@keyframes note-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.note-float p{margin:0;font-size:14px;line-height:1.6;text-wrap:balance}.note-kind{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.note-float.thought p{font-style:italic;color:var(--ink-2)}@media (prefers-reduced-motion:reduce){.note-float{animation-duration:.16s}}.scrub-note{position:absolute;top:-4px;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:var(--accent-2);pointer-events:none}.note-composer{width:min(320px,78vw);gap:9px}.note-composer textarea{width:100%;padding:10px 12px;font:inherit;font-size:16px;line-height:1.55;color:var(--ink);border-radius:var(--r-sm);border:1px solid var(--glass-edge);background:var(--glass-2);resize:vertical}.note-composer textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.note-live{position:absolute;inset:0;pointer-events:none}.reader-desk{--sheet-max:780px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:26px;gap:26px}.reader-sheet{max-width:var(--sheet-max);margin-inline:auto;width:100%}@media (min-width:1180px){.reader-desk{grid-template-columns:minmax(0,1fr) min(var(--sheet-max),100%) minmax(0,1fr);gap:0 34px;align-items:start}.reader-sheet{grid-column:2;grid-row:1;max-width:none}.reader-marks{grid-column:1;grid-row:1;justify-self:end;width:min(190px,100%);position:-webkit-sticky;position:sticky;top:26px}}.reader-marks{margin:0;display:flex;flex-direction:column;gap:20px}@media (max-width:1179px){.reader-marks{flex-direction:row;flex-wrap:wrap;gap:14px 28px}}.mark{display:flex;flex-direction:column;gap:3px;animation:mark-in .56s cubic-bezier(.22,.9,.28,1) both;animation-delay:calc(var(--i) * 70ms + .22s)}.mark dt{font-size:var(--t-label);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3)}.mark dt:after{content:"";display:block;width:34px;height:1px;margin-top:6px;background:var(--ink-3);opacity:.45}.mark dd{margin:0;font-family:var(--font-display),Georgia,serif;font-size:var(--t-value);font-weight:500;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere;font-variation-settings:"SOFT" 20,"WONK" 1,"opsz" 24}.mark-note{margin:0;max-width:30ch;font-size:11.5px;line-height:1.65;color:var(--ink-3);animation:mark-in .56s cubic-bezier(.22,.9,.28,1) both;animation-delay:.62s}@keyframes mark-in{0%{opacity:0;transform:translateY(8px)}}.moment-eyebrow{margin:0;font-size:var(--t-label);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.moment-clock{margin:0;display:flex;align-items:baseline;justify-content:center;gap:4px;flex-wrap:wrap}.moment-clock b{font-family:var(--font-display),Georgia,serif;font-size:var(--t-hero);font-weight:600;line-height:.86;letter-spacing:-.045em;font-feature-settings:"lnum";font-variant-numeric:lining-nums;font-variation-settings:"SOFT" 40,"WONK" 1,"opsz" 144;color:var(--accent)}.moment-clock b+span{margin-right:12px}.moment-clock span{font-size:var(--t-small);font-weight:600;letter-spacing:.02em;color:var(--ink-2)}.moment-tail{margin:0;max-width:22ch;font-family:var(--font-display),Georgia,serif;font-size:var(--t-value);font-weight:400;line-height:1.4;text-wrap:balance;font-variation-settings:"SOFT" 20,"WONK" 0,"opsz" 24}@media (prefers-reduced-motion:reduce){.mark,.mark-note{animation-duration:.18s;animation-delay:0s}}.page-desk{max-width:1240px}.reader-bar{margin-bottom:4px}.eyebrow{margin:0;font-family:var(--font-sans),system-ui,sans-serif;font-size:var(--t-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.style-closeup .envelope{animation:none;transform-origin:50% 52%;transform:scale(3.2)}.style-closeup.opening .envelope{animation:env-pull-back calc(var(--env-open) * .42) calc(var(--env-open) * .14) both cubic-bezier(.4,0,.2,1)}@keyframes env-pull-back{to{transform:scale(1)}}.style-closeup.opening .env-flap{animation-delay:calc(var(--env-open) * .2)}.style-closeup.opening .env-letter,.style-closeup.opening .env-letter:before{animation-delay:calc(var(--env-open) * .5);animation-duration:calc(var(--env-open) * .44)}.style-closeup.opening .env-letter:after{animation-delay:calc(var(--env-open) * .56)}.style-flip .envelope{transform-style:preserve-3d}.env-face{position:absolute;inset:0;border-radius:10px;transform-style:flat}.env-face-back{visibility:hidden}@keyframes env-face-hide{0%,49%{visibility:visible}50%,to{visibility:hidden}}@keyframes env-face-show{0%,49%{visibility:hidden}50%,to{visibility:visible}}.style-flip.opening .env-face-front{animation:env-face-hide calc(var(--env-open) * .28) calc(var(--env-open) * .05) both step-end}.style-flip.opening .env-face-back{animation:env-face-show calc(var(--env-open) * .28) calc(var(--env-open) * .05) both step-end}.env-face-front{background:var(--env-paper);box-shadow:0 2px 4px -2px rgba(74,58,30,.28),0 22px 44px -20px rgba(74,58,30,.5);z-index:3}.env-face-back{transform:rotateY(180deg);z-index:3}.env-face-back .env-letter{z-index:1}.env-face-back{--env-meet:54%}.env-back-fold{position:absolute;inset:0;z-index:3;filter:drop-shadow(.5px .5px .5px rgba(86,68,34,.3))}.env-back-fold.left{background:color-mix(in srgb,var(--env-paper) 96%,#6b5836);-webkit-clip-path:polygon(0 0,50% var(--env-meet),0 100%);clip-path:polygon(0 0,50% var(--env-meet),0 100%)}.env-back-fold.right{background:color-mix(in srgb,var(--env-paper) 93%,#6b5836);-webkit-clip-path:polygon(100% 0,50% var(--env-meet),100% 100%);clip-path:polygon(100% 0,50% var(--env-meet),100% 100%)}.env-back-fold.bottom{background:var(--env-paper);-webkit-clip-path:polygon(0 100%,50% var(--env-meet),100% 100%);clip-path:polygon(0 100%,50% var(--env-meet),100% 100%)}.env-lining{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,color-mix(in srgb,var(--env-paper) 78%,#6b5836) 0,color-mix(in srgb,var(--env-paper) 91%,#6b5836) 62%);border-radius:10px}.env-face-back .env-body,.envelope>.env-body{-webkit-clip-path:polygon(0 0,50% var(--env-meet),100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% var(--env-meet),100% 0,100% 100%,0 100%);filter:drop-shadow(0 2px 3px rgba(74,58,30,.34))}.env-face-back .env-flap{background:color-mix(in srgb,var(--env-paper) 97%,#fff)}.style-flip.opening .envelope{animation:env-turn calc(var(--env-open) * .28) calc(var(--env-open) * .05) both cubic-bezier(.62,0,.24,1)}@keyframes env-turn{0%{transform:rotate(0deg) rotateY(0deg) translateY(0) scale(1)}28%{transform:rotate(-1.6deg) rotateY(-52deg) translateY(-9px) scale(1.015)}50%{transform:rotate(-2.4deg) rotateY(-90deg) translateY(-11px) scale(1.02)}74%{transform:rotate(-1.4deg) rotateY(-132deg) translateY(-7px) scale(1.012)}50%{transform:rotateY(-90deg)}to{transform:rotate(0deg) rotateY(-180deg) translateY(0) scale(1)}}.style-flip.opening .env-seal{animation-delay:calc(var(--env-open) * .35)}.style-flip.opening .env-flap{animation-delay:calc(var(--env-open) * .56);animation-duration:calc(var(--env-open) * .18)}.style-flip.opening .env-letter,.style-flip.opening .env-letter:before{animation-delay:calc(var(--env-open) * .7);animation-duration:calc(var(--env-open) * .3)}.style-flip.opening .env-letter:after{animation-delay:calc(var(--env-open) * .76);animation-duration:calc(var(--env-open) * .22)}.style-pull .envelope{animation:none;cursor:-webkit-grab;cursor:grab;touch-action:none}.style-pull .envelope:active{cursor:-webkit-grabbing;cursor:grabbing}.style-pull .env-letter{transform:translateY(calc(6% - 68% * var(--pull, 0))) rotateX(calc(16deg * var(--bend, 0))) rotate(calc(-1.5deg * var(--bend, 0)))}.style-pull .env-flap{transform:rotateX(calc(-166deg * min(1, var(--pull, 0) * 1.7)))}.style-pull.lifted .env-flap{z-index:0}.style-pull .env-seal{opacity:calc(1 - var(--pull, 0) * 4);pointer-events:none}.style-pull.easing .env-flap,.style-pull.easing .env-letter,.style-pull.easing .env-seal{transition:transform .7s cubic-bezier(.22,.9,.28,1),opacity .4s ease}.designer{padding:16px 18px 18px;border-radius:var(--r-md);border:1px solid var(--glass-edge);background:var(--glass-2);gap:14px}.designer-head{gap:18px;align-items:flex-start}.designer-seal{flex:none;display:grid;place-items:center;width:96px;height:96px;border-radius:var(--r-sm);background:var(--env-paper,#f2ece0);box-shadow:inset 0 0 0 1px rgba(120,100,60,.14)}.designer-seal .env-seal{position:static;margin:0;width:62px;height:62px;cursor:default}.designer-fields{flex:1 1;min-width:0;gap:8px}.designer-label{width:68px;flex:none}.wax-swatch{width:30px;height:30px;padding:0;border:none;border-radius:var(--seal-radius,50%);-webkit-clip-path:var(--seal-clip,none);clip-path:var(--seal-clip,none);background:radial-gradient(ellipse 130% 105% at 32% 16%,color-mix(in srgb,var(--env-wax) 74%,#fff) 0,transparent 62%),var(--env-wax);box-shadow:inset 0 -2px 4px color-mix(in srgb,var(--env-wax) 55%,#000)}.wax-swatch.on{outline:2px solid var(--accent);outline-offset:3px}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));grid-gap:8px;gap:8px}.style-opt{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:var(--r-control)}.style-opt b{font-size:var(--t-small);font-weight:600}.style-opt span{font-size:11.5px;font-weight:500;line-height:1.45;opacity:.75}.style-opt.on{color:var(--accent-ink);border-color:transparent;background:var(--fill-accent);box-shadow:var(--lift-accent)}.envelope-panel{width:min(330px,80vw);gap:13px}.envelope-panel .designer{padding:0;border:none;background:none}.envelope-panel .style-grid{grid-template-columns:1fr 1fr}@media (prefers-reduced-motion:reduce){.style-closeup .envelope,.style-closeup.opening .envelope{animation:none;transform:none}.style-pull.easing .env-flap,.style-pull.easing .env-letter,.style-pull.easing .env-seal{transition:none}.style-flip .envelope{perspective:none}}.envelope-stage.pace-swift{--env-open:3400ms}.envelope-stage.pace-slow{--env-open:8000ms}.designer-warn{margin:0;padding:10px 13px;border-radius:var(--r-sm);border:1px solid var(--accent);background:var(--accent-soft);font-size:12.5px;line-height:1.6;color:var(--ink-2)}.letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));grid-gap:18px;gap:18px}.letter-card{display:flex;flex-direction:column;gap:14px;padding:18px 18px 12px;border-radius:var(--r-lg);border:1px solid var(--glass-line);background:var(--glass);box-shadow:var(--shadow-soft)}.letter-head{display:flex;align-items:center;gap:14px;min-width:0}.letter-seal{position:relative;flex:none;width:46px;height:46px}.letter-seal .env-seal{top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;cursor:default}.letter-seal .env-seal span{font-size:19px}.letter-meta{display:flex;flex-direction:column;gap:2px;font-size:13px;min-width:0}.letter-name{font-family:var(--font-display),Georgia,serif;font-size:19px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.letter-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:11px;border-top:1px solid var(--glass-line)}.share-panel{padding:18px;border-radius:var(--r-lg);border:1px solid var(--glass-line);background:var(--glass)}.share-link input{flex:1 1;min-width:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.password-set{gap:10px;padding-top:14px;border-top:1px solid var(--glass-line)}.password-gate{max-width:380px}.password-hint{font-style:italic;font-size:15px;line-height:1.5;text-wrap:balance}