.vault{position:relative;min-height:100dvh}.vault .vscroll{position:relative;z-index:1;padding-bottom:130px}.vault .vhero{text-align:center;padding:26px 22px 2px}.vault .vhero h1{font-family:Cormorant Garamond,serif;font-size:44px;font-weight:600;color:var(--text);text-shadow:0 0 50px rgba(222,190,100,.25)}.vault .vhero .sub{font-family:Cormorant Garamond,serif;font-style:italic;font-size:16px;color:var(--soft);margin-top:7px}.vault .vsearch{display:flex;align-items:center;gap:11px;margin:20px auto 0;max-width:560px;padding:13px 16px;background:var(--surface);border-radius:16px;box-shadow:var(--card-shadow)}.vault .vsearch svg{flex:0 0 auto;width:17px;height:17px;color:var(--goldd)}.vault .vsearch input{flex:1;border:0;background:transparent;outline:none;font-family:inherit;font-size:14px;color:var(--text)}.vault .vsearch input::placeholder{color:var(--muted)}.vault .shelf{margin-top:26px;opacity:0;transform:translateY(18px);animation:vrise .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes vrise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.vault .shelf{animation:none;opacity:1;transform:none}}.vault .shelf-h{display:flex;align-items:baseline;justify-content:space-between;padding:0 22px;margin-bottom:13px}.vault .shelf-h .t{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600;color:var(--text)}.vault .rail{display:flex;gap:14px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;padding:14px 22px 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-top:-10px;margin-bottom:-12px}.vault .rail::-webkit-scrollbar{display:none}.vault .bcard{position:relative;flex:0 0 auto;width:248px;height:300px;scroll-snap-align:start;border-radius:22px;overflow:hidden;cursor:pointer;border:1px solid color-mix(in srgb,var(--gold) 18%,transparent);background:radial-gradient(130% 100% at 30% 0%,#21362a,#0b110d 80%);box-shadow:0 26px 60px -28px #000000bf;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;text-align:left;font-family:inherit;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .3s ease}.vault .bcard .bg-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 22%,rgba(222,190,100,.22),transparent 72%);opacity:.85;transition:opacity .45s ease}.vault .bcard .spark{position:absolute;border-radius:50%;background:#f6eac2d9;opacity:0;animation:vtw 5s ease-in-out infinite}@keyframes vtw{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.8;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.vault .bcard .spark{animation:none}}@media(hover:hover){.vault .bcard:hover{transform:translateY(-7px) scale(1.012);border-color:color-mix(in srgb,var(--gold) 42%,transparent);box-shadow:0 36px 70px -26px #000c,0 0 60px -16px #d8b85f57}.vault .bcard:hover .bg-glow{opacity:1}}.vault .bcard:active{transform:translateY(-3px) scale(1)}.vault .bc-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.vault .bc-tag{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--bctag, #E8C97A)}.vault .bc-count{font-size:11px;font-weight:700;color:#f3efe680}.vault .bc-quote{position:relative;z-index:2;flex:1;display:flex;align-items:center}.vault .bc-quote span{font-family:Cormorant Garamond,serif;font-style:italic;font-size:19px;line-height:1.4;color:#f3efe6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.vault .bc-name{position:relative;z-index:2;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600;color:#fff;margin-top:12px}.vault .bc-meta{position:relative;z-index:2;font-size:11.5px;color:#f3efe68c;margin-top:3px}.vault .createcard{flex:0 0 auto;width:160px;height:300px;scroll-snap-align:start;border-radius:22px;cursor:pointer;border:1.5px dashed color-mix(in srgb,var(--gold) 34%,transparent);background:color-mix(in srgb,var(--gold) 5%,transparent);color:var(--goldd);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-family:inherit;transition:.2s}.vault .createcard:hover{background:color-mix(in srgb,var(--gold) 10%,transparent)}.vault .createcard .cc-ic{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--gold) 16%,transparent);display:flex;align-items:center;justify-content:center}.vault .createcard .cc-ic svg{width:22px;height:22px}.vault .createcard .cc-t{font-size:13px;font-weight:600}.vault .empty-note{text-align:center;color:var(--muted);font-size:13.5px;padding:40px 30px}.vault .vlink{background:none;border:0;color:var(--goldd);font-family:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.vault .vempty{text-align:center;padding:60px 28px 40px;max-width:480px;margin:0 auto}.vault .ve-ic{width:64px;height:64px;margin:0 auto 20px;border-radius:20px;background:var(--field);display:flex;align-items:center;justify-content:center;color:var(--goldd)}.vault .ve-ic svg{width:30px;height:30px}.vault .vempty h2{font-family:Cormorant Garamond,serif;font-size:30px;font-weight:600;color:var(--text)}.vault .vempty p{font-size:14px;line-height:1.6;color:var(--text2);margin-top:12px}.vault .ve-actions{display:flex;gap:10px;justify-content:center;margin-top:24px;flex-wrap:wrap}.vault .focus{position:fixed;inset:0;z-index:60;background:var(--bgfield);opacity:0;visibility:hidden;transition:opacity .42s ease,visibility .42s;overflow-y:auto;scrollbar-width:none}.vault .focus::-webkit-scrollbar{display:none}.vault .focus.show{opacity:1;visibility:visible}.vault .focus-glow{position:absolute;top:0;left:0;right:0;height:46%;pointer-events:none;background:radial-gradient(56% 60% at 50% 0%,var(--glow1, var(--topglow)),transparent 72%)}.vault .focus-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:13px;padding:max(14px,env(safe-area-inset-top)) 20px 12px;background:linear-gradient(180deg,var(--bgfield),transparent)}.vault .focus-back{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:color-mix(in srgb,var(--screen) 60%,transparent);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.vault .focus-back svg{width:19px;height:19px}.vault .focus-h{flex:1;min-width:0}.vault .focus-h .ti{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600;color:var(--text);line-height:1}.vault .focus-h .su{font-size:11.5px;color:var(--muted);margin-top:2px}.vault .focus-in{position:relative;z-index:2;padding:8px 20px 120px;max-width:680px;margin:0 auto}.vault .ftruth{position:relative;border:1px solid color-mix(in srgb,var(--gold) 18%,transparent);border-radius:18px;overflow:hidden;background:radial-gradient(130% 100% at 28% 0%,#1e3127,#0c130f 82%);box-shadow:0 22px 50px -28px #000000b3;padding:20px;margin-bottom:13px;opacity:0;transform:translateY(16px) scale(.99);animation:vrise .55s cubic-bezier(.22,1,.36,1) forwards;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .3s ease}@media(hover:hover){.vault .ftruth:hover{transform:translateY(-6px) scale(1.012);border-color:color-mix(in srgb,var(--gold) 42%,transparent);box-shadow:0 36px 70px -26px #000c,0 0 60px -16px #d8b85f57}}html[data-theme=light] .vault .ftruth{background:radial-gradient(130% 100% at 28% 0%,#243a2d,#16241c 84%)}.vault .ft-glow{position:absolute;inset:0;pointer-events:none;opacity:.85;background:radial-gradient(58% 46% at 50% 14%,rgba(222,190,100,.16),transparent 72%);transition:opacity .45s ease}.vault .ftruth:hover .ft-glow{opacity:1}.vault .ft-tag{position:relative;z-index:2;display:inline-block;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--tagt)}.vault .ft-body{position:relative;z-index:2;font-family:Cormorant Garamond,serif;font-size:21px;line-height:1.42;color:#f3efe6;margin-top:11px}.vault .ftruth.dec .ft-body{font-weight:600}.vault .ftruth.pray .ft-body{font-style:italic}.vault .ft-acts{position:absolute;top:13px;right:13px;z-index:3;display:flex;gap:7px}.vault .ft-share,.vault .ft-del{width:32px;height:32px;border:0;background:#ffffff0f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f3efe6b8;cursor:pointer;transition:transform .16s ease,color .2s ease,background .2s ease}.vault .ft-share:hover,.vault .ft-del:hover{color:#f3efe6;background:#ffffff1f}.vault .ft-del:hover{color:#e89b7e}.vault .ft-share:active,.vault .ft-del:active{transform:scale(.9)}.vault .ft-share svg,.vault .ft-del svg{width:16px;height:16px}.vault .ft-ref{position:relative;z-index:2;display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#f3efe680;font-weight:700;margin-top:13px}.vault .ft-read{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;margin-top:11px;text-decoration:none;background:#ffffff0f;border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);border-radius:100px;padding:9px 15px;font-size:12px;letter-spacing:.02em;font-weight:700;color:var(--goldd);transition:.18s}.vault .ft-read:hover{background:#ffffff21;border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.vault .ft-read svg{width:14px;height:14px}.vault .vdeep{position:relative;margin-top:6px;padding:20px;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 12%,var(--surface)),var(--surface));box-shadow:0 18px 46px -18px #d8b85f6b,var(--card-shadow);opacity:0;transform:translateY(16px);animation:vrise .55s cubic-bezier(.22,1,.36,1) .12s forwards}.vault .vd-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(72% 60% at 50% 0%,rgba(216,184,95,.18),transparent 70%)}.vault .vd-tag{position:relative;z-index:1;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--goldd);font-weight:700}.vault .vd-h{position:relative;z-index:1;font-family:Cormorant Garamond,serif;font-size:24px;color:var(--text);font-weight:600;margin-top:8px;line-height:1.14}.vault .vd-shift{position:relative;z-index:1;font-family:Cormorant Garamond,serif;font-size:16px;color:var(--muted);margin-top:8px}.vault .vd-shift .arr{color:var(--goldd);margin:0 7px}.vault .vd-shift b{color:var(--text);font-weight:600}.vault .vd-p{position:relative;z-index:1;font-size:13.5px;line-height:1.56;color:var(--text2);margin-top:9px;text-wrap:pretty}.vault .vdeep .btn{position:relative;z-index:1;width:100%;margin-top:16px;box-shadow:0 14px 34px -12px #d8b85f99}.vault .vscrim{position:fixed;inset:0;z-index:65;background:#080e0b9e;backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}.vault .vscrim.open{opacity:1;visibility:visible}.vault .vsheet{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--screen);border-radius:24px 24px 0 0;border-top:1px solid var(--line2);box-shadow:0 -24px 60px -18px #000000b3;transform:translateY(102%);transition:transform .46s cubic-bezier(.22,1,.36,1);padding:0 22px max(24px,env(safe-area-inset-bottom))}.vault .vsheet.open{transform:translateY(0)}.vault .vsheet h3{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:600;color:var(--text);margin-top:6px}.vault .vsheet p{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.5}.vault .opts{margin:18px 0 4px;display:flex;flex-direction:column;gap:10px}.vault .opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:15px;cursor:pointer;font-family:inherit;transition:.18s}.vault .opt:hover{border-color:color-mix(in srgb,var(--gold) 36%,transparent);transform:translateY(-1px)}.vault .opt .oic{width:42px;height:42px;flex:0 0 auto;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--goldd)}.vault .opt .oic svg{width:21px;height:21px}.vault .opt .om{flex:1}.vault .opt .om .t{display:block;font-size:15px;font-weight:600;color:var(--text)}.vault .opt .om .s{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.vault .opt .go svg{width:18px;height:18px;color:var(--soft)}.vault .kindrow{display:flex;gap:8px;margin-top:16px}.vault .kbtn{flex:1;border:1px solid var(--line2);background:transparent;color:var(--text);border-radius:12px;padding:11px 6px;cursor:pointer;font-family:inherit;font-size:13px;transition:.2s}.vault .kbtn.on{background:#d8b85f29;border-color:#d8b85f73}.vault .namewrap{margin:16px 0 4px}.vault .namewrap input{width:100%;font-family:inherit;font-size:16px;color:var(--text);background:var(--field);border:1px solid var(--line2);border-radius:13px;padding:14px 15px}.vault .namewrap input:focus{outline:none;border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.vault .sactions{margin-top:14px;display:flex;flex-direction:column;gap:10px}.vault .sactions .btn{width:100%}.vault .hidden{display:none}.vault .fab{position:fixed;right:18px;bottom:110px;z-index:40;display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#13211a;border:0;border-radius:100px;font-family:inherit;font-size:14px;font-weight:700;padding:14px 20px;cursor:pointer;box-shadow:0 16px 38px -12px #d8b85fb3;transition:transform .15s ease}.vault .fab:hover{transform:translateY(-2px)}.vault .fab svg{width:18px;height:18px}.vault .fab[hidden]{display:none}.vault .vtoast{position:fixed;left:50%;bottom:150px;transform:translate(-50%,14px);z-index:80;background:var(--surface);border:1px solid var(--line2);color:var(--text);font-size:13px;padding:11px 18px;border-radius:100px;box-shadow:var(--card-shadow);opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s;white-space:nowrap}.vault .vtoast.show{opacity:1;visibility:visible;transform:translate(-50%)}html[data-theme=light] .vault .bcard,html[data-theme=light] .vault .ftruth{background:radial-gradient(130% 100% at 30% 0%,#fff,#f1e8d6 84%);border-color:color-mix(in srgb,var(--gold) 40%,transparent);box-shadow:0 22px 50px -30px #3c2d0f66}html[data-theme=light] .vault .bcard:hover,html[data-theme=light] .vault .ftruth:hover{border-color:color-mix(in srgb,var(--gold) 60%,transparent);box-shadow:0 34px 64px -28px #3c2d0f80,0 0 46px -18px #d8b85f66}html[data-theme=light] .vault .bg-glow,html[data-theme=light] .vault .ft-glow{background:radial-gradient(58% 46% at 50% 16%,rgba(216,184,95,.2),transparent 72%)}html[data-theme=light] .vault .bc-quote span,html[data-theme=light] .vault .bc-name,html[data-theme=light] .vault .ft-body{color:var(--text)}html[data-theme=light] .vault .bc-count,html[data-theme=light] .vault .bc-meta,html[data-theme=light] .vault .ft-ref{color:var(--muted)}html[data-theme=light] .vault .bc-tag,html[data-theme=light] .vault .ft-tag{color:#9a7322}html[data-theme=light] .vault .ft-share,html[data-theme=light] .vault .ft-del{background:#3c2d0f14;color:#322810b3}html[data-theme=light] .vault .ft-read{background:color-mix(in srgb,var(--gold) 14%,transparent);border-color:color-mix(in srgb,var(--gold) 44%,transparent);color:#8a6516}@media(min-width:481px){.vault .vhero{padding-top:96px}.vault .rail,.vault .shelf-h,.vault .vhero{max-width:980px;margin-left:auto;margin-right:auto}.vault .fab{right:max(18px,calc(50% - 470px));bottom:40px}.vault .vtoast{bottom:60px}.vault .focus-top,.vault .focus-in{max-width:720px;margin-left:auto;margin-right:auto}.vault .focus{top:60px;z-index:20}}@media(min-width:720px){.vault .vscrim{background:#060b0880;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}.vault .vsheet{inset:50% auto auto 50%;width:min(480px,92%);max-height:min(640px,86vh);overflow-y:auto;border-radius:26px;border:1px solid var(--line2);box-shadow:0 50px 130px -40px #000c,0 0 0 1px #ffffff08;transform:translate(-50%,-46%) scale(.965);opacity:0;pointer-events:none;visibility:hidden;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .32s ease,visibility 0s linear .42s;padding:6px 24px 24px}.vault .vsheet.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto;visibility:visible;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .32s ease}.vault .vsheet .grabber{display:none}@media(prefers-reduced-motion:reduce){.vault .vsheet{transition:opacity .2s ease}}}
