@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Cormorant+SC:wght@300;400;500;600&display=swap";:root{--sky-a:#04030d;--sky-b:#0a0720;--sky-c:#06040f;--sky-accent:#c9a84c1f;--particle-color:255,255,255;--gold:#c9a84c;--gold-light:#e8cc7a;--gold-dim:#7a6230;--text:#f0e6d3;--text-muted:#9d8e7a;--text-faint:#3a3028;--glow:#c9a84c33;--glow-strong:#c9a84c80;--bg-card:#0e0e1a;--bg-panel:#0d0d1c;--border:#c9a84c26;--border-active:#c9a84c80;--card-w:120px;--card-h:210px;--card-w-lg:195px;--card-h-lg:342px;--radius:10px;--transition:.35s ease}body.time-dawn{--sky-a:#1a0a2e;--sky-b:#3d1a5e;--sky-c:#7b3f6e;--sky-accent:#ffa06426;--particle-color:255,210,180}body.time-morning{--sky-a:#0d1b3e;--sky-b:#1a3a6e;--sky-c:#2d5a9e;--sky-accent:#ffdc781f;--particle-color:220,240,255}body.time-afternoon{--sky-a:#0a1628;--sky-b:#163050;--sky-c:#1e4878;--sky-accent:#b4d2ff1a;--particle-color:200,230,255}body.time-sunset{--sky-a:#1a0810;--sky-b:#5c1a1a;--sky-c:#a0421a;--sky-accent:#ff8c3c2e;--particle-color:255,200,150}body.time-night{--sky-a:#04030d;--sky-b:#0a0720;--sky-c:#06040f;--sky-accent:#c9a84c1a;--particle-color:255,255,255}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:17px}body{color:var(--text);background:var(--sky-a);min-height:100vh;font-family:Cormorant Garamond,Georgia,serif;position:relative;overflow-x:hidden}.sky-bg{z-index:-2;background:radial-gradient(ellipse at 50% 0%, var(--sky-c) 0%, transparent 60%), radial-gradient(ellipse at 20% 100%, var(--sky-accent) 0%, transparent 50%), linear-gradient(180deg, var(--sky-a) 0%, var(--sky-b) 50%, var(--sky-a) 100%);animation:12s ease-in-out infinite sky-breathe;position:fixed;inset:0}@keyframes sky-breathe{0%,to{opacity:1;filter:brightness()}50%{opacity:.88;filter:brightness(1.08)}}#particle-canvas{z-index:-1;pointer-events:none;position:fixed;inset:0}h1,h2,h3,.cinzel{font-family:Cormorant SC,Cormorant Garamond,serif}.logo-title{color:var(--gold-light);text-shadow:0 0 40px var(--glow-strong), 0 2px 4px #00000080;letter-spacing:.1em;font-family:Cormorant SC,serif;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:600;line-height:1.1}.subtitle{color:var(--text-muted);letter-spacing:.35em;text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:.95rem;font-style:italic;font-weight:300}.time-label{color:var(--gold-dim);letter-spacing:.2em;text-transform:lowercase;font-family:Cormorant Garamond,serif;font-size:.88rem;font-style:italic;font-weight:300}.app{z-index:1;flex-direction:column;max-width:860px;min-height:100vh;margin:0 auto;padding:1.5rem 1.5rem 4rem;display:flex;position:relative}header{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:2.5rem 0 1.5rem;display:flex}header:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);width:100px;height:1px;margin-top:1.2rem;display:block}.nav-row{justify-content:center;gap:.5rem;padding:.75rem 0 1.25rem;display:flex}.nav-btn{letter-spacing:.25em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:.4rem .9rem;font-family:Cormorant Garamond,serif;font-size:.95rem;font-style:italic;font-weight:400}.nav-btn.active,.nav-btn:hover{color:var(--gold)}section[id^=section-]{display:none}section[id^=section-].active{flex-direction:column;align-items:center;display:flex}#section-deck{gap:2rem;padding:1.5rem 0 2rem}.deck-prompt{color:var(--text-muted);letter-spacing:.03em;text-align:center;max-width:380px;font-family:Cormorant Garamond,serif;font-size:1.35rem;font-style:italic;font-weight:300;line-height:1.9}.deck-container{width:var(--card-w);height:var(--card-h);cursor:pointer;position:relative}.deck-card{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);transition:box-shadow .4s;position:absolute;box-shadow:0 6px 28px #000000b3}.deck-card:first-child{transform:translate(-8px)translateY(-4px)rotate(-3deg)}.deck-card:nth-child(2){transform:translate(4px)translateY(-2px)rotate(1.5deg)}.deck-card:nth-child(3){transform:translate(0)translateY(0)rotate(0)}.deck-card-front{border-radius:var(--radius);background:repeating-linear-gradient(45deg,#0000,#0000 9px,#c9a84c0a 9px 10px),linear-gradient(155deg,#0d0d22 0%,#1c1640 50%,#0d0d22 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.deck-card-front:after{content:"✦";color:var(--gold-dim);opacity:.5;font-size:2.2rem}@keyframes shuffle-left{0%,to{transform:translate(-8px)translateY(-4px)rotate(-3deg)}35%,65%{transform:translate(-65px)translateY(-8px)rotate(-14deg)}}@keyframes shuffle-right{0%,to{transform:translate(4px)translateY(-2px)rotate(1.5deg)}35%,65%{transform:translate(65px)translateY(-6px)rotate(14deg)}}@keyframes shuffle-top{0%,to{transform:translate(0)translateY(0)rotate(0)}35%,65%{transform:translate(0)translateY(-32px)rotate(0)}}.deck-container.shuffling .deck-card:first-child{animation:1.1s cubic-bezier(.4,0,.2,1) shuffle-left}.deck-container.shuffling .deck-card:nth-child(2){animation:1.1s cubic-bezier(.4,0,.2,1) 80ms shuffle-top}.deck-container.shuffling .deck-card:nth-child(3){animation:1.1s cubic-bezier(.4,0,.2,1) 40ms shuffle-right}.deck-container:hover .deck-card{box-shadow:0 0 45px var(--glow), 0 6px 28px #000000b3}.btn-primary{letter-spacing:.25em;text-transform:uppercase;color:var(--sky-a);background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 50%, var(--gold) 100%);cursor:pointer;transition:all var(--transition);box-shadow:0 0 24px var(--glow), 0 2px 8px #0006;border:none;border-radius:2px;padding:.95rem 2.8rem;font-family:Cormorant SC,serif;font-size:1.05rem;font-weight:500;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--gold-light), var(--gold));opacity:0;transition:opacity var(--transition);position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:0 0 44px var(--glow-strong), 0 2px 8px #0006;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary span{z-index:1;position:relative}.btn-secondary{letter-spacing:.18em;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:2px;padding:.55rem 1.4rem;font-family:Cormorant Garamond,serif;font-size:.95rem;font-style:italic}.btn-secondary:hover{color:var(--gold);border-color:var(--border-active);box-shadow:0 0 16px var(--glow)}.actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}#section-spread{align-items:center;gap:2rem;padding:1rem 0 2rem}.spread-label{letter-spacing:.3em;color:var(--text-muted);text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:.9rem;font-style:italic}.spread-row{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:clamp(.5rem,2.5vw,2rem);width:100%;display:flex}.spread-slot{flex-direction:column;align-items:center;gap:.6rem;display:flex}.position-label{letter-spacing:.28em;color:var(--gold-dim);text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:.85rem;font-style:italic;font-weight:300}.tarot-card-wrapper{width:var(--card-w-lg);height:var(--card-h-lg);perspective:1200px;cursor:pointer}.tarot-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1);position:relative}.tarot-card-wrapper.revealed .tarot-card-inner{transform:rotateY(180deg)}.tarot-card-face{border-radius:var(--radius);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.tarot-card-back{border:1px solid var(--border);background:repeating-linear-gradient(45deg,#0000,#0000 10px,#c9a84c08 10px 11px),linear-gradient(155deg,#0d0d22 0%,#1c1640 50%,#0d0d22 100%);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 36px #000000b3}.tarot-card-back:before{content:"";border-radius:calc(var(--radius) - 4px);border:1px solid #c9a84c1a;position:absolute;inset:6px}.card-back-symbol{color:var(--gold-dim);opacity:.45;user-select:none;font-size:2.4rem}.tarot-card-front{border:1px solid var(--border-active);box-shadow:0 0 32px var(--glow), 0 8px 36px #000000b3;transform:rotateY(180deg)}.tarot-card-front img{object-fit:cover;border-radius:var(--radius);width:100%;height:100%;display:block}.tarot-card-front.reversed img{transform:rotate(180deg)}.reversed-badge{border:1px solid var(--gold-dim);color:var(--gold);letter-spacing:.18em;white-space:nowrap;background:#060412e0;border-radius:2px;padding:2px 9px;font-family:Cormorant Garamond,serif;font-size:.75rem;font-style:italic;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes deal-left{0%{opacity:0;transform:translate(80px)scale(.85)}to{opacity:1;transform:none}}@keyframes deal-center{0%{opacity:0;transform:translateY(35px)scale(.88)}to{opacity:1;transform:none}}@keyframes deal-right{0%{opacity:0;transform:translate(-80px)scale(.85)}to{opacity:1;transform:none}}.spread-slot:first-child .tarot-card-wrapper{opacity:0;animation:.5s ease-out forwards deal-left}.spread-slot:nth-child(2) .tarot-card-wrapper{opacity:0;animation:.5s ease-out .2s forwards deal-center}.spread-slot:nth-child(3) .tarot-card-wrapper{opacity:0;animation:.5s ease-out .4s forwards deal-right}.tarot-card-wrapper:hover:not(.revealed) .tarot-card-back{box-shadow:0 0 28px var(--glow), 0 8px 36px #000000b3;border-color:var(--border-active)}.tarot-card-wrapper.revealed:hover .tarot-card-front{box-shadow:0 0 44px var(--glow-strong), 0 8px 36px #000000b3}.content-box{backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);background:#0e0c1ca6;flex-direction:column;align-items:center;width:100%;max-width:620px;padding:1.75rem 2rem 1.5rem;animation:.6s ease-out .8s both fade-up;display:flex}.content-divider{background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);width:100%;height:1px;margin:1.5rem 0}.reading-box{backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);background:#0e0c1ca6;width:100%;max-width:600px;padding:1.75rem 2rem;animation:.6s ease-out .8s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.reading-box-title{letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:1rem;font-family:Cormorant SC,serif;font-size:.85rem}.reading-box-title:before,.reading-box-title:after{content:" ✦ ";opacity:.5}.reading-text{color:var(--text);font-family:Cormorant Garamond,serif;font-size:1.25rem;font-style:italic;font-weight:300;line-height:1.9}.reading-hint{color:var(--text-muted);letter-spacing:.08em;text-align:center;margin-top:1.2rem;font-family:Cormorant Garamond,serif;font-size:.88rem;font-style:italic}.ichi-eyebrow{letter-spacing:.45em;color:var(--gold-dim);text-transform:uppercase;font-family:Cormorant SC,serif;font-size:.88rem}.ichi-card{backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);background:#0e0c1c99;flex-direction:column;align-items:center;gap:1.4rem;width:100%;padding:2rem 2rem 1.75rem;display:flex;position:relative;overflow:hidden}.ichi-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px;position:absolute;top:0;left:0;right:0}.ichi-symbol{color:var(--gold);opacity:.7;text-shadow:0 0 30px var(--glow-strong);font-family:Cormorant Garamond,serif;font-size:3.2rem;font-weight:300;line-height:1}.ichi-sentence{color:var(--text);text-align:center;max-width:460px;font-family:Cormorant Garamond,serif;font-size:1.3rem;font-style:italic;font-weight:300;line-height:1.9}.ichi-tags{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;width:100%;padding-top:1.2rem;display:flex}.ichi-tag{align-items:baseline;gap:.6rem;font-family:Cormorant Garamond,serif;display:flex}.ichi-tag-icon{color:var(--gold-dim);text-align:center;flex-shrink:0;width:14px;font-size:.7rem}.ichi-tag-label{letter-spacing:.12em;color:var(--text-muted);white-space:nowrap;flex-shrink:0;min-width:110px;font-size:.82rem;font-style:italic}.ichi-tag-value{color:var(--text);font-size:1.05rem;font-style:italic;font-weight:300;line-height:1.4}@media (width<=480px){.ichi-sentence{font-size:1rem}.ichi-tag-label{min-width:90px}}#detail-panel{backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:100;background:#0a0816f5;width:min(440px,100vw);height:100vh;padding:2rem 1.6rem 3rem;transition:transform .45s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-12px 0 60px #000c}#detail-panel.open{transform:translate(0)}.panel-close{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;width:34px;height:34px;transition:all var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-family:sans-serif;font-size:.9rem;display:flex;position:absolute;top:1rem;right:1rem}.panel-close:hover{border-color:var(--gold);color:var(--gold)}.panel-card-img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border-active);width:95px;height:167px;box-shadow:0 0 24px var(--glow);margin:0 auto 1.5rem;display:block}.panel-card-img.reversed{transform:rotate(180deg)}.panel-card-numero{letter-spacing:.3em;color:var(--gold-dim);text-align:center;margin-bottom:.2rem;font-family:Cormorant Garamond,serif;font-size:.88rem;font-style:italic}.panel-card-nome{color:var(--gold-light);text-align:center;margin-bottom:.2rem;font-family:Cormorant SC,serif;font-size:1.4rem;font-weight:600;line-height:1.2}.panel-card-nomeit{color:var(--text-muted);text-align:center;margin-bottom:1.25rem;font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;font-weight:300}.panel-divider{background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);width:100%;height:1px;margin:1.2rem 0}.panel-keywords{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1.5rem;display:flex}.keyword-tag{letter-spacing:.12em;color:var(--gold);border:1px solid var(--gold-dim);border-radius:2px;padding:2px 9px;font-family:Cormorant Garamond,serif;font-size:.85rem;font-style:italic}.panel-position-label{letter-spacing:.25em;color:var(--gold);text-transform:uppercase;margin-bottom:.7rem;font-family:Cormorant SC,serif;font-size:.85rem}.panel-interpretation{color:var(--text);margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:1.15rem;font-style:italic;font-weight:300;line-height:1.85}.panel-section-title{letter-spacing:.22em;color:var(--text-muted);margin-bottom:.5rem;font-family:Cormorant SC,serif;font-size:.85rem}.panel-significance{color:var(--text-muted);font-family:Cormorant Garamond,serif;font-size:1.05rem;font-style:italic;font-weight:300;line-height:1.8}.panel-overlay{z-index:99;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .4s;position:fixed;inset:0}.panel-overlay.active{opacity:1;pointer-events:all}#section-history{align-items:stretch;gap:0;padding:.5rem 0 3rem}.history-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.history-title{letter-spacing:.12em;color:var(--text);font-family:Cormorant SC,serif;font-size:1.1rem}.history-list{flex-direction:column;gap:.6rem;display:flex}.history-item{backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:#0e0c1c80;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.history-item:hover{border-color:var(--border-active);box-shadow:0 0 20px var(--glow)}.history-cards-preview{flex-shrink:0;gap:3px;display:flex}.history-card-mini{border:1px solid var(--border);border-radius:3px;width:26px;height:46px;overflow:hidden}.history-card-mini img{object-fit:cover;width:100%;height:100%}.history-card-mini.reversed img{transform:rotate(180deg)}.history-info{flex:1;min-width:0}.history-date{letter-spacing:.08em;color:var(--gold-dim);margin-bottom:.25rem;font-family:Cormorant Garamond,serif;font-size:.85rem;font-style:italic}.history-names{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:Cormorant Garamond,serif;font-size:1rem;overflow:hidden}.history-empty{text-align:center;color:var(--text-faint);padding:3rem 0;font-family:Cormorant Garamond,serif;font-size:.9rem;font-style:italic}.quiz-categories{flex-direction:column;gap:.9rem;width:100%;max-width:480px;margin:1.5rem auto 0;display:flex}.quiz-cat-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#0e0c1c99;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s,background .2s;display:flex}.quiz-cat-card:hover{border-color:var(--gold-dim);background:#c9a84c0f}.quiz-cat-emoji{font-size:1.6rem;line-height:1}.quiz-cat-name{color:var(--gold);letter-spacing:.08em;font-family:Cormorant SC,serif;font-size:1rem}.quiz-cat-sub{color:var(--text-muted);margin-left:auto;font-family:Cormorant Garamond,serif;font-size:.85rem;font-style:italic}.quiz-questions-wrap{width:100%;max-width:480px;margin:1.5rem auto 0}.quiz-back-btn{color:var(--text-muted);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;padding:0 0 1rem;font-family:Cormorant Garamond,serif;font-size:.9rem;transition:color .2s}.quiz-back-btn:hover{color:var(--gold)}.quiz-question-btn{text-align:left;border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;background:#0e0c1c99;margin-bottom:.7rem;padding:.9rem 1.25rem;font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;line-height:1.5;transition:border-color .2s,background .2s;display:block}.quiz-question-btn:hover{border-color:var(--gold-dim);color:var(--gold-light);background:#c9a84c0f}.reading-question-label{letter-spacing:.12em;color:var(--gold-dim);text-align:center;margin-bottom:.6rem;font-family:Cormorant SC,serif;font-size:.78rem}@media (width<=600px){:root{--card-w-lg:calc((100vw - 2.5rem) / 3);--card-h-lg:calc((100vw - 2.5rem) / 3 * 1.75)}html{font-size:20px}.spread-row{gap:.5rem;padding:0 .25rem}.content-box{padding:1.25rem 1rem 1.1rem}.reading-box{padding:1.25rem 1.1rem}#detail-panel{border-left:none;width:100vw}.reading-text{font-size:1.15rem;line-height:1.9}.reading-hint{font-size:.82rem}.position-label{font-size:.78rem}.reading-box-title{font-size:.8rem}.panel-interpretation{font-size:1.1rem;line-height:1.85}.panel-significance,.btn-primary{font-size:1rem}.btn-secondary{font-size:.88rem}.deck-prompt{font-size:1.25rem}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}