.vault-shell{background:radial-gradient(ellipse 42% 34% at 78% 37%, #a91f230f, transparent 75%), var(--paper);flex-direction:column;min-height:100svh;display:flex}.vault-main{flex:1;padding-block:55px 65px}.vault-intro{margin-bottom:34px}.vault-kicker{color:var(--red);letter-spacing:.15em;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;font-weight:800;display:flex}.vault-kicker span{background:currentColor;width:25px;height:1px}.vault-intro h1{letter-spacing:-.07em;margin:0;font-size:clamp(39px,4.4vw,58px);font-weight:800;line-height:1.2}.vault-intro>p:last-child{color:#6d665f;word-break:keep-all;margin:15px 0 0;font-size:15px;line-height:1.7}.vault-loading,.vault-error{color:#77716a;margin:0;padding:25px;font-size:13px}.vault-error{color:var(--red)}.vault-privacy{color:#867d74;word-break:keep-all;margin:22px 0 0;font-size:11px;line-height:1.7}.vault-empty{border:1px solid var(--line);text-align:center;background:#fffdf9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:365px;padding:36px 24px;display:flex}.vault-empty-mark{border:3px solid var(--red);width:76px;height:76px;color:var(--red);border-radius:50%;place-items:center;font-size:34px;font-weight:800;display:grid;transform:rotate(-7deg)}.vault-empty h2{letter-spacing:-.05em;margin:25px 0 0;font-size:23px}.vault-empty p{color:#817970;word-break:keep-all;margin:10px 0 24px;font-size:13px;line-height:1.7}.vault-collection-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.vault-collection-heading h2{letter-spacing:-.05em;margin:0;font-size:20px}.vault-collection-heading h2 span{color:var(--red);margin-left:4px}.vault-collection-heading a{color:var(--red);white-space:nowrap;font-size:12px;font-weight:750;text-decoration:none}.vault-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.vault-card{border:1px solid var(--line);background:#fffdf9;border-radius:10px;min-width:0;overflow:hidden;box-shadow:0 8px 28px #27201406}.vault-card-preview{background-color:#f3efe9;background-image:linear-gradient(45deg,#ffffff59 25%,#0000 25%),linear-gradient(-45deg,#ffffff59 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff59 75%),linear-gradient(-45deg,#0000 75%,#ffffff59 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-bottom:1px solid #eee8df;place-items:center;min-height:250px;padding:20px;display:grid}.vault-card-preview img{aspect-ratio:1;object-fit:contain;width:min(100%,210px);height:auto;display:block}.vault-card-info{padding:19px 20px 15px}.vault-card-info h3{letter-spacing:-.05em;margin:0;font-size:21px;font-weight:800}.vault-card-info p{color:#77716a;margin:6px 0 0;font-size:12px}.vault-card-info time{color:#999087;margin-top:8px;font-size:10px;display:block}.vault-card-actions{gap:8px;padding:0 20px 20px;display:flex}.vault-card-actions button{border:1px solid var(--red);background:var(--red);color:#fff;border-radius:5px;min-height:40px;padding:0 13px;font-size:12px;font-weight:750;transition:transform .15s ease-out,background .15s}.vault-card-actions button:hover{background:var(--red-dark)}.vault-card-actions button:active{transform:scale(.98)}.vault-card-actions .vault-delete{color:#817970;background:#fffdf9;border-color:#e5ded6}.vault-card-actions .vault-delete:hover{color:var(--red);background:#faf6f2;border-color:#c9aaa6}.vault-card-actions button:disabled{opacity:.55;cursor:default}.vault-shell a:focus-visible,.vault-shell button:focus-visible{outline-offset:3px;outline:3px solid #a91f2340}@media (max-width:900px){.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.vault-main{padding-block:40px 45px}.vault-intro{margin-bottom:27px}.vault-intro h1{font-size:37px}.vault-intro>p:last-child{font-size:13px}.vault-grid{grid-template-columns:1fr;gap:13px}.vault-card-preview{min-height:230px}.vault-empty{min-height:340px}.vault-empty h2{font-size:20px}.vault-privacy{font-size:10px}}@media (prefers-reduced-motion:reduce){.vault-card-actions button{transition:none}.vault-card-actions button:active{transform:none}}
