@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
.navbar-container{background:var(--surface);border-bottom:1px solid var(--accent);z-index:20;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.navbar-datetime{background:var(--background);border:1px solid var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;align-items:center;gap:.125rem;min-width:100px;padding:.5rem 1rem;transition:all .2s;display:flex}.navbar-datetime:hover{background:var(--surface);border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.datetime-time{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;line-height:1}.datetime-date{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1}.matrix-theme .navbar-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#001100e6}.navbar-logo{align-items:center;gap:.75rem;display:flex}.navbar-logo-text{color:var(--primary);margin:0;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.navbar-logo-symbol{color:var(--accent);font-size:1.25rem}.navbar-buttons{align-items:center;gap:1rem;display:flex}.navbar-button{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;font-family:inherit;transition:all .2s;display:flex}.navbar-button:hover{background:var(--accent);color:var(--background);transform:translateY(-1px)}.navbar-button.muted{color:#fff;background:#f44;border-color:#f66}.navbar-button.muted:hover{color:#fff;background:#f22;border-color:#f44}.navbar-button.audio-playing svg{animation:2s ease-in-out infinite audio-jiggle}@keyframes audio-jiggle{0%{transform:translate(0)translateY(0)rotate(0)}15%{transform:translate(-.3px)translateY(-.5px)rotate(-2deg)}30%{transform:translate(.4px)translateY(.2px)rotate(1.5deg)}45%{transform:translate(-.2px)translateY(-.3px)rotate(-1deg)}60%{transform:translate(.3px)translateY(.4px)rotate(2.5deg)}75%{transform:translate(-.2px)translateY(-.2px)rotate(-1.8deg)}90%{transform:translate(.2px)translateY(-.1px)rotate(1.2deg)}to{transform:translate(0)translateY(0)rotate(0)}}.navbar-status-indicator{justify-content:center;align-items:center;display:flex}.navbar-status-indicator .status-indicator{background-color:#43b581;border-radius:50%;width:12px;height:12px}.navbar-status-indicator.online .status-indicator{background-color:#43b581!important}.navbar-status-indicator.idle .status-indicator{background-color:#faa61a!important}.navbar-status-indicator.dnd .status-indicator{background-color:#f04747!important}.navbar-status-indicator.offline .status-indicator{background-color:#747f8d!important}.discord-display-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:500;overflow:hidden}.dropdown-container{position:relative}.dropdown{background:var(--surface);border:1px solid var(--accent);z-index:1000;border-radius:8px;min-width:200px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0003}.theme-section{margin-bottom:.5rem}.theme-section:last-child{margin-bottom:0}.theme-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--accent);margin-bottom:.375rem;padding:0 .5rem .25rem;font-size:.75rem;font-weight:600}.theme-option{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-bottom:.125rem;padding:.5rem;font-family:inherit;transition:all .2s;display:block}.theme-option:hover,.theme-option.active{background:var(--primary);color:var(--background)}.theme-option:last-child{margin-bottom:0}.audio-mute-btn{position:relative;overflow:hidden}.audio-mute-btn.muted{color:#fff;border-color:#dc2626;background:#dc2626!important}.audio-mute-btn.muted:hover{border-color:#b91c1c;background:#b91c1c!important}.audio-mute-btn svg{transition:all .2s}.audio-mute-btn.muted svg{transform:scale(1.1)}.discord-card{background:var(--surface);border:1px solid var(--accent);z-index:1000;border-radius:8px;min-width:250px;margin-top:.5rem;padding:1rem;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0003}.discord-profile{align-items:center;gap:1rem;display:flex}.discord-avatar{border:2px solid var(--accent);border-radius:50%;width:64px;height:64px}.discord-avatar-placeholder{border:2px solid var(--accent);background:var(--background);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.discord-info{color:var(--text)}.discord-username{margin-bottom:0;font-weight:600}.discord-full-username{color:var(--text-secondary);margin-bottom:.2rem;font-size:.75rem;font-weight:400}.discord-status{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.status-indicator{background-color:var(--success);border-radius:50%;width:12px;height:12px}.discord-status.online .status-indicator{background-color:#43b581!important}.discord-status.idle .status-indicator{background-color:#faa61a!important}.discord-status.dnd .status-indicator{background-color:#f04747!important}.discord-status.offline .status-indicator{background-color:#747f8d!important}.discord-status.online{color:#43b581!important}.discord-status.idle{color:#faa61a!important}.discord-status.dnd{color:#f04747!important}.discord-status.offline{color:#747f8d!important}.discord-custom-status{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.custom-emoji{align-items:center;display:flex}.custom-emoji-img{width:16px;height:16px}.custom-status-text{font-style:italic}.discord-activities{border-top:1px solid var(--accent);margin-top:.5rem;padding-top:.5rem}.discord-activity{color:var(--text-secondary);margin-bottom:.25rem;font-size:.8rem}.discord-activity:last-child{margin-bottom:0}.activity-name{color:var(--accent);font-weight:500}.activity-details{color:var(--text-secondary)}@media (max-width:768px){.navbar-container{padding:.75rem 1rem}.navbar-logo-text{font-size:1.25rem}.navbar-buttons{gap:.5rem}.navbar-button{padding:.375rem;font-size:.875rem}.dropdown,.discord-card{min-width:180px}}@media (max-width:480px){.navbar-container{flex-direction:column;gap:.75rem;padding:.5rem}.navbar-logo-text{font-size:1.1rem}.dropdown,.discord-card{min-width:200px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}
.terminal-container{background:var(--background);border:2px solid var(--surface);z-index:10;border-radius:12px;flex-direction:column;width:95%;max-width:none;height:75vh;margin:1rem auto;padding:1.5rem;font-family:JetBrains Mono,Consolas,monospace;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.matrix-theme .terminal-container{border-color:var(--accent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c}.vintage-theme .terminal-container{-webkit-backdrop-filter:blur(1px)!important;backdrop-filter:blur(1px)!important;background:#2a181026!important;border-color:#ffa50066!important;box-shadow:0 8px 32px #ff8c0033,inset 0 0 20px #ffb4640d!important}.terminal-container:before{content:"";background:var(--surface);border-radius:10px 10px 0 0;align-items:center;height:30px;display:flex;position:absolute;top:0;left:0;right:0}.terminal-container:after{content:"🔴 🟡 🟢";font-size:10px;position:absolute;top:8px;left:12px}.terminal-content{scroll-behavior:smooth;flex:1;padding-top:40px;overflow-y:auto}.terminal-content::-webkit-scrollbar{width:8px}.terminal-content::-webkit-scrollbar-track{background:var(--background)}.terminal-content::-webkit-scrollbar-thumb{background:var(--surface);border-radius:4px}.terminal-entry{margin-bottom:.5rem;line-height:1.4}.terminal-input-line{color:var(--text);align-items:center;display:flex;position:relative}.terminal-prompt{color:var(--primary);margin-right:.5rem}.terminal-input-container{flex:1;align-items:baseline;display:inline-flex;position:relative}.terminal-input-text{color:var(--text);font-family:inherit;font-size:inherit;white-space:pre}.terminal-input-hidden{color:#0000;width:100%;height:100%;font-family:inherit;font-size:inherit;z-index:1;background:0 0;border:none;outline:none;position:absolute;top:0;left:0}.terminal-input{color:var(--text);font-family:inherit;font-size:inherit;caret-color:#0000;background:0 0;border:none;outline:none;flex:1;transition:opacity .3s}.terminal-input:disabled{opacity:.5;cursor:not-allowed}.terminal-input::placeholder{display:none}.terminal-cursor{color:var(--primary);font-family:inherit;font-weight:400;font-size:inherit;vertical-align:baseline;white-space:pre;width:1ch;min-width:1ch;margin:0;padding:0;line-height:normal;display:inline}.terminal-cursor-char{color:var(--background);background-color:var(--primary);font-family:inherit;font-size:inherit;white-space:pre;vertical-align:baseline;border:none;outline:none;width:1ch;min-width:1ch;margin:0;padding:0;font-weight:400;line-height:normal;display:inline}.terminal-output{white-space:pre-wrap;word-wrap:break-word}.terminal-output.error{color:var(--error)}.terminal-output.success{color:var(--success)}.terminal-output.normal{color:var(--text)}.terminal-cursor{color:var(--primary);font-weight:700}.terminal-processing{color:var(--text-secondary);align-items:center;margin:.5rem 0;font-style:italic;display:flex}.terminal-processing:before{content:"▶";color:var(--primary);margin-right:.5rem;animation:1s infinite pulse}@keyframes pulse{0%,50%{opacity:1}to{opacity:.3}}@media (max-width:768px){.terminal-container{width:98%;height:80vh;margin:.5rem auto;padding:1rem}}@media (max-width:480px){.terminal-container{border-radius:8px;width:99%;margin:.25rem auto;padding:.75rem;font-size:.9rem}.terminal-container:after{font-size:8px;top:6px;left:8px}}
.matrix-background{z-index:1;pointer-events:none;background:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}.matrix-background:before{content:"";pointer-events:none;background:#0000001a;position:absolute;inset:0}
.crt-screen{pointer-events:none;z-index:1000;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.crt-scanlines{background:repeating-linear-gradient(0deg,#00000040,#00000040 1px,#0000 1px 2px);width:100%;height:100%;animation:.1s infinite alternate scanlines-flicker;position:absolute;top:0;left:0}.crt-phosphor-glow{background:radial-gradient(#0000 40%,#ff88000a 70%);width:100%;height:100%;animation:2s ease-in-out infinite alternate phosphor-pulse;position:absolute;top:0;left:0}.crt-flicker{background:0 0;width:100%;height:100%;animation:.15s infinite screen-flicker;position:absolute;top:0;left:0}.crt-noise{opacity:.7;background-image:radial-gradient(circle at 20%,#0000 20%,#ffffff03 21%),radial-gradient(circle at 80%,#0000 20%,#ffffff03 21%),radial-gradient(circle at 40% 80%,#0000 20%,#ffffff03 21%);width:100%;height:100%;animation:.2s infinite tv-noise;position:absolute;top:0;left:0}.crt-reflection{background:linear-gradient(45deg,#0000 30%,#ffffff05 50%,#0000 70%);width:100%;height:100%;animation:3s ease-in-out infinite screen-reflection;position:absolute;top:0;left:0;transform:translate(-100%)}.crt-vignette{pointer-events:none;z-index:1001;background:radial-gradient(#0000 30%,#0003 70%,#0009 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.crt-screen:before{content:"";border-radius:10%/5%;width:110%;height:110%;position:absolute;top:-5%;left:-5%;transform:perspective(1000px)rotateX(1deg)rotateY(1deg);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 20px #ff88000d}@keyframes scanlines-flicker{0%{opacity:1}to{opacity:.97}}@keyframes phosphor-pulse{0%{opacity:.8}to{opacity:1}}@keyframes screen-flicker{0%{opacity:1;filter:brightness()}2%{opacity:.98;filter:brightness(1.02)}4%{opacity:1;filter:brightness()}8%{opacity:.99;filter:brightness(.98)}10%{opacity:1;filter:brightness()}to{opacity:1;filter:brightness()}}@keyframes tv-noise{0%{filter:hue-rotate();transform:translate(0)}10%{filter:hue-rotate(90deg);transform:translate(-5px)}20%{filter:hue-rotate(180deg);transform:translate(5px)}30%{filter:hue-rotate(270deg);transform:translate(-3px)}40%{filter:hue-rotate(360deg);transform:translate(2px)}50%{filter:hue-rotate();transform:translate(-1px)}to{filter:hue-rotate();transform:translate(0)}}@keyframes screen-reflection{0%{opacity:0;transform:translate(-100%)}50%{opacity:.6}to{opacity:0;transform:translate(100%)}}.crt-theme{text-shadow:0 0 5px,0 0 10px,0 0 15px}.crt-theme .navbar-logo-text{text-shadow:0 0 3px,0 0 6px;filter:contrast(1.3)brightness(1.15)saturate(1.4)}.crt-theme .terminal-container{filter:contrast(1.2)brightness(1.1)saturate(1.3);border-radius:8px;box-shadow:0 0 20px #ff88004d,inset 0 0 20px #0003}.crt-theme .navbar-container{filter:contrast(1.1)brightness(1.05)saturate(1.2);box-shadow:0 0 15px #f803,inset 0 0 10px #0000001a}.crt-theme .terminal-content,.crt-theme .navbar-container{animation:1.5s ease-in-out infinite alternate text-glow}@keyframes text-glow{0%{filter:contrast(1.1)brightness(1.05)saturate(1.2)}to{filter:contrast(1.15)brightness(1.1)saturate(1.25)}}.crt-theme .app-container{animation:4s ease-in-out infinite screen-distortion}@keyframes screen-distortion{0%,to{transform:skew(0)scaleX(1)}25%{transform:skew(.1deg)scaleX(1.001)}50%{transform:skew(-.1deg)scaleX(.999)}75%{transform:skew(.05deg)scaleX(1.0005)}}
.aperture-screen{pointer-events:none;z-index:-1;background:linear-gradient(135deg,#1a0f0a 0%,#2a1810 50%,#3d2318 100%);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.aperture-bg-logo{opacity:.35;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.aperture-logo-bg{object-fit:contain;object-position:center;filter:brightness(2.2)contrast(1.8)saturate(1.6)blur(.3px);width:90%;height:90%;animation:12s ease-in-out infinite logo-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aperture-grid{background-image:linear-gradient(#ffa50014 1px,#0000 1px),linear-gradient(90deg,#ff8c000f 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;animation:6s ease-in-out infinite alternate grid-pulse;position:absolute;top:0;left:0}.aperture-glow{background:radial-gradient(#ffb46408 30%,#ff8c3c04 60%,#0000 80%);width:100%;height:100%;animation:4s ease-in-out infinite aperture-glow-pulse;position:absolute;top:0;left:0}.portal-energy{background:radial-gradient(circle at 15% 25%,#ffb4640f 3px,#0000 4px) 0 0/120px 120px,radial-gradient(circle at 85% 75%,#ff8c3c0a 2px,#0000 3px) 0 0/80px 80px,radial-gradient(circle,#ffc87805 1px,#0000 2px) 0 0/60px 60px;width:100%;height:100%;animation:8s ease-in-out infinite portal-energy-float;position:absolute;top:0;left:0}.aperture-boot-sequence{z-index:2000;background:linear-gradient(135deg,#2a1810 0%,#3d2318 50%,#4a2d1f 100%);justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding-top:15vh;font-family:Courier New,Monaco,Menlo,Consolas,monospace;display:flex;position:fixed;top:0;left:0}.boot-content{text-align:center;color:#fff}.boot-logo{margin-bottom:-1rem;animation:1s ease-out logo-appear}.aperture-logo-boot{object-fit:contain;filter:drop-shadow(0 0 40px #f60)drop-shadow(0 0 80px #f60)brightness(1.3);width:500px;height:500px}.boot-text{text-align:left;letter-spacing:.5px;max-width:700px;margin:0 auto;font-family:Courier New,Monaco,Menlo,Consolas,monospace;font-size:16px;font-weight:700;line-height:1.8}.boot-line{margin-bottom:.3rem}.boot-char{opacity:0;text-shadow:0 0 8px,0 0 12px;animation:.1s ease-out forwards boot-char-appear}.boot-char-white{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff}.boot-char-gray{color:#888;text-shadow:0 0 3px #888,0 0 6px #888}.boot-char-ok{color:#0f0;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0;font-weight:700}.boot-char-done{color:#0df;text-shadow:0 0 5px #0df,0 0 10px #0df,0 0 15px #0df;font-weight:700}.boot-char-error{color:red;text-shadow:0 0 5px red,0 0 10px red,0 0 15px red;font-weight:700}.boot-char-warning{color:#fa0;text-shadow:0 0 5px #fa0,0 0 10px #fa0,0 0 15px #fa0;font-weight:700}.boot-char-final{color:#f44;text-shadow:0 0 10px,0 0 20px,0 0 30px #ff44444d;font-weight:bolder}.boot-cursor{opacity:0;color:#f60;text-shadow:0 0 10px;font-weight:700;animation:1s 9.5s infinite boot-cursor-blink,.1s ease-out 9.5s forwards boot-char-appear;display:inline-block}.vintage-theme{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)}.aperture-theme .terminal-container{border-radius:8px;-webkit-backdrop-filter:blur(1px)!important;backdrop-filter:blur(1px)!important;background:#2a181026!important;border:2px solid #ffa50066!important;box-shadow:0 0 20px #ff8c004d,inset 0 0 20px #ffb4640d!important}.vintage-theme .navbar-container{background:#2a2a2af2;border-bottom:2px solid #f60;box-shadow:0 0 15px #f603,inset 0 0 10px #0000001a}.aperture-theme .navbar-logo-text{color:#f60;text-shadow:0 0 5px #f60,0 0 10px #ff660080}.aperture-theme .terminal-content,.aperture-theme .navbar-container{animation:3s ease-in-out infinite alternate aperture-interface-glow}@keyframes logo-float{0%,to{transform:translate(-50%,-50%)scale(1)rotate(0)}25%{transform:translate(-50%,-50%)scale(1.005)rotate(.3deg)}50%{transform:translate(-50%,-50%)scale(1.01)rotate(.5deg)}75%{transform:translate(-50%,-50%)scale(1.005)rotate(.2deg)}}@keyframes boot-logo-glow{0%{filter:drop-shadow(0 0 20px #f60)brightness(1.1);transform:scale(1)}to{filter:drop-shadow(0 0 40px #f60)drop-shadow(0 0 60px #ff66004d)brightness(1.2);transform:scale(1.05)}}@keyframes grid-pulse{0%{opacity:.3}to{opacity:.6}}@keyframes aperture-glow-pulse{0%{opacity:.4}50%{opacity:.6}to{opacity:.4}}@keyframes portal-energy-float{0%{transform:translateY(0)translate(0)}33%{transform:translateY(-10px)translate(5px)}66%{transform:translateY(5px)translate(-3px)}to{transform:translateY(0)translate(0)}}@keyframes logo-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes boot-char-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes boot-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes aperture-interface-glow{0%{filter:brightness()saturate()}to{filter:brightness(1.05)saturate(1.1)}}
*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);height:100%;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#__next{height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-container{background:linear-gradient(135deg,var(--background)0%,var(--surface)100%);z-index:2;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-container.matrix-theme{background:0 0}.main-content{z-index:3;flex:1;justify-content:center;align-items:stretch;padding:1rem;display:flex;position:relative}.welcome-message{background:var(--surface);border:1px solid var(--accent);text-align:center;z-index:1000;border-radius:8px;max-width:400px;padding:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000004d}.welcome-message h2{color:var(--primary);margin-bottom:1rem;font-family:JetBrains Mono,monospace}.welcome-message p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.welcome-message button{background:var(--primary);color:var(--background);cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-family:inherit;font-weight:500;transition:all .2s}.welcome-message button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.fade-in{animation:.3s ease-in-out fadeIn}.slide-in{animation:.3s ease-out slideIn}.typewriter{border-right:2px solid var(--primary);white-space:nowrap;animation:2s steps(40,end) typing,.75s step-end infinite blink;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:var(--primary)}}@media (max-width:768px){.main-content{padding:.5rem}.welcome-message{max-width:90%;padding:1.5rem}}@media (max-width:480px){.welcome-message{max-width:95%;padding:1rem}.welcome-message h2{font-size:1.25rem}.welcome-message p{font-size:.9rem}}