.personal-websites-container{margin-bottom:3rem}.websites-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.website-card{position:relative;border-radius:12px;overflow:hidden;transition:all .3s ease;text-decoration:none;display:block;cursor:pointer}.website-card:hover{transform:translateY(-5px)}.tall-card{height:280px;background:linear-gradient(135deg,#1f2937,#111827);border:2px solid transparent}.tall-card.glowing{background:linear-gradient(135deg,#064e3b,#022c22);border:2px solid #10b981;box-shadow:0 0 30px #10b98199}.tall-card.glowing:hover{box-shadow:0 0 40px #10b981cc}.square-card{height:200px;background:linear-gradient(135deg,#374151,#1f2937);border:1px solid #4b5563;opacity:.8}.square-card.shaded{box-shadow:0 4px 12px #0003}.square-card:hover{opacity:1;border-color:#6b7280}.website-text{padding:.75rem 1.5rem;background:#1a1a1a;border-radius:8px;text-align:center;font-size:.875rem;color:#4b5563;border:1px solid #2a2a2a;transition:all .3s ease}.website-text.darkened{opacity:.5}.website-text:hover{opacity:.7;border-color:#4b5563}.card-content{padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;z-index:1}.card-content h4{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#f3f4f6}.tall-card.glowing .card-content h4{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.8)}.card-content p{font-size:.875rem;color:#9ca3af}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;animation:pulse-glow 3s ease-in-out infinite}.glowing:hover .card-glow{opacity:1}@keyframes pulse-glow{0%,to{transform:scale(.8)}50%{transform:scale(1.2)}}.artifacts-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:0 auto 3rem;width:100%;max-width:1200px;padding:0 2rem}.artifact-card{position:relative;height:180px;background:linear-gradient(135deg,#1e3a8a,#1e1b4b);border:2px solid #3b82f6;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.artifact-card.glowing{box-shadow:0 0 30px #3b82f699}.artifact-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 40px #3b82f6cc}.artifact-card:active{transform:translateY(-2px) scale(.98);box-shadow:0 0 20px #3b82f6e6}.artifact-card .card-content h4{color:#60a5fa;text-shadow:0 0 20px rgba(96,165,250,.8);transition:all .3s ease}.artifact-card:hover .card-content h4{color:#93c5fd;text-shadow:0 0 30px rgba(147,197,253,1)}.artifact-card .card-content p{color:#93c5fd}.artifact-card .card-glow{background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}@media (max-width: 968px){.websites-row{grid-template-columns:1fr;gap:1rem}.tall-card{height:200px}.square-card{height:150px}.artifacts-container{grid-template-columns:1fr;gap:1rem}.artifact-card{height:150px}}@media (max-width: 640px){.card-content h4{font-size:1.25rem}.card-content p{font-size:.75rem}}.project-folder-section{margin-top:1.5rem;margin-bottom:3rem;padding:1.5rem;background:linear-gradient(135deg,#1f1418,#1a0f14);border:1px solid #4a1e34;border-radius:12px;font-family:monospace;font-size:.875rem;line-height:1.6;white-space:pre;overflow-x:auto;max-height:600px;overflow-y:auto;box-shadow:0 0 20px #db277726,inset 0 0 20px #db27770d;position:relative;color:#e5e7eb}.project-folder-section:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#831843,#be185d,#db2777,#ec4899);border-radius:12px;opacity:.3;z-index:-1;filter:blur(8px);animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.2;transform:scale(.98)}50%{opacity:.4;transform:scale(1)}}.project-folder-section::-webkit-scrollbar{width:8px;height:8px}.project-folder-section::-webkit-scrollbar-track{background:#1a0f14;border-radius:4px}.project-folder-section::-webkit-scrollbar-thumb{background:#4a1e34;border-radius:4px}.project-folder-section::-webkit-scrollbar-thumb:hover{background:#5a2e44}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#ccc;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.back-button{background:transparent;border:2px solid #FF6B00;color:#ff6b00;font-size:1.5rem;font-weight:700;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.back-button:hover{background-color:#ff6b0026;transform:translate(-2px);box-shadow:0 0 15px #ff6b0066}.dyslexic-advantage-modal{background-color:#0f1419;border-radius:16px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;color:#e1e4e8;box-shadow:0 25px 50px -12px #00000040;transform:scale(.95);transition:transform .3s ease}.dyslexic-advantage-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #30363d;background:linear-gradient(to right,#0f1419,#1c2128)}.dyslexic-advantage-description{max-width:800px;margin:0 auto;text-align:center;font-size:1.1rem;line-height:1.7;color:#959da5}.nav-button{background:transparent;border:1px solid #30363d;color:#959da5;padding:.75rem 1.25rem;border-radius:30px;cursor:pointer;font-weight:600;transition:all .3s ease}.nav-button:hover{background-color:#2d333b;color:#e1e4e8}.dyslexic-advantage-section{display:flex;flex-direction:column;gap:2rem;align-items:center;text-align:center;padding:2rem 0}.section-content{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.8;color:#959da5}.strengths-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.strengths-container h4{margin:0 0 2rem;font-size:1.25rem;color:#e1e4e8;font-weight:500}.quote-container blockquote{font-size:1.5rem;font-style:italic;color:#e1e4e8;position:relative;padding:0 2rem;margin:0}.quote-author{margin-top:1.5rem;color:#959da5;font-style:italic}.dyslexic-advantage-footer{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #30363d}.markdown-viewer-modal{background-color:#0f1419;border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;color:#e1e4e8;box-shadow:0 25px 50px -12px #00000040;transition:transform .3s ease}.markdown-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #30363d;background:linear-gradient(to right,#0f1419,#1c2128);position:sticky;top:0;z-index:10}.markdown-content h1{font-size:2.5rem;margin-top:0;margin-bottom:1.5rem;color:#fff;border-bottom:1px solid #30363d;padding-bottom:.5rem}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:2rem;color:#959da5}.markdown-content blockquote{border-left:4px solid #3b82f6;padding-left:1rem;margin-left:0;color:#6a737d;font-style:italic}.markdown-content code{background-color:#1c2128;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em;color:#93c5fd}.markdown-content pre{background-color:#1c2128;padding:1rem;border-radius:8px;overflow-x:auto}.markdown-loading,.markdown-error{display:flex;justify-content:center;align-items:center;min-height:200px;color:#959da5}.ethics-mission-overlay{background-color:#000000e6;z-index:1100;opacity:0;transition:opacity .3s ease}.ethics-mission-overlay.animate-in{opacity:1}.ethics-mission-modal{background-color:#0f1419;border-radius:16px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;color:#e1e4e8;box-shadow:0 25px 50px -12px #00000040;transform:scale(.95);transition:transform .3s ease}.animate-in .ethics-mission-modal{transform:scale(1)}.ethics-mission-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #30363d;background:linear-gradient(to right,#0f1419,#1c2128);z-index:10}.ethics-mission-header h2{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.ethics-mission-content{padding:2rem;display:flex;flex-direction:column;gap:2rem}.ethics-mission-description{max-width:800px;margin:0 auto;text-align:center;font-size:1.1rem;line-height:1.7;color:#959da5;padding:0 2rem}.ethics-mission-navigation{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:0 2rem}.ethics-mission-section{display:flex;flex-direction:column;gap:2rem;align-items:center;text-align:center;padding:2rem;overflow-y:auto;flex:1}.ethics-mission-section h3{font-size:1.75rem;margin:0;text-transform:uppercase;letter-spacing:1px;font-weight:700}.ethics-statement-container{width:100%;max-width:900px;margin:0 auto;position:relative;min-height:500px;overflow-y:auto;border-radius:16px;box-shadow:0 15px 30px #0000004d;padding:2rem}.ethics-principle-icon{width:100px;height:100px;border-radius:50%;margin:2rem auto;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #0000004d}.ethics-principle-icon svg{width:50px;height:50px;color:#fff}.ethics-principle-content{max-width:700px;margin:0 auto 2rem;font-size:1.2rem;line-height:1.8;color:#e1e4e8;text-align:center;padding:0 1.5rem}.ethics-principle-visual{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.principle-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;box-shadow:0 0 30px #00000080;animation:pulse 3s infinite alternate;margin-bottom:2rem}.ethics-mission-footer{display:flex;justify-content:center;padding:1.5rem 0;margin-top:auto}.readme-button{padding:.75rem 1.5rem;background-color:transparent;border:2px solid #58a6ff;color:#58a6ff;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1rem}.readme-button:hover{background-color:#58a6ff1a;transform:translateY(-2px)}.ethics-artifacts-nav{display:flex;justify-content:center;gap:.75rem;padding:1.5rem;flex-wrap:wrap}.artifact-button{background:transparent;border:1px solid #30363d;color:#e1e4e8;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.artifact-button:hover{background-color:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.artifact-button.active{color:#fff;border:none;box-shadow:0 4px 12px #0000004d}.artifact-icon{display:flex;align-items:center;justify-content:center}.artifact-title{font-weight:600}.app-footer a{color:#58a6ff;text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:#79bfff;text-decoration:underline}.footer-separator{margin:0 10px;color:#555}@media (max-width: 768px){.dyslexic-advantage-header h2,.ethics-mission-header h2{font-size:1.5rem}.dyslexic-advantage-content,.ethics-mission-content,.markdown-viewer-content{padding:1.5rem;gap:1.5rem}.nav-button{padding:.5rem 1rem;font-size:.875rem}.section-content{font-size:1.1rem}.strengths-radial{width:240px;height:240px}.central-strength{width:100px;height:100px;font-size:1rem}.strength-content{width:80px;height:80px;font-size:.8rem}.quote-container blockquote{font-size:1.25rem;padding:0 1.5rem}.dyslexic-advantage-footer{margin-top:1.5rem;padding-top:1.5rem}.readme-button{padding:.5rem 1.5rem;font-size:.875rem}}@media (max-width: 480px){.dyslexic-advantage-header h2,.ethics-mission-header h2,.markdown-viewer-header h2{font-size:1.25rem}.dyslexic-advantage-content,.ethics-mission-content,.markdown-viewer-content{padding:1rem;gap:1rem}.strengths-radial{position:static;width:auto;height:auto;transform:none;display:flex;flex-direction:column;gap:1rem}.strength-item{position:static;width:auto;height:auto;margin:0;transform:none!important;animation:none;opacity:1}.strength-content{width:100%;height:auto;border-radius:8px;padding:.75rem;transform:none!important}.central-strength{margin-bottom:1rem}.quote-container blockquote{font-size:1rem}}.App{min-height:100vh;background-color:#0f1419}.navigation{background-color:#1e293b;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-title{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#cbd5e1;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s,color .2s}.nav-link:hover{background-color:#334155;color:#fff}.nav-link.active{background-color:#3b82f6;color:#fff}.home-link{font-weight:500}.home-container{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}.home-container h1{font-size:2.5rem;color:#e1e4e8;margin-bottom:.5rem}.home-container h2{font-size:1.5rem;color:#959da5;margin-bottom:1rem}.home-container p{font-size:1.1rem;color:#959da5;margin-bottom:2rem}.ui-overlay{position:fixed;top:20px;left:20px;z-index:1000;display:flex;flex-direction:column;gap:20px;max-width:350px}.ui-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;box-shadow:0 4px 20px #0000001a}.temporal-knowledge-manifold{border:3px solid #ff0000;box-shadow:0 0 10px #ff00004d}.knowledge-evolution-phases{border:3px solid #ffff00;box-shadow:0 0 10px #ffff004d}.navigation-controls{border:3px solid #808080;box-shadow:0 0 10px #8080804d}.ui-section h3{margin:0 0 8px;color:var(--primary);font-size:1.1rem;font-weight:600}.ui-section p{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary)}.ui-section ul{margin:0;padding-left:20px}.ui-section li{margin:4px 0;font-size:.85rem;color:var(--text-primary)}.stage-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:24px;margin:2rem 0;max-width:800px;margin-left:auto;margin-right:auto}.stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:2rem 0}.stage-card{position:relative;background:#1c2128;border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 20px #0000004d;border:3px solid transparent}.stage-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000080}.stage-card h3{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:#e1e4e8}.stage-card p{margin:0 0 12px;font-size:1.1rem;font-weight:500;color:#959da5}.stage-description{font-size:.9rem;color:#6a737d;line-height:1.4}.stage-1{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.stage-1:hover{border-color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stage-2{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.stage-2:hover{border-color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stage-3{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.stage-3:hover{border-color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.stage-4{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#ede9fe)}.stage-4:hover{border-color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.stage-preview{width:100%;height:120px;border-radius:8px;margin-bottom:16px;position:relative;overflow:hidden}.divergent-graph{background:linear-gradient(45deg,#3b82f6,#1d4ed8);position:relative}.divergent-graph:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:2px;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff4d,0 0 0 4px #ffffff1a}.divergent-graph:after{content:"";position:absolute;top:20%;left:20%;width:60%;height:60%;border:2px solid rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%)}.scattered-clusters{background:linear-gradient(45deg,#10b981,#059669);position:relative}.scattered-clusters:before{content:"";position:absolute;top:30%;left:30%;width:20px;height:20px;background:#fffc;border-radius:50%;box-shadow:40px 20px #fff9,80px 40px #fff6,20px 60px #ffffffb3,60px 80px #ffffff80}.sparse-interconnected{background:linear-gradient(45deg,#f59e0b,#d97706);position:relative}.sparse-interconnected:before{content:"";position:absolute;top:20%;left:20%;width:8px;height:8px;background:#ffffffe6;border-radius:50%;box-shadow:60px 20px #fffc,40px 60px #ffffffb3,80px 80px #fff9}.sparse-interconnected:after{content:"";position:absolute;top:24%;left:24%;width:1px;height:40px;background:#fff6;transform:rotate(45deg);box-shadow:56px 16px 0 1px #ffffff4d,36px 56px 0 1px #ffffff4d}.global-sphere{background:linear-gradient(45deg,#8b5cf6,#7c3aed);position:relative}.global-sphere:before{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;background:radial-gradient(circle,#ffffffe6,#ffffff4d 70%);border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 20px #fff3,0 0 20px #ffffff1a}.global-sphere:after{content:"";position:absolute;top:30%;left:30%;width:6px;height:6px;background:#fbbf24;border-radius:50%;box-shadow:40px 20px #ef4444,60px 50px #10b981,20px 70px #3b82f6,70px 80px #f59e0b}.stage-container{max-width:1200px;margin:0 auto;padding:2rem}.stage-header{text-align:center;margin-bottom:3rem}.stage-header h1{font-size:2rem;color:#e1e4e8;margin-bottom:.5rem}.stage-header p{font-size:1.1rem;color:#959da5}.stage-nav{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #e2e8f0}.stage-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .2s}.stage-nav-btn:hover{background-color:#2563eb}.markdown-content{line-height:1.8;color:#e1e4e8}.markdown-content h1{font-size:2rem;margin:2rem 0 1rem;color:#e1e4e8}.markdown-content h2{font-size:1.5rem;margin:1.5rem 0 1rem;color:#e1e4e8}.markdown-content h3{font-size:1.25rem;margin:1rem 0 .5rem;color:#e1e4e8}.markdown-content p{margin-bottom:1rem;color:#959da5}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:2rem}.markdown-content code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem}.markdown-content pre{background-color:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}.markdown-content pre code{background-color:transparent;padding:0}.markdown-container{max-width:900px;margin:0 auto;background:var(--dark-bg-secondary);border-radius:12px;padding:2rem;box-shadow:0 2px 12px #0000000a}.visualization-container{position:relative;width:100%;height:600px;background-color:#1c2128;border-radius:8px;box-shadow:0 2px 4px #0000004d;overflow:hidden;margin-bottom:2rem}@media (max-width: 768px){.ui-overlay{position:relative;top:0;left:0;margin-bottom:20px}.stage-grid-2x2{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:16px}.stage-grid{grid-template-columns:1fr;gap:16px}.stage-card{padding:20px}.stage-preview{height:100px}}.stage-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:2rem 0}.stage-content-panel{background:#1c2128;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000004d;min-height:300px}.stage-visualization-wrapper{width:100%;height:600px;position:relative;background:#1c2128;border-radius:12px;overflow:hidden;margin-bottom:2rem}@media (max-width: 968px){.stage-content-grid{grid-template-columns:1fr;gap:16px}.stage-visualization-wrapper{height:500px}}@media (max-width: 768px){.ui-overlay{position:relative;top:0;left:0;margin-bottom:20px;max-width:100%}.stage-grid-2x2{grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.stage-grid{grid-template-columns:1fr;gap:16px}.stage-card{min-height:auto}.stage-visualization-wrapper{height:400px;margin-bottom:1rem}.stage-nav{flex-direction:column;gap:12px;align-items:stretch}.stage-nav-btn{width:100%;justify-content:center}}@media (max-width: 480px){.stage-visualization-wrapper{height:300px}}.stage-4-container{display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden}.visualization-wrapper{flex:1;position:relative;display:flex;flex-direction:column;min-height:500px;max-height:calc(100vh - 250px);margin:1rem 0;background:#f5f5f7;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.visualization-wrapper.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;max-height:100vh;z-index:1000;border-radius:0}.iframe-container{flex:1;position:relative;width:100%;overflow:hidden}.stage-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.stage-toggle-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:8px;z-index:100;background:#fffffff2;padding:8px;border-radius:12px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#1d1d1f}.toggle-btn:hover{background:#0000000d;transform:translateY(-1px)}.toggle-btn.active{background:#0071e3;color:#fff;border-color:#0071e3}.toggle-btn .toggle-icon{font-size:16px}.toggle-btn .toggle-label{font-weight:500;display:none}@media (min-width: 768px){.toggle-btn .toggle-label{display:inline}}@media (max-width: 768px){.visualization-wrapper{min-height:400px;max-height:calc(100vh - 200px);margin:.5rem 0}.stage-toggle-controls{bottom:10px;right:10px;padding:6px;gap:4px}.toggle-btn{padding:6px 8px;font-size:12px}.toggle-btn .toggle-icon{font-size:14px}.stage-4-container .stage-nav{padding:1rem}}@media (max-width: 480px){.visualization-wrapper{min-height:350px;border-radius:8px}.stage-toggle-controls{flex-wrap:wrap;max-width:200px}.toggle-btn{flex:1 0 40%;justify-content:center}}.stage0-nav-container{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;z-index:100;pointer-events:none}.stage0-nav-container>*{pointer-events:auto}.stage0-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:.5rem;color:#cbd5e1;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 6px #0000001a}.stage0-nav-btn:hover{background:#1e293bf2;border-color:#94a3b866;color:#f1f5f9;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.stage0-nav-left{margin-left:0}.stage0-nav-right{display:flex;gap:.75rem;align-items:center}.stage0-stages-btn{background:#1e293bf2;border:1px solid rgba(148,163,184,.3)}.stage0-continue-btn{background:linear-gradient(135deg,#3b82f6e6,#9333eae6);border:1px solid rgba(59,130,246,.5);color:#fff}.stage0-continue-btn:hover{background:linear-gradient(135deg,#3b82f6,#9333ea);transform:translateY(-2px) scale(1.05)}.stage0-stages-menu{position:fixed;top:5rem;right:1rem;background:#0f172afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:.5rem;z-index:101;box-shadow:0 10px 25px #0000004d;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stage0-menu-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:#cbd5e1;text-decoration:none;border-radius:.5rem;transition:all .2s ease;white-space:nowrap}.stage0-menu-item:hover{background:#1e293bcc;color:#f1f5f9;transform:translate(4px)}.stage-number{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:linear-gradient(135deg,#3b82f64d,#9333ea4d);border:1px solid rgba(59,130,246,.5);border-radius:50%;font-weight:700;font-size:.85rem}.stage0-swipe-hint{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:2rem;color:#94a3b8;font-size:.85rem;z-index:50;opacity:0;animation:fadeInOut 8s ease-in-out;pointer-events:none}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:.7}}@media (max-width: 768px){.stage0-nav-container{padding:.75rem}.stage0-nav-btn{padding:.6rem 1rem;font-size:.85rem}.stage0-nav-btn span{display:none}.stage0-continue-btn span{display:inline}.stage0-stages-menu{right:.75rem;top:4rem}.stage0-swipe-hint{opacity:0;animation:fadeInOut 10s ease-in-out}}@media (max-width: 480px){.stage0-nav-right{gap:.5rem}.stage0-nav-btn{padding:.5rem .75rem}}.stage-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#e0e0e0;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.stage-header{padding:1.5rem;text-align:center;background:#0a0a0af2;border-bottom:2px solid #00ff00;box-shadow:0 2px 20px #0f03;position:relative;z-index:10}.stage-header h1{font-family:Space Mono,Courier New,monospace;color:#0f0;font-size:1.8rem;margin:0;text-shadow:0 0 10px rgba(0,255,0,.5)}.stage-header p{color:#0ff;margin:.5rem 0 0;font-size:.9rem}.stage-visualization-container{flex:1;position:relative;width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center}.stage-iframe-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.stage-iframe{width:100%;height:100%;border:none}.stage-nav{display:flex;justify-content:space-between;padding:1rem;background:#0a0a0af2;border-top:1px solid rgba(0,255,0,.3);position:fixed;bottom:0;left:0;right:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stage-nav-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid #00ff00;color:#0f0;text-decoration:none;border-radius:5px;font-family:Space Mono,monospace;font-size:.85rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;max-width:45%}.stage-nav-btn:hover{background:#00ff001a;box-shadow:0 0 15px #00ff0080;transform:translateY(-2px)}.stage-nav-btn:active{transform:translateY(0)}.swipe-indicator{position:fixed;bottom:80px;left:50%;transform:translate(-50%);color:#00ff0080;font-size:.75rem;animation:pulse 2s ease-in-out infinite;z-index:50;pointer-events:none}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.stage-info-cards{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;margin-bottom:80px}.stage-info-card{background:#14141ee6;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stage-info-card h3{color:#0ff;margin:0 0 .5rem;font-size:1rem}.stage-info-card p{color:#b0b0b0;font-size:.85rem;line-height:1.4;margin:0}.keyboard-hint{position:fixed;top:10px;right:10px;background:#0a0a0ae6;padding:.5rem;border-radius:5px;border:1px solid rgba(0,255,0,.3);font-size:.7rem;color:#0f0;z-index:100}.keyboard-hint span{color:#ff0;font-weight:700}@media (min-width: 768px){.stage-header h1{font-size:2.5rem}.stage-header p{font-size:1.1rem}.stage-nav-btn{font-size:1rem;max-width:300px}.stage-info-cards{grid-template-columns:repeat(2,1fr);padding:2rem}.stage-visualization-container{min-height:70vh}.swipe-indicator{display:none}}@supports (touch-action: pan-y){.stage-container{touch-action:pan-y}}.stage-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0f0;font-size:1.2rem;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.stage-4-fullview{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--dark-bg-primary: #0f1419;--dark-bg-secondary: #1c2128;--dark-bg-tertiary: #2d333b;--dark-border: #30363d;--dark-text-primary: #e1e4e8;--dark-text-secondary: #959da5;--dark-text-muted: #6a737d;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out}.app2-container{display:flex;height:100vh;background:var(--bg-primary)}.app2-header{padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.app2-main{display:flex;flex:1;overflow:hidden}.file-browser{width:300px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.file-browser-header{padding:1rem;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-primary)}.file-list{flex:1;overflow-y:auto}.file-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-color-light);cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.file-item:hover{background:var(--bg-hover)}.file-item.selected{background:var(--primary-color);color:#fff}.file-item-icon{font-size:1.2rem}.file-item-info{flex:1;min-width:0}.file-item-name{font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item-meta{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-viewer{flex:1;display:flex;flex-direction:column;background:var(--bg-primary)}.content-viewer-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.content-viewer-main{flex:1;overflow:hidden}.html-renderer{height:100%;display:flex;flex-direction:column}.no-file-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:2rem}.no-file-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--error-color);text-align:center;padding:2rem}.error-icon{font-size:3rem;margin-bottom:1rem}.retry-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.retry-btn:hover{background:var(--primary-color-hover)}.html-container{height:100%;display:flex;flex-direction:column}.html-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.html-tabs{display:flex;gap:.5rem}.tab-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.tab-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tab-btn:hover:not(.active){background:var(--bg-hover)}.html-controls{display:flex;gap:.5rem}.control-btn{padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.control-btn:hover{background:var(--bg-hover)}.html-content{flex:1;overflow:hidden}.html-iframe{width:100%;height:100%;border:none;background:#fff}.split-screen{height:100%;display:flex;flex-direction:column}.source-pane,.rendered-pane{flex:1;display:flex;flex-direction:column;border-bottom:1px solid var(--border-color)}.rendered-pane{border-bottom:none}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-primary)}.pane-header h4{margin:0;font-size:.875rem}.copy-btn,.fullscreen-btn{padding:.25rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.copy-btn:hover,.fullscreen-btn:hover{background:var(--bg-hover)}.code-container{height:100%;display:flex;flex-direction:column}.code-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.code-header h4{margin:0;color:var(--text-primary);font-size:1rem}.code-controls{display:flex;gap:.5rem}.code-content{flex:1;overflow:auto;background:var(--bg-code);color:var(--text-code);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;padding:1rem;margin:0;white-space:pre-wrap;word-wrap:break-word}.code-content code{font-family:inherit;background:none;padding:0;border-radius:0}.side-panels{width:300px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column}.panel-tabs{display:flex;border-bottom:1px solid var(--border-color)}.panel-tab{flex:1;padding:.75rem;background:var(--bg-tertiary);border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s ease}.panel-tab.active{background:var(--bg-secondary);color:var(--text-primary);border-bottom:2px solid var(--primary-color)}.panel-tab:hover:not(.active){background:var(--bg-hover)}.panel-content{flex:1;overflow-y:auto;padding:1rem}@media (max-width: 768px){.app2-container,.app2-main{flex-direction:column}.file-browser{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--border-color)}.side-panels{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:50vh;border-left:none;border-top:1px solid var(--border-color);z-index:100}.html-header{flex-direction:column;gap:1rem;align-items:stretch}.html-tabs,.html-controls{justify-content:center}.split-screen{flex-direction:column}.source-pane,.rendered-pane{height:50%}.pane-header{padding:.5rem .75rem}.pane-header h4{font-size:.8rem}.code-header{flex-direction:column;gap:.5rem;align-items:stretch}.code-controls{justify-content:center}}@media (max-width: 480px){.app2-header{padding:.75rem}.file-browser-header{padding:.75rem;font-size:.875rem}.file-item{padding:.5rem .75rem}.file-item-name{font-size:.875rem}.file-item-meta{font-size:.7rem}.content-viewer-header,.html-header{padding:.75rem}.tab-btn{padding:.5rem .75rem;font-size:.8rem}.control-btn{padding:.5rem;font-size:.875rem}.code-content{font-size:.8rem;padding:.75rem}.panel-tab{padding:.5rem;font-size:.8rem}.panel-content{padding:.75rem}}@media (prefers-color-scheme: dark){.code-content{background:#1e1e1e;color:#d4d4d4}.html-iframe{background:#1e1e1e}}@media (hover: none) and (pointer: coarse){.file-item{min-height:60px}.tab-btn,.control-btn,.copy-btn,.fullscreen-btn{min-height:44px;min-width:44px}.panel-tab{min-height:50px}}@media (prefers-contrast: high){.file-item{border-bottom:2px solid currentColor}.tab-btn,.control-btn{border:2px solid currentColor}.panel-tab.active{border-bottom:3px solid currentColor}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.file-item,.tab-btn,.control-btn,.copy-btn,.fullscreen-btn,.panel-tab{transition:none}}.drag-drop-upload{height:100%;display:flex;flex-direction:column;padding:2rem;background:var(--bg-primary)}.drop-zone{flex:1;border:3px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:var(--bg-secondary);cursor:pointer}.drop-zone.dragging{border-color:var(--primary-color);background:#3b82f60d;transform:scale(1.02)}.drop-zone-content{text-align:center;padding:2rem}.drop-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.drop-zone-content h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.drop-zone-content p{color:var(--text-secondary);margin:.5rem 0}.browse-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.browse-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.supported-formats{font-size:.875rem;color:var(--text-muted);margin-top:1rem}.uploaded-files-list{margin-top:2rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;max-height:200px;overflow-y:auto}.uploaded-files-list h4{margin-bottom:.5rem;color:var(--text-primary)}.uploaded-files-list ul{list-style:none;padding:0}.uploaded-files-list li{padding:.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.uploaded-files-list .file-name{color:var(--text-primary);font-weight:500}.uploaded-files-list .file-size{color:var(--text-secondary);font-size:.875rem}.image-container{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.image-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.image-header h4{margin:0;color:var(--text-primary)}.image-controls{display:flex;gap:.5rem}.image-viewer{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-tertiary);overflow:auto}.rendered-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.image-info{display:flex;justify-content:center;gap:2rem;padding:1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.drag-drop-upload,.drop-zone-content{padding:1rem}.drop-icon{font-size:3rem}.drop-zone-content h3{font-size:1.25rem}.browse-btn{padding:.625rem 1.25rem;font-size:.875rem}.uploaded-files-list{max-height:150px}.image-viewer{padding:1rem}.image-info{gap:1rem;font-size:.8rem}}:root{--dark-bg-primary: #0f1419;--dark-bg-secondary: #1c2128;--dark-bg-tertiary: #2d333b;--dark-border: #30363d;--dark-text-primary: #e1e4e8;--dark-text-secondary: #959da5;--dark-text-muted: #6a737d}.app-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--dark-bg-primary);color:var(--dark-text-primary)}.content-browser{display:flex;flex-direction:column;gap:1rem;width:100%}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--dark-bg-secondary);border-radius:var(--radius-md)}.grid-controls{display:flex;gap:.5rem;align-items:center}.content-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--dark-border)}.grid-container{display:grid;gap:1rem;transition:all .3s ease}.list-container{display:flex;flex-direction:column;gap:.5rem}.content-card{display:flex;flex-direction:column;padding:1rem;background-color:var(--dark-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--dark-border);transition:transform .2s ease,box-shadow .2s ease;position:relative}.content-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.content-card.selected{border:2px solid var(--primary)}.content-icon{font-size:2rem;margin-bottom:.5rem;text-align:center}.content-details{display:flex;flex-direction:column;flex:1}.content-name{font-weight:700;margin-bottom:.25rem;word-break:break-word;text-align:center;color:var(--dark-text-primary)}.content-meta{font-size:.75rem;color:var(--dark-text-secondary);text-align:center}.content-preview{width:100%;height:120px;object-fit:cover;margin-bottom:.5rem;border-radius:var(--radius-sm)}.content-audio{width:100%;margin-bottom:.5rem}.content-pdf-icon{display:flex;justify-content:center;align-items:center;height:120px;background-color:var(--dark-bg-tertiary);color:#d32f2f;font-size:3rem;margin-bottom:.5rem;border-radius:var(--radius-sm)}.content-podcast-icon{display:flex;justify-content:center;align-items:center;height:120px;background-color:var(--dark-bg-tertiary);color:#6200ea;font-size:3rem;margin-bottom:.5rem;border-radius:var(--radius-sm)}.list-item{display:grid;grid-template-columns:40px 1fr 100px 150px 100px;padding:.75rem 1rem;background-color:var(--dark-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--dark-border);align-items:center}.list-header{font-weight:700;background-color:var(--dark-bg-tertiary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--dark-bg-secondary);padding:2rem;border-radius:var(--radius-md);max-width:500px;width:100%;color:var(--dark-text-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.btn{padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:500}.btn-primary{background-color:var(--primary);color:#fff}.content-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;opacity:0;transition:opacity .2s ease;z-index:10}.content-card:hover .content-delete-btn{opacity:1}.content-delete-btn:hover{background:#ef4444;transform:scale(1.1)}.btn-danger{background-color:#ef4444;color:#fff;border:1px solid #dc2626}.btn-danger:hover{background-color:#dc2626}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.drag-handle{cursor:move;opacity:.5}.drag-handle:hover{opacity:1}.dropzone{border:2px dashed var(--dark-border);border-radius:var(--radius-md);padding:2rem;text-align:center;cursor:pointer;margin-bottom:1rem;background-color:var(--dark-bg-secondary)}.dropzone:hover{border-color:var(--primary)}.drag-drop-zone{position:relative;min-height:400px}.drag-drop-zone.drag-over{background-color:#007bff1a;border:2px dashed #007bff;border-radius:8px}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#007bffe6;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.drag-overlay-content{text-align:center;color:#fff;font-size:1.2rem}.drag-overlay-icon{font-size:3rem;margin-bottom:1rem}.file-upload-zone{border:2px dashed var(--dark-border);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--dark-bg-secondary)}.file-upload-zone:hover{border-color:#007bff;background-color:#007bff1a}.file-upload-zone.dragging{border-color:#007bff;background-color:#007bff1a;transform:scale(1.02)}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-upload-icon{font-size:2rem;margin-bottom:.5rem}.file-upload-hint{font-size:.9rem;color:var(--dark-text-secondary);margin:0}.file-upload-success{color:#28a745;font-weight:500;margin-top:.5rem}.upload-mode-selector{display:flex;gap:.5rem;margin-top:.5rem}.upload-mode-selector .btn{flex:1;padding:.5rem 1rem;font-size:.9rem}.local-file-indicator{position:absolute;top:4px;right:4px;background-color:#007bffcc;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.content-video-preview{position:relative;background-color:#000;overflow:hidden}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;pointer-events:none;transition:opacity .3s ease}.content-card:hover .video-play-overlay{opacity:.8}.play-icon{font-size:3rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.video-player-modal{width:90%;max-width:1200px;height:auto}.video-player-modal .modal-content{background:#000;padding:0}.video-player-modal .modal-header{padding:1rem;background:#111;color:#fff}.video-player{width:100%;max-height:80vh;display:block}.app-page{padding:2rem;max-width:1200px;margin:0 auto}.back-link{display:inline-flex;align-items:center;color:var(--primary-color);text-decoration:none;margin-bottom:1rem;font-weight:500;transition:color .2s ease}.back-link:hover{color:var(--primary-color-hover)}.app-page-title{font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}.main-drop-zone{border:2px dashed var(--border-color);border-radius:12px;padding:2rem;text-align:center;background:var(--bg-secondary);transition:all .3s ease;margin-bottom:2rem}.main-drop-zone.dragover{border-color:var(--primary-color);background:var(--primary-color-light)}.content-browser{display:flex;flex-direction:column;gap:2rem}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.view-controls{display:flex;gap:.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-color-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.github-config-modal{background:var(--bg-primary);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background:var(--bg-hover)}.modal-body{padding:1.5rem}.config-section{margin-bottom:1.5rem}.config-label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;color:var(--text-primary)}.config-label input[type=text],.config-label input[type=password]{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem}.config-label input[type=text]:focus,.config-label input[type=password]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.config-label input[type=checkbox]{margin-right:.5rem}.config-help{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.4}.help-link{color:var(--primary-color);text-decoration:none;margin-left:.25rem}.help-link:hover{text-decoration:underline}.config-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.action-buttons{display:flex;gap:.75rem}.video-player-modal{text-align:center}.video-player{width:100%;max-width:800px;height:auto;border-radius:8px}@media (max-width: 768px){.app-page{padding:1rem}.toolbar{flex-direction:column;gap:1rem;align-items:stretch}.view-controls{justify-content:center}.btn{padding:.875rem 1rem;font-size:.875rem;min-height:44px}.github-config-modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header,.modal-body{padding:1rem}.config-actions{flex-direction:column;gap:1rem}.action-buttons{width:100%;justify-content:stretch}.action-buttons .btn{flex:1}}@media (max-width: 480px){.app-page{padding:.75rem}.app-page-title{font-size:1.5rem;margin-bottom:1rem}.main-drop-zone{padding:1rem;margin-bottom:1rem}.toolbar{padding:.75rem}.view-controls{gap:.25rem}.btn{padding:.75rem .875rem;font-size:.8rem}}@media (prefers-color-scheme: dark){.github-config-modal{background:#1f2937;color:#f9fafb}.config-label input[type=text],.config-label input[type=password]{background:#374151;border-color:#4b5563;color:#f9fafb}.config-label input[type=text]:focus,.config-label input[type=password]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-close:hover{background:#374151}.config-actions{border-top-color:#4b5563}}@media (hover: none) and (pointer: coarse){.btn,.modal-close{min-height:44px;min-width:44px}.config-label input[type=text],.config-label input[type=password]{min-height:44px;font-size:16px}}@media (prefers-contrast: high){.github-config-modal,.config-label input[type=text],.config-label input[type=password],.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.btn,.modal-close,.config-label input,.main-drop-zone{transition:none}}.dyslexic-advantage-overlay{background-color:#000000e6;z-index:1100;opacity:0;transition:opacity .3s ease}.dyslexic-advantage-overlay.animate-in{opacity:1}.dyslexic-advantage-modal{background-color:var(--dark-bg-primary);border-radius:16px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;color:var(--dark-text-primary);box-shadow:0 25px 50px -12px #00000040;transform:scale(.95);transition:transform .3s ease}.animate-in .dyslexic-advantage-modal{transform:scale(1)}.dyslexic-advantage-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--dark-border);background:linear-gradient(to right,#0f1419,#1c2128)}.dyslexic-advantage-header h2{margin:0;font-size:2rem;font-weight:700;letter-spacing:2px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.dyslexic-advantage-content{padding:2rem;display:flex;flex-direction:column;gap:2rem}.dyslexic-advantage-description{max-width:800px;margin:0 auto;text-align:center;font-size:1.1rem;line-height:1.7;color:var(--dark-text-secondary)}.dyslexic-advantage-navigation{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.nav-button{background:transparent;border:1px solid var(--dark-border);color:var(--dark-text-secondary);padding:.75rem 1.25rem;border-radius:30px;cursor:pointer;font-weight:600;transition:all .3s ease}.nav-button:hover{background-color:var(--dark-bg-tertiary);color:var(--dark-text-primary)}.nav-button.active{color:#fff;border:none;box-shadow:0 4px 12px #6a11cb66}.dyslexic-advantage-section{display:flex;flex-direction:column;gap:2rem;align-items:center;text-align:center}.dyslexic-advantage-section h3{font-size:1.75rem;margin:0;text-transform:uppercase;letter-spacing:1px;font-weight:700}.section-content{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.8;color:var(--dark-text-secondary)}.strengths-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;padding:2rem 0}.strengths-container h4{margin:0 0 2rem;font-size:1.25rem;color:var(--dark-text-primary);font-weight:500}.strengths-visualization{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.central-strength{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;position:relative;z-index:10;box-shadow:0 0 30px #00000080;animation:pulse 3s infinite alternate}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 30px #00000080}to{transform:scale(1.1);box-shadow:0 0 50px #6a11cb80}}.strengths-radial{position:absolute;width:360px;height:360px;top:50%;left:50%;transform:translate(-50%,-50%)}.strength-item{position:absolute;width:120px;height:120px;left:50%;top:50%;margin-left:-60px;margin-top:-60px;transform-origin:center center;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:rotate(var(--angle)) translate(100px) scale(.8)}to{opacity:1;transform:rotate(var(--angle)) translate(120px) scale(1)}}.strength-content{border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem;font-weight:600;color:#fff;font-size:.9rem;box-shadow:0 5px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.strength-content:hover{transform:scale(1.1) rotate(var(--negative-angle))!important;box-shadow:0 8px 25px #00000080}.quote-container{margin-top:2rem}.quote-container blockquote{font-size:1.5rem;font-style:italic;color:var(--dark-text-primary);position:relative;padding:0 2rem;margin:0}.quote-container blockquote:before,.quote-container blockquote:after{content:'"';font-size:3rem;color:#6a11cb80;position:absolute}.quote-container blockquote:before{top:-20px;left:0}.quote-container blockquote:after{bottom:-40px;right:0}.quote-author{margin-top:1.5rem;color:var(--dark-text-secondary);font-style:italic}@media (max-width: 768px){.dyslexic-advantage-header h2{font-size:1.5rem}.dyslexic-advantage-content{padding:1.5rem;gap:1.5rem}.nav-button{padding:.5rem 1rem;font-size:.875rem}.dyslexic-advantage-section h3{font-size:1.5rem}.section-content{font-size:1.1rem}.strengths-radial{width:240px;height:240px}.central-strength{width:100px;height:100px;font-size:1rem}.strength-content{width:80px;height:80px;font-size:.8rem}.quote-container blockquote{font-size:1.25rem;padding:0 1.5rem}}@media (max-width: 480px){.dyslexic-advantage-header h2{font-size:1.25rem}.dyslexic-advantage-content{padding:1rem;gap:1rem}.strengths-radial{position:static;width:auto;height:auto;transform:none;display:flex;flex-direction:column;gap:1rem}.strength-item{position:static;width:auto;height:auto;margin:0;transform:none!important;animation:none;opacity:1}.strength-content{width:100%;height:auto;border-radius:8px;padding:.75rem;transform:none!important}.central-strength{margin-bottom:1rem}.quote-container blockquote{font-size:1rem}}.markdown-viewer-overlay{background-color:#000000e6;z-index:1200}.markdown-viewer-modal{background-color:var(--dark-bg-primary);border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;color:var(--dark-text-primary);box-shadow:0 25px 50px -12px #00000040;transition:transform .3s ease}.markdown-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--dark-border);background:linear-gradient(to right,#0f1419,#1c2128);position:sticky;top:0;z-index:10}.markdown-viewer-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.markdown-viewer-content{padding:2rem}.markdown-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.7}.markdown-content h1{font-size:2.5rem;margin-top:0;margin-bottom:1.5rem;color:#fff;border-bottom:1px solid var(--dark-border);padding-bottom:.5rem}.markdown-content h2{font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;color:#e2e8f0}.markdown-content h3{font-size:1.4rem;margin-top:1.5rem;margin-bottom:.75rem;color:#c7d2fe}.markdown-content p{margin-bottom:1rem;color:var(--dark-text-secondary)}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:2rem;color:var(--dark-text-secondary)}.markdown-content li{margin-bottom:.5rem}.markdown-content strong{color:#93c5fd;font-weight:600}.markdown-content blockquote{border-left:4px solid #3b82f6;padding-left:1rem;margin-left:0;color:var(--dark-text-muted);font-style:italic}.markdown-content code{background-color:var(--dark-bg-secondary);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em;color:#93c5fd}.markdown-content pre{background-color:var(--dark-bg-secondary);padding:1rem;border-radius:8px;overflow-x:auto}.markdown-content pre code{background-color:transparent;padding:0;color:#f3f4f6}.markdown-loading,.markdown-error{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--dark-text-secondary)}.markdown-error{color:#ef4444}.dyslexic-advantage-footer{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--dark-border)}.readme-button{background:transparent;border:2px solid #4476ff;color:#4476ff;font-weight:700;letter-spacing:1px;padding:.75rem 2rem;border-radius:30px;transition:all .3s ease}.readme-button:hover{background:linear-gradient(135deg,#4476ff1a,#6a11cb1a);border-color:#6a11cb;color:#93c5fd;box-shadow:0 0 15px #4476ff4d}@media (max-width: 768px){.dyslexic-advantage-footer{margin-top:1.5rem;padding-top:1.5rem}.readme-button{padding:.5rem 1.5rem;font-size:.875rem}}.delete-btn-app3{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;background-color:#dc3545e6;color:#fff;border:none;border-radius:4px;padding:5px 8px;cursor:pointer;transition:all .2s ease;opacity:0;transform:scale(.8);z-index:5}.content-card:hover .delete-btn-app3{opacity:1;transform:scale(1)}.delete-btn-app3:hover{background-color:#dc3545;box-shadow:0 2px 6px #0003;transform:scale(1.05)}.delete-btn-app3 .delete-icon{margin-right:4px}.delete-btn-app3-list{display:flex;align-items:center;gap:4px;background-color:#dc3545e6;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:.85rem;transition:all .2s ease}.delete-btn-app3-list:hover{background-color:#dc3545;box-shadow:0 2px 6px #0003}.local-file-indicator{position:absolute;bottom:8px;left:8px;background-color:#0009;color:#fff;padding:2px 5px;border-radius:3px;font-size:.8rem;z-index:2}.content-card{position:relative;overflow:visible}.content-card.selected{box-shadow:0 0 0 3px var(--primary),0 6px 12px #00000026;transform:translateY(-2px)}.list-item.selected{background-color:rgba(var(--primary-rgb),.1)}.content-card{position:relative}.content-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .2s ease;z-index:10;box-shadow:0 2px 4px #0003}.content-delete-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.content-delete-btn:active{transform:scale(.95)}.content-delete-btn .delete-icon{line-height:1;display:block}.section-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.section-delete-btn{background:#ef4444e6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.section-delete-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.section-delete-btn:active{transform:translateY(0)}.section-delete-btn:disabled{background:#9ca3af80;cursor:not-allowed;transform:none}.view-list .content-delete-btn{position:static;margin-left:auto;width:auto;height:auto;padding:.5rem 1rem;border-radius:6px}.media-viewer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:1rem}.media-loading{text-align:center;color:var(--dark-text-secondary, #999)}.spinner{width:40px;height:40px;border:4px solid var(--dark-border, #333);border-top-color:var(--primary-color, #4476ff);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.media-error,.media-unsupported,.media-unknown{text-align:center;padding:2rem;color:var(--dark-text-secondary, #999)}.error-icon,.file-icon,.audio-icon{font-size:3rem;display:block;margin-bottom:1rem}.error-hint,.hint{font-size:.9rem;color:var(--dark-text-muted, #666);margin-top:.5rem}.media-audio-container,.media-document{text-align:center;padding:2rem}.media-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px #0000001a}.media-video{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 4px 6px #0000001a}.media-audio{width:100%;max-width:500px;margin-top:1rem}.media-pdf-container{width:100%;height:80vh;display:flex;flex-direction:column}.media-pdf{width:100%;height:100%;border:none;background-color:#fff;border-radius:8px;flex:1}.pdf-fallback{text-align:center;padding:1rem;background:var(--dark-bg-secondary, #1a1a1a);border-top:1px solid var(--dark-border, #333);margin-top:1rem}.pdf-fallback p{margin-bottom:1rem;color:var(--dark-text-secondary, #999)}.pdf-fallback .btn{margin:0 auto}.file-size{font-size:.875rem;color:var(--dark-text-muted, #666);margin-top:1rem}.btn{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,#4476ff,#6a11cb);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5580ff,#7a21db);transform:translateY(-1px)}.btn-secondary{background:var(--dark-bg-secondary, #2a2a2a);color:var(--dark-text, #fff);border:1px solid var(--dark-border, #333)}.btn-secondary:hover{background:var(--dark-bg-hover, #3a3a3a)}.document-content{background:var(--dark-bg-secondary, #1a1a1a);padding:1.5rem;border-radius:8px;text-align:left;max-width:800px;max-height:60vh;overflow-y:auto;margin:1rem auto}.document-content code{color:var(--dark-text, #fff);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.heic-warning{background:#ffc1071a;border:1px solid #ffc107;border-radius:8px;padding:1.5rem;margin:1rem}.heic-warning h3{color:#ffc107;margin-bottom:.5rem}.heic-warning p{color:var(--dark-text-secondary, #999);margin:.5rem 0}@media (max-width: 768px){.media-viewer{padding:.5rem}.media-image,.media-video{max-height:60vh}.media-pdf-container{height:60vh}.error-icon,.file-icon,.audio-icon{font-size:2rem}}.cyber-header-container{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.cyber-header{font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;text-align:left;margin:0;color:#0f0;background-color:#0a0a0a;padding:1.5rem;border-radius:8px;box-shadow:0 0 20px #00ff004d;letter-spacing:2px;position:relative;overflow:hidden;flex:1;margin-right:1rem}.cyber-header.app-page{font-size:2rem;padding:.9rem;letter-spacing:1.25px}.cyber-header.app-page.nested{font-size:1.5rem;padding:.75rem;letter-spacing:1px}.cyber-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);animation:scan 4s linear infinite}@keyframes scan{0%{left:-100%}to{left:100%}}.cyber-slash{color:#f2ff00;font-weight:700;animation:blink 2s ease-in-out infinite;text-shadow:0 0 10px rgba(238,255,0,.8)}.cyber-rory{color:#0ff;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.8)}.cyber-root{color:#ff1493;font-style:italic;text-shadow:0 0 10px rgba(255,20,147,.8)}.cyber-percent{color:#d3a200;animation:blink 2s ease-in-out infinite;text-shadow:0 0 10px rgba(148,0,211,.8)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.cyber-cursor{animation:cursor-blink .5s ease-in-out infinite;color:#9400d3;margin-left:2px}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.cyber-back-button{background:transparent;border:2px solid #ff8c00;color:#ff8c00;font-size:1.5rem;font-weight:700;padding:1rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;animation:neon-blink 2s ease-in-out infinite;text-shadow:0 0 10px rgba(255,140,0,.8);box-shadow:0 0 20px #ff8c004d;font-family:Courier New,monospace;letter-spacing:1px}.cyber-back-button:hover{background:#ff8c001a;box-shadow:0 0 30px #ff8c0099;transform:scale(1.05)}@keyframes neon-blink{0%,to{border-color:#ff8c00;color:#ff8c00;text-shadow:0 0 10px rgba(255,140,0,.8);box-shadow:0 0 20px #ff8c004d}50%{border-color:orange;color:orange;text-shadow:0 0 20px rgba(255,165,0,1);box-shadow:0 0 30px #ffa50099}}@media (max-width: 1024px){.cyber-header{font-size:1.75rem}.cyber-header.app-page{font-size:1.375rem}.cyber-header.app-page.nested{font-size:1.125rem}}@media (max-width: 768px){.cyber-header-container{flex-direction:column;gap:.75rem}.cyber-header{font-size:1.25rem;padding:.75rem;letter-spacing:.75px;margin-right:0;text-align:center}.cyber-header.app-page{font-size:1.125rem;padding:.625rem}.cyber-header.app-page.nested{font-size:1rem;padding:.5rem}.cyber-back-button{font-size:1rem;padding:.5rem .875rem}}@media (max-width: 480px){.cyber-header{font-size:1.125rem;padding:.625rem;letter-spacing:.5px}.cyber-header.app-page{font-size:1rem;padding:.5rem}.cyber-header.app-page.nested{font-size:.875rem;padding:.375rem}.cyber-back-button{font-size:.875rem;padding:.375rem .75rem}}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #64748b;--accent-color: #8b5cf6;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #1e293b;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover);text-decoration:underline}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.app-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;box-shadow:var(--shadow-sm)}.app-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.app-main{flex:1;padding:var(--spacing-xl) 0}.app-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-md) 0;text-align:center;color:var(--text-secondary);font-size:.875rem}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.card-content{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);border:none;outline:none}.btn-primary{background-color:var(--primary-color);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.tree-container{width:100%;height:500px;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-primary)}.tree-view-container{width:100%;height:600px;position:relative}.tree-view-container svg{cursor:grab}.tree-view-container svg:active{cursor:grabbing}.tree-node{cursor:pointer;transition:all var(--transition-fast)}.tree-node:hover{filter:brightness(1.1)}.tree-node-label{font-size:.875rem;font-weight:500}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.app-page{padding:var(--spacing-xl);background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--spacing-xl)}.app-page-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm);display:inline-block}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);color:var(--secondary-color);font-weight:500}.back-link:hover{color:var(--primary-color)}@media (max-width: 768px){.app-grid{grid-template-columns:1fr}}:root{--cyber-green: #00ff00;--cyber-cyan: #00ffff;--cyber-pink: #ff1493;--cyber-purple: #9400d3;--cyber-orange: #ff8c00;--cyber-yellow: #ffd700;--cyber-red: #ff0040;--cyber-bg-primary: #0a0a0a;--cyber-bg-secondary: #141414;--cyber-bg-tertiary: #1a1a1a;--glow-green: 0 0 20px rgba(0, 255, 0, .3);--glow-cyan: 0 0 20px rgba(0, 255, 255, .3);--glow-pink: 0 0 20px rgba(255, 20, 147, .3);--glow-purple: 0 0 20px rgba(148, 0, 211, .3);--glow-orange: 0 0 20px rgba(255, 140, 0, .3);--anim-fast: .3s;--anim-medium: .6s;--anim-slow: 1.2s;--anim-pulse: 2s;--fs-hero: clamp(2rem, 5vw, 3rem);--fs-title: clamp(1.5rem, 4vw, 2.5rem);--fs-heading: clamp(1.25rem, 3vw, 2rem);--fs-subheading: clamp(1.125rem, 2.5vw, 1.5rem);--fs-body: clamp(.875rem, 2vw, 1rem);--fs-small: clamp(.75rem, 1.5vw, .875rem)}body{font-family:Courier New,Consolas,Monaco,monospace;background-color:var(--cyber-bg-primary);color:var(--cyber-green)}.cyber-text{color:var(--cyber-green);text-shadow:0 0 10px rgba(0,255,0,.8);letter-spacing:.05em}.cyber-glow{animation:cyber-glow var(--anim-pulse) ease-in-out infinite}@keyframes cyber-glow{0%,to{filter:brightness(1) drop-shadow(0 0 5px currentColor)}50%{filter:brightness(1.2) drop-shadow(0 0 15px currentColor)}}.cyber-btn{background:transparent;border:2px solid var(--cyber-green);color:var(--cyber-green);padding:.75rem 1.5rem;font-size:var(--fs-body);font-weight:700;border-radius:4px;cursor:pointer;transition:all var(--anim-fast) ease;text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden}.cyber-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.2),transparent);transition:left var(--anim-medium) ease}.cyber-btn:hover:before{left:100%}.cyber-btn:hover{background:#00ff001a;box-shadow:var(--glow-green);transform:translateY(-2px)}.cyber-card{background:var(--cyber-bg-secondary);border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:1.5rem;position:relative;overflow:hidden;transition:all var(--anim-fast) ease}.cyber-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--cyber-green),var(--cyber-cyan),var(--cyber-purple),var(--cyber-pink));border-radius:8px;opacity:0;transition:opacity var(--anim-fast) ease;z-index:-1}.cyber-card:hover:before{opacity:.3}.cyber-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f03}.cyber-input{background:var(--cyber-bg-tertiary);border:2px solid rgba(0,255,0,.3);color:var(--cyber-green);padding:.75rem 1rem;font-size:var(--fs-body);border-radius:4px;transition:all var(--anim-fast) ease;font-family:inherit}.cyber-input:focus{outline:none;border-color:var(--cyber-green);box-shadow:var(--glow-green)}.cyber-panel{background:#0a0a0af2;border:1px solid rgba(0,255,0,.2);border-radius:8px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #00000080}.cyber-fade-in{animation:cyber-fade-in var(--anim-medium) ease-out}@keyframes cyber-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cyber-slide-in{animation:cyber-slide-in var(--anim-medium) ease-out}@keyframes cyber-slide-in{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.cyber-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width: 768px){:root{--fs-hero: 1.75rem;--fs-title: 1.5rem;--fs-heading: 1.25rem;--fs-subheading: 1.125rem;--fs-body: .875rem;--fs-small: .75rem}.cyber-card,.cyber-panel{padding:1rem}.cyber-grid{gap:1rem;grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root{--cyber-bg-primary: #000000;--cyber-bg-secondary: #0a0a0a;--cyber-bg-tertiary: #141414}}@media (prefers-contrast: high){.cyber-card,.cyber-panel,.cyber-btn,.cyber-input{border-width:2px}.cyber-text{text-shadow:none;font-weight:700}}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}p,h1,h2,h3,h4,h5,h6,span,div{-webkit-user-select:text;user-select:text}button,a,input,select,textarea{min-height:44px;min-width:44px}html{font-size:16px;line-height:1.4}body{font-size:14px;line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media (max-width: 480px){.container{padding:0 12px;margin:0 auto;max-width:100%}.app-header{padding:8px 0}.cyber-header{font-size:1.25rem!important;padding:.75rem!important;letter-spacing:1px!important;margin-right:.5rem!important}.cyber-back-button{font-size:1rem!important;padding:.5rem .75rem!important;min-width:36px;min-height:36px}.app-main{padding:8px 0}.app-grid{grid-template-columns:1fr!important;gap:16px!important}.websites-row{grid-template-columns:1fr!important;gap:12px!important}.artifacts-container{grid-template-columns:1fr!important;gap:16px!important}.website-card{height:auto!important;min-height:120px}.tall-card{height:160px!important}.square-card,.artifact-card{height:120px!important}h1{font-size:1.5rem!important;margin-bottom:.75rem!important}h2{font-size:1.25rem!important;margin-bottom:.5rem!important}h3{font-size:1.125rem!important;margin-bottom:.5rem!important}p{font-size:.875rem!important;margin-bottom:.75rem!important}.btn,button{padding:.75rem 1rem!important;font-size:.875rem!important;border-radius:8px!important}input,textarea,select{font-size:16px!important;padding:.75rem!important;border-radius:8px!important}.stage-nav{flex-direction:column!important;gap:12px!important;align-items:stretch!important}.stage-nav-btn{text-align:center!important;padding:.75rem!important}.tree-view-container{height:400px!important}.project-folder-section{font-size:.75rem!important;padding:1rem!important;max-height:400px!important}.legend-controls{padding:1rem!important;margin:1rem auto!important}.controls-grid{grid-template-columns:1fr!important;gap:1rem!important}.control-section h3{font-size:1rem!important}.node-input{font-size:16px!important;padding:.75rem!important}.ui-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000c!important;z-index:1000!important;padding:1rem!important;overflow-y:auto!important}.ui-section{background:#fffffff2!important;padding:1rem!important;margin-bottom:1rem!important;border-radius:8px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.ui-section h3{font-size:1.125rem!important;margin-bottom:.5rem!important}.ui-section p{font-size:.875rem!important;line-height:1.4!important}.ui-section ul{font-size:.875rem!important;padding-left:1rem!important}.ui-section li{margin-bottom:.5rem!important}.app2-container{display:flex!important;flex-direction:column!important;height:100vh!important}.app2-header{padding:.75rem!important;border-bottom:1px solid #e5e7eb!important}.app2-main{display:flex!important;flex-direction:column!important;flex:1!important;overflow:hidden!important}.file-browser{width:100%!important;height:200px!important;border-right:none!important;border-bottom:1px solid #e5e7eb!important}.file-browser-header{padding:.75rem!important;font-size:1rem!important}.file-list{height:calc(100% - 60px)!important;overflow-y:auto!important}.file-item{padding:.75rem!important;font-size:.875rem!important;border-bottom:1px solid #f3f4f6!important}.file-item:hover{background-color:#f9fafb!important}.file-item.selected{background-color:#3b82f6!important;color:#fff!important}.content-viewer{flex:1!important;overflow:hidden!important}.content-viewer-header{padding:.75rem!important;border-bottom:1px solid #e5e7eb!important}.content-viewer-main{height:calc(100% - 60px)!important;overflow:auto!important}.html-renderer{height:100%!important}.html-renderer iframe{width:100%!important;height:100%!important;border:none!important}.split-screen{display:flex!important;flex-direction:column!important}.split-screen .source-pane,.split-screen .rendered-pane{height:50%!important;overflow:auto!important}.side-panels{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;border-top:1px solid #e5e7eb!important;z-index:100!important;max-height:50vh!important;overflow-y:auto!important}.panel-tabs{display:flex!important;border-bottom:1px solid #e5e7eb!important}.panel-tab{flex:1!important;padding:.75rem!important;text-align:center!important;background:#f9fafb!important;border:none!important;font-size:.875rem!important}.panel-tab.active{background:#fff!important;border-bottom:2px solid #3b82f6!important}.panel-content{padding:1rem!important}.app3-container{padding:.75rem!important}.app3-header{margin-bottom:1rem!important}.app3-header h1{font-size:1.5rem!important;margin-bottom:.5rem!important}.view-controls{display:flex!important;gap:.5rem!important;margin-bottom:1rem!important}.view-btn{flex:1!important;padding:.75rem!important;font-size:.875rem!important;border-radius:8px!important}.content-sections{display:flex!important;flex-direction:column!important;gap:1rem!important}.content-section{border:1px solid #e5e7eb!important;border-radius:8px!important;overflow:hidden!important}.section-header{padding:1rem!important;background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important}.section-header h2{font-size:1.125rem!important;margin-bottom:.5rem!important}.section-content{padding:1rem!important}.content-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.content-item{border:1px solid #e5e7eb!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important}.content-item img{width:100%!important;height:120px!important;object-fit:cover!important}.content-item-info{padding:.75rem!important}.content-item-name{font-size:.875rem!important;font-weight:500!important;margin-bottom:.25rem!important}.content-item-meta{font-size:.75rem!important;color:#6b7280!important}.drag-drop-zone{border:2px dashed #d1d5db!important;border-radius:8px!important;padding:2rem!important;text-align:center!important;background:#f9fafb!important;margin-bottom:1rem!important}.drag-drop-zone.dragover{border-color:#3b82f6!important;background:#eff6ff!important}.modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:1rem!important}.modal-content{background:#fff!important;border-radius:8px!important;padding:1rem!important;max-width:100%!important;max-height:90vh!important;overflow-y:auto!important}.modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1rem!important}.modal-close{background:none!important;border:none!important;font-size:1.5rem!important;cursor:pointer!important;padding:.25rem!important}}@media (min-width: 481px) and (max-width: 768px){.container{padding:0 16px}.cyber-header{font-size:1.5rem!important;padding:1rem!important}.cyber-back-button{font-size:1.125rem!important;padding:.75rem 1rem!important}.app-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.websites-row{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.artifacts-container{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.tall-card{height:200px!important}.square-card{height:160px!important}.artifact-card{height:150px!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.content-grid{grid-template-columns:repeat(3,1fr)!important}.file-browser{width:250px!important;height:100%!important;border-right:1px solid #e5e7eb!important;border-bottom:none!important}.app2-main{flex-direction:row!important}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:0 24px}.cyber-header{font-size:1.75rem!important}.app-grid{grid-template-columns:repeat(2,1fr)!important}.websites-row{grid-template-columns:repeat(3,1fr)!important}.artifacts-container{grid-template-columns:repeat(2,1fr)!important}.content-grid{grid-template-columns:repeat(4,1fr)!important}.side-panels{position:static!important;max-height:none!important;border-top:none!important;border-left:1px solid #e5e7eb!important;width:300px!important}.app2-main{flex-direction:row!important}.file-browser{width:300px!important}}@media (hover: none) and (pointer: coarse){button:hover,a:hover{transform:none!important}button:active,a:active{transform:scale(.98)!important}.node circle{r:20!important}.stage-card{padding:20px!important}.project-folder-section{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.file-item{min-height:60px!important;display:flex!important;align-items:center!important}.content-item{min-height:80px!important}.panel-tab,.view-btn{min-height:50px!important}.file-item:active,.content-item:active,.panel-tab:active,.view-btn:active{transform:scale(.95)!important;transition:transform .1s ease!important}}@media (orientation: landscape) and (max-height: 500px){.cyber-header{font-size:1.25rem!important;padding:.5rem!important}.cyber-back-button{font-size:1rem!important;padding:.5rem .75rem!important}.app-main{padding:4px 0}.stage-container{padding:1rem!important}.stage-header{margin-bottom:1rem!important}.stage-header h1{font-size:1.25rem!important}.side-panels{max-height:40vh!important}.file-browser{height:150px!important}.content-viewer-main{height:calc(100% - 40px)!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cyber-header:before,.cyber-cursor,.cyber-percent,.cyber-back-button{animation:none!important}}@media (prefers-contrast: high){.cyber-header{border:2px solid #00ff00!important}.cyber-back-button{border:2px solid #ff8c00!important;background:#ff8c001a!important}.website-card,.artifact-card,.file-item,.content-item,.panel-tab{border:2px solid currentColor!important}}@media (prefers-color-scheme: dark){.cyber-header{background-color:#000!important}.ui-panel{background:#000000e6!important;color:#fff!important}.file-browser,.content-viewer,.side-panels{background:#1f2937!important;color:#f9fafb!important}.file-item{border-bottom-color:#374151!important}.file-item:hover{background-color:#374151!important}.file-item.selected{background-color:#3b82f6!important}.content-item,.panel-tab{background:#374151!important;border-color:#4b5563!important}.panel-tab.active{background:#1f2937!important}.modal-content{background:#1f2937!important;color:#f9fafb!important}}@media (max-width: 768px){.cyber-header:before{animation-duration:12s!important}.cyber-cursor{animation-duration:1.5s!important}.cyber-percent{animation-duration:2s!important}.cyber-back-button{animation-duration:3s!important}.website-card:hover,.artifact-card:hover,.cyber-card:hover{transform:translateY(-2px)!important}.cyber-header{box-shadow:0 0 10px #0f03!important}.cyber-back-button{box-shadow:0 0 10px #ff8c0033!important}.cyber-btn:before{animation:none!important}.cyber-card:before{display:none!important}.cyber-glow{animation-duration:3s!important}.content-item img{will-change:transform!important}.file-list{will-change:scroll-position!important}.modal{will-change:opacity!important}}@supports (padding: max(0px)){.app-header,.app-main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.app-footer{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}.app2-container,.app3-container{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.side-panels{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}}@media (display-mode: standalone){.app-header,.app2-container,.app3-container{padding-top:max(12px,env(safe-area-inset-top))!important}}@media (max-width: 768px){body{font-display:swap}}@media (max-width: 768px){input:focus,textarea:focus,select:focus{outline:3px solid var(--primary-color, #0071e3);outline-offset:2px}}.mobile-nav-toggle{display:none}@media (max-width: 768px){.mobile-nav-toggle{display:block;position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:var(--primary-color, #0071e3);border-radius:50%;box-shadow:0 4px 12px #0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;cursor:pointer;transition:transform .2s ease}.mobile-nav-toggle:active{transform:scale(.95)}}@media (max-width: 768px){img{max-width:100%;height:auto;loading:lazy}.content-item img,.artifact-card img,.website-card img{object-fit:cover;background-color:var(--bg-tertiary, #f1f5f9)}}@media (max-width: 768px){.scrollable-container{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;scroll-behavior:smooth}body,.app-container,#root{overflow-x:hidden}}@media (max-width: 768px) and (prefers-reduced-motion: no-preference){.cyber-header:before,.cyber-cursor,.cyber-percent{will-change:transform,opacity;transform:translateZ(0)}@keyframes cyber-pulse{0%,to{opacity:.5}50%{opacity:1}}.cyber-glow{animation:cyber-pulse 2s ease-in-out infinite}}@media (hover: none) and (pointer: coarse){.touchable{position:relative;overflow:hidden}.touchable:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .3s,height .3s}.touchable:active:after{width:100%;height:100%}}@media (max-width: 768px){.modal{padding:0!important}.modal-content{margin:0!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-header{position:sticky;top:0;background:inherit;z-index:10;border-bottom:1px solid var(--border-color)}.modal-footer{position:sticky;bottom:0;background:inherit;z-index:10;border-top:1px solid var(--border-color)}}@media (max-width: 768px){.form-group{margin-bottom:1rem}.form-row{flex-direction:column;gap:1rem}.btn-group{display:flex;flex-direction:column;gap:.5rem}.btn-group .btn{width:100%}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:2.5rem}}@media (max-width: 768px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table{display:block}.responsive-table thead{display:none}.responsive-table tr{display:block;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:8px;padding:1rem}.responsive-table td{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.responsive-table td:before{content:attr(data-label);font-weight:600;margin-right:1rem}}@media (max-width: 768px){.skeleton-loader{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-indicator{position:fixed;top:0;left:0;right:0;height:3px;background:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:9999}.loading-indicator.active{transform:scaleX(1)}}@media print{.no-print,.mobile-nav-toggle,.side-panels,.modal,.cyber-header:before,.cyber-header:after{display:none!important}body{font-size:12pt;line-height:1.5;color:#000;background:#fff}a{color:#000;text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}@media (max-width: 768px){@media (hover: none){*:hover{transform:none!important;box-shadow:none!important}}.use-system-font{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-100{z-index:100}.z-1000{z-index:1000}.z-9999{z-index:9999}}