.lithomancy-learning-page{padding:2rem 1rem;max-width:900px;margin:0 auto;animation:fadeIn .5s ease-out}.page-header{margin-bottom:2rem}.page-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#9370db;text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-md);background:var(--bg-tertiary);font-weight:600;transition:all .2s;margin-bottom:1rem}.page-header .back-link:hover{background:var(--bg-card);color:var(--text-primary)}.header-content{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#9370db1a,#9370db0d);border-radius:var(--radius-lg);border:1px solid rgba(147,112,219,.2)}.header-content h1{font-size:2rem;color:#9370db;margin:0 0 .5rem}.header-content p{margin:0;color:var(--text-secondary)}.intro-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.intro-section h2{font-size:1.2rem;color:var(--text-primary);margin:0 0 .5rem}.intro-section .aliases{font-size:.85rem;color:var(--text-muted);margin:0 0 1rem}.intro-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin:0 0 1rem;text-align:justify}.intro-content p:last-child{margin-bottom:0}.stats-bar{display:flex;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow-x:auto}.stat-item{flex:1;text-align:center;min-width:60px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--element-color, #9370DB)}.stat-label{font-size:.75rem;color:var(--text-secondary)}.filter-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1;min-width:200px}.search-box svg{color:var(--text-muted)}.search-box input{border:none;background:transparent;outline:none;flex:1;font-size:.9rem;color:var(--text-primary)}.category-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.category-tabs .tab{padding:.5rem 1rem;border:1px solid var(--border-light);background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;color:var(--text-secondary);transition:all .2s}.category-tabs .tab:hover{background:var(--bg-tertiary)}.category-tabs .tab.active{background:var(--category-color, #9370DB);color:#fff;border-color:var(--category-color, #9370DB)}.category-group{margin-bottom:2rem}.group-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:1rem;border-left:4px solid var(--category-color)}.group-icon{width:40px;height:40px;border-radius:50%;background:var(--category-color);display:flex;align-items:center;justify-content:center;color:#fff}.group-info h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.group-theme{font-size:.8rem;color:var(--text-secondary)}.group-count{margin-left:auto;font-size:.85rem;color:var(--text-muted)}.stones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.stone-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.stone-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stone-color)}.stone-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-symbol{font-size:2rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.card-info{text-align:center;margin-bottom:.75rem}.stone-name{font-size:1rem;color:var(--text-primary);margin:0 0 .25rem;font-weight:700}.stone-name-en{font-size:.75rem;color:var(--text-muted);margin:0}.card-keywords{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}.card-keywords .keyword{font-size:.7rem;padding:.15rem .4rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm)}.no-results{text-align:center;padding:3rem;color:var(--text-secondary)}@media(max-width:768px){.lithomancy-learning-page{padding:1rem .5rem}.header-content h1{font-size:1.5rem}.stats-bar{flex-wrap:wrap}.stat-item{min-width:50px}.filter-bar{flex-direction:column}.stones-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}