.memory-vault{--vault-heading:var(--type-heading);--vault-ink:var(--type-body);--vault-supporting:var(--type-supporting);--vault-accent:var(--type-accent);--vault-border:#cdbc95;max-width:1560px;margin:0 auto;color:var(--vault-ink);font-family:Georgia,Times New Roman,serif}.vault-heading{display:flex;align-items:center;justify-content:center;gap:28px;text-align:center;padding:8px 0 34px}.vault-heading h1{color:var(--vault-heading);font-size:clamp(2.6rem,5vw,4rem);font-weight:600;font-style:italic;line-height:1.12}.vault-eyebrow{color:var(--vault-accent);font-size:.95rem;letter-spacing:.15em;text-transform:uppercase;font-style:normal}.vault-heading-invitation{margin-top:12px;color:var(--vault-ink);font-size:clamp(1.2rem,2.5vw,1.7rem);font-style:italic}.vault-heading-art{position:relative;width:120px;height:120px;flex-shrink:0}.vault-heading-notepad{width:110px;height:110px;-o-object-fit:contain;object-fit:contain}.vault-heading-pencil{position:absolute;right:-4px;bottom:0;width:45px;height:90px;-o-object-fit:contain;object-fit:contain;transform:rotate(15deg)}@media (max-width:640px){.vault-heading{flex-direction:column}.vault-heading-art{width:100px;height:100px}.vault-heading-notepad{width:90px;height:90px}.vault-heading-pencil{width:36px;height:75px}}.vault-category,.vault-instructions,.vault-start{border:1px solid var(--vault-border);background:radial-gradient(ellipse at 15% 0,#fffdf5b3,transparent 70%),linear-gradient(110deg,#f5ebd7,#fbf6e9 52%,#f4ead4);box-shadow:inset 0 0 18px #bd985014,0 3px 10px #5e482807}.vault-start{display:flex;justify-content:center;align-items:center;gap:24px;padding:26px 32px;border-radius:20px 8px 20px 8px;margin-bottom:28px}.vault-start-copy{flex:1 1 0%;max-width:720px}.vault-hourglass{width:90px;height:105px;-o-object-fit:contain;object-fit:contain}.vault-timer{border-left:1px solid var(--vault-border);padding-left:30px;text-align:center;flex-shrink:0}.memory-vault .vault-primary{background:var(--vault-accent);color:#fffaf0;border-radius:999px;border:1px solid color-mix(in srgb,var(--vault-accent),black 22%);box-shadow:inset 0 0 0 3px #ffffff18,0 2px 3px #244a3912;font-family:Georgia,serif;text-transform:uppercase;font-size:.8rem;letter-spacing:.045em;min-height:44px}.memory-vault .vault-primary:hover{background:color-mix(in srgb,var(--vault-accent),black 14%)}.vault-timer-message{text-align:center;padding:16px}.vault-instructions{margin:20px 0 28px;padding:22px 26px;border-radius:8px 20px 8px 20px}.vault-instructions h2{color:var(--vault-heading);font-size:1.55rem;font-weight:400;margin-bottom:18px}.vault-instructions ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.vault-instructions li{color:var(--vault-ink);display:flex;align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.45}.vault-instructions li>span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--vault-accent),white 22%),var(--vault-accent));border:1px solid color-mix(in srgb,var(--vault-accent),black 12%);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff30;color:#fffaf0;font-size:1.25rem}.vault-category{border-radius:12px 7px 14px 8px;padding:16px 14px 20px}.vault-category-heading{display:flex;align-items:center;gap:12px;min-height:104px;margin:-5px -4px 8px}.vault-category-art{width:98px;height:100px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.vault-category-heading h2{color:var(--vault-heading);font-size:1.35rem;line-height:1.2;font-style:normal;font-weight:400;overflow-wrap:anywhere}.vault-prompt{border-radius:6px}.vault-prompt-toggle{color:var(--vault-ink);width:100%;display:flex;align-items:flex-start;gap:10px;padding:9px 5px;min-height:44px;text-align:left;font-family:Georgia,serif;font-size:1rem;line-height:1.35;border-radius:6px}.vault-prompt-toggle:hover{background:#d9e4d54d}.vault-prompt-toggle:focus-visible{outline:2px solid var(--vault-accent);outline-offset:2px}.vault-circle{width:14px;height:14px;border:1px solid var(--vault-accent);border-radius:50%;margin-top:4px;flex-shrink:0;display:grid;place-items:center;font:10px Arial,sans-serif}.vault-circle-filled{background:var(--vault-accent);color:#fffdf5;border-color:var(--vault-accent)}.vault-prompt-captured{background:#dce6d547;margin-bottom:4px}.vault-note-preview{font-size:.9rem;line-height:1.5;padding:0 10px 10px 29px;color:var(--vault-supporting);overflow-wrap:anywhere;white-space:pre-wrap}.vault-note{width:100%;min-height:44px;padding:10px;font:1rem/1.5 Georgia,serif;color:var(--vault-ink);border:1px solid #a6b5a1;border-radius:5px;background:#fffdf4c9;resize:vertical;overflow:hidden}.vault-note::-moz-placeholder{color:var(--vault-supporting);font-style:italic}.vault-note::placeholder{color:var(--vault-supporting);font-style:italic}.vault-note:focus{outline:2px solid var(--vault-accent);outline-offset:1px}.vault-footer{text-align:center;padding:44px 16px 24px;font-size:1.3rem;line-height:1.6;font-style:italic}@media (max-width:1000px){.vault-instructions ol{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-start{padding:24px;gap:18px}.vault-hourglass{width:66px}.vault-timer{padding-left:18px}}@media (max-width:640px){.vault-heading{gap:8px}.vault-heading h1{font-size:2.5rem}.vault-start{flex-wrap:wrap;padding:22px 18px;gap:14px}.vault-hourglass{width:48px;height:70px;align-self:flex-start}.vault-start-copy{min-width:160px}.vault-timer{width:100%;padding:18px 0 0;border-left:0;border-top:1px solid var(--vault-border)}.vault-instructions{padding:20px 18px}.vault-instructions ol{grid-template-columns:1fr;gap:15px}}.vault-prompt>div:not([hidden]){animation:vault-note-reveal .16s ease-out}@keyframes vault-note-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.vault-prompt>div:not([hidden]){animation:none}}.vault-earlier-memories{padding:24px}.vault-earlier-heading{display:flex;align-items:center;gap:18px;margin-bottom:24px}.vault-earlier-heading h2{color:var(--vault-heading);font-size:1.6rem;margin-bottom:6px}.vault-earlier-heading p{color:var(--vault-ink);font-size:.95rem;line-height:1.6;max-width:650px}.vault-memory-card.vault-prompt{border:1px solid #ded0b6;border-radius:14px;background:#fffdf7;padding:16px;margin:0;box-shadow:0 4px 12px #76593209;color:var(--vault-ink)}.vault-memory-art{height:80px;width:88px;-o-object-fit:contain;object-fit:contain;margin:0 0 8px 24px}.vault-memory-card .vault-prompt-toggle{font-weight:600;font-style:italic}.vault-memory-card .vault-note-preview{color:var(--vault-supporting)}.vault-memory-card a{color:var(--vault-accent);font-size:.95rem;font-family:Georgia,serif;font-weight:600}@media (max-width:640px){.vault-earlier-memories{padding:18px 14px}.vault-earlier-heading{align-items:flex-start;gap:12px}.vault-earlier-heading img{width:72px;height:68px}}.memory-vault{padding-bottom:150px}.vault-continue{position:fixed;bottom:0;left:0;right:0;z-index:40;padding:14px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--vault-border);background:#fbf6e9;box-shadow:0 -4px 20px #5e482810}.vault-continue-inner{max-width:1560px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px 24px}.vault-continue .vault-primary{flex-shrink:0}@media (max-width:640px){.memory-vault{padding-bottom:220px}.vault-continue{padding-left:16px;padding-right:16px}.vault-continue-inner{flex-direction:column;text-align:center;font-size:.9rem}.vault-continue .vault-primary{width:100%;white-space:normal;height:auto}}