:root{--warm-cream: #FDF6EC;--parchment: #F5EBD8;--gold: #C8A35F;--gold-light: #E8D5A3;--gold-dark: #9A7B3E;--ink: #2C1810;--ink-light: #5C4033;--ink-faint: #8B7355;--verse-bg: #FAF3E6;--shadow: rgba(44, 24, 16, .08);--shadow-deep: rgba(44, 24, 16, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lora,Georgia,serif;background:var(--warm-cream);color:var(--ink);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.container{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 24px}header{text-align:center;padding:60px 0 40px}.cross-icon{display:inline-block;width:28px;height:28px;margin-bottom:20px;opacity:0;animation:fadeDown .8s ease .2s forwards}.cross-icon svg{width:100%;height:100%}header h1{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:clamp(1.8rem,5vw,2.6rem);color:var(--ink);letter-spacing:-.01em;line-height:1.2;margin-bottom:12px;opacity:0;animation:fadeDown .8s ease .4s forwards}.slogan{font-family:Lora,Georgia,serif;font-style:italic;font-size:1rem;color:var(--ink-faint);letter-spacing:.02em;opacity:0;animation:fadeDown .8s ease .6s forwards}.divider{width:60px;height:1px;background:var(--gold);margin:32px auto;opacity:0;animation:fadeIn 1s ease .8s forwards}.verse-card{background:var(--verse-bg);border:1px solid var(--gold-light);border-radius:12px;padding:48px 40px;text-align:center;position:relative;box-shadow:0 4px 24px var(--shadow),0 1px 3px var(--shadow);opacity:0;animation:fadeUp .9s ease .8s forwards}.verse-card:before,.verse-card:after{font-family:Cormorant Garamond,Georgia,serif;font-size:4rem;color:var(--gold-light);position:absolute;line-height:1}.verse-card:before{content:"“";top:16px;left:24px}.verse-card:after{content:"”";bottom:4px;right:24px}.verse-label{font-family:Cormorant Garamond,Georgia,serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-dark);margin-bottom:24px;font-weight:600}.verse-text{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.3rem,3.5vw,1.7rem);font-weight:400;line-height:1.6;color:var(--ink);margin-bottom:24px;font-style:italic}.verse-ref{font-family:Lora,Georgia,serif;font-size:.95rem;color:var(--gold-dark);font-weight:500;letter-spacing:.02em}.actions{display:flex;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s ease 1.1s forwards}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid var(--gold-light);border-radius:8px;background:var(--warm-cream);color:var(--ink-light);font-family:Lora,Georgia,serif;font-size:.85rem;cursor:pointer;transition:all .25s ease;text-decoration:none}.btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:0 2px 12px #c8a35f4d}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-new{background:var(--gold);color:#fff;border-color:var(--gold)}.btn-new:hover{background:var(--gold-dark);border-color:var(--gold-dark)}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);background:var(--ink);color:var(--warm-cream);padding:12px 28px;border-radius:8px;font-size:.85rem;opacity:0;pointer-events:none;transition:all .3s ease;z-index:100;font-family:Lora,Georgia,serif}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.history-section{margin-top:56px;padding-bottom:80px;opacity:0;animation:fadeUp .8s ease 1.3s forwards}.history-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.history-header h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.3rem;font-weight:600;color:var(--ink)}.history-header:after{content:"";flex:1;height:1px;background:var(--gold-light)}.history-list{display:flex;flex-direction:column;gap:12px}.history-empty{text-align:center;color:var(--ink-faint);font-style:italic;font-size:.9rem;padding:24px}.history-item{background:var(--verse-bg);border:1px solid var(--gold-light);border-radius:10px;padding:20px 24px;transition:box-shadow .2s ease}.history-item:hover{box-shadow:0 2px 12px var(--shadow)}.history-date{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold-dark);font-weight:500;margin-bottom:8px}.history-text{font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;font-style:italic;line-height:1.5;color:var(--ink);margin-bottom:6px}.history-ref{font-size:.85rem;color:var(--gold-dark);font-weight:500}footer{text-align:center;padding:0 0 40px;font-size:.75rem;color:var(--ink-faint);letter-spacing:.02em}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 520px){header{padding:40px 0 28px}.verse-card{padding:36px 24px}.verse-card:before{top:8px;left:12px;font-size:3rem}.verse-card:after{bottom:0;right:12px;font-size:3rem}.actions{gap:8px}.btn{padding:10px 16px;font-size:.8rem}}