.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-label,.card-kicker{display:block;color:var(--primary);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.vault-hero{padding:72px 0 54px}.vault-hero>.container{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:54px}.hero-copy h1{max-width:760px;margin:22px 0 18px;font-size:clamp(3rem,6vw,5.7rem);line-height:.98}.hero-copy .lead{max-width:660px;margin:0}.quiet-link{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:var(--primary-dark);font-weight:800}.quiet-link span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:rgba(108,92,231,.1);transition:.2s}.quiet-link:hover span{transform:translateY(3px)}
.hero-envelope{position:relative;display:grid;min-height:440px;place-items:center}.envelope{position:relative;width:min(390px,80vw);height:260px;filter:drop-shadow(0 28px 35px rgba(52,43,126,.22));transform:rotate(2deg);animation:floatEnvelope 5s ease-in-out infinite}.envelope-back{position:absolute;inset:32px 0 0;border-radius:24px;background:linear-gradient(145deg,#8879ef,#5c4bd8)}.letter{position:absolute;z-index:1;top:0;left:9%;width:82%;height:185px;padding:34px;border-radius:16px 16px 8px 8px;color:#4d4b66;background:linear-gradient(#fff,#f8f6ff);box-shadow:0 12px 30px rgba(32,26,89,.16);font-family:Georgia,serif;font-size:1.18rem;line-height:1.65;transform:translateY(-24px)}.letter:after{content:"";position:absolute;right:30px;bottom:24px;width:72px;height:2px;background:#dcd7f8;box-shadow:0 9px 0 #dcd7f8}.envelope-front{position:absolute;z-index:2;inset:32px 0 0;overflow:hidden;border-radius:24px}.envelope-front:before,.envelope-front:after{content:"";position:absolute;bottom:-64px;width:280px;height:280px;background:#7463e2}.envelope-front:before{left:-74px;transform:rotate(40deg)}.envelope-front:after{right:-74px;transform:rotate(50deg);background:#6554da}.seal{position:absolute;z-index:4;bottom:58px;left:50%;display:grid;width:54px;height:54px;place-items:center;border:5px double rgba(255,255,255,.4);border-radius:50%;color:#fff;background:#e86584;box-shadow:0 8px 18px rgba(97,35,62,.25);font-family:Georgia,serif;font-size:1.25rem;font-weight:800;transform:translateX(-50%)}.orbit{position:absolute;border:1px solid rgba(108,92,231,.16);border-radius:50%}.orbit-one{width:390px;height:390px}.orbit-two{width:470px;height:300px;transform:rotate(-18deg)}.orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px rgba(0,194,168,.1)}.orbit-one:after{top:46px;right:53px}.orbit-two:after{bottom:22px;left:105px;background:#ed7190;box-shadow:0 0 0 8px rgba(237,113,144,.1)}.float-note{position:absolute;padding:10px 14px;border:1px solid rgba(108,92,231,.12);border-radius:12px;color:#64627b;background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(53,49,110,.1);font-family:Georgia,serif;font-size:.83rem;font-style:italic;backdrop-filter:blur(10px)}.note-one{top:75px;right:6px;transform:rotate(5deg)}.note-two{bottom:60px;left:0;transform:rotate(-6deg)}
.vault-workspace{padding:34px 0 84px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:24px;align-items:start}.composer-card,.vault-panel{border:1px solid rgba(48,43,97,.11);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(55,47,126,.12);backdrop-filter:blur(18px)}.composer-card{padding:32px}.card-bar,.vault-panel-head,.try-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.card-bar h2,.vault-panel-head h2{margin:5px 0 0;font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.045em}.local-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(0,194,168,.18);border-radius:999px;color:#197e71;background:rgba(0,194,168,.07);font-size:.74rem;font-weight:800}.local-badge i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(0,194,168,.1)}.recipient-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.field-group{display:grid;gap:8px}.field-group>span{font-size:.82rem;font-weight:800}.field-group small{color:var(--muted);font-weight:600}.field-group input,.field-group select,.search-box input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(31,34,62,.13);border-radius:13px;color:var(--text);background:#fff;outline:none;transition:.2s}.field-group input:focus,.field-group select:focus,.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(108,92,231,.09)}.prompt-row{display:flex;align-items:center;gap:8px;margin:18px 0 12px;overflow-x:auto;padding-bottom:2px}.prompt-row>span{flex:none;color:var(--muted);font-size:.75rem;font-weight:750}.prompt-chip{flex:none;padding:8px 10px;border:1px solid rgba(108,92,231,.12);border-radius:999px;color:#5c52a6;background:#f8f7ff;font-size:.75rem;font-weight:700}.prompt-chip:hover{border-color:rgba(108,92,231,.28);background:#f1efff}.message-paper{position:relative;display:block;overflow:hidden;border:1px solid rgba(108,92,231,.15);border-radius:18px;background:repeating-linear-gradient(#fff 0,#fff 35px,#eeebfb 36px)}.message-paper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(108,92,231,.09)}.message-paper textarea{display:block;width:100%;min-height:335px;padding:24px 26px 45px;border:0;resize:vertical;color:#33324a;background:transparent;outline:none;font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;line-height:36px}.message-paper textarea::placeholder{color:#aaa7bd}.character-count{position:absolute;right:15px;bottom:12px;padding:4px 8px;border-radius:8px;color:var(--muted);background:rgba(255,255,255,.88);font:700 .7rem Inter,system-ui,sans-serif}.draft-row{display:flex;justify-content:space-between;gap:16px;margin:11px 2px 20px;color:var(--muted);font-size:.76rem}.text-button{padding:0;border:0;color:var(--primary);background:transparent;font-weight:750}.seal-button{position:relative;display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;gap:12px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#5040cc,var(--primary) 60%,#7f70eb);box-shadow:0 16px 32px rgba(82,66,199,.27);font-weight:850;transition:.22s}.seal-button:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(82,66,199,.34)}.seal-button small{position:absolute;right:16px;color:rgba(255,255,255,.6);font-size:.66rem}.button-envelope{font-size:1.15rem}.seal-button.sealing .button-envelope{animation:sealAway .72s ease both}.privacy-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:15px auto 0;color:var(--muted);font-size:.73rem;line-height:1.5;text-align:center}.privacy-note span{color:var(--accent)}.privacy-note strong{color:#52556d}
.vault-panel{position:sticky;top:112px;padding:28px;max-height:calc(100vh - 136px);overflow:auto}.vault-count{display:grid;width:45px;height:45px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--primary),#8f82ef);box-shadow:0 10px 22px rgba(108,92,231,.25);font-weight:850}.vault-stats{display:flex;gap:10px;margin:20px 0 14px}.vault-stats span{flex:1;padding:11px;border-radius:12px;color:var(--muted);background:#f7f6fd;font-size:.7rem}.vault-stats strong{display:block;color:var(--text);font-size:1rem}.search-box{display:flex;align-items:center;gap:8px;padding-left:13px;border:1px solid rgba(31,34,62,.13);border-radius:13px;background:#fff;transition:.2s}.search-box span{color:var(--muted);font-size:1.2rem}.search-box input{height:43px;padding-left:0;border:0;box-shadow:none!important}.message-list{display:grid;gap:10px;margin-top:14px}.message-card{position:relative;padding:17px;border:1px solid rgba(31,34,62,.1);border-radius:16px;background:#fff;transition:.2s}.message-card.new-message{animation:messageArrive .65s cubic-bezier(.2,.8,.2,1)}.message-card:hover{border-color:rgba(108,92,231,.22);box-shadow:0 10px 28px rgba(55,47,126,.08)}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.message-to{overflow:hidden;color:#4f4c67;font-size:.78rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.message-date{flex:none;color:var(--muted);font-size:.67rem}.feeling-tag{display:inline-flex;margin-bottom:9px;padding:5px 8px;border-radius:999px;color:#7b5472;background:#fff0f5;font-size:.65rem;font-weight:800}.message-preview{display:-webkit-box;overflow:hidden;margin:0;color:#707188;font-family:Georgia,serif;font-size:.88rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message-card.open .message-preview{display:block;white-space:pre-wrap}.message-actions{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(31,34,62,.07)}.message-actions button{padding:0;border:0;color:var(--primary);background:transparent;font-size:.7rem;font-weight:800}.message-actions .delete-message{margin-left:auto;color:#b35e74}.empty-vault{padding:42px 14px 30px;text-align:center}.empty-lock{display:grid;width:66px;height:66px;margin:0 auto 17px;place-items:center;border:1px dashed rgba(108,92,231,.28);border-radius:22px;color:var(--primary);background:linear-gradient(145deg,#f5f2ff,#fff);font-size:1.9rem;transform:rotate(4deg)}.empty-vault strong{display:block}.empty-vault p{max-width:270px;margin:8px auto 0;color:var(--muted);font-size:.82rem;line-height:1.55}.clear-vault{width:100%;margin-top:16px;padding:10px;border:0;color:#a1586d;background:transparent;font-size:.72rem;font-weight:750}.search-empty{padding:28px 10px;color:var(--muted);font-size:.8rem;text-align:center}
.release-section{padding:80px 0;background:linear-gradient(135deg,#302a73,#5142c7 60%,#6456d2);color:#fff}.release-section>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.release-copy .section-label{color:#a7f4e9}.release-copy h2{max-width:430px;margin:12px 0 16px;font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.055em}.release-copy p{color:rgba(255,255,255,.7);line-height:1.75}.release-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.release-steps article{min-height:245px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.release-steps article>span{display:inline-flex;padding:6px 8px;border-radius:8px;color:#a7f4e9;background:rgba(0,194,168,.14);font-size:.7rem;font-weight:850}.release-steps h3{margin:55px 0 9px;font-size:1.1rem}.release-steps p{margin:0;color:rgba(255,255,255,.64);font-size:.83rem;line-height:1.6}
.content-section{padding:84px 0}.content-shell{max-width:940px}.content-intro{text-align:center}.content-intro h2,.faq-list h2{margin:10px 0 14px;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.045em}.content-intro p{max-width:760px;margin:0 auto;color:var(--muted);line-height:1.8}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:36px 0 56px}.privacy-grid article{display:flex;gap:15px;padding:22px;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.78)}.privacy-grid article>span{display:grid;width:54px;height:54px;flex:none;place-items:center;border-radius:15px;color:var(--primary);background:rgba(108,92,231,.1);font-size:.66rem;font-weight:900}.privacy-grid h3{margin:2px 0 7px;font-size:1rem}.privacy-grid p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.6}.faq-list h2{font-size:clamp(1.7rem,4vw,2.5rem)}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{padding:20px 34px 20px 0;cursor:pointer;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;margin-right:-28px;color:var(--primary);font-size:1.35rem}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0 0 21px;color:var(--muted);line-height:1.7}
.try-section{padding:16px 0 84px}.try-head{align-items:end;margin-bottom:24px}.try-head h2{margin:7px 0 7px;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.045em}.try-head p{margin:0;color:var(--muted)}.secondary-action{flex:none;color:var(--primary);font-size:.85rem;font-weight:800}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.try-card{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.82);transition:.22s}.try-card:hover{transform:translateY(-3px);border-color:rgba(108,92,231,.2);box-shadow:0 16px 35px rgba(53,49,110,.09)}.try-icon{display:grid;width:48px;height:48px;flex:none;place-items:center;border-radius:14px;color:var(--primary);background:rgba(108,92,231,.1);font-size:.68rem;font-weight:900}.try-card>span:nth-child(2){min-width:0}.try-card strong,.try-card span span{display:block}.try-card strong{font-size:.9rem}.try-card span span{margin-top:4px;color:var(--muted);font-size:.74rem;line-height:1.4}.try-card b{margin-left:auto;color:var(--primary)}
.confirm-dialog{width:min(440px,calc(100% - 28px));padding:0;border:0;border-radius:24px;color:var(--text);background:#fff;box-shadow:0 35px 100px rgba(29,24,79,.3)}.confirm-dialog::backdrop{background:rgba(28,25,63,.48);backdrop-filter:blur(5px)}.confirm-dialog form{padding:30px;text-align:center}.dialog-icon{display:grid;width:58px;height:58px;margin:0 auto 15px;place-items:center;border-radius:18px;color:#b45b72;background:#fff0f4;font-size:1.4rem}.confirm-dialog h2{margin:0;font-size:1.55rem}.confirm-dialog p{color:var(--muted);font-size:.86rem;line-height:1.65}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.dialog-actions button{min-height:45px;border-radius:12px;font-weight:800}.cancel-button{border:1px solid var(--border);color:var(--text);background:#fff}.delete-button{border:0;color:#fff;background:#b65f76}.toast{position:fixed;z-index:100;right:22px;bottom:22px;max-width:min(370px,calc(100% - 32px));padding:14px 18px;border:1px solid rgba(0,194,168,.2);border-radius:14px;color:#226a61;background:rgba(241,255,252,.96);box-shadow:0 16px 45px rgba(33,80,73,.16);font-size:.84rem;font-weight:800;opacity:0;transform:translateY(16px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
@keyframes floatEnvelope{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-12px)}}@keyframes sealAway{0%{transform:scale(1);opacity:1}65%{transform:translateY(-16px) scale(.5) rotate(-10deg);opacity:.5}100%{transform:translateY(2px) scale(1);opacity:1}}@keyframes messageArrive{0%{opacity:0;transform:translateY(-18px) scale(.94)}100%{opacity:1;transform:none}}
@media(max-width:980px){.vault-hero>.container{grid-template-columns:1fr;text-align:center}.hero-copy h1,.hero-copy .lead{margin-inline:auto}.hero-envelope{min-height:390px}.workspace-grid{grid-template-columns:1fr}.vault-panel{position:static;max-height:none}.release-section>.container{grid-template-columns:1fr}.release-steps article{min-height:210px}}
@media(max-width:720px){.vault-hero{padding-top:54px}.hero-envelope{min-height:330px}.envelope{width:300px;height:220px}.letter{height:160px;padding:27px;font-size:1rem}.orbit-one{width:300px;height:300px}.orbit-two{width:340px;height:240px}.note-one{right:0}.note-two{left:0}.composer-card,.vault-panel{padding:21px;border-radius:23px}.recipient-row,.privacy-grid{grid-template-columns:1fr}.release-steps,.try-grid{grid-template-columns:1fr}.release-steps article{min-height:auto}.release-steps h3{margin-top:30px}.try-head{align-items:flex-start;flex-direction:column}.message-paper textarea{padding-inline:18px}.prompt-row{margin-right:-21px}.seal-button small{display:none}}
@media(max-width:480px){.hero-envelope{min-height:290px}.envelope{width:250px;height:190px}.letter{height:145px;padding:23px;font-size:.88rem}.seal{bottom:40px;width:47px;height:47px}.orbit-one{width:250px;height:250px}.orbit-two{width:280px;height:210px}.float-note{display:none}.card-bar{align-items:flex-start;flex-direction:column}.local-badge{align-self:flex-start}.draft-row{align-items:flex-start;flex-direction:column}.vault-stats{flex-direction:column}.dialog-actions{grid-template-columns:1fr}.try-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.envelope,.seal-button.sealing .button-envelope,.message-card.new-message{animation:none}.quiet-link span,.try-card,.seal-button{transition:none}}