:root{--color-deep-soil: #2b231d;--color-muted-earth: #3a312a;--color-antique-gold: #b89947;--color-moss-green: #59733e;--color-parchment: #f4efe6;--color-faded-gold: #c2b59b;--color-ochre-red: #8c4a3a;--color-obsidian: #1a1511;--bg-primary: var(--color-deep-soil);--bg-card: var(--color-muted-earth);--bg-nav: var(--color-obsidian);--accent-primary: var(--color-antique-gold);--accent-success: var(--color-moss-green);--accent-error: var(--color-ochre-red);--text-primary: var(--color-parchment);--text-secondary: var(--color-faded-gold);--font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-content: Georgia, "Times New Roman", serif;--text-title: bold 22px/1.2 var(--font-ui);--text-section: 500 16px/1.3 var(--font-ui);--text-body: normal 14px/1.5 var(--font-content);--text-label: normal 10px/1.4 var(--font-ui);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font:var(--text-body);min-height:100dvh;overflow-x:hidden}h1,h2,h3{font-family:var(--font-ui);color:var(--text-primary)}h1{font:var(--text-title)}h2{font:var(--text-section)}a{color:var(--accent-primary);text-decoration:none}button{font-family:var(--font-ui);cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}#app{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;padding:var(--space-md);padding-bottom:80px}.btn-primary{display:block;width:100%;padding:14px 24px;background:var(--accent-primary);color:var(--color-deep-soil);font:var(--text-section);font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-md);transition:opacity .2s}.btn-primary:active{opacity:.8}.btn-secondary{display:block;width:100%;padding:14px 24px;background:var(--bg-card);color:var(--text-primary);font:var(--text-section);border-radius:var(--radius-md);border:1px solid var(--color-faded-gold);transition:opacity .2s}.btn-back{background:none;color:var(--accent-primary);font-size:20px;padding:8px 12px}.btn-know{flex:1;padding:14px;background:var(--accent-success);color:var(--text-primary);font:var(--text-section);font-weight:700;border-radius:var(--radius-md)}.btn-study-more{flex:1;padding:14px;background:var(--accent-error);color:var(--text-primary);font:var(--text-section);font-weight:700;border-radius:var(--radius-md)}.loading,.error{text-align:center;padding:var(--space-xl);color:var(--text-secondary);font:var(--text-section)}.error{color:var(--accent-error)}.progress-ring-container{position:relative;display:inline-block}.progress-ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:var(--text-title);color:var(--accent-primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--bg-nav);padding:8px 0 env(safe-area-inset-bottom,8px);z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;color:var(--text-secondary);font:var(--text-label);text-transform:uppercase;padding:6px 16px;transition:color .2s}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-item svg{opacity:.7}.bottom-nav-item.active svg{opacity:1}.category-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:transform .15s}.category-card:active{transform:scale(.98)}.category-info h2{color:var(--text-primary);margin-bottom:var(--space-xs)}.category-info p{color:var(--text-secondary);font-size:12px}.category-mastery{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.mastery-bar{flex:1;height:6px;background:var(--color-obsidian);border-radius:var(--radius-full);overflow:hidden}.mastery-fill{height:100%;background:var(--accent-success);border-radius:var(--radius-full);transition:width .4s ease}.mastery-pct{font:var(--text-label);color:var(--accent-success);text-transform:uppercase;min-width:36px;text-align:right}.flashcard{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.flashcard-inner{width:100%;min-height:340px;position:relative;perspective:800px;cursor:pointer}.flashcard-front,.flashcard-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .5s}.flashcard-back{transform:rotateY(180deg);overflow-y:auto}.flashcard.flipped .flashcard-front{transform:rotateY(180deg)}.flashcard.flipped .flashcard-back{transform:rotateY(0)}.flashcard-pattern{margin-bottom:var(--space-md)}.flashcard-pattern-small{margin-bottom:var(--space-sm)}.flashcard-name{font:var(--text-title);color:var(--accent-primary)}.flashcard-english{color:var(--text-secondary);font:var(--text-section);margin-top:var(--space-xs)}.flashcard-hint{color:var(--text-secondary);font:var(--text-label);text-transform:uppercase;margin-top:var(--space-lg);opacity:.6}.flashcard-actions{display:flex;gap:var(--space-md);width:100%}.correspondence-table{width:100%;border-collapse:collapse;font:var(--text-body)}.correspondence-table td,.correspondence-table th{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.correspondence-table td:first-child,.correspondence-table th:first-child{color:var(--text-secondary);font-family:var(--font-ui);font-size:11px;text-transform:uppercase;width:40%}.correspondence-table td:last-child{color:var(--text-primary)}.correspondence-table .active{color:var(--accent-primary)}.correspondence-table .passive{color:var(--text-secondary)}.ref-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.ref-tab{flex:1;padding:10px 16px;background:var(--bg-card);color:var(--text-secondary);font:var(--text-section);font-size:13px;border-radius:var(--radius-sm);text-align:center;border:1px solid transparent;transition:all .2s}.ref-tab.active{border-color:var(--accent-primary);color:var(--accent-primary)}.house-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.house-ref-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:transform .15s}.house-ref-card:active{transform:scale(.98)}.house-ref-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#c7a35b26;color:var(--accent-primary);font:var(--text-title);font-size:18px;border-radius:var(--radius-sm)}.house-ref-info{flex:1;display:flex;flex-direction:column}.house-ref-domain{color:var(--text-primary);font-size:13px;line-height:1.3}.house-ref-element{color:var(--text-secondary);font-size:11px;text-transform:uppercase;margin-top:2px}.house-number-large{font-size:64px;font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-sm)}.house-meaning{color:var(--text-primary);font:var(--text-body);line-height:1.5;padding:var(--space-xs) 0}.house-keywords{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.keyword-tag{display:inline-block;padding:4px 10px;background:#c7a35b1f;color:var(--accent-primary);font:var(--text-label);text-transform:uppercase;border-radius:var(--radius-full)}.fav-favorable{color:var(--accent-success)}.fav-unfavorable{color:var(--accent-error)}.fav-neutral{color:var(--text-secondary)}.figure-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.figure-ref-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:transform .15s}.figure-ref-card:active{transform:scale(.98)}.figure-ref-pattern{flex-shrink:0}.figure-ref-info{flex:1;display:flex;flex-direction:column}.figure-ref-name{color:var(--text-primary);font:var(--text-section)}.figure-ref-english{color:var(--text-secondary);font-size:12px}.figure-ref-planet{color:var(--text-secondary);font:var(--text-label);text-transform:uppercase}.session-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.session-progress{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font:var(--text-label);color:var(--text-secondary);text-transform:uppercase}.progress-bar-small{width:100%;height:4px;background:var(--color-obsidian);border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-full);transition:width .3s}.session-score{color:var(--accent-primary);font:var(--text-section)}.config-section{margin-bottom:var(--space-lg)}.config-section h2{color:var(--text-secondary);font:var(--text-label);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-sm)}.config-options{display:flex;gap:var(--space-sm);flex-wrap:wrap}.config-option{flex:1;min-width:80px;padding:10px 12px;background:var(--bg-card);color:var(--text-secondary);font:var(--text-section);font-size:13px;border-radius:var(--radius-sm);border:1px solid transparent;transition:all .2s}.config-option.selected{border-color:var(--accent-primary);color:var(--accent-primary)}.config-option:disabled{opacity:.4;cursor:default}.quiz-options{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.quiz-option{display:block;width:100%;padding:14px 20px;background:var(--bg-card);color:var(--text-primary);font:var(--text-section);border-radius:var(--radius-md);border:1px solid transparent;text-align:left;transition:all .2s;cursor:pointer}.quiz-option:active:not(:disabled){transform:scale(.98);border-color:var(--accent-primary)}.quiz-option:disabled{cursor:default;opacity:.85}.quiz-option-correct{border-color:var(--accent-success)!important;background:#6b8e2326;color:var(--accent-success)}.quiz-option-incorrect{border-color:var(--accent-error)!important;background:#b25d3826;color:var(--accent-error)}.quiz-option-missed{border-color:var(--accent-success);opacity:.5}.quiz-question-area{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) 0;text-align:center}.quiz-pattern{margin-bottom:var(--space-md)}.quiz-question-text{color:var(--text-primary);font:var(--text-section);font-size:18px;line-height:1.4;margin-bottom:var(--space-md)}.quiz-feedback{text-align:center;padding:var(--space-md) 0}.quiz-feedback-text{font:var(--text-section);margin-bottom:var(--space-md)}.quiz-feedback-text.correct{color:var(--accent-success)}.quiz-feedback-text.incorrect{color:var(--accent-error)}.quiz-next-btn{margin-top:var(--space-sm)}.quiz-scenario-text{color:var(--accent-primary);font:var(--text-section);font-style:italic;margin-bottom:var(--space-sm);line-height:1.4}.quiz-reasoning{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);text-align:left}.reasoning-text{color:var(--text-primary);font:var(--text-body);line-height:1.5}.reasoning-derivation{color:var(--text-secondary);font:var(--text-label);margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid rgba(255,255,255,.06)}.quiz-addition-pair{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.addition-figure{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.addition-figure span{font:var(--text-label);color:var(--text-secondary);text-transform:uppercase}.addition-plus{font-size:24px;color:var(--accent-primary);font-weight:700}.shield-chart{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0}.shield-row{display:flex;gap:var(--space-xs);justify-content:center}.shield-pos{display:flex;flex-direction:column;align-items:center;padding:4px 6px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid transparent;min-width:68px;text-align:center}.shield-pos-highlight{border-color:var(--accent-primary);background:#c7a35b1a}.shield-pos-hidden{opacity:.4}.shield-pos-label{font-size:8px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.shield-pos-pattern{font-size:16px;color:var(--text-secondary)}.shield-pos-name{font-size:9px;color:var(--text-primary);white-space:nowrap}.chart-quiz-chart{margin-bottom:var(--space-md);overflow-x:auto}.chart-hint{color:var(--text-secondary);font:var(--text-label);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs)}.chart-option{display:flex!important;align-items:center;gap:var(--space-sm)}.chart-option-pattern{flex-shrink:0}.streak-section{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.streak-item{flex:1;background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.streak-value{display:block;font:var(--text-title);color:var(--accent-primary)}.streak-label{font:var(--text-label);color:var(--text-secondary);text-transform:uppercase}.dashboard-header{text-align:center;padding:var(--space-md) 0}.dashboard-header h1{color:var(--accent-primary);margin-bottom:var(--space-xs)}.subtitle{color:var(--text-secondary);font:var(--text-section)}.mastery-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) 0}.mastery-label{font:var(--text-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-top:var(--space-sm)}.btn-study-now{margin-bottom:var(--space-sm)}.drill-buttons{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.drill-buttons .btn-secondary{flex:1;font-size:12px;padding:10px 12px}.categories{display:flex;flex-direction:column;gap:var(--space-sm)}.screen-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-md)}.screen-header h1{flex:1}.detail-hero{text-align:center;padding:var(--space-lg) 0}.detail-pattern{margin-bottom:var(--space-md)}.detail-english{color:var(--text-secondary);font:var(--text-section)}.detail-table{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.detail-table h3{font:var(--text-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-sm)}.results-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) 0}.results-message{color:var(--text-secondary);font:var(--text-section);margin-top:var(--space-md);text-align:center}.results-actions{display:flex;flex-direction:column;gap:var(--space-sm)}