:root{color:#20253a;font-synthesis:none;text-rendering:auto;--ink:#1c2440;--ink-deep:#11162a;--violet:#8f87d8;--violet-light:#dedaf5;--coral:#ef9c8f;--paper:#fffaf2;--paper-deep:#f4ecdf;--muted:#7e7c88;--line:#1c24401c;--green:#5d8f79;--danger:#b95863;background:#1c2440;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--ink);overscroll-behavior:none;min-height:100%}body{overscroll-behavior-y:none;background:var(--ink);-webkit-font-smoothing:antialiased;min-width:320px;min-height:100%;margin:0;overflow-x:hidden}body,button,input,textarea{font:inherit}button,input,textarea{appearance:none}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}input,textarea{font-size:16px}svg{stroke-width:1.9px;width:20px;height:20px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spin{animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.launch-screen{color:#fff;background:radial-gradient(circle at 50% 35%, #394675, var(--ink) 64%);place-content:center;justify-items:center;gap:25px;min-height:100dvh;display:grid}.launch-screen>svg{color:#c8c2f6}.logo-mark{width:44px;height:44px;color:var(--ink);background:linear-gradient(145deg,#fffdf7,#eadbc9);border-radius:15px;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 8px 22px #080c1b3d,inset 0 0 0 1px #ffffffb8}.logo-mark>svg{stroke-width:1.6px;width:25px;height:25px}.logo-mark i{border:3px solid var(--ink);color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-4px;right:-4px}.logo-mark i svg{stroke-width:3px;width:9px;height:9px}.logo-mark.large{border-radius:27px;width:84px;height:84px;box-shadow:0 22px 48px #080c1b57}.logo-mark.large>svg{width:46px;height:46px}.logo-mark.large i{border-width:5px;width:34px;height:34px;bottom:-7px;right:-7px}.logo-mark.large i svg{width:15px;height:15px}.login-page{min-height:100dvh;padding:calc(32px + env(safe-area-inset-top)) 19px calc(32px + env(safe-area-inset-bottom));background:linear-gradient(160deg,#202947 0%,#151a31 70%,#11162a 100%);place-items:center;display:grid;position:relative;overflow:hidden}.login-orbit{pointer-events:none;border:1px solid #ada6f12e;border-radius:50%;position:absolute}.orbit-one{width:370px;height:370px;top:-205px;right:-158px;box-shadow:0 0 0 52px #8f87d809,0 0 0 108px #8f87d806}.orbit-two{width:290px;height:290px;bottom:-100px;left:-190px;box-shadow:0 0 0 47px #ef9c8f09}.login-card{z-index:1;color:#fff;background:#262e4cf0;border:1px solid #ffffff1f;border-radius:35px;width:min(100%,420px);padding:34px 24px 25px;position:relative;box-shadow:0 30px 70px #03071457}.login-card>.logo-mark{margin:0 auto}.kicker{text-align:center;color:#bbb5f1;letter-spacing:.22em;margin:25px 0 8px;font-size:9px;font-weight:800}.login-card>h1{text-align:center;letter-spacing:.12em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:52px;font-weight:500}.login-copy{text-align:center;color:#ffffffab;max-width:315px;margin:10px auto 25px;font-size:13px;line-height:1.55}.auth-switch{background:#04081638;border:1px solid #ffffff1a;border-radius:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:4px;display:grid}.auth-switch button{color:#ffffff8c;background:0 0;border:0;border-radius:11px;min-width:0;min-height:42px;padding:0 5px;font-size:11px;font-weight:700}.auth-switch button.active{color:var(--ink);background:#f8f1e8;box-shadow:0 5px 14px #02061240}.login-form{flex-direction:column;gap:9px;display:flex}.login-form label,.sent-access-card label{color:#ffffffbf;margin-top:4px;font-size:11px;font-weight:650}.login-form input,.sent-access-card input{color:#fff;caret-color:#ddd8ff;background:#05091940;border:1px solid #ffffff29;border-radius:16px;outline:none;width:100%;min-height:54px;padding:0 15px;transition:border-color .18s,box-shadow .18s}.login-form input:focus,.sent-access-card input:focus{border-color:#aaa3ec;box-shadow:0 0 0 4px #8f87d82e}.login-form input::placeholder,.sent-access-card input::placeholder{color:#ffffff57}.password-field{position:relative}.password-field input{padding-right:54px}.password-field button{color:#bab4eb;background:0 0;border:0;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:6px;right:6px}.password-field button svg{width:19px;height:19px}.primary-button{width:100%;min-height:55px;color:var(--ink-deep);background:linear-gradient(135deg,#f7efe4,#d9d4f2);border:0;border-radius:17px;justify-content:center;align-items:center;gap:9px;margin-top:9px;font-size:14px;font-weight:800;display:flex;box-shadow:0 13px 30px #0307144d}.primary-button svg{width:19px;height:19px}.private-note{color:#ffffff70;justify-content:center;align-items:center;gap:6px;margin:22px 0 0;font-size:9px;display:flex}.private-note svg{width:13px;height:13px}.form-error{color:#ffd9dc;background:#b9586338;border-radius:12px;margin:4px 0;padding:9px 11px;font-size:11px;line-height:1.4}.sent-access-card{text-align:center}.success-icon{color:#edf7ef;background:#5d8f797a;border-radius:19px;place-items:center;width:56px;height:56px;margin:2px auto 12px;display:grid}.sent-access-card h2{margin:0 0 7px;font-family:Georgia,serif;font-weight:500}.sent-access-card>p{color:#ffffff9e;margin:0 0 18px;font-size:12px;line-height:1.5}.sent-access-card form{text-align:left;flex-direction:column;gap:8px;display:flex}.sent-access-card input{text-align:center;letter-spacing:.25em;font-size:23px;font-weight:750}.text-button{color:#bdb7ec;background:0 0;border:0;min-height:42px;font-size:11px;font-weight:650}.sent-access-card>.text-button{width:100%;margin-top:3px;display:block}.app-shell{background:var(--paper-deep);max-width:520px;min-height:100dvh;margin:0 auto;overflow-x:clip}.app-content{min-height:100dvh;padding-bottom:calc(102px + env(safe-area-inset-bottom))}.app-header{contain:paint;min-height:250px;padding:calc(18px + env(safe-area-inset-top)) 18px 24px;color:#fff;background:radial-gradient(circle at 88% 3%,#8f87d873,#0000 37%),linear-gradient(155deg,#2c3760,#171d35 74%);border-radius:0 0 34px 34px;position:relative;overflow:hidden;box-shadow:0 8px 20px #11162a24}.app-header:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-145px;right:-80px;box-shadow:0 0 0 38px #ffffff06,0 0 0 82px #ffffff05}.brand-lockup{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.brand-lockup .logo-mark{border-radius:13px;width:38px;height:38px}.brand-lockup .logo-mark>svg{width:21px;height:21px}.brand-lockup .logo-mark i{border-width:3px;width:17px;height:17px}.brand-lockup>div{flex-direction:column;display:flex}.brand-lockup span{color:#ffffff8a;letter-spacing:.17em;font-size:7px;font-weight:800}.brand-lockup strong{letter-spacing:.1em;font-family:Georgia,serif;font-size:22px;font-weight:500}.settings-button{z-index:2;top:calc(18px + env(safe-area-inset-top));color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:17px}.settings-button svg{width:20px;height:20px}.welcome-line{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:31px;display:grid;position:relative}.welcome-line small{color:#bdb8ed;font-size:11px;font-weight:650}.welcome-line h1{letter-spacing:-.025em;max-width:295px;margin:5px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,7vw,34px);font-weight:500;line-height:1.08}.pair-stamp{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:71px;height:71px;display:flex;box-shadow:inset 0 0 0 5px #ffffff06}.pair-stamp span{text-align:center;width:22px;font-family:Georgia,serif;font-size:18px}.pair-stamp svg{width:13px;height:13px;color:var(--coral)}.unopened-banner{z-index:1;color:#ffffffc7;background:#070a1b29;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;min-height:39px;margin-top:20px;padding:8px 11px;font-size:10px;display:flex;position:relative}.unopened-banner svg{color:#d8d3ff;width:16px;height:16px}.view-stack{contain:layout style;padding:25px 15px 13px}.page-enter{animation:.11s cubic-bezier(.2,.8,.2,1) both page-enter}@keyframes page-enter{0%{opacity:.35;transform:translateY(4px)}}.section-heading{padding:0 5px 18px}.section-heading>span{color:#756ebd;letter-spacing:.15em;align-items:center;gap:6px;font-size:8px;font-weight:850;display:flex}.section-heading>span svg{width:14px;height:14px}.section-heading h2{color:var(--ink);letter-spacing:-.025em;margin:6px 0 5px;font-family:Georgia,serif;font-size:26px;font-weight:500}.section-heading p{max-width:390px;color:var(--muted);margin:0;font-size:11px;line-height:1.55}.compose-heading{padding-bottom:20px}.compose-form{flex-direction:column;gap:16px;display:flex}.mood-fieldset{border:0;min-width:0;margin:0;padding:0}.mood-fieldset legend{color:var(--ink);margin:0 0 10px 5px;font-size:11px;font-weight:780}.mood-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mood-grid button{border:1px solid var(--line);text-align:left;min-width:0;min-height:86px;color:var(--ink);background:#ffffffb8;border-radius:20px;grid-template-columns:39px 1fr;align-items:center;gap:9px;padding:12px;transition:transform .14s,border-color .14s,background .14s;display:grid;position:relative;box-shadow:0 6px 18px #1c244009}.mood-grid button:active{transform:scale(.98)}.mood-grid button>span{background:color-mix(in srgb, var(--mood) 17%, white);border-radius:13px;place-items:center;width:39px;height:39px;font-size:21px;display:grid}.mood-grid button strong{overflow-wrap:anywhere;font-size:10px;line-height:1.3}.mood-grid button>svg{color:#fff;background:var(--mood);border-radius:50%;width:16px;height:16px;padding:3px;position:absolute;top:8px;right:8px}.mood-grid button.selected{border-color:var(--mood);background:color-mix(in srgb, var(--mood) 7%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--mood) 15%, transparent)}.mood-grid .add-mood{color:#77718d;background:#ffffff57;border-style:dashed}.mood-grid .add-mood>svg{color:#716bac;background:var(--violet-light);border-radius:13px;width:39px;height:39px;padding:10px;position:static}.paper-editor{background:linear-gradient(#8671580b 1px,#0000 1px) 0 109px/100% 31px,#fffaf2;border:1px solid #80674c24;border-radius:25px;padding:18px 16px 17px;position:relative;overflow:hidden;box-shadow:0 12px 30px #3d2f2313}.paper-editor:after{content:"";background:#ef9c8f40;width:1px;position:absolute;top:0;bottom:0;left:12px}.editor-step{align-items:center;gap:10px;margin:0 0 18px 5px;display:flex}.editor-step>span{color:#fff;background:var(--ink);border-radius:11px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:800;display:grid}.editor-step>div{flex-direction:column;display:flex}.editor-step strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.editor-step small{color:var(--muted);font-size:9px}.paper-editor label{color:#686270;letter-spacing:.08em;text-transform:uppercase;margin:13px 0 6px 5px;font-size:9px;font-weight:800;display:block}.paper-editor input,.paper-editor textarea{color:#28283a;background:#ffffff85;border:0;border-radius:10px;outline:none;width:100%;padding:9px 10px}.paper-editor input{font-family:Georgia,serif;font-size:20px}.paper-editor textarea{resize:vertical;min-height:235px;line-height:1.85}.paper-editor input:focus,.paper-editor textarea:focus{box-shadow:0 0 0 3px #8f87d826}.paper-editor input::placeholder,.paper-editor textarea::placeholder{color:#aaa4aa}.unlimited-note{color:#8a8393;align-items:center;gap:5px;margin:10px 4px 0;font-size:8px;display:flex}.unlimited-note svg{color:#8f87d8;width:12px;height:12px}.compose-actions{grid-template-columns:.9fr 1.25fr;gap:9px;display:grid}.secondary-button,.seal-button{border:0;border-radius:18px;justify-content:center;align-items:center;gap:7px;min-height:55px;font-size:11px;font-weight:800;display:flex}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#ffffffb3}.seal-button{color:#fff;background:linear-gradient(135deg, #3b4672, var(--ink-deep));box-shadow:0 12px 27px #1c244033}.seal-button>span{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.secondary-button svg,.seal-button svg{width:17px;height:17px}.cancel-edit{color:#746e89}.mood-section{content-visibility:auto;contain-intrinsic-size:auto 150px;margin-bottom:20px}.mood-section>header{align-items:center;gap:9px;margin:0 5px 9px;display:flex}.mood-section>header>div{border-radius:13px;place-items:center;width:39px;height:39px;font-size:20px;display:grid}.mood-section>header>span{flex-direction:column;display:flex}.mood-section>header strong{font-family:Georgia,serif;font-size:16px;font-weight:500}.mood-section>header small{color:var(--muted);font-size:8px}.envelope-list{flex-direction:column;gap:8px;display:flex}.envelope-card{--mood:#8f87d8;contain:layout paint;content-visibility:auto;contain-intrinsic-size:92px;border:1px solid color-mix(in srgb, var(--mood) 20%, var(--line));text-align:left;width:100%;min-height:92px;color:var(--ink);background:linear-gradient(120deg, color-mix(in srgb, var(--mood) 7%, white), #ffffffd1);border-radius:22px;grid-template-columns:64px 1fr 20px;align-items:center;gap:11px;padding:12px 11px;display:grid}.envelope-card[data-emotion=rain]{background-image:repeating-linear-gradient(115deg,#0000 0 17px,#7187a60e 18px 19px),linear-gradient(120deg,#f0f5fa,#fff)}.envelope-card[data-emotion=sun]{background-image:radial-gradient(circle at 7% 12%,#ffca4c26,#0000 34%),linear-gradient(120deg,#fff9e8,#fff)}.envelope-card[data-emotion=calm]{background-image:radial-gradient(circle at 2%,#0000 0 22px,#6f9b8714 23px 25px,#0000 26px 42px),linear-gradient(120deg,#eff8f4,#fff)}.envelope-card[data-emotion=night]{background-image:radial-gradient(circle at 92% 18%,#ffffffe6 0 1px,#0000 2px),radial-gradient(circle at 82% 72%,#7187a626 0 2px,#0000 3px),linear-gradient(120deg,#eef1f8,#fff)}.envelope-card[data-emotion=fire]{background-image:radial-gradient(circle at 5% 100%,#ef9c8f2e,#0000 40%),linear-gradient(120deg,#fff2eb,#fff)}.envelope-card[data-emotion=heart]{background-image:radial-gradient(circle at 4%,#bd648421,#0000 34%),linear-gradient(120deg,#fff2f6,#fff)}.envelope-card>svg{color:#aaa6b7;width:18px}.envelope-visual{color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--mood) 66%, white), var(--mood));border-radius:9px;place-items:center;width:62px;height:48px;display:grid;position:relative;overflow:hidden}.envelope-visual:before,.envelope-visual:after{content:"";border:1px solid #ffffff52;width:43px;height:43px;position:absolute;transform:rotate(45deg)}.envelope-visual:before{top:-25px}.envelope-visual:after{bottom:-29px}.envelope-visual i{background:linear-gradient(35deg,#0000 49%,#ffffff38 50%,#0000 51%);position:absolute;inset:0}.envelope-visual b{opacity:.35;font-size:12px;position:absolute;top:3px;left:5px}.envelope-visual svg{z-index:2;color:#fff;background:var(--coral);border-radius:50%;width:18px;height:18px;padding:4px}.envelope-card.opened .envelope-visual{color:#5a5774;background:linear-gradient(145deg,#f5ecdf,#ddd3c6)}.envelope-card.opened .envelope-visual svg{background:#8f87d8}.envelope-copy{flex-direction:column;min-width:0;display:flex}.envelope-copy small{color:#8b85a0;letter-spacing:.08em;font-size:7px;font-weight:800}.envelope-copy strong{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 2px;font-family:Georgia,serif;font-size:16px;font-weight:500;overflow:hidden}.envelope-copy em{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;font-style:normal;overflow:hidden}.letter-list{flex-direction:column;gap:10px;display:flex}.draft-card,.sent-card{contain:layout paint;content-visibility:auto;contain-intrinsic-size:82px;border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#ffffffc7;border-radius:22px;grid-template-columns:48px 1fr auto;gap:11px;padding:13px;display:grid}.sent-card{--mood:#8f87d8;border-color:color-mix(in srgb, var(--mood) 18%, var(--line));background:linear-gradient(120deg, color-mix(in srgb, var(--mood) 6%, white), #ffffffdb)}.letter-list-icon{border-radius:15px;place-items:center;width:47px;height:47px;font-size:22px;display:grid}.draft-card>div:nth-child(2){min-width:0}.draft-card small,.sent-card small{color:#8f87a0;letter-spacing:.08em;font-size:7px;font-weight:800}.draft-card h3{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 2px;font-family:Georgia,serif;font-size:17px;font-weight:500;overflow:hidden}.draft-card p{max-height:31px;color:var(--muted);margin:0 0 5px;font-size:9px;line-height:1.45;overflow:hidden}.draft-card em{color:#716bab;font-size:8px;font-style:normal}.draft-actions{flex-direction:column;gap:5px;display:flex}.draft-actions button{color:#716bab;background:#eeeaf8;border:0;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.draft-actions button:last-child{color:var(--danger);background:#f8e9ea}.draft-actions svg{width:15px;height:15px}.sent-card{grid-template-columns:48px 1fr 18px;align-items:center}.sent-card>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.sent-card strong{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 5px;font-family:Georgia,serif;font-size:16px;font-weight:500;overflow:hidden}.sent-card em{align-items:flex-start;gap:4px;font-size:8px;font-style:normal;font-weight:700;line-height:1.35;display:flex}.sent-card em svg{width:13px;height:13px}.opened-status{color:var(--green)}.waiting-status{color:#a57f50}.sent-card>svg{color:#aaa6b7;width:17px}.empty-state{text-align:center;background:#ffffff59;border:1px dashed #4d486533;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:30px 22px;display:flex}.empty-state>span{color:#756fba;background:var(--violet-light);border-radius:21px;place-items:center;width:62px;height:62px;display:grid}.empty-state>span svg{width:27px;height:27px}.empty-state h3{margin:14px 0 5px;font-family:Georgia,serif;font-size:20px;font-weight:500}.empty-state p{max-width:290px;color:var(--muted);margin:0;font-size:10px;line-height:1.55}.bottom-nav{z-index:40;width:min(100%,520px);min-height:calc(76px + env(safe-area-inset-bottom));contain:layout paint;padding:6px 9px env(safe-area-inset-bottom);background:#fffaf2;border-top:1px solid #1c244017;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0);box-shadow:0 -5px 15px #1c24400f}.bottom-nav button{color:#9793a1;background:0 0;border:0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:60px;transition:color .16s,background .16s,transform .16s;display:flex}.bottom-nav button:active{transform:scale(.95)}.bottom-nav button>span{place-items:center;height:27px;display:grid;position:relative}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button small{text-overflow:ellipsis;max-width:100%;font-size:8px;font-weight:750;overflow:hidden}.bottom-nav button.active{color:var(--ink);background:#8f87d821}.bottom-nav button.active svg{color:#756fba;stroke-width:2.3px}.bottom-nav button i{border:2px solid var(--paper);color:#fff;background:var(--coral);border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;font-style:normal;font-weight:850;display:grid;position:absolute;top:-5px;right:-10px}.content-loader{color:#716bab;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:48vh;display:flex}.content-loader span{color:var(--muted);font-size:10px}.toast{z-index:90;left:50%;bottom:calc(91px + env(safe-area-inset-bottom));color:#fff;background:#181e36f5;border-radius:15px;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 36px);min-height:43px;padding:10px 14px;font-size:10px;font-weight:650;animation:.2s ease-out both toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 32px #080c1b3d}.toast svg{color:#b9f0d0;width:15px;height:15px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.sheet-backdrop{z-index:70;contain:strict;overscroll-behavior:none;background:#0c101f85;justify-content:center;align-items:end;animation:.13s ease-out both fade-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fade-in{0%{opacity:0}}.sheet{contain:layout paint style;width:min(100%,520px);max-height:93dvh;color:var(--ink);background:var(--paper);overscroll-behavior:none;will-change:transform;backface-visibility:hidden;border-radius:30px 30px 0 0;animation:.2s cubic-bezier(.2,.82,.24,1) both sheet-up;overflow:hidden;transform:translate(0,0);box-shadow:0 -14px 42px #05081240}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-drag-zone{cursor:grab;touch-action:none;place-items:center;height:35px;display:grid}.sheet-drag-zone:active{cursor:grabbing}.sheet-drag-zone>span{background:#d6cec2;border-radius:99px;width:39px;height:5px}.sheet.is-dragging{transition:none;animation:none}.sheet>header{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr 42px;align-items:center;min-height:57px;padding:2px 15px 8px;display:grid}.sheet>header button{width:39px;height:39px;color:var(--ink);background:#eee7dc;border:0;border-radius:50%;place-items:center;display:grid}.sheet>header button svg{width:19px;height:19px}.sheet>header h2{text-align:center;margin:0;font-family:Georgia,serif;font-size:17px;font-weight:500}.sheet-scroll{contain:content;max-height:calc(93dvh - 92px);padding:19px 17px calc(30px + env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}.panel-primary,.panel-secondary,.danger-button{border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:51px;font-size:11px;font-weight:800;display:flex}.panel-primary{color:#fff;background:linear-gradient(135deg, #3c4774, var(--ink-deep));margin-top:15px;box-shadow:0 10px 24px #1c24402b}.panel-secondary{color:#6f6a79;background:#eee7dc;margin-top:7px}.panel-primary svg,.panel-secondary svg,.danger-button svg{width:17px;height:17px}.persistence-note{text-align:center;color:#8f8995;justify-content:center;align-items:center;gap:5px;margin:13px 8px 0;font-size:8px;line-height:1.4;display:flex}.persistence-note svg{width:13px;height:13px;color:var(--green);flex:none}.seal-preview{border:1px solid var(--line);text-align:center;background:linear-gradient(145deg,#f5efe4,#fffaf2);border-radius:24px;padding:23px 18px}.seal-preview>span{background:var(--violet-light);border-radius:22px;place-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:31px;display:grid}.seal-preview small{color:#756fba;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850;display:block}.seal-preview h3{margin:6px 0 8px;font-family:Georgia,serif;font-size:24px;font-weight:500}.seal-preview p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.closed-letter-hero{text-align:center;padding:8px 10px 15px}.large-envelope{color:#fff;background:linear-gradient(145deg,#9b95dd,#6762a3);border-radius:17px;place-items:center;width:155px;height:112px;margin:4px auto 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 31px #312d5e40}.large-envelope:before,.large-envelope:after{content:"";border:1px solid #ffffff52;width:110px;height:110px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.large-envelope:before{top:-66px}.large-envelope:after{bottom:-75px}.large-envelope i{background:linear-gradient(34deg,#0000 49%,#ffffff38 50%,#0000 51%);position:absolute;inset:0}.large-envelope svg{z-index:2;border:7px solid var(--coral);color:#fff;background:var(--coral);border-radius:50%;width:38px;height:38px;padding:4px}.closed-letter-hero small{color:#756fba;letter-spacing:.12em;font-size:8px;font-weight:850}.closed-letter-hero h3{margin:7px 0 8px;font-family:Georgia,serif;font-size:25px;font-weight:500}.closed-letter-hero p{max-width:350px;color:var(--muted);margin:0 auto;font-size:10px;line-height:1.55}.revealed-letter{--mood:#8f87d8}.revealed-letter>header{align-items:center;gap:9px;margin:0 5px 12px;display:flex}.revealed-letter>header>span{border-radius:15px;place-items:center;width:45px;height:45px;font-size:23px;display:grid}.revealed-letter>header>div{flex-direction:column;display:flex}.revealed-letter>header small{color:#756fba;font-size:8px;font-weight:800}.revealed-letter>header em{color:var(--muted);margin-top:2px;font-size:8px;font-style:normal}.letter-paper{isolation:isolate;border:1px solid color-mix(in srgb, var(--mood) 17%, #80674c26);background:linear-gradient(#8671580b 1px, transparent 1px) 0 87px/100% 32px, linear-gradient(145deg, color-mix(in srgb, var(--mood) 5%, #fffaf2), #fffaf2);border-radius:23px;min-height:315px;padding:28px 22px 24px;position:relative;overflow:hidden;box-shadow:0 13px 30px #3d2f2314}.revealed-letter[data-emotion=rain] .letter-paper{background:repeating-linear-gradient(112deg,#0000 0 25px,#7187a60b 26px 27px),linear-gradient(#8671580a 1px,#0000 1px) 0 87px/100% 32px,#f7fbff}.revealed-letter[data-emotion=sun] .letter-paper{background:radial-gradient(circle at 100% 0,#e7a84b2b,#0000 42%),linear-gradient(#8671580a 1px,#0000 1px) 0 87px/100% 32px,#fffaf0}.revealed-letter[data-emotion=calm] .letter-paper{background:radial-gradient(circle at 100% 100%,#0000 0 55px,#6f9b870f 56px 58px,#0000 59px 82px),linear-gradient(#8671580a 1px,#0000 1px) 0 87px/100% 32px,#f7fcf9}.revealed-letter[data-emotion=night] .letter-paper{background:radial-gradient(circle at 89% 8%,#7187a62e 0 2px,#0000 3px),radial-gradient(circle at 76% 14%,#7187a61f 0 1px,#0000 2px),linear-gradient(#8671580a 1px,#0000 1px) 0 87px/100% 32px,#f7f8fc}.revealed-letter[data-emotion=fire] .letter-paper{background:radial-gradient(circle at 0 100%,#ef9c8f29,#0000 42%),linear-gradient(#8671580a 1px,#0000 1px) 0 87px/100% 32px,#fff8f3}.revealed-letter[data-emotion=heart] .letter-paper{background:radial-gradient(circle at 100% 0,#bd648421,#0000 40%),linear-gradient(#8671580a 1px,#0000 1px) 0 87px/100% 32px,#fff8fa}.letter-paper:after{content:"";background:#ef9c8f40;width:1px;position:absolute;top:0;bottom:0;left:14px}.letter-watermark{z-index:-1;opacity:.07;font-size:118px;line-height:1;position:absolute;bottom:-24px;right:-13px;transform:rotate(-8deg)}.letter-paper>i{color:#8f87a0;font-family:Georgia,serif;font-size:11px}.letter-paper h3{margin:9px 0 17px;font-family:Georgia,serif;font-size:26px;font-weight:500;line-height:1.2}.letter-paper p{white-space:pre-wrap;overflow-wrap:anywhere;color:#3c3a43;margin:0;font-family:Georgia,serif;font-size:15px;line-height:2.05}.letter-paper footer{color:#8d6f77;justify-content:flex-end;align-items:center;gap:5px;margin-top:28px;font-family:Georgia,serif;font-size:10px;font-style:italic;display:flex}.letter-paper footer svg{width:13px;height:13px;color:var(--coral)}.preview-safety-note,.edit-history-note,.locked-edit-note{text-align:center;color:#5f647d;background:#eef1f8;border-radius:14px;justify-content:center;align-items:flex-start;gap:6px;margin:11px 5px 0;padding:10px 11px;font-size:8.5px;line-height:1.45;display:flex}.preview-safety-note svg,.edit-history-note svg,.locked-edit-note svg{flex:none;width:14px;height:14px}.edit-history-note{color:#746a4e;background:#f7f0e1}.locked-edit-note{color:#6e6877;background:#eee9f1}.edit-sent-button{color:#5f598f;background:#ece9f8}.edit-sent-form{--mood:#8f87d8;flex-direction:column;display:flex}.edit-sent-intro{border:1px solid color-mix(in srgb, var(--mood) 24%, var(--line));background:color-mix(in srgb, var(--mood) 7%, white);border-radius:19px;align-items:center;gap:11px;margin-bottom:10px;padding:12px;display:flex}.edit-sent-intro>span{background:color-mix(in srgb, var(--mood) 15%, white);border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.edit-sent-intro>div{flex-direction:column;display:flex}.edit-sent-intro small{color:#7f7890;letter-spacing:.1em;font-size:7px;font-weight:850}.edit-sent-intro strong{margin-top:3px;font-family:Georgia,serif;font-size:17px;font-weight:500}.edit-sent-form>p{color:var(--muted);align-items:flex-start;gap:6px;margin:0 2px 12px;font-size:9px;line-height:1.5;display:flex}.edit-sent-form>p svg{width:15px;height:15px;color:var(--green);flex:none}.edit-sent-form label{color:#706a78;margin:9px 4px 6px;font-size:9px;font-weight:800}.edit-sent-form input,.edit-sent-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:15px;outline:none;padding:12px 13px}.edit-sent-form input{font-family:Georgia,serif;font-size:18px}.edit-sent-form textarea{resize:vertical;min-height:280px;font-family:Georgia,serif;font-size:14px;line-height:1.75}.edit-sent-form input:focus,.edit-sent-form textarea:focus{border-color:var(--mood);box-shadow:0 0 0 3px color-mix(in srgb, var(--mood) 14%, transparent)}.danger-panel{text-align:center;padding:10px 8px 18px}.danger-panel>span{width:64px;height:64px;color:var(--danger);background:#f7e5e7;border-radius:22px;place-items:center;margin:0 auto 12px;display:grid}.danger-panel h3{margin:0 0 7px;font-family:Georgia,serif;font-size:22px;font-weight:500}.danger-panel p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.danger-button{color:#fff;background:var(--danger)}.custom-mood-form{flex-direction:column;gap:8px;display:flex}.mood-preview{border:1px solid color-mix(in srgb, var(--mood) 35%, transparent);background:color-mix(in srgb, var(--mood) 8%, white);border-radius:22px;align-items:center;gap:13px;min-height:100px;margin-bottom:10px;padding:16px;display:flex}.mood-preview span{background:color-mix(in srgb, var(--mood) 18%, white);border-radius:18px;place-items:center;width:56px;height:56px;font-size:29px;display:grid}.mood-preview strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.custom-mood-form label,.custom-mood-form legend,.settings-form label{color:#706a78;margin:7px 3px 0;font-size:9px;font-weight:800}.custom-mood-form input,.settings-form input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:#fff;border-radius:15px;outline:none;padding:0 13px}.custom-mood-form input:focus,.settings-form input:focus{border-color:#8f87d8;box-shadow:0 0 0 3px #8f87d824}.custom-mood-form .emoji-input{text-align:center;width:85px;font-size:24px}.custom-mood-form fieldset{border:0;margin:6px 0 0;padding:0}.color-swatches{flex-wrap:wrap;gap:10px;margin-top:9px;display:flex}.color-swatches button{border:4px solid var(--paper);border-radius:50%;width:39px;height:39px;box-shadow:0 0 0 1px #1c24401f}.color-swatches button.selected{box-shadow:0 0 0 3px var(--ink)}.settings-intro{border:1px solid var(--line);text-align:center;color:#fff;background:linear-gradient(145deg,#262f52,#171d35);border-radius:24px;padding:20px 16px}.settings-intro>span{width:57px;height:57px;color:var(--ink);background:#f7efe4;border-radius:19px;place-items:center;margin:0 auto 10px;display:grid}.settings-intro h3{margin:0;font-family:Georgia,serif;font-size:23px;font-weight:500}.settings-intro>p{color:#ffffff87;margin:4px 0 12px;font-size:9px}.settings-intro>div{border-top:1px solid #ffffff1a;flex-direction:column;padding-top:12px;display:flex}.settings-intro strong{font-size:10px}.settings-intro small{color:#ffffff7a;font-size:8px}.settings-form{border:1px solid var(--line);background:#fff;border-radius:21px;flex-direction:column;gap:6px;margin-top:14px;padding:16px;display:flex}.settings-form>span{color:#756fba;letter-spacing:.13em;font-size:7px;font-weight:850}.settings-form h4{margin:0 0 2px;font-family:Georgia,serif;font-size:18px;font-weight:500}.settings-form>p{color:var(--muted);margin:0 0 3px;font-size:9px}.settings-form button{color:#fff;background:var(--ink);border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:46px;margin-top:8px;font-size:10px;font-weight:800;display:flex}.settings-form button svg{width:15px;height:15px}.partner-access-card{background:linear-gradient(145deg,#fffaf0,#f8f0df);border:1px solid #e3d6b5;border-radius:21px;margin-top:14px;padding:16px}.partner-access-card>span{color:#9b753c;letter-spacing:.13em;font-size:7px;font-weight:850}.partner-access-card h4{margin:3px 0 5px;font-family:Georgia,serif;font-size:19px;font-weight:500}.partner-access-card>p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.partner-access-warning{color:#705f42;background:#ffffffad;border-radius:14px;align-items:flex-start;gap:7px;margin-top:11px;padding:10px;font-size:8px;line-height:1.5;display:flex}.partner-access-warning svg{color:#9b753c;flex:none;width:15px;height:15px}.partner-code-output{background:#fff;border:1px solid #9b753c2b;border-radius:16px;flex-direction:column;align-items:center;margin-top:11px;padding:12px;display:flex}.partner-code-output small{color:#9b753c;letter-spacing:.12em;font-size:7px;font-weight:850}.partner-code-output strong{overflow-wrap:anywhere;text-align:center;letter-spacing:.035em;width:100%;margin:6px 0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.partner-code-output button,.partner-generate-button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:43px;font-size:9px;font-weight:800;display:flex}.partner-code-output button{color:#6d572f;background:#f5ead5;width:100%}.partner-generate-button{color:#fff;background:linear-gradient(135deg,#9b753c,#6e5028);width:100%;margin-top:10px}.partner-code-output svg,.partner-generate-button svg{width:15px;height:15px}.settings-error,.settings-success{border-radius:13px;padding:10px 12px;font-size:9px;line-height:1.4}.settings-error{color:#9d414b;background:#f8e7e9}.settings-success{color:#3f725c;background:#e9f4ed;align-items:center;gap:6px;display:flex}.settings-success svg{width:14px;height:14px}.privacy-card,.install-tip{border:1px solid var(--line);background:#f6f1e9;border-radius:19px;align-items:flex-start;gap:11px;margin-top:14px;padding:14px;display:flex}.privacy-card>svg{color:var(--green);flex:none}.privacy-card strong,.install-tip strong{font-size:11px}.privacy-card p,.install-tip p{color:var(--muted);margin:3px 0 0;font-size:8px;line-height:1.5}.install-tip{background:#eeebf8;align-items:center}.install-tip .logo-mark{width:47px;height:47px}.signout-button{width:100%;min-height:48px;color:var(--danger);background:#f7e7e9;border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:10px;font-weight:800;display:flex}.signout-button svg{width:16px;height:16px}@media (width<=360px){.app-header{min-height:238px;padding-left:14px;padding-right:14px}.welcome-line{gap:9px}.pair-stamp{width:61px;height:61px}.view-stack{padding-left:11px;padding-right:11px}.mood-grid{gap:7px}.mood-grid button{grid-template-columns:34px 1fr;gap:7px;min-height:80px;padding:9px}.mood-grid button>span,.mood-grid .add-mood>svg{width:34px;height:34px}.compose-actions{grid-template-columns:1fr}.secondary-button,.seal-button{min-height:51px}.envelope-card{grid-template-columns:55px 1fr 16px;gap:8px;padding:10px 9px}.envelope-visual{width:54px;height:44px}.bottom-nav{padding-left:5px;padding-right:5px}.bottom-nav button small{font-size:7px}}@media (width>=521px){body{padding:16px 0}.app-shell{border-radius:32px;min-height:calc(100dvh - 32px);overflow:hidden}.app-header{padding-top:24px}.settings-button{top:24px}.bottom-nav{border:1px solid #1c244017;border-radius:0 0 31px 31px;bottom:16px}.sheet{border-radius:30px;margin-bottom:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}