.app-wrapper{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.bg-geometry{pointer-events:none;z-index:0;opacity:.6;width:100%;height:100%;position:fixed;top:0;left:0}.radar-svg{width:100%;height:100%}.geo-spin{animation:geo-spin var(--duration,8s) linear infinite}.geo-spin-reverse{animation:geo-spin-reverse var(--duration,40s) linear infinite}.geo-pulse{opacity:.1;animation:geo-pulse var(--duration,4s) ease-in-out infinite}.geo-typing-pulse{transform-box:fill-box;transform-origin:50%;animation:geo-typing-pulse var(--duration,.6s) ease-in-out infinite}.low-power-surface .geo-spin,.low-power-surface .geo-spin-reverse,.low-power-surface .geo-pulse,.low-power-surface .geo-typing-pulse,.low-power-surface .pulse-slow{animation:none!important}@keyframes geo-spin{to{transform:rotate(360deg)}}@keyframes geo-spin-reverse{to{transform:rotate(-360deg)}}@keyframes geo-pulse{0%,to{opacity:.1}50%{opacity:.8}}@keyframes geo-typing-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(2.4)}}.page-container{-webkit-overflow-scrolling:touch;z-index:10;flex-direction:column;flex:1;height:100%;min-height:0;padding:24px 24px 96px;display:flex;position:relative;overflow:hidden auto}.desktop-admin .page-container{background:#f5f7fb;padding:0}.route-loader{min-height:min(420px,64vh);color:var(--primary-cyan);background:radial-gradient(circle at 50% 45%,#00ffff1f,#0000 28%),#000a0e75;border:1px solid #00ffff38;place-items:center;gap:14px;display:grid}.route-loader span{letter-spacing:2px;font-size:11px;font-weight:900}.route-loader i{border:1px solid #00ffff38;border-top-color:var(--primary-cyan);border-radius:999px;width:46px;height:46px;animation:.9s linear infinite route-loader-spin;box-shadow:0 0 22px #00ffff1f}@keyframes route-loader-spin{to{transform:rotate(360deg)}}.site-mode-toggle{z-index:120;min-height:40px;color:var(--primary-cyan);font-family:var(--font-mono);letter-spacing:.8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000a0ed1;border:1px solid #00ffff57;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex;position:fixed;top:88px;right:24px;box-shadow:0 0 18px #00ffff1f}.site-mode-toggle svg{width:16px;height:16px}.viewport-mode-toggle{display:none}.reading-mode .site-mode-toggle{color:#263238;background:#fffcf4eb;border-color:#3741513d;box-shadow:0 14px 38px #241c0f24}@media (width<=720px){.site-mode-toggle{max-width:calc(100vw - 24px);min-height:38px;padding:0 12px;font-size:10px;top:auto;bottom:72px;right:12px}.site-mode-toggle span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}}.reading-mode .route-loader{color:var(--mode-reading-cyan);background:radial-gradient(circle at 50% 45%, #2f6f7814, transparent 30%), var(--mode-reading-panel-soft);border-color:#2e484d38}.reading-mode .route-loader i{border-color:#2e484d2e;border-top-color:var(--mode-reading-cyan);box-shadow:none}.reading-mode .system-status{background:linear-gradient(135deg, #ffffffb8, #e8deca73), var(--mode-reading-panel-soft);border-color:#2e484d38}.reading-mode .system-status span{color:var(--mode-reading-cyan)}.reading-mode .system-status strong{color:var(--mode-reading-heading)}.reading-mode .system-status i{background:var(--mode-reading-cyan);box-shadow:0 0 12px #2f6f784d}.reading-mode .bg-geometry,.reading-mode .archive-home:before,.reading-mode .archive-home:after{opacity:.12;filter:grayscale()}.reading-mode .archive-home,.reading-mode .exploration-log-page,.reading-mode .media-archive-page,.reading-mode .questions-page{--cyan:var(--mode-reading-cyan);--line:var(--mode-reading-line);background:var(--mode-reading-bg);color:var(--mode-reading-text)}.reading-mode .archive-home section,.reading-mode .exploration-log-page,.reading-mode .media-archive-page,.reading-mode .questions-page{background:linear-gradient(#fffcf4f5,#efe9dbf5)}.reading-mode .home-topbar,.reading-mode .log-archive-header,.reading-mode .media-archive-header,.reading-mode .questions-header,.reading-mode .archive-category-grid,.reading-mode .concept-index,.reading-mode .concept-feature-card,.reading-mode .concept-card,.reading-mode .question-detail,.reading-mode .comments-panel,.reading-mode .log-card,.reading-mode .media-archive-card,.reading-mode .media-archive-empty,.reading-mode .media-archive-search,.reading-mode .media-archive-tabs a{background:var(--mode-reading-panel-soft);box-shadow:none;border-color:#2e484d38}.reading-mode .section-heading h2,.reading-mode .concept-feature-card h3,.reading-mode .question-detail h2,.reading-mode .log-archive-header h1,.reading-mode .media-archive-header h1,.reading-mode .media-archive-card h2,.reading-mode .questions-header h1,.reading-mode .log-card h2{color:var(--mode-reading-heading)}.reading-mode .section-heading p,.reading-mode .concept-feature-card p,.reading-mode .question-detail>p,.reading-mode .comment-item p,.reading-mode .comments-empty,.reading-mode .media-archive-card p,.reading-mode .media-archive-header p,.reading-mode .log-card p{color:var(--mode-reading-muted)}.reading-mode .concept-feature-card p,.reading-mode .question-detail>p,.reading-mode .log-card p{font-size:18px;line-height:1.95}.reading-mode .dock-nav,.reading-mode .archive-category-grid,.reading-mode .works-layout,.reading-mode .works-brief,.reading-mode .archive-view-status,.reading-mode .category-tile,.reading-mode .work-card,.reading-mode .taste-question-card,.reading-mode .taste-result-panel,.reading-mode .taste-book-link,.reading-mode .mission-card,.reading-mode .media-card,.reading-mode .media-empty,.reading-mode .question-brief,.reading-mode .question-form,.reading-mode .contact-shell,.reading-mode .contact-signal,.reading-mode .contact-card,.reading-mode .hud-panel,.reading-mode .mini-map,.reading-mode .genre-map,.reading-mode .coordinate-universe,.reading-mode .map-hud,.reading-mode .coordinate-brief,.reading-mode .coordinate-minimap,.reading-mode .coordinate-mini-space{box-shadow:none;background:linear-gradient(135deg,#ffffffa3,#e8deca6b),#fffcf4e0;border-color:#2e484d38}.reading-mode .dock-card,.reading-mode .category-tile{background:#fffcf485}.reading-mode .dock-card:hover,.reading-mode .category-tile:hover,.reading-mode .category-tile:focus-visible,.reading-mode .category-tile.is-active,.reading-mode .work-card.is-linked:hover,.reading-mode .work-card.is-linked:focus-visible,.reading-mode .media-card:hover,.reading-mode .media-card:focus-visible{background:linear-gradient(135deg,#ddf2efd6,#fffcf4eb);border-color:#2f6f7870}.reading-mode .work-cover-frame,.reading-mode .media-thumb,.reading-mode .question-form input,.reading-mode .question-form textarea,.reading-mode .question-form select{color:var(--mode-reading-text);background:#ffffffad;border-color:#2e484d33}.reading-mode .question-form input::placeholder,.reading-mode .question-form textarea::placeholder{color:#34444b94}.reading-mode .map-grid-cross,.reading-mode .genre-map:before,.reading-mode .genre-map:after{border-color:#2f6f7829}.reading-mode .map-grid-cross:before,.reading-mode .map-grid-cross:after{background:#2f6f782e}.reading-mode .map-lines line{stroke:#2f6f7861}.reading-mode .map-nebula{opacity:.18;mix-blend-mode:multiply}.reading-mode .map-core,.reading-mode .genre-node span,.reading-mode .coordinate-work-item,.reading-mode .coordinate-concept-list button{background:#fffcf4eb;border-color:#2f6f7852;box-shadow:0 10px 28px #241c0f1f}.reading-mode .map-core strong,.reading-mode .genre-node span b,.reading-mode .coordinate-brief h3,.reading-mode .works-brief h3,.reading-mode .coordinate-work-item strong{color:var(--mode-reading-heading)}.reading-mode .map-core span,.reading-mode .map-hud,.reading-mode .map-hud *,.reading-mode .genre-node span em,.reading-mode .coordinate-brief>span,.reading-mode .coordinate-brief dt,.reading-mode .coordinate-minimap-top,.reading-mode .coordinate-minimap-top *,.reading-mode .coordinate-panel-section>span,.reading-mode .coordinate-concept-list button,.reading-mode .works-brief>span,.reading-mode .works-brief dt,.reading-mode .archive-view-status{color:var(--mode-reading-cyan)}.reading-mode .coordinate-brief p,.reading-mode .works-brief p,.reading-mode .coordinate-brief dd,.reading-mode .works-brief dd,.reading-mode .coordinate-question-list li,.reading-mode .coordinate-empty-note,.reading-mode .coordinate-work-item em{color:var(--mode-reading-muted)}.reading-mode .genre-node i,.reading-mode .map-signal-dot,.reading-mode .coordinate-mini-space b,.reading-mode .mini-node{background:var(--mode-reading-cyan);box-shadow:0 0 12px #2f6f7847}.reading-mode .genre-node.tone-blue i,.reading-mode .mini-node.tone-blue{background:#557f95}.reading-mode .genre-node.tone-amber i,.reading-mode .mini-node.tone-amber{background:#9f7b41}.reading-mode .exploration-log-page *,.reading-mode .media-archive-page *,.reading-mode .questions-page *{color:var(--mode-reading-text);text-shadow:none}.reading-mode .exploration-log-page a,.reading-mode .media-archive-page a,.reading-mode .media-archive-page input,.reading-mode .questions-page a,.reading-mode .exploration-log-page button,.reading-mode .media-archive-page button,.reading-mode .questions-page button{color:var(--mode-reading-link)}.reading-mode .section-heading span,.reading-mode .concept-card-top,.reading-mode .concept-card-top *,.reading-mode .concept-tags span,.reading-mode .media-tags span,.reading-mode .media-archive-body>span,.reading-mode .media-archive-link,.reading-mode .media-archive-link *,.reading-mode .media-archive-meta em,.reading-mode .media-archive-status,.reading-mode .media-archive-status *,.reading-mode .media-archive-tags span,.reading-mode .media-archive-search,.reading-mode .media-archive-search *,.reading-mode .work-card-code,.reading-mode .taste-question-card>span,.reading-mode .taste-result-panel>span,.reading-mode .taste-recommendations>span,.reading-mode .taste-result-panel dt,.reading-mode .log-card-top,.reading-mode .log-card-top *,.reading-mode .log-card-link,.reading-mode .log-card-link *,.reading-mode .question-detail-top,.reading-mode .question-detail-top *,.reading-mode .question-detail-meta,.reading-mode .question-detail-meta *,.reading-mode .comments-heading,.reading-mode .comments-heading *,.reading-mode .comment-item div,.reading-mode .comment-item div *{color:var(--mode-reading-cyan)}.reading-mode .home-topbar,.reading-mode .home-topbar *,.reading-mode .brand-mark,.reading-mode .brand-mark *,.reading-mode .section-heading h2,.reading-mode .archive-category-grid *,.reading-mode .concept-feature-card h3,.reading-mode .concept-card>strong,.reading-mode .question-detail h2,.reading-mode .log-archive-header h1,.reading-mode .media-archive-header h1,.reading-mode .media-archive-card h2,.reading-mode .questions-header h1,.reading-mode .log-card h2{color:var(--mode-reading-heading)}.reading-mode .taste-options button,.reading-mode .taste-result-actions button,.reading-mode .taste-result-actions a{color:var(--mode-reading-link);background:#ffffff9e;border-color:#2e484d3d}.reading-mode .taste-options button.is-selected,.reading-mode .taste-options button:hover,.reading-mode .taste-options button:focus-visible,.reading-mode .taste-result-actions a{background:#ddf2efe6;border-color:#2f6f7870}.reading-mode .taste-result-panel h3,.reading-mode .taste-book-link strong,.reading-mode .taste-result-panel dd,.reading-mode .taste-result-panel>strong{color:var(--mode-reading-heading)}.reading-mode .section-heading p,.reading-mode .concept-feature-card p,.reading-mode .concept-meta-list dd,.reading-mode .concept-card>em,.reading-mode .question-detail>p,.reading-mode .comment-item p,.reading-mode .comments-empty,.reading-mode .log-archive-header p,.reading-mode .media-archive-header p,.reading-mode .media-archive-card p,.reading-mode .questions-header p,.reading-mode .log-card p,.reading-mode .media-card p,.reading-mode .work-card p,.reading-mode .taste-question-card h3,.reading-mode .taste-result-panel p,.reading-mode .taste-book-link em,.reading-mode .mission-card span,.reading-mode .mission-card em{color:var(--mode-reading-muted)}.reading-mode .mission-card strong{color:var(--mode-reading-cyan)}.reading-mode .wire-globe{border-color:#2f6f7852}.reading-mode .work-detail-open{color:#f8faf7;background:var(--mode-reading-cyan);border-color:#2f6f785c}body.reading-mode-active .work-detail-modal{background:radial-gradient(circle at 50% 38%,#2f6f781f,#0000 34%),#1f1d176b}body.reading-mode-active .work-detail-panel{color:var(--mode-reading-text);background:linear-gradient(135deg,#ffffffb8,#e8deca7a),#fffcf4fa;border-color:#2e484d3d;box-shadow:0 24px 80px #241c0f33}body.reading-mode-active .work-detail-head h3,body.reading-mode-active .work-detail-meta dd,body.reading-mode-active .work-comment-head strong,body.reading-mode-active .work-comment strong{color:var(--mode-reading-heading)}body.reading-mode-active .work-detail-head p,body.reading-mode-active .work-comment p,body.reading-mode-active .work-comment-empty,body.reading-mode-active .work-comment-message,body.reading-mode-active .work-comment time{color:var(--mode-reading-muted)}body.reading-mode-active .work-detail-head span,body.reading-mode-active .work-comment-head span,body.reading-mode-active .work-detail-meta dt,body.reading-mode-active .work-status-control>span{color:var(--mode-reading-cyan)}body.reading-mode-active .work-detail-head button{color:var(--mode-reading-cyan);background:#fffcf4c2;border-color:#2f6f7847}body.reading-mode-active .work-comment,body.reading-mode-active .work-comment-empty,body.reading-mode-active .work-comment-form textarea,body.reading-mode-active .work-status-control button{color:var(--mode-reading-text);background:#ffffffad;border-color:#2e484d33}body.reading-mode-active .work-status-control button:hover,body.reading-mode-active .work-status-control button:focus-visible,body.reading-mode-active .work-status-control button.is-active{color:#f8faf7;background:var(--mode-reading-cyan);border-color:#2f6f785c}body.reading-mode-active .work-status-control em{color:var(--mode-reading-muted)}body.reading-mode-active .work-archive-link,body.reading-mode-active .work-archive-link:visited,body.reading-mode-active .work-comment-form button{color:#f8faf7;background:var(--mode-reading-cyan);border-color:#2f6f785c}body.reading-mode-active .work-archive-link:hover,body.reading-mode-active .work-archive-link:focus-visible,body.reading-mode-active .work-archive-link svg{color:#f8faf7;stroke:#f8faf7}.page-container:has(.home-container){padding:10px 10px 68px}.page-container::-webkit-scrollbar{display:none}.page-container{-ms-overflow-style:none;scrollbar-width:none}.page-transition{flex-direction:column;min-height:100%;padding-bottom:20px;animation:.26s cubic-bezier(.22,1,.36,1) both pageEnter;display:flex}@keyframes pageEnter{0%{opacity:0;filter:blur(3px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}.glitch-transition{animation:.3s cubic-bezier(.25,.46,.45,.94) both pageGlitch}@keyframes pageGlitch{0%{opacity:1;filter:blur();transform:translate(0)}20%{opacity:.8;filter:blur(2px)hue-rotate(90deg);transform:translate(-5px,2px)}40%{opacity:.4;filter:blur(1px)hue-rotate(-90deg);transform:translate(5px,-2px)}60%{opacity:.8;filter:blur(2px)hue-rotate(45deg);transform:translate(-2px,5px)}80%{opacity:.9;filter:blur();transform:translate(2px,-5px)}to{opacity:1;filter:blur();transform:translate(0)}}.navbar{width:100%;min-height:68px;padding:6px 10px max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--text-dark);z-index:50;background:#050505d9;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0}.nav-item{color:var(--text-muted);border:1px solid #0000;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:62px;min-height:50px;font-size:10px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--primary-cyan);text-shadow:0 0 8px var(--primary-cyan-glow);background:#00ffff0b;border-color:#0ff3}.nav-item.active{color:var(--accent-amber);background:linear-gradient(#ffb00014,#00ffff09);border-color:#ffb00052}.nav-item svg{width:24px;height:24px}:root{--bg-color:#050505;--bg-surface:#0a0a0a;--bg-surface-light:#111;--primary-cyan:#0ff;--primary-cyan-dim:#0ff3;--primary-cyan-glow:#00ffff80;--accent-amber:#ffb000;--accent-amber-dim:#ffb00033;--accent-amber-glow:#ffb00080;--tertiary-blue:#03c;--tertiary-blue-dim:#03c3;--text-main:#e0e0e0;--text-muted:#a0a0a0;--text-dark:#333;--mode-console-bg:#02080d;--mode-console-cyan:#19f7f1;--mode-console-cyan-soft:#19f7f194;--mode-console-cyan-dim:#19f7f12e;--mode-console-line:#19f7f147;--mode-console-muted:#8fb0bc;--mode-console-ink:#06141a;--mode-reading-bg:#f3efe6;--mode-reading-panel:#fffdf6;--mode-reading-panel-soft:#fffcf4e6;--mode-reading-panel-wash:#fffcf4b8;--mode-reading-cyan:#2f6f78;--mode-reading-link:#245f68;--mode-reading-line:#23495233;--mode-reading-text:#172126;--mode-reading-heading:#111827;--mode-reading-muted:#34444b;--mode-reading-shadow:#241c0f24;--mode-reading-contrast:#fffdf6;--font-main:"Outfit", sans-serif;--font-mono:"Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;margin:0;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mobile-container{background-color:var(--bg-surface);border:1px solid var(--text-dark);width:100%;max-width:450px;height:100%;max-height:900px;position:relative;overflow:hidden;box-shadow:0 0 50px #000c}.mobile-container::-webkit-scrollbar{display:none}.mobile-container{-ms-overflow-style:none;scrollbar-width:none}.mobile-container.desktop-home{width:100vw;max-width:none;height:100vh;max-height:none;box-shadow:none;background:#02080d;border:0}.mobile-container.desktop-admin{max-width:none;max-height:none;box-shadow:none;background:#f5f7fb;border:0}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:2px;font-weight:300}.mono{font-family:var(--font-mono)}.text-cyan{color:var(--primary-cyan)}.text-amber{color:var(--accent-amber)}.text-blue{color:var(--tertiary-blue)}.text-muted{color:var(--text-muted)}button{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.zoomable-container{cursor:grab;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.zoomable-container:active{cursor:grabbing}.zoomable-canvas{transform-origin:0 0;will-change:transform;contain:layout paint style;position:absolute}.crt-overlay{pointer-events:none;z-index:100;mix-blend-mode:screen;width:100%;height:100%;position:absolute;top:0;left:0}.crt-overlay:before{content:" ";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#0000002e 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000a,#00ff0004,#0000ff0a) 0 0/3px 100%;display:block;position:absolute;inset:0}.crt-overlay:after{content:" ";z-index:2;pointer-events:none;background:#ffffff08;animation:.15s infinite flicker;display:block;position:absolute;inset:0}.crt-overlay.is-static:after{opacity:.01;animation:none}.noise-bg{pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.noise-bg.is-static{opacity:.022}@keyframes flicker{0%{opacity:.01}50%{opacity:.03}to{opacity:.01}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanline{background:linear-gradient(to bottom, transparent, var(--primary-cyan-dim), transparent);opacity:.2;pointer-events:none;z-index:90;width:100%;height:20px;animation:6s linear infinite scanline;position:absolute;top:0;left:0}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{color:var(--primary-cyan);text-shadow:2px 0 var(--accent-amber), -2px 0 var(--tertiary-blue);animation:.2s infinite glitch}.panel{border:1px solid var(--text-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a99;position:relative}.panel:before{content:"";border-top:1px solid var(--primary-cyan);border-left:1px solid var(--primary-cyan);width:10px;height:10px;position:absolute;top:-1px;left:-1px}.panel:after{content:"";border-bottom:1px solid var(--primary-cyan);border-right:1px solid var(--primary-cyan);width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}