.rune-page{--rune-gold: #d4af37;--rune-dark: #1a1a2e}.rune-page .bazi-header h1{color:var(--rune-gold)}.rune-main{padding:1.5rem;max-width:700px;margin:0 auto}.rune-phase{animation:fadeIn .3s ease-out}.spread-selector{margin-bottom:1.5rem}.spread-selector h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem}.spread-options{display:flex;gap:1rem}.spread-option{flex:1;padding:1rem;background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:.25rem}.spread-option:hover{border-color:var(--rune-gold)}.spread-option.active{border-color:var(--rune-gold);background:#d4af371a}.spread-option .spread-name{font-weight:600;color:var(--text-primary)}.spread-option .spread-count{font-size:.8rem;color:var(--rune-gold)}.spread-option .spread-desc{font-size:.8rem;color:var(--text-secondary)}.question-input{margin-bottom:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.question-input label{display:block;color:var(--text-primary);margin-bottom:.5rem;font-weight:500}.question-input textarea{width:100%;min-height:100px;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;resize:vertical}.question-input textarea:focus{outline:none;border-color:var(--rune-gold)}.sample-questions{margin-bottom:1.5rem}.sample-questions>p{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.sample-list{display:flex;flex-wrap:wrap;gap:.5rem}.sample-list button{padding:.4rem .8rem;background:#c9a2271a;border:1px solid rgba(201,162,39,.3);border-radius:20px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.sample-list button:hover{background:#c9a22733;border-color:#c9a22780;color:var(--primary)}.start-button{width:100%;padding:1rem;background:linear-gradient(135deg,#a89a8a,#8d7f70,#7a6d60);border:none;border-radius:9999px;color:#fefefe;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #7a6d6059;transition:all .3s ease}.start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7a6d6073;background:linear-gradient(135deg,#b5a798,#9a8b7c,#86786b)}.start-button:disabled{opacity:.5}.drawing-phase{text-align:center;padding:2rem 0}.drawing-info{margin-bottom:2rem}.drawing-title{color:var(--text-secondary);margin-bottom:.5rem}.drawing-progress{color:var(--rune-gold);font-size:1.2rem;font-weight:600}.rune-bag{width:150px;height:180px;margin:0 auto 2rem;background:linear-gradient(180deg,#4a3728,#2c1810);border-radius:20px 20px 40px 40px;border:3px solid var(--rune-gold);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000004d}.rune-bag:before{content:"";position:absolute;top:-10px;left:20%;right:20%;height:15px;background:var(--rune-gold);border-radius:10px}.bag-glyphs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem;font-size:1.5rem;color:var(--rune-gold)}.draw-button{padding:1rem 2rem;background:linear-gradient(135deg,#a89a8a,#8d7f70,#7a6d60);border:none;border-radius:9999px;color:#fefefe;font-size:1.1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #7a6d6059;transition:all .3s ease}.draw-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7a6d6073;background:linear-gradient(135deg,#b5a798,#9a8b7c,#86786b)}.result-header{text-align:center;margin-bottom:1.5rem}.result-header h3{color:var(--rune-gold);font-size:1.2rem;margin-bottom:.5rem}.result-question{color:var(--text-secondary);font-style:italic}.rune-spread{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.drawn-rune{width:120px;padding:1rem;background:var(--bg-card);border:2px solid var(--rune-color);border-radius:var(--radius-lg);text-align:center}.drawn-rune .position-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.drawn-rune .rune-glyph{font-size:3rem;color:var(--rune-color);margin-bottom:.5rem;transition:transform .3s}.drawn-rune .rune-glyph.reversed{transform:rotate(180deg)}.drawn-rune .rune-name{font-size:.85rem;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.drawn-rune .rune-orientation{font-size:.75rem;color:var(--text-secondary)}.drawn-rune.reversed .rune-orientation{color:#f87171}.basic-reading{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.reading-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem}.reading-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;overflow:visible}.reading-header .glyph{font-size:1.5rem}.reading-header .position{font-size:.85rem;color:var(--rune-gold)!important;font-weight:600;background:none!important;padding:0!important}.reading-header .rune-title{font-weight:600;color:var(--text-primary)}.reading-keywords{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.reading-keywords .keyword{padding:.2rem .5rem;background:var(--bg-tertiary);border-radius:12px;font-size:.75rem;color:var(--text-secondary)}.reading-meaning{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.result-actions{display:flex;gap:1rem}.reset-button,.ai-button{flex:1;padding:1rem;border-radius:var(--radius-lg);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.reset-button{background:linear-gradient(135deg,#a89a8a,#8d7f70,#7a6d60);border:none;color:#fefefe;font-weight:700;border-radius:9999px;box-shadow:0 4px 15px #7a6d6059;transition:all .3s ease}.reset-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7a6d6073;background:linear-gradient(135deg,#b5a798,#9a8b7c,#86786b)}.ai-button{background:linear-gradient(135deg,#d4a373,#c9a060,#b8945a);border:none;color:#3d3225;font-weight:700;border-radius:9999px;box-shadow:0 4px 15px #b8945a59;transition:all .3s ease}.ai-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b8945a73;background:linear-gradient(135deg,#ddb07f,#d4a96b,#c49e65)}@media(max-width:600px){.spread-options{flex-direction:column}.drawn-rune{width:100px}.drawn-rune .rune-glyph{font-size:2.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}