*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;background:#000;width:100%;height:100%;font-family:JetBrains Mono,Fira Code,Consolas,monospace;overflow:hidden}canvas{touch-action:none;display:block}@supports (padding-bottom:env(safe-area-inset-bottom)){#root{padding-bottom:env(safe-area-inset-bottom)}}.control-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e0e0;z-index:100;scrollbar-width:thin;scrollbar-color:#4fc3f74d transparent;background:#0a0c14d9;border:1px solid #4fc3f726;border-radius:12px;width:260px;max-height:calc(100vh - 32px);padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;position:fixed;top:16px;left:16px;overflow-y:auto}.body-selector{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e0e0;z-index:100;scrollbar-width:thin;scrollbar-color:#4fc3f74d transparent;background:#0a0c14d9;border:1px solid #4fc3f726;border-radius:12px;width:240px;max-height:calc(100vh - 32px);padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;position:fixed;top:16px;right:16px;overflow-y:auto}.settings-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e0e0;z-index:100;scrollbar-width:thin;scrollbar-color:#4fc3f74d transparent;background:#0a0c14d9;border:1px solid #4fc3f726;border-radius:12px;width:260px;max-height:50vh;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;position:fixed;bottom:16px;left:16px;overflow-y:auto}.panel-title{letter-spacing:2px;color:#4fc3f7b3;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.date-display{justify-content:space-between;margin-bottom:8px;display:flex}.date-label{color:#888}.date-value{color:#4fc3f7;font-weight:600}.solar-stage{background:#ffffff08;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 8px;display:flex}.stage-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 6px}.stage-label{color:#ccc;font-size:11px}.era-description{color:#999;background:#ffffff05;border-left:2px solid #4fc3f733;border-radius:0 4px 4px 0;margin-bottom:12px;padding:6px 8px;font-size:10px;line-height:1.4}.button-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.ctrl-btn{color:#e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;transition:all .15s}.ctrl-btn:hover{background:#4fc3f733;border-color:#4fc3f766}.ctrl-btn:active{background:#4fc3f74d}.ctrl-btn.small{padding:4px 8px;font-size:10px}.ctrl-btn.active{color:#4fc3f7;background:#4fc3f74d;border-color:#4fc3f7}.time-jumps{flex-wrap:wrap}.slider-group{margin-bottom:12px}.slider-group label{color:#aaa;margin-bottom:4px;font-size:11px;display:block}.slider{appearance:none;cursor:pointer;background:#4fc3f726;border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4fc3f7;border:2px solid #0a0c14cc;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #4fc3f780}.slider::-moz-range-thumb{cursor:pointer;background:#4fc3f7;border:2px solid #0a0c14cc;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #4fc3f780}.slider-labels{color:#666;justify-content:space-between;margin-top:2px;font-size:9px;display:flex}.toggle-group{margin-bottom:12px}.toggle{cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;display:flex}.toggle input[type=checkbox]{accent-color:#4fc3f7;cursor:pointer;width:14px;height:14px}.body-list{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.body-btn{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.body-btn:hover{background:#4fc3f714;border-color:#4fc3f726}.body-btn.selected{color:#4fc3f7;background:#4fc3f726;border-color:#4fc3f74d}.body-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.moon-list{margin-bottom:12px;margin-left:16px}.moon-list-title{color:#4fc3f780;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:10px}.moon-btn{padding:3px 6px;font-size:10px}.info-panel{border-top:1px solid #4fc3f71a;padding-top:12px}.info-title{color:#4fc3f7;margin-bottom:8px;font-size:14px;font-weight:700}.info-grid{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.info-row{justify-content:space-between;gap:8px;display:flex}.info-key{color:#888;text-transform:capitalize;font-size:10px}.info-value{color:#ddd;text-align:right;word-break:break-word;font-size:10px}.follow-btn{width:100%;margin-top:4px;font-size:11px}.quality-group{margin-bottom:12px}.quality-group>label{color:#aaa;margin-bottom:6px;font-size:11px;display:block}.fly-info{background:#4fc3f70d;border:1px solid #4fc3f726;border-radius:6px;margin-bottom:12px;padding:8px}.shortcuts{margin-top:8px}.shortcut{color:#777;margin-bottom:2px;font-size:10px}.control-panel::-webkit-scrollbar{width:4px}.body-selector::-webkit-scrollbar{width:4px}.settings-panel::-webkit-scrollbar{width:4px}.control-panel::-webkit-scrollbar-track{background:0 0}.body-selector::-webkit-scrollbar-track{background:0 0}.settings-panel::-webkit-scrollbar-track{background:0 0}.control-panel::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:2px}.body-selector::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:2px}.settings-panel::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:2px}.view-mode-toggle{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c14d9;border:1px solid #4fc3f726;border-radius:8px;gap:4px;padding:4px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.stats-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e0e0;z-index:100;background:#0a0c14d9;border:1px solid #4fc3f726;border-radius:12px;width:200px;padding:12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:10px;position:fixed;top:16px;right:270px}.stats-title{letter-spacing:2px;color:#4fc3f7b3;margin-bottom:8px;font-size:10px;font-weight:700}.stats-group{justify-content:space-between;margin-bottom:3px;display:flex}.stats-label{color:#777}.stats-value{color:#ccc;text-align:right}.stats-divider{background:#4fc3f71a;height:1px;margin:6px 0}.concept-explorer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e0e0;z-index:100;scrollbar-width:thin;scrollbar-color:#4fc3f74d transparent;background:#0a0c14eb;border:1px solid #4fc3f726;border-radius:12px;width:340px;max-height:75vh;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;position:fixed;bottom:16px;right:16px;overflow-y:auto}.concept-fullscreen{border:none;border-radius:0;width:100%;max-height:none;padding:20px 16px;position:static}.concept-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.concept-close-btn{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:4px 8px;font-size:22px;line-height:1;display:flex}.concept-close-btn:hover{color:#fff}.progress-section{align-items:center;gap:10px;margin-bottom:12px;display:flex}.progress-bar-bg{background:#4fc3f71a;border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-bar-fill{background:#4fc3f7;border-radius:2px;height:100%;transition:width .3s}.progress-text{color:#888;white-space:nowrap;font-size:10px}.category-tabs{border-bottom:1px solid #4fc3f71a;gap:2px;margin-bottom:12px;display:flex;overflow-x:auto}.category-tab{color:#888;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:8px 4px;font-family:inherit;font-size:9px;font-weight:600;transition:all .15s;display:flex}.category-tab:hover{color:#ccc}.category-tab.active{color:#4fc3f7}.category-count{opacity:.5;font-size:8px}.concept-list{flex-direction:column;gap:4px;display:flex}.concept-card{cursor:pointer;text-align:left;width:100%;color:inherit;font-family:inherit;font-size:inherit;background:#ffffff08;border:1px solid #4fc3f714;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;transition:all .15s;display:flex}.concept-card:hover{background:#4fc3f714;border-color:#4fc3f733}.concept-card.explored{border-left:3px solid #4fc3f740}.concept-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.concept-card-title{color:#ddd;margin-bottom:2px;font-weight:600}.concept-card-summary{color:#888;font-size:10px;line-height:1.4}.demo-badge{color:#81c784;vertical-align:middle;letter-spacing:.5px;background:#81c7841f;border:1px solid #81c78440;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:7px;font-weight:700;display:inline-block}.explored-check{color:#4fc3f7;margin-right:4px;font-size:11px}.explored-check-sm{color:#4fc3f7;margin-left:2px;font-size:9px}.detail-top-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.concept-detail-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.concept-detail-icon{font-size:28px}.concept-detail-title{color:#4fc3f7;font-size:16px;font-weight:700}.try-it-section{margin-bottom:16px}.try-it-btn-large{color:#e0e0e0;cursor:pointer;text-align:left;background:#4fc3f71a;border:1px solid #4fc3f74d;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:56px;padding:14px 16px;font-family:inherit;transition:all .15s;display:flex}.try-it-btn-large:hover{background:#4fc3f72e;border-color:#4fc3f780}.try-it-play{color:#4fc3f7;flex-shrink:0;font-size:24px}.try-it-label{color:#4fc3f7;font-size:13px;font-weight:600}.try-it-hint{color:#888;margin-top:2px;font-size:10px}.concept-detail-text{color:#ccc;margin-bottom:16px;font-size:12px;line-height:1.6}.concept-detail-text p{margin-bottom:10px}.concept-facts{margin-bottom:12px}.concept-facts-title{color:#4fc3f7;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:700}.facts-chips{flex-wrap:wrap;gap:6px;display:flex}.fact-chip{color:#bbb;background:#4fc3f70f;border:1px solid #4fc3f71f;border-radius:6px;padding:6px 10px;font-size:10px;line-height:1.3}.concept-why{background:#81c7840d;border-left:3px solid #81c7844d;border-radius:0 6px 6px 0;margin-bottom:12px;padding:10px 12px}.concept-why p{color:#bbb;margin:0;font-size:11px;line-height:1.5}.related-concepts{margin-bottom:12px}.related-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.related-chip{color:#bbb;cursor:pointer;background:#4fc3f70f;border:1px solid #4fc3f71f;border-radius:16px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:10px;transition:all .15s;display:inline-flex}.related-chip:hover{color:#4fc3f7;background:#4fc3f726;border-color:#4fc3f74d}.concept-nav-buttons{border-top:1px solid #4fc3f71a;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;display:flex}.concept-nav-btn{text-align:center;color:#aaa;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden;padding:8px!important;font-size:10px!important}.events-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e0e0;z-index:100;scrollbar-width:thin;scrollbar-color:#4fc3f74d transparent;background:#0a0c14eb;border:1px solid #4fc3f726;border-radius:12px;width:380px;max-height:75vh;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;position:fixed;bottom:16px;right:16px;overflow-y:auto}.events-fullscreen{border:none;border-radius:0;width:100%;max-height:none;padding:20px 16px;position:static}.events-year-selector{justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.events-year-display{align-items:center;display:flex}.events-year-input{color:#4fc3f7;text-align:center;background:#4fc3f714;border:1px solid #4fc3f733;border-radius:6px;width:80px;padding:6px;font-family:inherit;font-size:18px;font-weight:700}.events-range{color:#888;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;display:flex}.events-range-label{align-items:center;gap:4px;display:flex}.events-range-input{color:#ccc;text-align:center;background:#ffffff0d;border:1px solid #4fc3f726;border-radius:4px;width:55px;padding:3px;font-family:inherit;font-size:10px}.events-total{color:#666;font-size:9px}.events-filters{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.event-filter-chip{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:9px;transition:all .15s;display:flex}.event-filter-chip.active{background:#ffffff0f}.event-filter-chip:hover{background:#ffffff14}.filter-count{opacity:.6;font-size:8px}.events-loading{text-align:center;color:#666;padding:20px;font-size:11px}.events-empty{text-align:center;color:#555;padding:20px;font-size:11px}.events-list{flex-direction:column;gap:4px;display:flex}.event-card{cursor:pointer;text-align:left;width:100%;color:inherit;font-family:inherit;font-size:inherit;background:#ffffff05;border:1px solid #4fc3f70f;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:all .15s;display:flex}.event-card:hover{background:#4fc3f70f;border-color:#4fc3f726}.event-card.event-selected{background:#4fc3f71a;border-color:#4fc3f740}.event-date{text-align:center;min-width:50px;font-size:11px;font-weight:700}.event-info{flex:1;min-width:0}.event-title{color:#ddd;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.event-desc{color:#888;margin-top:2px;font-size:9px;line-height:1.3}.event-go{color:#4fc3f7;opacity:.5;flex-shrink:0;font-size:14px}.event-card:hover .event-go{opacity:1}.event-detail-bar{background:#4fc3f70d;border:1px solid #4fc3f71f;border-radius:8px;margin-top:10px;padding:10px}.event-detail-title{margin-bottom:4px;font-size:12px;font-weight:700}.event-detail-date{color:#888;margin-bottom:6px;font-size:10px}.event-detail-desc{color:#bbb;font-size:10px;line-height:1.4}.modal-backdrop{z-index:300;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{color:#e0e0e0;background:#0f121efa;border:1px solid #4fc3f733;border-radius:16px;width:100%;max-width:560px;max-height:80vh;padding:32px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;position:relative;overflow-y:auto}.modal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;position:absolute;top:12px;right:16px}.modal-close:hover{color:#fff}.modal-title{color:#4fc3f7;margin-bottom:4px;font-size:20px;font-weight:700}.modal-subtitle{color:#888;margin-bottom:24px;font-size:12px}.modal-section{margin-bottom:20px}.modal-section h3{color:#4fc3f7;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px}.modal-section p{color:#bbb;line-height:1.6}.modal-list{padding:0;list-style:none}.modal-list li{color:#bbb;padding:3px 0 3px 16px;font-size:12px;position:relative}.modal-list li:before{content:"•";color:#4fc3f7;position:absolute;left:0}@media (width<=768px){.ctrl-btn{min-height:44px;padding:10px 16px;font-size:15px}.ctrl-btn.small{min-height:40px;padding:8px 12px;font-size:12px}.body-btn{min-height:44px;padding:10px 12px;font-size:14px}.moon-btn{min-height:40px;padding:8px 10px;font-size:12px}.body-dot{width:10px;height:10px}.slider{height:8px}.slider::-webkit-slider-thumb{width:24px;height:24px}.slider::-moz-range-thumb{width:24px;height:24px}.toggle input[type=checkbox]{width:20px;height:20px}.toggle{min-height:40px;font-size:13px}.panel-title,.info-key,.info-value{font-size:12px}.shortcut{padding:2px 0;font-size:11px}.slider-labels{font-size:10px}.date-value{font-size:14px}.era-description{font-size:12px}.follow-btn{min-height:44px;font-size:13px}}.mobile-backdrop{z-index:199;-webkit-tap-highlight-color:transparent;background:#00000080;position:fixed;inset:0}.mobile-drawer{z-index:200;-webkit-overflow-scrolling:touch;max-height:55vh;transition:transform .25s ease-out;position:fixed;bottom:56px;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.mobile-drawer.open{transform:translateY(0)}.mobile-drawer .control-panel,.mobile-drawer .body-selector,.mobile-drawer .settings-panel{border:none;border-top:1px solid #4fc3f733;border-radius:16px 16px 0 0;width:100%;max-height:none;padding:16px 16px 8px;position:static}.mobile-learn-modal{z-index:200;-webkit-overflow-scrolling:touch;background:#080a12fa;position:fixed;inset:0 0 56px;overflow-y:auto}.mobile-learn-modal .concept-explorer{border:none;border-radius:0;width:100%;min-height:100%;max-height:none;position:static}.mobile-tab-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:201;height:56px;padding-bottom:env(safe-area-inset-bottom);background:#0a0c14f2;border-top:1px solid #4fc3f726;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab{color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:6px;font-family:inherit;font-size:10px;transition:color .15s;display:flex}.mobile-tab.active{color:#4fc3f7}.tab-icon{font-size:20px;line-height:1}.tab-label{letter-spacing:.5px;font-size:10px}