.home-page{padding-top:1rem}.sigil-intro{text-align:center;margin-bottom:2rem}.section-title{font-size:1.3rem;color:var(--color-accent-gold);letter-spacing:.15em;margin-bottom:1rem}.section-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.8}.sigil-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}.sigil-card{background:var(--color-gradient-card);border:1px solid rgba(124,92,191,.2);border-radius:var(--radius-lg);padding:1rem .5rem;text-align:center;transition:all .3s ease;cursor:pointer}.sigil-card:hover{border-color:var(--color-accent-gold);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.sigil-icon{font-size:2rem;margin-bottom:.3rem;filter:drop-shadow(0 0 8px rgba(207,169,102,.3))}.sigil-code{font-size:.65rem;color:var(--color-accent-gold);font-weight:600;letter-spacing:.1em;margin-bottom:.3rem;font-family:monospace}.sigil-info{display:flex;flex-direction:column;gap:.2rem}.sigil-name{font-size:.6rem;color:var(--color-accent-mystical);font-weight:600;letter-spacing:.03em}.sigil-name-jp{font-size:.55rem;color:var(--color-text-muted)}.cta-section{text-align:center;margin-top:1rem}.cta-btn{padding:1.2rem 2.5rem;font-size:1.1rem;letter-spacing:.1em}.sigil-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.sigil-modal{background:var(--color-gradient-card);border:1px solid var(--color-accent-purple);border-radius:var(--radius-xl);max-width:400px;width:100%;padding:2rem;position:relative;box-shadow:var(--shadow-mystical);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--color-accent-gold)}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-icon{font-size:3rem;filter:drop-shadow(0 0 10px rgba(207,169,102,.4))}.modal-title{flex:1}.modal-code{font-size:.8rem;color:var(--color-accent-gold);font-weight:600;letter-spacing:.15em;font-family:monospace}.modal-title h3{font-size:1.3rem;color:var(--color-accent-mystical);margin:.3rem 0}.modal-name-jp{font-size:.9rem;color:var(--color-text-main)}.modal-body{line-height:1.8}.modal-description{font-size:.95rem;color:var(--color-text-main);margin-bottom:1.5rem;white-space:pre-line}.modal-keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.keyword-tag{background:#7c5cbf4d;color:var(--color-accent-mystical);padding:.3rem .8rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:500}.modal-action{background:#cfa9661a;padding:1rem;border-radius:var(--radius-md);border-left:3px solid var(--color-accent-gold)}.action-label{font-size:.8rem;color:var(--color-text-muted);display:block;margin-bottom:.3rem}.action-text{font-size:.95rem;color:var(--color-accent-gold);font-weight:500}.sigil-icon-img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;object-position:top;margin-bottom:.3rem;box-shadow:0 0 10px #7c5cbf66;border:1px solid var(--color-accent-gold)}.modal-icon-img{width:6rem;height:6rem;margin-bottom:0;box-shadow:0 0 15px #cfa96680;border:2px solid var(--color-accent-gold)}@media(max-width:600px){.sigil-gallery{grid-template-columns:repeat(2,1fr);gap:.8rem}.sigil-card{padding:.6rem .2rem}.sigil-icon{font-size:1.4rem}.sigil-icon-img{width:3.5rem;height:3.5rem}.sigil-code{font-size:.5rem}.sigil-name{font-size:.45rem}.sigil-name-jp{font-size:.4rem}.cta-btn{width:100%;padding:1rem 1.5rem;font-size:1rem}.sigil-modal{padding:1.5rem}.modal-icon{font-size:2.5rem}.modal-icon-img{width:4rem;height:4rem}.modal-title h3{font-size:1.1rem}}.onboarding-page{max-width:600px;margin:0 auto;padding:2rem 1rem}.welcome-message{text-align:center;margin:2rem 0 3rem;padding:2rem;background:linear-gradient(135deg,#cfa96614,#7c5cbf14);border-radius:16px;border:1px solid rgba(207,169,102,.2)}.wisdom-text{color:var(--color-text-gold);font-size:1.1rem;line-height:1.8;margin-bottom:1rem;font-family:var(--font-display)}.comfort-text{color:var(--color-text-muted);font-size:.95rem;line-height:1.7;font-style:italic}.progress-container{position:relative;width:100%;margin:1.5rem 0}.progress-bar{height:8px;background:linear-gradient(90deg,var(--color-accent-gold) 0%,var(--color-accent-mystical) 100%);border-radius:10px;transition:width .5s ease;position:relative}.progress-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);border-radius:10px;animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.progress-number{color:var(--color-text-muted);font-size:.9rem}.encouragement{color:var(--color-accent-mystical);font-size:.85rem;font-style:italic}.question-container{background:var(--color-bg-glass);border:1px solid var(--color-accent-deep-purple);border-radius:16px;padding:2rem;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-text{font-size:1.3rem;color:var(--color-text-gold);text-align:center;margin-bottom:2rem;line-height:1.6;font-family:var(--font-display)}.options-container{display:flex;flex-direction:column;gap:1rem}.option-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#14141e99;border:2px solid rgba(207,169,102,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.option-btn:hover{background:#cfa9661a;border-color:var(--color-accent-gold);transform:translate(8px)}.option-emoji{font-size:1.5rem}.option-label{font-size:1rem;color:var(--color-text-main);flex:1;text-align:left}.navigation{display:flex;justify-content:center;margin:2rem 0}.back-btn{background:transparent;border:1px solid var(--color-accent-deep-purple);color:var(--color-text-muted);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.back-btn:hover{background:#7c5cbf1a;color:var(--color-text-main)}.hint-text{text-align:center;color:var(--color-text-muted);font-size:.9rem;margin-top:2rem;font-style:italic}.subtitle{text-align:center;color:var(--color-text-muted);font-size:.95rem;margin-top:.5rem}@media(max-width:600px){.question-container{padding:1.5rem}.question-text{font-size:1.1rem}.option-btn{padding:1rem 1.25rem}.option-label{font-size:.9rem}}.input-page{max-width:700px;margin:0 auto;padding:2rem 1rem}.fortune-teller-message{text-align:center;margin:2rem auto 3rem;padding:2.5rem 2rem;background:linear-gradient(135deg,#cfa9661a,#7c5cbf1a,#cfa9661a);border-radius:20px;border:2px solid rgba(207,169,102,.25);box-shadow:0 8px 32px #cfa96626}.wisdom-text{color:var(--color-text-gold);font-size:1.15rem;line-height:2;margin-bottom:1.25rem;font-family:var(--font-display);font-weight:500}.comfort-text{color:var(--color-text-muted);font-size:1rem;line-height:1.9;font-style:italic}.sigil-display{text-align:center;margin:2rem 0;padding:1.5rem;background:#7c5cbf14;border-radius:12px;border:1px solid var(--color-accent-mystical)}.sigil-display-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.sigil-display-image{width:5rem;height:5rem;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--color-accent-gold);box-shadow:0 0 15px #cfa96666}.sigil-display-text{text-align:left}.sigil-message{color:var(--color-accent-mystical);font-size:1rem;font-weight:500}.sigil-type{color:var(--color-accent-gold);font-size:1.2rem;font-weight:700;margin-left:.5rem;font-family:var(--font-display)}.input-form{background:var(--color-bg-glass);padding:2rem;border-radius:16px;border:1px solid var(--color-accent-deep-purple);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-form label{display:block;margin-bottom:2rem}.label-text{display:block;color:var(--color-text-gold);font-size:1rem;margin-bottom:.75rem;font-weight:500}.label-text.gentle{font-family:var(--font-display);font-size:1.05rem}.helper-text{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.5rem;font-style:italic;line-height:1.6}.gentle-select,.gentle-input,.gentle-textarea{width:100%;padding:.875rem 1rem;background:#14141e99;border:2px solid rgba(207,169,102,.2);border-radius:10px;color:var(--color-text-main);font-size:1rem;font-family:var(--font-body);transition:all .3s ease}.gentle-select:focus,.gentle-input:focus,.gentle-textarea:focus{outline:none;border-color:var(--color-accent-gold);background:#cfa9660d;box-shadow:0 0 0 3px #cfa9661a}.gentle-textarea{min-height:120px;resize:vertical;line-height:1.7}.stress-slider{display:flex;align-items:center;gap:1rem;margin:.75rem 0}.slider-label{color:var(--color-text-muted);font-size:.9rem;white-space:nowrap}.gentle-slider{flex:1;height:6px;border-radius:10px;background:linear-gradient(90deg,var(--color-accent-deep-purple) 0%,var(--color-accent-mystical) 50%,var(--color-accent-gold) 100%);outline:none;appearance:none}.gentle-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent-gold);cursor:pointer;box-shadow:0 2px 8px #cfa96680;transition:all .2s ease}.gentle-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #cfa966b3}.stress-indicator{text-align:center;margin-top:.5rem;font-size:1.2rem}.stress-indicator .star{display:inline-block;margin:0 2px}.stress-indicator .star.filled{color:var(--color-accent-gold)}.submit-container{text-align:center;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(207,169,102,.2)}.encouragement-text{color:var(--color-accent-mystical);font-size:.95rem;margin-bottom:1.5rem;font-style:italic}@media(max-width:700px){.fortune-teller-message{padding:1.5rem 1rem}.wisdom-text{font-size:1rem;line-height:1.8}.comfort-text{font-size:.9rem}.input-form{padding:1.25rem}.label-text.gentle{font-size:.95rem}.helper-text{font-size:.8rem}.gentle-select,.gentle-input,.gentle-textarea{font-size:16px;padding:.75rem}.gentle-textarea{min-height:100px}}@media(max-width:480px){.input-page{padding:1rem .75rem}.fortune-teller-message{padding:1.25rem 1rem;margin:1.5rem auto 2rem}.wisdom-text{font-size:.95rem}.comfort-text{font-size:.85rem}.sigil-display{padding:1rem}.sigil-message{font-size:.9rem}.sigil-type{font-size:1.1rem}}.focus-tip{display:block;margin-top:.5rem;color:var(--color-accent-gold);font-style:normal;font-weight:500}.spread-container{display:flex;justify-content:center;align-items:center;padding:20px;width:100%;gap:20px;flex-wrap:wrap}.card-slot{display:flex;flex-direction:column;align-items:center;position:relative}.slot-label{margin-top:28px;font-size:.75rem;color:#cfa966cc;text-transform:uppercase;letter-spacing:1px;text-align:center}.spread-page .header-subtitle{text-align:center;color:var(--color-text-muted);font-size:.9rem;margin-top:.5rem;font-style:italic}.spread-options{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:2rem auto}.spread-option-container{width:100%}.spread-card{width:100%;padding:1.5rem;background:var(--color-bg-glass);border:2px solid rgba(207,169,102,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spread-card:hover{border-color:var(--color-accent-gold);transform:translateY(-2px);box-shadow:0 8px 24px #cfa9664d}.spread-card.selected{border-color:var(--color-accent-gold);background:linear-gradient(135deg,#cfa9661a,#7c5cbf1a)}.spread-icon{font-size:3rem;display:block;margin-bottom:.5rem}.spread-card h3{font-size:1.5rem;color:var(--color-text-gold);margin-bottom:.5rem;font-family:var(--font-display)}.spread-card .tagline{color:var(--color-text-muted);font-size:.95rem;margin-bottom:.75rem}.learn-more{display:inline-block;color:var(--color-accent-mystical);font-size:.85rem;margin-top:.5rem;font-weight:500}.spread-guide{margin-top:1.5rem;padding:2rem;background:#14141ecc;border:2px solid rgba(207,169,102,.2);border-radius:0 0 12px 12px}.guide-section{margin-bottom:2rem}.guide-section:last-of-type{margin-bottom:1.5rem}.guide-section h4{color:var(--color-accent-gold);font-size:1.1rem;margin-bottom:1rem;font-family:var(--font-display)}.guide-section .description,.guide-section .guidance{color:var(--color-text-main);line-height:1.8;font-size:.95rem}.positions-list{list-style:none;padding:0;margin:0}.positions-list li{color:var(--color-text-main);padding:.75rem 1rem;margin-bottom:.5rem;background:#cfa9660d;border-left:3px solid var(--color-accent-gold);border-radius:4px;line-height:1.6}.reversed-info{background:linear-gradient(135deg,#7c5cbf1a,#cfa9660d);padding:1.5rem;border-radius:12px;border:1px solid rgba(124,92,191,.3)}.reversed-meaning{color:var(--color-text-main);line-height:1.8;font-size:.95rem}.draw-btn{width:100%;margin-top:1rem;padding:1rem 2rem;font-size:1.1rem}.spread-container.one-card{min-height:350px;justify-content:center}.one-card .tarot-card-container{width:150px;height:245px}.spread-container.three-card{gap:2rem;padding:2rem 1rem}.three-card .slot-label{font-size:.8rem}.spread-container.celtic-cross{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;padding:20px}.center-cross{position:relative;width:120px;height:180px;display:flex;align-items:center;justify-content:center}.center-cross .slot-present{z-index:1}.crossing-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);z-index:2}.surrounding{display:grid;grid-template-areas:". conscious ." "past . near_future" ". foundation .";grid-template-columns:1fr 1fr 1fr;gap:15px;align-items:center;justify-items:center}.slot-foundation{grid-area:foundation}.slot-past{grid-area:past}.slot-conscious{grid-area:conscious}.slot-near_future{grid-area:near_future}.staff{display:flex;flex-direction:column-reverse;gap:15px}@media(max-width:800px){.spread-guide{padding:1.5rem}.guide-section h4{font-size:1rem}.positions-list li{font-size:.9rem;padding:.6rem .8rem}}@media(max-width:600px){.spread-container.celtic-cross{grid-template-columns:1fr;gap:40px;padding:10px}.center-cross{transform:scale(.9);margin:0 auto}.surrounding{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"conscious near_future" "past foundation";gap:15px;width:100%;max-width:350px;margin:0 auto}.staff{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;max-width:350px;margin:0 auto;flex-direction:initial}.staff .slot-self{order:1}.staff .slot-environment{order:2}.staff .slot-hopes_fears{order:3}.staff .slot-outcome{order:4}.tarot-card-container.size-sm{width:80px;height:130px}.spread-card{padding:1.25rem}.spread-icon{font-size:2.5rem}.spread-guide{padding:1.25rem}}.order-guide{grid-column:1 / -1;text-align:center;padding:1rem;margin-top:1rem;background:#cfa9661a;border-radius:10px;border:1px solid rgba(207,169,102,.3)}.order-guide p{color:var(--color-accent-gold);font-size:.95rem;margin:0}.order-guide.complete{background:#64c8641a;border-color:#64c8644d}.order-guide.complete p{color:#7dcea0}.card-slot.next-to-reveal{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 5px rgba(207,169,102,.5))}50%{filter:drop-shadow(0 0 15px rgba(207,169,102,.8))}}.card-slot.locked{opacity:.6;cursor:not-allowed}.card-slot.locked .tarot-card-container{pointer-events:none}.benefits-title{margin-top:1.5rem}.card-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.card-keyword-popup{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);background:#cfa966f2;padding:6px 14px;border-radius:8px;white-space:nowrap;animation:fadeIn .4s ease-out;z-index:10;pointer-events:none;box-shadow:0 4px 6px #0003}.keyword-text{color:#1a1a2e;font-size:.65rem;font-weight:600}.tarot-card-container{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.last-card-message{grid-column:1 / -1;text-align:center;padding:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#cfa96626,#7c5cbf26,#cfa96626);border-radius:16px;border:1px solid rgba(207,169,102,.3);animation:fadeIn .6s ease-out}.card-reveal-title{color:var(--color-accent-gold);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.card-reveal-name{color:var(--color-text-main);font-size:1.25rem;font-weight:700;margin-bottom:.75rem;font-family:var(--font-display)}.card-reveal-keywords{color:var(--color-accent-mystical);font-size:1rem;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-slot{position:relative;padding-bottom:40px}@media(max-width:600px){.last-card-message{padding:1rem;margin-bottom:1rem}.card-reveal-title{font-size:.95rem}.card-reveal-name{font-size:1.1rem}.card-reveal-keywords{font-size:.9rem}.card-keyword-popup{bottom:-95px;padding:3px 8px}.keyword-text{font-size:.7rem}}.confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.confirmation-modal{background:linear-gradient(135deg,#14141ef2,#1e1e32f2);border:1px solid var(--color-accent-gold);border-radius:16px;padding:2rem;max-width:90%;width:400px;text-align:center;box-shadow:0 10px 30px #00000080,0 0 20px #cfa96633;animation:scaleIn .3s ease-out}.confirmation-modal h3{color:var(--color-accent-gold);font-size:1.25rem;margin-bottom:1rem;font-family:var(--font-display)}.confirmation-modal p{color:var(--color-text-main);line-height:1.6;margin-bottom:2rem}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.modal-btn.cancel{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--color-text-muted)}.modal-btn.cancel:hover{background:#ffffff1a;color:var(--color-text-main)}.modal-btn.confirm{background:var(--color-accent-gold);border:1px solid var(--color-accent-gold);color:#1a1a2e;font-weight:600}.modal-btn.confirm:hover{background:#fff;border-color:#fff;box-shadow:0 0 15px #cfa96680}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.tarot-card-container{perspective:1000px;cursor:pointer;transition:transform .3s ease}.tarot-card-container:not(.revealed):hover{transform:scale(1.05);filter:drop-shadow(0 4px 10px rgba(207,169,102,.5))}.tarot-card-container.size-sm{width:120px;height:195px}.tarot-card-container.size-md{width:180px;height:293px}.tarot-card-container.size-lg{width:240px;height:390px}.tarot-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.tarot-card-container.flipping .tarot-card-inner{animation:cardFlip .6s ease-in-out}@keyframes cardFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.1);filter:brightness(1.2)}to{transform:rotateY(180deg) scale(1)}}.tarot-card-container.revealed .tarot-card-inner{transform:rotateY(180deg)}.tarot-card-container.revealed.reversed .tarot-card-front img.card-image{transform:rotate(180deg)}.tarot-card-front,.tarot-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 24px #0000004d}.tarot-card-back{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23);border:3px solid rgba(207,169,102,.8)}.card-back-image{width:100%;height:100%;object-fit:cover}.back-pattern{width:85%;height:85%;border:1px solid rgba(207,169,102,.3);border-radius:4px;position:relative;background:linear-gradient(45deg,transparent 45%,rgba(207,169,102,.1) 45%,rgba(207,169,102,.1) 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(207,169,102,.1) 45%,rgba(207,169,102,.1) 55%,transparent 55%);background-size:20px 20px}.back-pattern:before{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#cfa96680}.tarot-card-front{transform:rotateY(180deg);background:#000;border:3px solid #cfa966;position:relative}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,transparent 100%);padding:12px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.card-name{font-size:.75rem;font-family:"Noto Serif JP",serif;color:#f8f5ec;font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.3}.orientation-label{font-size:.65rem;color:#ff6b6b;background:#ff6b6b33;padding:2px 8px;border-radius:10px;border:1px solid rgba(255,107,107,.5)}.card-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:8px;position:relative;background:linear-gradient(135deg,#f8f5ec,#e8e2d6)}.card-top{text-align:center}.card-number{font-size:.75rem;font-weight:700;color:#7c5cbf;background:#7c5cbf1a;padding:2px 8px;border-radius:10px}.card-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-center h3{font-size:.8rem;font-family:"Noto Serif JP",serif;color:#2a2a3e;line-height:1.4;margin-bottom:.5rem}.suit-icon{width:24px;height:24px;border-radius:50%;margin-top:4px}.suit-wands{background:linear-gradient(135deg,#ff6b35,#f7931e)}.suit-cups{background:linear-gradient(135deg,#4facfe,#00f2fe)}.suit-swords{background:linear-gradient(135deg,#667eea,#764ba2)}.suit-pentacles{background:linear-gradient(135deg,#11998e,#38ef7d)}.card-bottom{text-align:center}.card-keywords{font-size:.65rem;color:#666;font-style:italic}.arcana-major .card-center h3{color:#4a2c7c;font-weight:600}.arcana-major .card-number{background:linear-gradient(135deg,#cfa966,#e8d5a9);color:#2a2a3e}.card-error{font-size:2rem;color:#999}.result-page{max-width:800px;margin:0 auto}.spread-title{text-align:center;font-size:1.2rem;color:var(--color-text-gold);margin-bottom:1.5rem;font-family:var(--font-display);letter-spacing:.1em}.header-subtitle{text-align:center;color:var(--color-text-muted);font-size:.9rem;margin-top:.5rem;font-style:italic}.invitation{text-align:center;color:var(--color-accent-gold);font-size:1rem;margin-bottom:1.5rem;line-height:1.8;font-weight:500}.warm-glow{box-shadow:0 4px 20px #cfa96666!important}.warm-glow:hover{box-shadow:0 6px 25px #cfa96699!important}.final-blessing{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#cfa9661a,#7c5cbf1a);border-radius:16px;border:2px solid rgba(207,169,102,.3);text-align:center}.blessing-text{color:var(--color-text-gold);font-size:1rem;line-height:1.8;margin-bottom:1rem}.blessing-emoji{font-size:1.5rem;margin:1rem 0}.hope-message{font-size:1.1rem;color:var(--color-accent-mystical);font-weight:600;margin-top:1rem;font-family:var(--font-display)}.position-guide{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#cfa96614,#7c5cbf14);border-radius:16px;border:1px solid rgba(207,169,102,.25)}.guide-title{color:var(--color-accent-gold);font-size:1.15rem;margin-bottom:1.5rem;text-align:center;font-family:var(--font-display)}.position-meanings{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.position-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#14141e66;border-radius:8px;border-left:3px solid var(--color-accent-gold)}.position-number{font-size:1.2rem;flex-shrink:0}.position-desc{color:var(--color-text-main);font-size:.9rem;line-height:1.5}.cards-not-revealed-message{text-align:center;padding:2rem;background:linear-gradient(135deg,#7c5cbf1a,#cfa9660d);border-radius:12px;border:2px dashed rgba(207,169,102,.3)}.gentle-reminder{color:var(--color-accent-mystical);font-size:1.05rem;line-height:1.8;margin:0;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out forwards}.next-button-container{display:flex;justify-content:center;margin:2rem 0;animation:fadeInUp .8s ease-out forwards}.next-btn{background:linear-gradient(135deg,var(--color-accent-gold) 0%,var(--color-accent-mystical) 100%);border:none;color:#fff;padding:1rem 2.5rem;border-radius:12px;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #cfa9664d;position:relative;overflow:hidden}.next-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.next-btn:hover:before{width:300px;height:300px}.next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #cfa96680}.next-btn:active{transform:translateY(0)}.interpretation-section{margin-top:2rem}.oracle-box,.detail-box,.advice-box,.ritual-box,.sign-box,.type-lens-box,.safety-box{background:var(--color-bg-glass);border:1px solid var(--color-accent-deep-purple);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.oracle-box h3,.detail-box h3,.advice-box h3,.ritual-box h3,.sign-box h3,.position-details h3{font-size:1rem;color:var(--color-text-gold);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-family:var(--font-display)}.oracle-box h3 .icon,.detail-box h3 .icon,.advice-box h3 .icon,.ritual-box h3 .icon,.sign-box h3 .icon,.position-details h3 .icon{font-size:1.1rem}.oracle-box{border-color:var(--color-accent-gold);background:linear-gradient(135deg,#cfa9661a,#14141ee6)}.thesis-text{color:var(--color-text-main);line-height:1.8;white-space:pre-wrap}.flow-box{border-left:3px solid #6495ed}.conflict-box{border-left:3px solid #dc143c}.lever-box{border-left:3px solid #32cd32}.position-details{background:var(--color-bg-glass);border:1px solid var(--color-accent-deep-purple);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.reading-item{border-bottom:1px solid rgba(207,169,102,.2);padding:.75rem 0;cursor:pointer;transition:background .2s ease}.reading-item:last-child{border-bottom:none}.reading-item:hover{background:#cfa9660d}.reading-header{display:flex;align-items:center;gap:1rem}.card-thumbnail{width:50px;height:81px;border-radius:6px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0000004d;border:2px solid var(--color-accent-gold)}.card-thumbnail.reversed .thumbnail-image{transform:rotate(180deg)}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.card-info{flex:1;min-width:0}.reading-header h4{font-size:.95rem;color:var(--color-accent-mystical);margin:0 0 .25rem;font-weight:600}.card-name{font-size:.85rem;color:var(--color-text-muted);display:block}.toggle-icon{color:var(--color-text-muted);font-size:.7rem;flex-shrink:0}.reading-text{margin-top:.75rem;color:var(--color-text-main);line-height:1.7;font-size:.9rem;padding-left:1rem;border-left:2px solid var(--color-accent-deep-purple)}.advice-box{border-color:var(--color-accent-mystical)}.advice-box p{color:var(--color-text-main);line-height:1.7}.ritual-box{background:linear-gradient(135deg,#7c5cbf26,#14141ee6);border-color:var(--color-accent-purple)}.ritual-box p{color:var(--color-text-main);line-height:1.7}.sign-box{background:#6495ed1a;border-color:#6495ed}.sign-box p{color:var(--color-text-main);line-height:1.7}.section-title{font-size:1.1rem;color:var(--color-text-gold);text-align:center;margin-bottom:1rem;font-family:var(--font-display)}.lens-text,.synergy-text{color:var(--color-text-main);line-height:1.8;text-align:center;font-size:.95rem;white-space:pre-wrap}.synergy-section{background:linear-gradient(135deg,#cfa96614,#7c5cbf14);border:1px solid var(--color-accent-gold);border-radius:12px;padding:1.5rem}.safety-box{background:#ffc1071a;border:1px solid #ffc107;border-radius:8px}.safety-line{color:#ffc107;font-size:.9rem;line-height:1.6}.actions .primary-btn,.actions .secondary-btn{min-width:180px}.secondary-btn{background:transparent;border:1px solid var(--color-accent-gold);color:var(--color-accent-gold);padding:.75rem 1.5rem;border-radius:8px;font-family:var(--font-body);cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:#cfa9661a}@media(max-width:600px){.result-page{padding:0 1rem}.oracle-box,.detail-box,.advice-box,.ritual-box,.sign-box,.position-details{padding:1rem}.reading-header{flex-wrap:wrap}.card-name{flex-basis:100%;margin-top:.25rem}.actions{flex-direction:column}.actions .primary-btn,.actions .secondary-btn{width:100%}.next-btn{width:100%;max-width:300px}}:root{--color-bg-main: #0d0d12;--color-bg-card: #141418;--color-bg-glass: rgba(20, 20, 30, .85);--color-text-main: #e8e2d6;--color-text-muted: #8a8578;--color-text-gold: #cfa966;--color-accent-gold: #cfa966;--color-accent-purple: #7c5cbf;--color-accent-deep-purple: #4a2c7c;--color-accent-mystical: #9b6bc4;--color-gradient-1: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);--color-gradient-gold: linear-gradient(135deg, #cfa966 0%, #e8d5a9 50%, #b8956a 100%);--color-gradient-card: linear-gradient(145deg, #1a1a2e 0%, #2c2148 100%);--font-serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;--font-accent: "Noto Sans JP", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .4), 0 0 40px rgba(124, 92, 191, .1);--shadow-glow: 0 0 30px rgba(207, 169, 102, .3);--shadow-mystical: 0 0 60px rgba(124, 92, 191, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-serif);background:var(--color-bg-main);color:var(--color-text-main);line-height:1.8;min-height:100vh;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 40px 70px,rgba(207,169,102,.4),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 160px 100px,rgba(124,92,191,.3),transparent),radial-gradient(1px 1px at 200px 60px,rgba(255,255,255,.2),transparent),var(--color-gradient-1);background-attachment:fixed}a{text-decoration:none;color:inherit}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-header{text-align:center;padding:2.5rem 1rem;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(207,169,102,.2);position:relative}.main-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:2px;background:var(--color-gradient-gold)}.main-header h1{font-family:var(--font-serif);font-size:1.8rem;font-weight:600;color:var(--color-accent-gold);letter-spacing:.15em;text-shadow:0 0 20px rgba(207,169,102,.4)}.main-header .brand-title{font-size:2.5rem;font-weight:700;letter-spacing:.2em;margin-bottom:.3rem}.main-header .tagline{font-size:1rem;color:var(--color-accent-mystical);letter-spacing:.15em;margin-bottom:.3rem}.main-header .subtitle{font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem;letter-spacing:.2em}.page-container{max-width:700px;margin:0 auto;padding:2rem 1.5rem 4rem;min-height:80vh}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mystic-header{text-align:center;margin-bottom:2rem}.mystic-header h2{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-accent-gold);letter-spacing:.1em}.mystic-header .star{color:var(--color-accent-mystical);margin:0 1rem;font-size:1.2rem}.intro-text{text-align:center;color:var(--color-text-muted);font-size:.95rem;line-height:2;margin-bottom:2rem}.sigil-badge{text-align:center;padding:.5rem 1.5rem;background:var(--color-gradient-card);border:1px solid var(--color-accent-purple);border-radius:var(--radius-lg);display:inline-block;margin-bottom:1.5rem;font-size:.9rem}.sigil-badge strong{color:var(--color-accent-mystical);font-weight:600}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--color-gradient-gold);transition:width .4s ease}.progress-text{text-align:center;font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.5rem}.question-card{background:var(--color-gradient-card);padding:2.5rem 2rem;border-radius:var(--radius-xl);border:1px solid rgba(124,92,191,.3);box-shadow:var(--shadow-mystical);position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-gradient-gold)}.question-card h3{font-size:1.1rem;font-weight:500;line-height:1.8;margin-bottom:2rem;text-align:center}.options{display:flex;flex-direction:column;gap:1rem}.option-btn{padding:1.2rem 1.5rem;background:#ffffff08;color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-size:1rem;font-family:var(--font-serif);text-align:left;cursor:pointer;transition:all .3s ease}.option-btn:hover{background:#7c5cbf33;border-color:var(--color-accent-purple);transform:translate(5px)}.skip-section{margin-top:2rem;text-align:center}.skip-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;opacity:.6;transition:opacity .2s}.skip-btn:hover{opacity:1;color:var(--color-text-main)}.mystic-form{background:var(--color-gradient-card);padding:2rem;border-radius:var(--radius-xl);border:1px solid rgba(124,92,191,.2);box-shadow:var(--shadow-card)}.mystic-form label{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.label-text{font-size:.95rem;color:var(--color-text-gold);font-weight:500}.mystic-form input,.mystic-form select,.mystic-form textarea{padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);background:#0000004d;color:var(--color-text-main);font-family:var(--font-serif);font-size:1rem;transition:border-color .3s,box-shadow .3s}.mystic-form input:focus,.mystic-form select:focus,.mystic-form textarea:focus{outline:none;border-color:var(--color-accent-gold);box-shadow:0 0 15px #cfa96633}.mystic-form textarea{min-height:100px;resize:vertical}.stress-slider{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--color-text-muted)}.stress-slider input[type=range]{flex:1;height:6px;cursor:pointer;background:linear-gradient(to right,var(--color-accent-purple),var(--color-accent-gold));border-radius:3px;-webkit-appearance:none}.stress-indicator{text-align:center;font-size:1.2rem;color:var(--color-accent-gold);letter-spacing:2px;margin-top:.5rem}.primary-btn,.secondary-btn{padding:1rem 2rem;border-radius:var(--radius-lg);font-family:var(--font-serif);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.primary-btn{background:var(--color-gradient-gold);color:#111;box-shadow:var(--shadow-glow)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #cfa96680}.mystic-btn{width:100%;margin-top:1rem;letter-spacing:.1em}.secondary-btn{background:transparent;border:1px solid var(--color-text-muted);color:var(--color-text-main)}.secondary-btn:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.spread-options{display:flex;flex-direction:column;gap:1.5rem}.spread-card{padding:2rem;background:var(--color-gradient-card);border:1px solid rgba(124,92,191,.2);border-radius:var(--radius-xl);text-align:left;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem}.spread-card:hover{border-color:var(--color-accent-gold);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.spread-icon{font-size:2.5rem}.spread-card h3{font-size:1.2rem;color:var(--color-accent-gold);margin-bottom:.3rem}.spread-card p{font-size:.9rem;color:var(--color-text-muted)}.result-page .instruction{text-align:center;font-size:.9rem;color:var(--color-text-muted);margin-bottom:1.5rem}.spread-section{margin-bottom:3rem}.interpretation-section{background:var(--color-gradient-card);padding:2rem;border-radius:var(--radius-xl);border:1px solid rgba(124,92,191,.2);box-shadow:var(--shadow-card)}.summary-box,.advice-box{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.summary-box h3,.advice-box h3,.position-details h3{color:var(--color-accent-gold);font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.reading-item{margin-bottom:1.5rem;padding-left:1rem;border-left:3px solid var(--color-accent-purple)}.reading-item h4{font-size:.9rem;color:var(--color-accent-mystical);margin-bottom:.5rem;font-weight:600}.reading-item p{font-size:.95rem;line-height:1.8}.advice-box{border-bottom:none;background:#cfa9660d;padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:0}.actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}@media(max-width:600px){.main-header h1{font-size:1.4rem}.page-container{padding:1.5rem 1rem 3rem}.question-card{padding:2rem 1.5rem}.spread-card{flex-direction:column;text-align:center;gap:1rem}.actions{flex-direction:column}.actions button{width:100%}}