:root{--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--border-color:#e5e7eb;--accent-light:#f3e8ff;--accent-color:#374151;--accent-hover:#374151;--shadow-color:#0000001a;--nav-bg:#fff;--card-bg:#fff;--hover-bg:#f3f4f6;--keyword-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--keyword-text:#374151;--keyword-border:#9333ea33;--keyword-hover:linear-gradient(135deg,#e9d5ff,#d8b4fe);--tag-major-bg:#f3e8ff;--tag-major-text:#374151;--tag-minor-bg:#e0f2fe;--tag-minor-text:#0369a1;--tag-number-bg:#f3f4f6;--tag-number-text:#374151}body.dark{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-card:#1f2937;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--border-color:#374151;--accent-light:#374151;--accent-color:#c4b5fd;--accent-hover:#d8b4fe;--shadow-color:#0000004d;--nav-bg:#1f2937;--card-bg:#2d3748;--hover-bg:#374151;--keyword-bg:linear-gradient(135deg,#4c1d95,#5b21b6);--keyword-text:#f3e8ff;--keyword-border:#c4b5fd4d;--keyword-hover:linear-gradient(135deg,#5b21b6,#6d28d9);--tag-major-bg:#4c1d95;--tag-major-text:#f3e8ff;--tag-minor-bg:#155e75;--tag-minor-text:#e0f2fe;--tag-number-bg:#374151;--tag-number-text:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2937;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}.container,body{background-color:#f9fafb;background-color:var(--bg-primary)}.container{margin:0 auto;max-width:1200px;padding:16px}.min-h-screen{min-height:100vh}.nav{background-color:#fff;background-color:var(--nav-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);justify-content:space-between;padding:16px;position:sticky;top:0;z-index:40}.nav,.nav-container{align-items:center;display:flex}.nav-container{flex:1 1;gap:24px;margin:0 auto;max-width:1200px}.nav-link{border-radius:9999px;color:#4b5563;color:var(--text-secondary);font-size:16px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#f3f4f6;background-color:var(--hover-bg);color:#374151;color:var(--accent-color)}.theme-switch{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:40px;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-left:16px;padding:8px 12px;transition:all .3s ease}.theme-switch:hover{background-color:#f3f4f6;background-color:var(--hover-bg);border-color:#374151;border-color:var(--accent-color);color:#374151;color:var(--accent-color)}.theme-icon{font-size:20px}.theme-text{display:none}@media (min-width:768px){.theme-text{display:inline}}.page-title{color:#1f2937;color:var(--text-primary);font-size:32px;font-weight:700;margin:24px 0 8px;text-align:center}.page-subtitle{color:#6b7280;color:var(--text-muted);font-size:16px;margin-bottom:32px;text-align:center}.section-title{border-bottom:2px solid #f3e8ff;border-bottom:2px solid var(--accent-light);color:#1f2937;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px;padding:0 16px}.filter-btn{background-color:#f3f4f6;background-color:var(--hover-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:9999px;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.filter-btn:hover{background-color:#f3e8ff;background-color:var(--accent-light);color:#374151;color:var(--accent-hover);transform:translateY(-2px)}.filter-btn.active{background-color:#374151;background-color:var(--accent-color);box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);color:#fff}.results-count{color:#6b7280;color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:24px;text-align:center}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:16px}.card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:0 10px 15px var(--shadow-color);transform:scale(1.05)}.card.selected{opacity:.5}.card-image{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;display:block;height:auto;width:100%}.card-hover-transparent{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000bf;border:1px solid #ffffff1a;border-radius:12px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:16px;position:absolute;right:0;text-align:center;top:0}.card-hover-transparent h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px #00000080}.card-hover-transparent .card-english{border-bottom:1px solid #fff3;color:#d8b4fe;font-size:13px;font-style:italic;margin-bottom:12px;padding-bottom:8px;width:100%}.card-hover-transparent .card-keywords-hover{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;padding:4px;width:100%}.card-hover-transparent .card-keywords-hover::-webkit-scrollbar{width:4px}.card-hover-transparent .card-keywords-hover::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.card-hover-transparent .card-keywords-hover::-webkit-scrollbar-thumb{background:#374151;background:var(--accent-color);border-radius:4px}.card-hover-transparent .keyword-hover-item{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#9333ea66;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;text-align:center;transition:all .3s ease}.card-hover-transparent .keyword-hover-item:hover{background:#9333ea99;transform:translateX(2px)}body.dark .card-hover-transparent .keyword-hover-item{background:#c4b5fd4d;border-color:#fff3;color:#f3e8ff}body.dark .card-hover-transparent .keyword-hover-item:hover{background:#c4b5fd80}.selected-badge{align-items:center;background-color:#374151;background-color:var(--accent-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px;z-index:10}.keywords-container{background-color:#f3f4f6;background-color:var(--hover-bg);border-radius:12px;margin-bottom:24px;padding:16px}.keywords-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.keyword-tag{background:#374151;background:var(--accent-color);border-radius:9999px;color:#fff;font-size:13px;font-weight:500;padding:4px 12px}.keyword-tag-small{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--keyword-bg);border:1px solid #9333ea33;border:1px solid var(--keyword-border);border-radius:20px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#374151;color:var(--keyword-text);display:inline-block;font-size:13px;font-weight:600;margin:0 4px 4px 0;padding:6px 14px;transition:all .3s ease}.keyword-tag-small:hover{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);background:var(--keyword-hover);border-color:#374151;border-color:var(--accent-color);box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.card-tag{border-radius:9999px;display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.tag-major{background-color:#f3e8ff;background-color:var(--tag-major-bg);color:#374151;color:var(--tag-major-text)}.tag-minor{background-color:#e0f2fe;background-color:var(--tag-minor-bg);color:#0369a1;color:var(--tag-minor-text)}.tag-number{background-color:#f3f4f6;background-color:var(--tag-number-bg);color:#374151;color:var(--tag-number-text)}.reading-tag{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--keyword-bg);border:1px solid #374151;border:1px solid var(--accent-color);border-radius:30px;color:#374151;color:var(--keyword-text);display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}.modal-body{padding:32px}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10}.modal-close:hover{background-color:#f3f4f6;background-color:var(--hover-bg);color:#1f2937;color:var(--text-primary)}.modal-image{border-radius:16px;box-shadow:0 10px 25px #0000001a;box-shadow:0 10px 25px var(--shadow-color);width:100%}.modal-title{color:#1f2937;color:var(--text-primary);font-size:32px;font-weight:700;margin-right:48px}.modal-subtitle{color:#6b7280;color:var(--text-muted);font-size:18px;font-style:italic;margin-bottom:16px}.modal-section{margin-bottom:24px}.section-text{color:#4b5563;color:var(--text-secondary);font-size:15px;line-height:1.6}.symbolism-list{list-style-type:disc;margin-top:8px;padding-left:20px}.symbolism-list li{color:#4b5563;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.advice-box{background-color:#f59e0b1a;border-left:4px solid #f59e0b;border-radius:12px;margin:24px 0;padding:20px}.advice-box h3{color:#92400e;font-size:16px;font-weight:700;margin-bottom:8px}.advice-box p{color:#4b5563;color:var(--text-secondary);line-height:1.6}body.dark .advice-box{background-color:#f59e0b33}.astrology-grid{grid-gap:16px;background-color:#f3f4f6;background-color:var(--hover-bg);border-radius:12px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:24px;padding:20px}.astrology-item{text-align:center}.astrology-label{color:#374151;color:var(--accent-color);font-size:14px;font-weight:600;margin-bottom:4px}.astrology-value{color:#1f2937;color:var(--text-primary);font-size:16px;font-weight:500}.reversed-box{background-color:#ef44441a;border-left:4px solid #ef4444;border-radius:12px;margin:24px 0;padding:20px}.reversed-box h3{color:#b91c1c;font-weight:700;margin-bottom:8px}.reversed-box p{color:#4b5563;color:var(--text-secondary);line-height:1.6}body.dark .reversed-box{background-color:#ef444433}.read-more-btn{align-items:center;background:none;border:none;color:#374151;color:var(--accent-color);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:4px;padding:8px 0;transition:all .3s ease}.read-more-btn:hover{color:#374151;color:var(--accent-hover);gap:8px}.selected-cards-container{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);padding:24px}.selected-cards-container,.selected-cards-empty{background-color:#fff;background-color:var(--bg-card);margin-bottom:32px}.selected-cards-empty{border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:16px;color:#6b7280;color:var(--text-muted);font-size:18px;padding:48px;text-align:center}.selected-cards-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.selected-cards-title{color:#1f2937;color:var(--text-primary);font-size:20px;font-weight:600}.selected-cards-actions{display:flex;gap:12px}.btn-primary{background-color:#374151;background-color:var(--accent-color);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-primary:hover{background-color:#374151;background-color:var(--accent-hover);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.btn-secondary{background-color:#f3f4f6;background-color:var(--hover-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:9999px;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-secondary:hover{background-color:#e5e7eb;background-color:var(--border-color);transform:translateY(-2px)}.selected-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-bottom:24px}.selected-card-item{position:relative;text-align:center}.selected-card-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);transition:transform .3s ease;width:100%}.selected-card-item:hover .selected-card-image{transform:scale(1.05)}.selected-card-remove{align-items:center;background-color:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .3s ease;width:24px}.selected-card-item:hover .selected-card-remove{opacity:1}.selected-card-remove:hover{background-color:#dc2626;transform:scale(1.1)}.selected-card-name{color:#4b5563;color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-top:4px}.reading-found{animation:sparkle 1.5s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;margin-top:20px;padding:20px}body.dark .reading-found{background:linear-gradient(135deg,#78350f,#92400e);border-left-color:#fbbf24}.reading-found-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.reading-found-icon{font-size:24px}.reading-found-title{color:#92400e;font-size:18px;font-weight:700}body.dark .reading-found-title{color:#fde68a}.reading-found-cards{color:#b45309;font-weight:600;margin-bottom:8px}body.dark .reading-found-cards{color:#fbbf24}.reading-found-description{color:#78350f;line-height:1.5;margin-bottom:12px}body.dark .reading-found-description{color:#fef3c7}.reading-found-advice{background-color:#ffffff80;border-radius:8px;color:#92400e;font-size:14px;font-style:italic;padding:8px 12px}body.dark .reading-found-advice{background-color:#0000004d;color:#fef3c7}.interpretations-section{border-top:2px solid #f3e8ff;border-top:2px solid var(--accent-light);margin-top:48px;padding-top:24px}.interpretations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.interpretation-card{animation:slideUp .4s ease-out;background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);overflow:hidden;transition:all .3s ease}.interpretation-card:hover{box-shadow:0 12px 24px #0000001a;box-shadow:0 12px 24px var(--shadow-color);transform:translateY(-4px)}.interpretation-header{background:linear-gradient(135deg,#f3f4f6,#fff);background:linear-gradient(135deg,var(--hover-bg) 0,var(--bg-card) 100%);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:16px}.interpretation-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);height:auto;width:60px}.interpretation-title h3{color:#1f2937;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:4px}.interpretation-subtitle{color:#6b7280;color:var(--text-muted);font-size:14px;font-style:italic}.interpretation-content{padding:16px}.interpretation-section{border-bottom:1px solid #f3e8ff;border-bottom:1px solid var(--accent-light);margin-bottom:20px;padding-bottom:16px}.interpretation-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.interpretation-section h4{align-items:center;color:#374151;color:var(--accent-color);display:flex;font-size:15px;font-weight:700;gap:6px;margin-bottom:10px}.interpretation-section h4:before{background-color:#374151;background-color:var(--accent-color);border-radius:2px;content:"";display:inline-block;height:18px;width:4px}body.dark .interpretation-section h4{color:#c4b5fd}.interpretation-section p{color:#4b5563;color:var(--text-secondary);font-size:14px;line-height:1.7;text-align:justify}body.dark .interpretation-section p{color:#d1d5db}.interpretation-section.advice{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:16px;margin-top:20px;padding:20px}body.dark .interpretation-section.advice{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b}.interpretation-section.advice h4{color:#92400e}body.dark .interpretation-section.advice h4{color:#fde68a}.interpretation-section.advice h4:before{background-color:#f59e0b}.interpretation-section.advice p{color:#78350f;font-weight:500}body.dark .interpretation-section.advice p{color:#fef3c7}.general-meaning-text{background-color:#f3f4f6;background-color:var(--hover-bg);border-left:3px solid #374151;border-left:3px solid var(--accent-color);border-radius:12px;font-style:italic;margin-top:8px;padding:16px}body.dark .general-meaning-text{background-color:#374151;border-left-color:#c4b5fd;color:#e5e7eb}.filters-section{background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:32px;padding:24px}.filters-title{align-items:center;color:#1f2937;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.suit-filters{display:flex;flex-wrap:wrap;gap:12px}.suit-btn{align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6);background:linear-gradient(135deg,var(--bg-card) 0,var(--hover-bg) 100%);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:40px;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;flex:0 1 auto;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.suit-btn:hover{border-color:#374151;border-color:var(--accent-color);box-shadow:0 8px 16px #0000001a;box-shadow:0 8px 16px var(--shadow-color);transform:translateY(-2px)}.suit-btn.active{background:linear-gradient(135deg,#374151,#374151);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);border-color:#0000;box-shadow:0 8px 16px #9333ea4d;color:#fff}.suit-icon{font-size:20px}.suit-count{background-color:#0000001a;border-radius:20px;font-size:12px;font-weight:600;margin-left:4px;padding:2px 8px}.active .suit-count{background-color:#fff3}.categories-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.category-btn{align-items:center;background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:40px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.category-btn:hover{border-color:#374151;border-color:var(--accent-color);box-shadow:0 8px 16px #0000001a;box-shadow:0 8px 16px var(--shadow-color);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#374151,#374151);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);border-color:#0000;color:#fff}.category-icon{font-size:18px}.category-count{background-color:#0000001a;border-radius:20px;font-size:12px;font-weight:600;padding:2px 8px}.active .category-count{background-color:#fff3}.search-container{margin:0 auto 32px;max-width:600px;position:relative}.search-input{background-color:#fff;background-color:var(--bg-card);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);color:#1f2937;color:var(--text-primary);font-size:16px;padding:16px 50px 16px 24px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#374151;border-color:var(--accent-color);box-shadow:0 4px 12px #9333ea33;outline:none}.search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px}.search-clear:hover{background-color:#f3f4f6;background-color:var(--hover-bg);color:#1f2937;color:var(--text-primary)}.readings-stats{justify-content:space-between;margin-bottom:24px;padding:0 16px}.readings-stats,.stats-left{align-items:center;display:flex}.stats-left{flex-wrap:wrap;gap:12px}.stats-count{color:#6b7280;color:var(--text-muted);font-size:14px;font-weight:500}.stats-reset{background:none;border:none;border-radius:20px;color:#374151;color:var(--accent-color);cursor:pointer;font-size:14px;font-weight:600;padding:4px 12px;transition:all .3s ease}.stats-reset:hover{background-color:#f3e8ff;background-color:var(--accent-light)}.active-filters{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag{align-items:center;background-color:#f3e8ff;background-color:var(--accent-light);border:1px solid #374151;border:1px solid var(--accent-color);border-radius:20px;color:#374151;color:var(--accent-color);display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:4px 12px}.readings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.reading-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);height:fit-content;overflow:hidden;transition:all .3s ease}.reading-card:hover{border-color:#374151;border-color:var(--accent-color);box-shadow:0 20px 25px -5px #0000001a;box-shadow:0 20px 25px -5px var(--shadow-color);transform:translateY(-4px)}.reading-card-header{align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6);background:linear-gradient(135deg,var(--bg-card) 0,var(--hover-bg) 100%);cursor:pointer;display:flex;gap:16px;padding:20px;transition:background .3s ease}.reading-card-header:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--hover-bg) 0,var(--border-color) 100%)}.reading-card-icon{align-items:center;background:linear-gradient(135deg,#374151,#374151);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);border-radius:50%;box-shadow:0 4px 8px #9333ea4d;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.reading-card-title{flex:1 1}.reading-card-title h3{color:#1f2937;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:4px}.reading-card-cards{color:#6b7280;color:var(--text-muted);font-size:13px;font-style:italic}.reading-card-expand{align-items:center;background-color:#fff;background-color:var(--bg-card);border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#374151;color:var(--accent-color);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.reading-card-expand:hover{background-color:#374151;background-color:var(--accent-color);color:#fff;transform:scale(1.1)}.reading-card-body{background-color:#fff;background-color:var(--bg-card);max-height:0;overflow:hidden;transition:max-height .4s ease-out}.reading-card-body.expanded{max-height:500px;padding:20px}.reading-card-meaning{margin-bottom:16px}.reading-card-description{color:#4b5563;color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px;text-align:justify}.reading-card-advice{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;display:flex;gap:12px;padding:16px}body.dark .reading-card-advice{background:linear-gradient(135deg,#78350f,#92400e);border-left-color:#fbbf24}.advice-icon{font-size:20px}.reading-card-advice p{color:#78350f;font-size:14px;font-style:italic;line-height:1.5}body.dark .reading-card-advice p{color:#fef3c7}.readings-empty{background-color:#fff;background-color:var(--bg-card);border-radius:24px;margin-top:32px;padding:60px 20px;text-align:center}.empty-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.5}.readings-empty h3{color:#1f2937;color:var(--text-primary);font-size:20px;margin-bottom:8px}.readings-empty p{color:#6b7280;color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.m-0{margin:0}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.text-center{text-align:center}.text-left{text-align:left}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.italic{font-style:italic}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.border-t{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a;box-shadow:0 10px 15px -3px var(--shadow-color)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a;box-shadow:0 20px 25px -5px var(--shadow-color)}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{box-shadow:0 0 0 0 #f59e0b66;opacity:1}50%{box-shadow:0 0 20px 5px #f59e0b4d;opacity:.9}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-sparkle{animation:sparkle 1.5s ease-in-out infinite}.animate-fadeIn{animation:fadeIn .3s ease-in-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#374151;background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#374151;background:var(--accent-hover)}@media (min-width:768px){.md-flex-row{flex-direction:row}.md-w-1-3{width:33.333%}.md-w-2-3{width:66.666%}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.readings-grid{grid-template-columns:1fr}.category-btn{font-size:13px;padding:8px 16px}.suit-btn{font-size:13px;padding:10px 16px}.filters-section{padding:16px}.reading-card-title h3{font-size:16px}.reading-card-cards{font-size:12px}.card-hover-transparent h3{font-size:16px}.card-hover-transparent .keyword-hover-item{font-size:10px}}@media (max-width:640px){.modal-body{padding:20px}.modal-title{font-size:24px}.cards-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.filter-buttons{gap:6px}.filter-btn{font-size:12px;padding:6px 12px}.search-input{font-size:14px;padding:12px 20px}.categories-container,.suit-filters{gap:8px}.suit-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;justify-content:center}.reading-card-header{padding:16px}.reading-card-icon{font-size:20px;height:40px;width:40px}.interpretation-section h4{font-size:14px}.interpretation-section p{font-size:13px}.keyword-tag-small{font-size:12px;padding:4px 10px}}@media (max-width:480px){.card-hover-transparent{padding:8px}.card-hover-transparent .keyword-hover-item{font-size:9px;padding:2px 4px}}.filter-btn.number-filter{background-color:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.filter-btn.number-filter:hover{background-color:#bae6fd}.filter-btn.number-filter.active{background-color:#0284c7;border-color:#0284c7;color:#fff}body.dark .filter-btn.number-filter{background-color:#155e75;border-color:#0891b2;color:#e0f2fe}body.dark .filter-btn.number-filter.active{background-color:#0891b2;color:#fff}.readings-page .categories-container{gap:6px}.readings-page .category-btn,.readings-page .suit-btn{font-size:12px;padding:6px 12px}.readings-page .category-icon,.readings-page .suit-icon{font-size:14px}.readings-page .category-count,.readings-page .suit-count{font-size:10px;padding:1px 4px}@media (max-width:768px){.readings-page .category-btn,.readings-page .suit-btn{font-size:11px;padding:4px 8px}.readings-page .suit-btn{flex-basis:calc(33.333% - 4px);flex-grow:1;flex-shrink:1}}.found-readings-container{border-top:2px solid #f3e8ff;border-top:2px solid var(--accent-light);margin-top:24px;padding-top:20px}.found-readings-title{align-items:center;color:#374151;color:var(--accent-color);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px}.found-readings-title:before{content:"⚡";font-size:20px}.found-readings-list{display:flex;flex-direction:column;gap:16px}.reading-card-second-meaning{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-left:3px solid #0284c7;border-radius:12px;margin:12px 0;padding:12px}body.dark .reading-card-second-meaning{background:linear-gradient(135deg,#155e75,#0891b2);border-left-color:#22d3ee}.second-meaning-label{color:#0369a1;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px}body.dark .second-meaning-label{color:#7dd3fc}.reading-card-second-description{color:#075985;font-size:14px;line-height:1.5;margin:0}body.dark .reading-card-second-description{color:#e0f2fe}.found-readings-list .reading-found{animation:sparkle 1.5s ease-in-out infinite;margin-top:0}.found-readings-list .reading-found:not(:last-child){margin-bottom:12px}
/*# sourceMappingURL=main.6f0f1bd0.css.map*/