@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Outfit:wght@300;400;500&family=Pinyon+Script&display=swap";:root{--font-serif:"Cinzel", serif;--font-sans:"Outfit", sans-serif;--font-script:"Pinyon Script", cursive;--color-bg-dark:#050000;--color-bg-velvet:#120101;--color-crimson:#210101;--color-crimson-light:#330202;--color-parchment:#120505;--color-parchment-dark:#1f0808;--color-parchment-text:#e8d8b8;--color-gold:#c5a059;--color-gold-light:#e8d8b8;--color-gold-dark:#8c6a2c;--gold-gradient:linear-gradient(135deg, #e8d8b8 0%, #c5a059 50%, #705420 100%);--crimson-gradient:linear-gradient(135deg, #1f0101 0%, #050000 100%);--border-gold-alpha:#c5a05926}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-gold-light);font-family:var(--font-sans);letter-spacing:.02em;background-image:radial-gradient(circle at 50% 20%,#21010199 0%,#0000 60%),radial-gradient(circle at 10% 80%,#c5a05905 0%,#0000 40%),radial-gradient(circle at 90% 80%,#2101011a 0%,#0000 40%);min-height:100vh;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,.serif-font{font-family:var(--font-serif);letter-spacing:.1em;color:var(--color-gold-light);text-shadow:0 2px 4px #000000e6;font-weight:500}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-crimson);border:1px solid var(--color-gold-dark)}.gold-glow{text-shadow:0 0 8px #c5a05933}.gold-frame{border:1px solid var(--border-gold-alpha);outline:1px solid var(--color-gold-dark);outline-offset:-5px;background:#120101d9;box-shadow:0 20px 45px #000000e6}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#0d0101cc;border:1px solid #c5a05914;border-radius:4px;transition:all .4s;box-shadow:0 25px 60px #000000d9}.tabs-container{border-bottom:1px solid #c5a05914;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.tab-btn{color:var(--color-gold-light);opacity:.45;font-family:var(--font-serif);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.9rem;transition:all .3s;position:relative}.tab-btn:hover{opacity:.75}.tab-btn.active{opacity:.95;color:var(--color-gold-light)}.tab-btn.active:after{content:"";background:var(--color-gold);width:80%;height:1px;box-shadow:0 0 6px var(--color-gold);position:absolute;bottom:-1px;left:10%}.parchment-paper{background-color:var(--color-parchment);color:var(--color-parchment-text);background-image:radial-gradient(circle,#1f08084d 0%,#0000 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.3' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' fill='none'/%3E%3C/svg%3E");border:1px solid #c5a0591f;border-radius:4px;box-shadow:0 30px 60px #000c,inset 0 0 40px #000000bf}.vision-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;padding:1rem 0;display:grid}.vision-card{aspect-ratio:10/12;cursor:pointer;border:6px solid #140d06;outline:1px solid #c5a0591a;transition:all .5s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;box-shadow:0 25px 50px #000000e6}.vision-card:before{content:"";border:1px solid var(--color-gold-dark);pointer-events:none;z-index:5;position:absolute;inset:-5px}.vision-card-image{object-fit:cover;filter:sepia(.45)contrast(1.1)brightness(.7)grayscale(.2);width:100%;height:100%;transition:transform .8s cubic-bezier(.165,.84,.44,1),filter .8s}.vision-card:hover{border-color:#1a1108;transform:translateY(-6px);box-shadow:0 35px 70px #000000f2,0 0 15px #c5a05926}.vision-card:hover .vision-card-image{filter:sepia(.2)contrast(1.05)brightness(.85);transform:scale(1.03)}.vision-card-overlay{opacity:0;text-align:center;z-index:10;background:linear-gradient(#050000f2 0%,#120101fc 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.vision-card:hover .vision-card-overlay{opacity:1}.wax-seal{width:68px;height:68px;font-family:var(--font-serif);color:#e8d8b8d9;letter-spacing:.2em;text-shadow:1px 1px 2px #000000e6;text-transform:uppercase;background:radial-gradient(circle at 35% 35%,#8a1313 0%,#3a0000 80%);border:1px solid #240000;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:500;display:flex;position:relative;box-shadow:3px 5px 10px #000000bf,inset -2px -2px 6px #000000d9,inset 1px 1px 6px #ffffff14}.wax-seal:after{content:"";pointer-events:none;border:1px dashed #ffffff1f;border-radius:50%;width:50px;height:50px;position:absolute}.wax-seal.asking{background:radial-gradient(circle at 35% 35%,#8f640c 0%,#473002 80%);border-color:#2b1d01}.wax-seal.believing{background:radial-gradient(circle at 35% 35%,#0f5175 0%,#021a29 80%);border-color:#01101a}.wax-seal.received{border-color:#0f0000;border:1px solid var(--color-gold-dark);background:radial-gradient(circle at 35% 35%,#5c0b0b 0%,#1c0000 80%)}.gratitude-handwritten-item{font-family:var(--font-script);color:var(--color-gold);text-shadow:.5px .5px 1px #000000b3;word-spacing:.12em;font-size:2.1rem;line-height:1.3}.secret-input{width:100%;color:var(--color-gold-light)!important;font-family:var(--font-sans)!important;background:0 0!important;border:none!important;border-bottom:1px solid #c5a05926!important;border-radius:0!important;outline:none!important;padding:.8rem .2rem!important;font-size:1.05rem!important;transition:all .4s!important}.secret-input:focus{box-shadow:none!important;border-bottom-color:#c5a05966!important}select.secret-input{background-color:var(--color-bg-dark)!important;border-bottom:1px solid #c5a05926!important}textarea.secret-input{border:1px solid #c5a05914!important;border-radius:4px!important;padding:.8rem!important}textarea.secret-input:focus{border-color:#c5a0594d!important}.inkpot-input-container{background:0 0;border-bottom:1px solid #c5a0591f;gap:1.5rem;margin-bottom:2rem;padding:.5rem 0;display:flex}.inkpot-input{color:var(--color-gold-light);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.inkpot-button{border:1px solid var(--color-gold);color:var(--color-gold);font-family:var(--font-serif);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:.5rem 1.5rem;font-size:.8rem;font-weight:500;transition:all .4s}.inkpot-button:hover{border-color:var(--color-gold-light);color:var(--color-gold-light);background:#c5a0590f}.oracle-felt-board{outline:1px solid var(--color-gold-dark);outline-offset:-6px;background:radial-gradient(circle,#1c0101 0%,#050000 100%);border:1px solid #c5a05914;border-radius:0;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:4rem 2rem;display:flex;position:relative;box-shadow:inset 0 0 60px #000000fa,0 25px 65px #000000e6}.mystic-card-scene{perspective:1200px;width:250px;height:370px;margin:2rem 0}.mystic-card{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .8s cubic-bezier(.165,.84,.44,1);position:relative}.mystic-card-face{backface-visibility:hidden;border:1px solid var(--color-gold-dark);border-radius:4px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2.5rem 1.8rem;display:flex;position:absolute;box-shadow:0 15px 40px #000c}.mystic-card-back{color:var(--color-gold-light);background-color:#0000;background-image:radial-gradient(circle,#c5a0591f 0%,#0000 65%),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0 L20 20 L40 0 L20 -20 Z' fill='none' stroke='%238c6a2c' stroke-width='0.5' opacity='0.1'/%3E%3C/svg%3E");background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.mystic-card-back .card-back-emblem{border:1px dashed var(--color-gold-dark);width:80px;height:80px;font-family:var(--font-serif);color:var(--color-gold-light);letter-spacing:0;background:#080000;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;display:flex;box-shadow:0 0 20px #c5a05926,inset 0 0 15px #000000f2}.mystic-card-front{background-color:var(--color-parchment);color:var(--color-gold-light);text-align:center;border-color:var(--color-gold-dark);justify-content:space-between;align-items:center;transform:rotateY(180deg);box-shadow:inset 0 0 40px #000000e6,0 15px 35px #000000b3}.mystic-card-front h4{color:var(--color-gold);text-transform:uppercase;letter-spacing:.25em;border-bottom:1px dashed #c5a05926;width:100%;margin-bottom:.5rem;padding-bottom:.5rem;font-size:.75rem}.mystic-card-front p{font-family:var(--font-serif);color:var(--color-gold-light);margin:auto 0;font-size:1.15rem;font-weight:500;line-height:1.65}.secret-button{border:1px solid var(--color-gold);color:var(--color-gold);font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:0 0;border-radius:0;padding:.75rem 2rem;font-size:.8rem;font-weight:500;transition:all .4s}.secret-button:hover{color:var(--color-gold-light);border-color:var(--color-gold-light);background:#c5a0590d;box-shadow:0 4px 15px #c5a05926}.secret-button-outline{color:#e8d8b8b3;font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:0 0;border:1px solid #c5a0594d;border-radius:0;padding:.75rem 2rem;font-size:.8rem;font-weight:500;transition:all .4s}.secret-button-outline:hover{border-color:var(--color-gold);color:var(--color-gold-light);background:#c5a0590a}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#050000f2;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:720px;max-height:90vh;animation:.5s cubic-bezier(.165,.84,.44,1) modal-fade-in;position:relative;overflow-y:auto;border-radius:0!important}.vibe-tag{color:#e8d8b8a6;font-size:.75rem;font-family:var(--font-serif);cursor:pointer;background:0 0;border:1px solid #c5a0591f;border-radius:0;padding:.4rem 1rem;transition:all .4s}.vibe-tag.selected{color:var(--color-gold-light);border-color:var(--color-gold);background:#c5a0591f;box-shadow:0 0 10px #c5a05933}