.app-header{padding:.75rem 1.5rem;flex-shrink:0;border-bottom:1px solid var(--header-border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#0003,#0000)}.header-title{text-align:left}.header-title h1{font-size:clamp(1.1rem,3.5vw,1.8rem);color:#fff;margin:0;line-height:1.2}.header-title p{font-size:clamp(.65rem,1.8vw,.75rem);color:var(--text-dim-color);margin:.1rem 0 0}.header-controls{display:flex;align-items:center;gap:1rem}#system-clock{font-family:"Press Start 2P",cursive;font-size:.75rem;color:var(--text-dim-color);letter-spacing:.05em;text-align:right}.settings-button{background:none;border:none;padding:.25rem;margin:0;cursor:pointer;color:var(--text-dim-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease}.settings-button svg{width:1.25rem;height:1.25rem}.settings-button:hover{color:var(--text-color);background-color:#ffffff1a}.settings-button:focus-visible{outline:none;color:var(--accent-color, #00e1e1);background-color:rgba(var(--accent-color-rgb, 0, 225, 225),.15);box-shadow:0 0 0 2px var(--focus-glow-color)}.settings-button:active{background-color:#ffffff0d;transform:scale(.95)}.battery-indicator{display:flex;align-items:center;gap:.35rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-dim-color);transition:color .3s ease}.battery-svg{width:1.1em;height:1.1em;opacity:.8;margin-left:.1em}.battery-percentage{min-width:3ch;text-align:right}.battery-svg.charging{color:var(--status-text-online)}@media (max-width: 1024px){.app-header{padding:.6rem 1rem}.header-controls{gap:.75rem}.battery-indicator{font-size:.7rem;gap:.3rem}}@media (max-width: 767px){.app-header{padding:.5rem .75rem}.header-title h1{font-size:clamp(1rem,4vw,1.5rem)}.header-title p{font-size:clamp(.6rem,2.5vw,.7rem)}#system-clock{font-size:.65rem}.settings-button svg{width:1.1rem;height:1.1rem}.battery-indicator{font-size:.65rem;gap:.25rem}.battery-svg{width:1em;height:1em}}.portfolio-tile{background:linear-gradient(145deg,#ffffff08,#0003),var(--tile-bg);border:1px solid var(--tile-border);flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:transform .25s cubic-bezier(.25,.46,.45,.94),border-color .2s ease,box-shadow .25s ease,background-color .2s ease,filter .05s ease-out;color:var(--text-dim-color);outline:none;position:relative;box-shadow:0 2px 4px #0003,inset 0 1px 1px #ffffff0d;transform-style:preserve-3d;scroll-snap-align:center;width:170px;height:105px;border-radius:.6rem;padding:.75rem}.portfolio-tile:hover{border-color:#888;background-color:#28282db3;transform:translateY(-4px) scale(1.02) rotateX(5deg) rotateY(-3deg);box-shadow:0 6px 12px #0000004d,inset 0 1px 1px #ffffff14}.portfolio-tile:focus-visible{border-color:var(--tile-focus-border);background-color:#32323ccc;color:#fff;box-shadow:0 0 18px 4px var(--focus-glow-color),0 4px 8px #0000004d,inset 0 1px 1px #ffffff14;animation:focusPulse 1.8s infinite ease-in-out;z-index:2;transform:scale(1.08) translateY(-2px) rotateX(8deg) rotateY(0);outline:none}.portfolio-tile:focus-visible .tile-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));animation:iconPulse 1.5s infinite cubic-bezier(.445,.05,.55,.95);color:currentColor;transform:translateZ(10px)}.portfolio-tile:active{transform:scale(.97) translateY(1px);filter:brightness(.9);transition:transform .05s ease-out,filter .05s ease-out}.tile-icon{width:2.75rem;height:2.75rem;margin-bottom:.4rem;transition:transform .2s ease,color .2s ease,filter .2s ease;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));color:var(--text-dim-color);transform:translateZ(10px)}.tile-text{color:inherit;margin-top:.25rem;font-size:.7rem;line-height:1.1;text-shadow:1px 1px 2px rgba(0,0,0,.5);transform:translateZ(5px)}.icon-gray{color:#a1a1aa}.icon-green{color:#4ade80}.icon-blue{color:#60a5fa}.icon-purple{color:#c084fc}.icon-yellow{color:#facc15}.icon-red{color:#f87171}@media (max-width: 1194px){.portfolio-tile{width:155px;height:95px;border-radius:.5rem}.tile-icon{width:2.5rem;height:2.5rem;margin-bottom:.3rem}.tile-text{font-size:.65rem}.portfolio-tile:hover{transform:translateY(-3px) scale(1.02) rotateX(4deg) rotateY(-2deg)}.portfolio-tile:focus-visible{transform:scale(1.06) translateY(-1px) rotateX(6deg) rotateY(0)}}@media (max-width: 767px){.portfolio-tile{width:100%;height:100%;min-height:90px;padding:.8rem .5rem;border-radius:.4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;transform-style:flat;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease,border-color .15s ease,filter .05s ease-out}.tile-icon{width:2.25rem;height:2.25rem;margin-bottom:.4rem;margin-right:0;transform:none;flex-shrink:0}.tile-text{font-size:.65rem;transform:none;text-align:center;line-height:1.15;margin-top:.2rem;white-space:normal}.portfolio-tile:hover{transform:translateY(-2px) scale(1.01);background-color:#28282db3;box-shadow:0 4px 8px #0000004d,inset 0 1px 1px #ffffff14}.portfolio-tile:focus-visible{transform:scale(1.03) translateY(-1px);box-shadow:0 0 12px 3px var(--focus-glow-color),0 3px 6px #0000004d,inset 0 1px 1px #ffffff14;animation-name:none!important}.portfolio-tile:focus-visible .tile-icon{animation-name:none!important}.portfolio-tile:active{transform:scale(.99) translateY(0);filter:brightness(.9)}}@keyframes focusPulse{0%,to{box-shadow:0 0 18px 4px var(--focus-glow-color),0 4px 8px #0000004d,inset 0 1px 1px #ffffff14}50%{box-shadow:0 0 24px 6px var(--focus-glow-color),0 6px 12px #00000059,inset 0 1px 1px #ffffff14}}@keyframes iconPulse{0%,to{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transform:translateZ(10px) scale(1)}50%{filter:drop-shadow(0 4px 5px rgba(0,0,0,.6));transform:translateZ(12px) scale(1.05)}}.dashboard-container{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:1.25rem 2.5rem;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);opacity:1;visibility:visible;pointer-events:auto;z-index:10;transition:opacity .3s ease-out,visibility 0s 0s linear}.dashboard-container.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-out,visibility 0s .3s linear;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.dashboard-nav{width:max-content;display:flex;flex-wrap:nowrap;align-items:center;gap:1.5rem;padding:.5rem 0;perspective:800px;margin:0 auto}.dashboard-footer-controls{position:absolute;bottom:.75rem;right:1.5rem;display:flex;flex-direction:row;align-items:center;gap:1rem;pointer-events:auto;z-index:1}.mini-volume-control{display:flex;align-items:center;gap:.4rem}.mini-volume-icon{font-size:.8rem;opacity:.7;-webkit-user-select:none;user-select:none;flex-shrink:0}.mini-volume-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:70px;height:4px;background:var(--status-bar-bg);border-radius:2px;outline:none;opacity:.7;transition:opacity .2s;cursor:pointer}.mini-volume-slider:hover{opacity:1}.mini-volume-slider:disabled{opacity:.4;cursor:default}.mini-volume-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;background:var(--accent-color, #00e1e1);border-radius:50%;cursor:pointer;border:1px solid var(--bg-color-start)}.mini-volume-slider::-moz-range-thumb{width:8px;height:8px;background:var(--accent-color, #00e1e1);border-radius:50%;cursor:pointer;border:1px solid var(--bg-color-start)}.mini-volume-slider:disabled::-webkit-slider-thumb{cursor:default;background:var(--text-dim-color)}.mini-volume-slider:disabled::-moz-range-thumb{cursor:default;background:var(--text-dim-color)}.mini-volume-slider:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-glow-color)}.quick-theme-selector{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.quick-theme-button{width:12px;height:20px;border-radius:3px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;flex-shrink:0;outline:none}.quick-theme-button:hover{transform:scale(1.1)}.quick-theme-button.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent-color, #00e1e1);transform:scale(1.1)}.quick-theme-button:focus-visible{outline:none;border-color:#fff;box-shadow:0 0 0 3px var(--accent-color, #00e1e1);transform:scale(1.1)}.quick-theme-button:active{transform:scale(1)}.sfx-credit{font-size:.6rem;color:var(--text-dim-color);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.sfx-credit.font-game{font-family:"Press Start 2P",cursive;text-transform:uppercase;letter-spacing:.03em}.dashboard-container::-webkit-scrollbar{height:8px;width:8px;background-color:var(--scrollbar-track);border-radius:4px}.dashboard-container::-webkit-scrollbar-track{background:transparent;border-radius:4px}.dashboard-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px;border:2px solid var(--scrollbar-track);background-clip:content-box}.dashboard-container::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}@media (max-width: 1024px){.dashboard-container{padding:1rem 1.5rem}.dashboard-nav{gap:1.25rem}.dashboard-footer-controls{right:1rem;bottom:.5rem;gap:.75rem}.mini-volume-icon{font-size:.7rem}.mini-volume-slider{width:60px}.mini-volume-slider::-webkit-slider-thumb{width:8px;height:8px}.mini-volume-slider::-moz-range-thumb{width:6px;height:6px}.quick-theme-selector{gap:.3rem}.quick-theme-button{width:10px;height:18px;border-radius:2px}.sfx-credit{font-size:.55rem}}@media (max-width: 767px){.dashboard-container{display:flex;flex-direction:column;justify-content:center;overflow-y:auto;overflow-x:hidden;scroll-snap-type:none;padding:1.5rem 1rem;position:relative}.dashboard-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;margin:0;padding:0;perspective:none;justify-items:stretch;align-items:stretch}.dashboard-footer-controls{position:absolute;left:50%;transform:translate(-50%);right:auto;bottom:.75rem;width:max-content;max-width:calc(100% - 2rem);z-index:2;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem .8rem}.quick-theme-selector{order:1}.mini-volume-control{order:2}.sfx-credit{order:3;width:100%;text-align:center;margin-top:.25rem;font-size:.5rem}.quick-theme-button{width:14px;height:22px;border-radius:3px}}.project-card{background-color:#28282dd9;border:1px solid #444;border-radius:.5rem;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;box-shadow:0 3px 6px #00000040;outline:none;position:relative}.project-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000004d}.project-card:focus,.project-card:focus-within{border-color:var(--tile-focus-border);box-shadow:0 0 15px 2px var(--focus-glow-color),0 6px 12px #0000004d;transform:translateY(-2px) scale(1.02)}.placeholder-img{background-color:#333;display:flex;justify-content:center;align-items:center;color:#777;font-size:.8rem;height:10rem;width:100%;border-bottom:1px solid #555;background-size:cover;background-position:center}.card-content{padding:1rem}.card-content h3{color:#fff;font-weight:700;font-size:1rem;margin-bottom:.25rem}.card-content p{color:#bbb;font-size:.875rem;margin-bottom:.75rem}.view-details-button,.view-details-link{font-weight:600;transition:letter-spacing .2s ease,color .2s ease;display:inline-block;margin-top:.75rem;padding:.25rem 0;font-size:.875rem;cursor:pointer;background:none;border:none;text-align:left}.view-details-button:hover,.view-details-link:hover{letter-spacing:.05em;color:#fff}.text-gray-400{color:#a1a1aa}.section{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--section-bg);border:1px solid var(--tile-border);border-radius:.5rem;padding:1.5rem;opacity:0;visibility:hidden;overflow-y:auto;box-shadow:0 10px 30px #0006;outline:none;transition:transform .45s cubic-bezier(.23,1,.32,1),opacity .35s ease-out,visibility 0s .45s linear;transform:translateY(5%) scale(.95) rotateX(-10deg);transform-origin:top center}.section.active{opacity:1;visibility:visible;z-index:5;transform:translateY(0) scale(1) rotateX(0);transition:transform .45s cubic-bezier(.23,1,.32,1) .05s,opacity .35s ease-in .05s,visibility 0s 0s linear}.section-header{border-bottom-width:1px;border-color:#ffffff26;padding-bottom:.75rem;margin-bottom:1.5rem;font-size:1.1rem;letter-spacing:.05em;color:#fff;display:flex;align-items:center;gap:.75rem;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.header-icon{width:1.5rem;height:1.5rem;opacity:.9;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.back-button{display:inline-flex;align-items:center;margin-bottom:1.5rem;padding:.6rem 1.2rem;background:linear-gradient(180deg,#ffffff1a,#0000001a),#4b5563;color:var(--text-color);border:1px solid rgba(255,255,255,.2);border-radius:.375rem;transition:all .15s ease;font-size:.8rem;cursor:pointer;outline:none;text-shadow:1px 1px 2px rgba(0,0,0,.4);box-shadow:0 1px 2px #0000004d}.back-button:hover{background-color:#5a6574;border-color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0006}.back-button:focus-visible{border-color:var(--tile-focus-border);background-color:#6b7280;box-shadow:0 0 8px 1px var(--focus-glow-color),0 2px 4px #0006;transform:scale(1.03);outline:none}.back-button:active{transform:scale(.98) translateY(1px);filter:brightness(.9);transition:transform .05s ease-out,filter .05s ease-out}.back-icon{width:1em;height:1em;margin-right:.5em}.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.section-content{line-height:1.6;color:var(--text-dim-color)}.section-content p{margin-bottom:1rem}.section-link-wrapper{margin-top:1.5rem}.section-link,.contact-list a{color:var(--accent-color, #00e1e1);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .05s ease-out,filter .05s ease-out;outline:none;border-radius:2px;padding:.1rem .2rem;margin:-.1rem -.2rem;display:inline-block}.section-link:hover,.contact-list a:hover{color:#fff;text-decoration-color:#fff}.section-link:active,.contact-list a:active{transform:scale(.98) translateY(1px);filter:brightness(.9)}.section-link:focus-visible,.contact-list a:focus-visible,.view-details-button:focus-visible,.view-details-link:focus-visible,.setting-item button:focus-visible,.color-swatch:focus-visible,.reset-settings-button:focus-visible,.theme-button:focus-visible,.volume-slider:focus-visible{outline:none;color:#fff!important;background-color:rgba(var(--accent-color-rgb, 0, 225, 225),.25);box-shadow:0 0 0 2px var(--accent-color, #00e1e1);text-decoration:none}.volume-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--bg-color-start),0 0 0 5px var(--accent-color, #00e1e1)}.volume-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--bg-color-start),0 0 0 5px var(--accent-color, #00e1e1)}.contact-list{list-style:none;padding:0;margin-top:1rem}.contact-list li{margin-bottom:.75rem}.contact-list strong{color:var(--text-color);margin-right:.5rem}.settings-content{padding-top:1rem;color:var(--text-dim-color)}.settings-group-header{font-family:"Press Start 2P",cursive;font-size:.9rem;color:var(--text-color);margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.05em}.settings-content>h3:first-of-type{margin-top:0}.setting-item{margin-bottom:1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-height:36px}.setting-item label{color:var(--text-color);min-width:120px;text-align:left;flex-basis:150px;flex-grow:1;font-size:.9rem;padding-right:1rem}.setting-item button:not(.color-swatch):not(.reset-settings-button):not(.theme-button){padding:.3rem .8rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-dim-color);border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.85rem;min-width:60px;text-align:center;flex-shrink:0}.setting-item button:not(.color-swatch):not(.reset-settings-button):not(.theme-button):hover{background-color:#ffffff26;border-color:var(--accent-color, #00e1e1);color:var(--text-color)}.setting-item button[aria-pressed=true]:not(.color-swatch):not(.reset-settings-button):not(.theme-button){background-color:var(--accent-color, #00e1e1);color:var(--bg-color-start);border-color:var(--accent-color, #00e1e1);font-weight:700}.setting-item button:not(.color-swatch):not(.reset-settings-button):not(.theme-button):active{transform:scale(.96);filter:brightness(.9)}.color-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;padding:0;flex-shrink:0}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent-color, #00e1e1);transform:scale(1.1)}.color-swatch:active{transform:scale(1)}.reset-button-container{justify-content:center;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;display:flex}.reset-settings-button{padding:.5rem 1.5rem;background-color:#c832324d;border:1px solid rgba(200,50,50,.5);color:#fecaca;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.reset-settings-button:hover{background-color:#c8323280;border-color:#fecaca;color:#fff}.reset-settings-button:active{transform:scale(.97);filter:brightness(.9)}.setting-item span{font-weight:700;color:var(--text-color);flex-shrink:0}.theme-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.theme-button{padding:.4rem 1rem;background-color:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-dim-color);border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-family:Inter,sans-serif}.theme-button:hover{background-color:#ffffff26;border-color:var(--accent-color, #00e1e1);color:var(--text-color)}.theme-button.selected{background-color:var(--accent-color, #00e1e1);color:var(--bg-color-start);border-color:var(--accent-color, #00e1e1);font-weight:700;box-shadow:0 0 8px -1px var(--focus-glow-color)}.theme-button:active{transform:scale(.97);filter:brightness(.95)}.volume-slider{flex-grow:1;height:6px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--status-bar-bg);border-radius:3px;outline:none;opacity:.7;transition:opacity .2s}.volume-slider:hover{opacity:1}.volume-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:var(--accent-color, #00e1e1);border-radius:50%;cursor:pointer;border:2px solid var(--bg-color-start);box-shadow:0 0 3px #00000080}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--accent-color, #00e1e1);border-radius:50%;cursor:pointer;border:2px solid var(--bg-color-start);box-shadow:0 0 3px #00000080}.volume-value{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;color:var(--text-dim-color);min-width:45px;text-align:right;flex-shrink:0}@media (max-width: 1024px){.section{left:1rem;right:1rem;bottom:.75rem;padding:1.25rem}.section-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.section-header{font-size:1rem;margin-bottom:1.25rem}.back-button{padding:.5rem 1rem;font-size:.75rem}.setting-item label{font-size:.85rem}}@media (max-width: 767px){.section{left:.5rem;right:.5rem;bottom:.5rem;padding:1rem;border-radius:.4rem}.section-grid{grid-template-columns:1fr;gap:1rem}.section-header{font-size:.9rem;margin-bottom:1rem;gap:.5rem}.header-icon{width:1.25rem;height:1.25rem}.back-button{padding:.4rem .8rem;font-size:.7rem;margin-bottom:1rem}.section-content p,.contact-list li,.settings-content p{font-size:.85rem;line-height:1.5}.setting-item{margin-bottom:1rem;gap:.5rem}.setting-item label{font-size:.8rem;flex-basis:100%;text-align:left;padding-right:0;margin-bottom:.25rem}@media (min-width: 640px){.setting-item label{text-align:right;flex-basis:auto;width:160px;flex-grow:0;margin-bottom:0}}.color-swatches{gap:.4rem}.color-swatch{width:22px;height:22px}.reset-button-container{margin-top:1.5rem;padding-top:1rem}.reset-settings-button{padding:.4rem 1rem;font-size:.8rem}.volume-slider{height:8px}.volume-slider::-webkit-slider-thumb{width:18px;height:18px}.volume-slider::-moz-range-thumb{width:16px;height:16px}.volume-value{font-size:.75rem;min-width:40px}}.mt-4{margin-top:1rem}.text-xs{font-size:.75rem}.text-\[color\:var\(--text-dim-color\)\]{color:var(--text-dim-color)}.text-gray-300{color:#d1d5db}.border-gray-300-20{border-color:#d1d5db33}.text-green-400{color:#4ade80}.border-green-400-20{border-color:#4ade8033}.text-blue-400{color:#60a5fa}.border-blue-400-20{border-color:#60a5fa33}.text-purple-400{color:#c084fc}.border-purple-400-20{border-color:#c084fc33}.text-yellow-400{color:#facc15}.border-yellow-400-20{border-color:#facc1533}.text-red-400{color:#f87171}.border-red-400-20{border-color:#f8717133}.text-cyan-400{color:#22d3ee}#content-area{flex-grow:1;position:relative;overflow:hidden;display:flex}#button-prompts{background:linear-gradient(to top,#0000004d,#0000);padding:.5rem 1.5rem;text-align:center;border-top:1px solid var(--header-border);flex-shrink:0;width:100%;min-height:1.5rem}#button-prompts span{font-size:.7rem;color:var(--text-dim-color);margin:0 .75rem;display:inline-block;white-space:nowrap}#button-prompts span kbd{display:inline-block;padding:.1rem .4rem;font-family:Inter,sans-serif;font-weight:700;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:3px;margin-right:.3em;font-size:.7rem;color:#fff;box-shadow:0 1px 1px #0003}@media (max-width: 1024px){#button-prompts{padding:.4rem 1rem}#button-prompts span{margin:0 .5rem}}@media (max-width: 767px){#button-prompts{padding:.3rem .5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .5rem}#button-prompts span{font-size:.6rem;margin:0 .25rem}#button-prompts span kbd{font-size:.6rem;padding:.05rem .3rem}}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;display:block}.system-status-panel{display:flex;justify-content:space-around;align-items:center;gap:2rem;padding:.6rem 1.5rem;background-color:#0006;border-top:1px solid var(--header-border);flex-shrink:0;color:var(--text-dim-color);min-height:45px;box-shadow:inset 0 1px 4px #0003}.status-item{display:flex;align-items:center;gap:.6rem;flex-basis:0;flex-grow:1;min-width:120px;justify-content:flex-start}.status-label{flex-shrink:0;width:35px;text-align:left;opacity:.85;font-size:.7rem;line-height:1;padding-top:.1em}.status-bar-container{flex-grow:1;height:6px;background-color:var(--status-bar-bg);border-radius:0;overflow:hidden;position:relative;min-width:60px;background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,var(--status-bar-segment) 4px,var(--status-bar-segment) 5px);box-shadow:inset 0 1px 2px #00000080}.status-bar{height:100%;transition:width .5s ease-out,background-color .5s ease-out;box-shadow:inset 0 -1px 1px #ffffff1a}.status-value{font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;color:var(--text-color);width:45px;text-align:right;flex-shrink:0;line-height:1}.status-text{font-weight:400;flex-grow:1;text-align:left;font-size:.7rem;line-height:1;padding:.1em .5rem 0 0}.status-text.online{color:var(--status-text-online)}.status-text.offline{color:var(--status-text-offline)}@media (max-width: 1024px){.system-status-panel{padding:.5rem 1rem;gap:1.5rem}.status-item{gap:.5rem;min-width:100px}.status-label{width:30px;font-size:.65rem}.status-value{font-size:.75rem;width:40px}}@media (max-width: 767px){.system-status-panel{flex-direction:column;align-items:stretch;padding:.6rem 1rem;gap:.6rem}.status-item{min-width:unset;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.6rem}.status-item:last-child{border-bottom:none;padding-bottom:0}.status-label{text-align:left;width:35px;opacity:1;font-size:.7rem}.status-bar-container{flex-grow:1;margin:0 .5rem;height:8px}.status-value{text-align:right;width:40px;font-size:.75rem}.network-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.network-status .status-text{text-align:center;padding:0}.network-status .status-value{text-align:right}}.mini-terminal{position:fixed;transform:translate(0);will-change:transform;width:300px;height:150px;background-color:#0a0a0fd9;border:1px solid var(--header-border);border-radius:4px;box-shadow:0 2px 10px #00000080;padding:.5rem;overflow:hidden;z-index:50;pointer-events:auto;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.75rem;color:#a1a1aa;line-height:1.4;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mini-terminal.draggable:active{cursor:grabbing}.terminal-log{height:calc(100% - 1.5em);overflow-y:hidden;margin-bottom:.25rem;scroll-behavior:smooth;pointer-events:none}.terminal-log>div{margin:0;white-space:pre-wrap;word-break:break-all}.terminal-current-line{height:1.5em;white-space:nowrap;color:var(--text-color);pointer-events:none}.typing-cursor{color:var(--accent-color, #00e1e1);margin-left:1px;animation:blink 1s step-end infinite}@media (max-width: 1024px){.mini-terminal{width:250px;height:120px;font-size:.7rem}}@media (max-width: 767px){.mini-terminal{display:none}}.news-ticker{flex-shrink:0;width:100%;background-color:#00000080;border-top:1px solid var(--header-border);border-bottom:1px solid var(--header-border);overflow:hidden;padding:.3rem 0;font-size:.7rem;color:var(--text-dim-color);white-space:nowrap;box-shadow:inset 0 1px 3px #0000004d;order:99;margin-top:auto}.ticker-wrap{display:inline-block;padding-left:100%;animation:scrollTicker 100s linear infinite}.ticker-content{display:inline-block;padding-right:1rem}.news-ticker:hover .ticker-wrap{animation-play-state:paused}@keyframes scrollTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}body.reduce-motion .news-ticker{display:none!important}body.reduce-motion .ticker-wrap{animation-name:none!important}@media (max-width: 767px){.news-ticker{font-size:.6rem;padding:.25rem 0}}.agent-assistant{position:fixed;bottom:120px;left:.5rem;width:250px;max-width:calc(100% - 2rem);background-color:#1e1e28e0;border:1px solid var(--header-border);border-left:3px solid var(--accent-color, #00e1e1);border-radius:4px;box-shadow:0 2px 8px #0006;padding:.5rem .75rem;z-index:45;pointer-events:none;display:flex;align-items:flex-start;gap:.6rem;font-family:Inter,sans-serif;font-size:.75rem;color:var(--text-dim-color);line-height:1.35;opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out}.agent-assistant.visible{opacity:1;transform:translateY(0)}.agent-icon{font-size:1.1rem;line-height:1.1;color:var(--accent-color, #00e1e1);flex-shrink:0;margin-top:.1em;-webkit-user-select:none;user-select:none}.agent-message{margin:0;flex-grow:1;-webkit-user-select:none;user-select:none}@media (max-width: 1024px){.agent-assistant{width:220px;font-size:.7rem;padding:.4rem .6rem;bottom:65px;left:.75rem}.agent-icon{font-size:1rem}}@media (max-width: 767px){.agent-assistant{display:none}}body.reduce-motion .agent-assistant{display:none!important}.startup-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:1;visibility:visible;transition:opacity .7s ease-out,visibility 0s .7s linear;cursor:pointer}.startup-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.startup-content{text-align:center;color:var(--text-dim-color, #a1a1aa)}.startup-prompt{font-size:clamp(1rem,4vw,1.5rem);color:var(--text-color, #f0f0f0);margin-bottom:1.5rem;text-shadow:0 0 5px var(--accent-color, #00e1e1);animation:promptPulse 2.5s infinite ease-in-out}.startup-indicator{width:15px;height:15px;background-color:var(--accent-color, #00e1e1);border-radius:50%;margin:0 auto;box-shadow:0 0 10px 2px var(--accent-color, #00e1e1);animation:indicatorBlink 1.2s infinite step-end}@keyframes promptPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes indicatorBlink{0%,to{background-color:var(--accent-color, #00e1e1);box-shadow:0 0 10px 2px var(--accent-color, #00e1e1)}50%{background-color:rgba(var(--accent-color-rgb, 0, 225, 225),.3);box-shadow:none}}body.reduce-motion .startup-prompt,body.reduce-motion .startup-indicator{animation-name:none!important}body.reduce-motion .startup-indicator{opacity:1!important}body.reduce-motion .startup-screen,body.reduce-motion .startup-screen.hidden{transition-duration:.01ms!important;transition-delay:0ms!important}.video-player-container{margin:1.5em 0;background-color:#000;border-radius:4px;overflow:hidden;position:relative;box-shadow:0 2px 8px #0006}.video-player-container.aspect-video{position:relative;width:100%;padding-bottom:56.25%;height:0}.video-player-container.aspect-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-player-container video{display:block;width:100%;max-height:70vh;height:auto;border-radius:4px}.video-caption{font-size:.8em;font-style:italic;color:var(--text-dim-color);text-align:center;padding:.5em .75em;margin:0;background-color:#0003;position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;opacity:0;transition:opacity .3s ease}.video-player-container:hover .video-caption{opacity:1}.markdown-body .video-player-container{max-width:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s linear}.modal-overlay:has(.modal-content){opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s 0s linear}.modal-content{background-color:var(--section-bg, rgba(15, 15, 20, .95));border:1px solid var(--tile-border, #45454d);border-radius:.5rem;padding:2rem;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 5px 25px #00000080;color:var(--text-color);transform:scale(.95) translateY(10px);opacity:0;transition:transform .3s cubic-bezier(.23,1,.32,1) .05s,opacity .25s ease-in .05s}.modal-overlay:has(.modal-content) .modal-content{transform:scale(1) translateY(0);opacity:1}.modal-close-button{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.8rem;line-height:1;color:var(--text-dim-color);cursor:pointer;padding:.25rem .5rem;transition:color .2s ease,transform .1s ease;border-radius:4px;outline:none}.modal-close-button:hover{color:#fff;transform:scale(1.1)}.modal-close-button:focus-visible{color:#fff;box-shadow:0 0 0 2px var(--accent-color, #00e1e1);background-color:rgba(var(--accent-color-rgb, 0, 225, 225),.15)}.modal-error{color:var(--status-bar-high, #ef4444);font-weight:700}#modal-title{margin-top:0;margin-bottom:.5rem;color:#fff;font-size:1.5rem}.modal-short-description{font-size:1rem;color:var(--text-dim-color);margin-top:0;margin-bottom:1.5rem}.modal-meta{font-size:.8rem;color:var(--text-dim-color);margin:.2rem 0}.modal-tags{margin:.75rem 0}.modal-tag{display:inline-block;background-color:rgba(var(--accent-color-rgb, 0, 225, 225),.15);color:var(--accent-color, #00e1e1);padding:.2rem .5rem;border-radius:1rem;font-size:.7rem;margin-right:.4rem;margin-bottom:.4rem;font-family:Inter,sans-serif}.modal-links{margin:1rem 0;display:flex;gap:1rem;flex-wrap:wrap}.modal-main-image{display:block;width:100%;max-height:500px;object-fit:cover;object-position:center;margin-top:1.5rem;margin-bottom:0;margin-left:auto;margin-right:auto;border-radius:4px;background-color:#222}.modal-divider{border:none;height:1px;background-color:var(--header-border, rgba(255, 255, 255, .1));margin-top:1.5rem;margin-bottom:1.5rem}.markdown-body{line-height:1.6;font-size:.95rem;color:var(--text-dim-color)}.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-color);margin-top:1.8em;margin-bottom:.8em;padding-bottom:.3em;border-bottom:1px solid var(--header-border, rgba(255, 255, 255, .1))}.markdown-body h2{font-size:1.3em}.markdown-body h3{font-size:1.15em}.markdown-body h4{font-size:1em}.markdown-body p{margin-bottom:1em}.markdown-body a{color:var(--accent-color, #00e1e1);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .05s ease-out,filter .05s ease-out;outline:none;border-radius:2px;padding:.1rem .2rem;margin:-.1rem -.2rem;display:inline-block}.markdown-body a:hover{color:#fff;text-decoration-color:#fff}.markdown-body a:focus-visible{outline:none;color:#fff!important;background-color:rgba(var(--accent-color-rgb, 0, 225, 225),.25);box-shadow:0 0 0 2px var(--accent-color, #00e1e1);text-decoration:none}.markdown-body ul,.markdown-body ol{margin-left:1.5rem;margin-bottom:1em}.markdown-body li{margin-bottom:.4em}.markdown-body blockquote{border-left:4px solid var(--accent-color, #00e1e1);padding-left:1rem;margin:1.5em 0;color:var(--text-color);font-style:italic;background-color:rgba(var(--accent-color-rgb, 0, 225, 225),.05)}.markdown-body code{background-color:#ffffff1a;padding:.15em .4em;border-radius:3px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.85em}.markdown-body pre{background-color:#0000004d;padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1em}.markdown-body pre code{background-color:transparent;padding:0;font-size:.85em}.markdown-body img{display:block;max-width:100%;height:auto;margin:1.5em auto;border-radius:4px;box-shadow:0 2px 5px #0003}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:1em;font-size:.9em}.markdown-body th,.markdown-body td{border:1px solid var(--header-border);padding:.5em .75em;text-align:left}.markdown-body th{background-color:#ffffff1a;color:var(--text-color)}.image-gallery{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;justify-content:center}.gallery-image{display:block;max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 5px #0003}@media (max-width: 767px){.modal-content{padding:1.5rem 1rem;max-height:90vh}#modal-title{font-size:1.3rem}.markdown-body{font-size:.9rem}.modal-main-image{max-height:200px}.image-gallery{gap:.5rem}}:root{--bg-color-start: #18181b;--bg-color-end: #27272a;--text-color: #f0f0f0;--text-dim-color: #a1a1aa;--accent-color: #00e1e1;--accent-color-rgb: 0, 225, 225;--focus-glow-color: rgba(var(--accent-color-rgb), .65);--tile-bg: rgba(30, 30, 35, .6);--tile-border: #45454d;--tile-focus-border: var(--accent-color);--section-bg: rgba(15, 15, 20, .85);--header-border: rgba(255, 255, 255, .1);--status-bar-bg: rgba(255, 255, 255, .06);--status-bar-segment: rgba(0, 0, 0, .3);--status-bar-high: #ef4444;--status-bar-medium: #f97316;--status-text-online: #22c55e;--status-text-offline: var(--status-bar-high);--terminal-bg: rgba(10, 10, 15, .85);--ticker-bg: rgba(0, 0, 0, .5);--scrollbar-thumb: #6b7280;--scrollbar-track: rgba(0, 0, 0, .1)}body.theme-crt-green{--bg-color-start: #050f05;--bg-color-end: #0a1a0a;--text-color: #33ff33;--text-dim-color: #22aa22;--accent-color: #33ff33;--accent-color-rgb: 51, 255, 51;--focus-glow-color: rgba(var(--accent-color-rgb), .5);--tile-bg: rgba(0, 40, 0, .6);--tile-border: #115511;--section-bg: rgba(5, 20, 5, .8);--header-border: rgba(51, 255, 51, .2);--status-bar-bg: rgba(51, 255, 51, .1);--status-bar-segment: rgba(0, 0, 0, .4);--status-bar-high: #ccffcc;--status-bar-medium: #88ff88;--status-text-online: var(--accent-color);--status-text-offline: #ff8888;--terminal-bg: rgba(0, 20, 0, .9);--ticker-bg: rgba(0, 0, 0, .6);background:var(--bg-color-start)}body.theme-neon-pulse{--bg-color-start: #11051f;--bg-color-end: #210b3b;--text-color: #f0e8ff;--text-dim-color: #bca0e8;--accent-color: #ff00ff;--accent-color-rgb: 255, 0, 255;--focus-glow-color: rgba(var(--accent-color-rgb), .7);--tile-bg: rgba(50, 20, 80, .6);--tile-border: #6d28d9;--section-bg: rgba(20, 5, 40, .8);--header-border: rgba(255, 0, 255, .2);--status-bar-bg: rgba(255, 0, 255, .1);--status-bar-segment: rgba(0, 0, 0, .3);--status-bar-high: #f472b6;--status-bar-medium: #fb923c;--status-text-online: #34d399;--status-text-offline: var(--status-bar-high);--terminal-bg: rgba(20, 5, 40, .9);--ticker-bg: rgba(0, 0, 0, .6);background:var(--bg-color-start)}body.theme-neon-pulse:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;--pulse-color-1: rgba(var(--accent-color-rgb), .25);--pulse-color-2: rgba(139, 0, 255, .2);background:radial-gradient(ellipse at center,var(--pulse-color-1) 0%,var(--pulse-color-2) 40%,transparent 70%);animation:neonGlowPulseUpdated 6s infinite ease-in-out;opacity:.7}body.theme-sakura{--bg-color-start: #2e1f27;--bg-color-end: #4d333f;--text-color: #ffe4f1;--text-dim-color: #f9a8d4;--accent-color: #f472b6;--accent-color-rgb: 244, 114, 182;--focus-glow-color: rgba(var(--accent-color-rgb), .6);--tile-bg: rgba(77, 51, 63, .7);--tile-border: #8e4b72;--section-bg: rgba(46, 31, 39, .9);--header-border: rgba(244, 114, 182, .2);--status-bar-bg: rgba(244, 114, 182, .1);--status-bar-segment: rgba(0, 0, 0, .3);--status-bar-high: #fda4af;--status-bar-medium: #fbbf24;--status-text-online: #a7f3d0;--status-text-offline: var(--status-bar-high);--terminal-bg: rgba(46, 31, 39, .9);--ticker-bg: rgba(0, 0, 0, .55)}body.theme-sakura:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 30%,hsla(330,60%,85%,.15) 0%,transparent 15%),radial-gradient(circle at 80% 15%,hsla(330,50%,90%,.1) 0%,transparent 10%),radial-gradient(circle at 50% 70%,hsla(330,60%,85%,.12) 0%,transparent 12%),radial-gradient(circle at 15% 85%,hsla(330,50%,90%,.08) 0%,transparent 8%);background-size:100% 100%;animation:sakuraShimmer 25s infinite linear alternate}html,body,#root{height:100%;width:100%;margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{overflow-y:hidden;overflow-x:hidden}body{font-family:Inter,sans-serif;background:radial-gradient(ellipse at center,var(--bg-color-end) 0%,var(--bg-color-start) 75%);color:var(--text-color);min-height:100vh;min-height:100dvh;height:100%;position:relative;overflow:hidden;transition:background-color .5s ease,color .5s ease}.font-game{font-family:"Press Start 2P",cursive;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(.6rem,1.5vw,.8rem)}@media (max-width: 767px){.font-game{font-size:clamp(.55rem,2vw,.7rem);letter-spacing:.02em}}#app-container{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;width:100%;position:relative;z-index:1;background-color:transparent;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);opacity:0;visibility:hidden;transition:opacity .5s ease-in .6s,visibility 0s .6s linear}#app-container.loaded{opacity:1;visibility:visible;transition:opacity .5s ease-in 0s,visibility 0s 0s linear}body.theme-crt-green #app-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:2;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.4) 2px,rgba(0,0,0,.4) 3px);background-size:100% 3px;opacity:.3;animation:crtScanlineScroll 15s linear infinite,crtSubtleFlicker 11s linear infinite}.main-content-area{flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;min-height:0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes focusPulse{0%,to{box-shadow:0 0 18px 4px var(--focus-glow-color),0 4px 8px #0000004d,inset 0 1px 1px #ffffff14}50%{box-shadow:0 0 24px 6px var(--focus-glow-color),0 4px 8px #0000004d,inset 0 1px 1px #ffffff14}}@keyframes iconPulse{0%,to{transform:scale(1) translateZ(10px)}50%{transform:scale(1.1) translateZ(10px)}}@keyframes barPulse{0%{filter:brightness(.9)}to{filter:brightness(1.1)}}@keyframes batteryLowPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes neonGlowPulseUpdated{0%{transform:scale(.95);opacity:.6;filter:hue-rotate(0deg) brightness(1)}50%{transform:scale(1.2);opacity:.85;filter:hue-rotate(45deg) brightness(1.1)}to{transform:scale(.95);opacity:.6;filter:hue-rotate(0deg) brightness(1)}}@keyframes crtScanlineScroll{0%{background-position-y:0}to{background-position-y:3px}}@keyframes crtSubtleFlicker{0%,to{opacity:.3}3%{opacity:.35}4%{opacity:.28}30%{opacity:.28}32%{opacity:.36}34%{opacity:.28}85%{opacity:.28}87%{opacity:.35}89%{opacity:.28}}@keyframes sakuraShimmer{0%{background-position:0% 0%,100% 0%,50% 100%,0% 100%;opacity:.6}to{background-position:10% 15%,90% 20%,40% 85%,20% 90%;opacity:.9}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{transition-duration:.01ms!important;transition-delay:0ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:-.1ms!important;scroll-behavior:auto!important}