:root,:root[data-theme=cyber]{--bg-main: #0a0f18;--bg-darker: #080c14;--bg-section: #0a1220;--bg-card: #131e29;--border-subtle: #17324a;--border-normal: #23384a;--border-accent: #1e3a5c;--text-primary: #9fd3ea;--text-secondary: #6a8fa8;--text-muted: #4a6a7a;--accent-primary: #00bfff;--accent-secondary: #33ff66;--accent-error: #ff3333;--accent-glow: rgba(0, 191, 255, .25);--accent-glow-dim: rgba(0, 191, 255, .15)}:root[data-theme=blood]{--bg-main: #000000;--bg-darker: #000000;--bg-section: #0a0a0a;--bg-card: #0f0f0f;--border-subtle: #2a1515;--border-normal: #3a1a1a;--border-accent: rgb(166, 16, 5);--text-primary: #d0d0d0;--text-secondary: #909090;--text-muted: #606060;--accent-primary: rgb(166, 16, 5);--accent-secondary: rgb(237, 159, 2);--accent-error: #ff3333;--accent-glow: rgba(166, 16, 5, .4);--accent-glow-dim: rgba(166, 16, 5, .2)}:root[data-theme=ashes]{--bg-main: #0a0a0a;--bg-darker: #050505;--bg-section: #0e0e0e;--bg-card: #141414;--border-subtle: #1e1e1e;--border-normal: #2a2a2a;--border-accent: #3a3a3a;--text-primary: #c0c0c0;--text-secondary: #808080;--text-muted: #505050;--accent-primary: #8a8a8a;--accent-secondary: #b0b0b0;--accent-error: #ff3333;--accent-glow: rgba(180, 180, 180, .2);--accent-glow-dim: rgba(180, 180, 180, .1)}body{background-color:var(--bg-main)!important}:root[data-theme=blood] .tab.active,:root[data-theme=blood] button:hover{border-color:#a61005!important}:root[data-theme=blood] .tab.active{background:#a6100526!important;color:#ed9f02!important}:root[data-theme=blood] h1{color:#a61005!important;text-shadow:0 0 20px rgba(166,16,5,.5)!important}:root[data-theme=blood] .active,:root[data-theme=blood] [style*="color: rgb(0, 191, 255)"],:root[data-theme=blood] [style*="color:#00bfff"]{color:#ed9f02!important}:root[data-theme=blood] [style*="border-color: rgb(0, 191, 255)"],:root[data-theme=blood] [style*="border: 1px solid #00bfff"],:root[data-theme=blood] [style*="border: 2px solid #00bfff"]{border-color:#a61005!important}:root{--neon:#00ffe6;--neon-soft:#66fff1;--bg0:#02060a;--bg1:#031d22;--glass:rgba(2,12,16,.55);--border:rgba(0,255,230,.35);--text:#c9fdf8}html,body,#root{height:100%}.term-root{min-height:100vh;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;text-shadow:0 0 6px rgba(0,255,230,.35);padding:0 4.9vw 4.9vw;position:relative;overflow-x:hidden;overflow-y:auto;background:radial-gradient(1200px 700px at 50% -10%,rgba(0,255,230,.12),transparent 60%),radial-gradient(800px 600px at 80% 120%,rgba(0,128,255,.1),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}.circuits{pointer-events:none;position:absolute;inset:0;opacity:0;transition:opacity .6s ease;background:linear-gradient(transparent 96%,var(--neon) 96%) 0 0/ 100% 120px,linear-gradient(to right,transparent 96%,var(--neon) 96%) 0 0/ 120px 100%;filter:drop-shadow(0 0 10px var(--neon-soft)) drop-shadow(0 0 18px rgba(0,255,230,.25));-webkit-mask-image:radial-gradient(ellipse at 50% -10%,#000 40%,#000000d9,#0000);mask-image:radial-gradient(ellipse at 50% -10%,#000 40%,#000000d9,#0000)}.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px),radial-gradient(circle at 50% 10%,transparent 0,transparent 55%,rgba(0,0,0,.35) 80%,rgba(0,0,0,.65) 100%);mix-blend-mode:overlay}.tag{text-align:center;opacity:.85;margin:0 0 22px}.terminal{max-width:760px;margin:0 auto;border:1px solid var(--border);border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 24px #00ffe626,inset 0 0 30px #00ffe60d;padding:14px;height:58vh;overflow:hidden;display:flex;flex-direction:column}.prompt{margin-bottom:8px}.label{margin-right:8px;opacity:.9;color:var(--neon)}.output{flex:1 1 auto;overflow:auto;padding-right:4px;display:flex;flex-direction:column}.line{white-space:pre-wrap;margin:2px 0}.in{background:#00000040;color:var(--text);border:1px solid var(--neon);box-shadow:0 0 10px #00ffe640,inset 0 0 10px #00ffe614;padding:6px 10px;border-radius:8px;outline:none;caret-color:var(--neon)}.in::placeholder{color:#befff880}.in:focus{border-color:#a8fff6;box-shadow:0 0 16px #00ffe673,inset 0 0 12px #00ffe61f}.circuits:before,.circuits:after{content:none!important}.circuits,.scanlines{animation:none!important;-webkit-animation:none!important}.hint{opacity:.75;font-size:.9em}.tabs{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.tab{padding:6px 10px;border:1px solid rgba(255,255,255,.2);background:transparent;cursor:pointer}.tab.active{background:#00eaff1f;border-color:#00eaff59}.panel{margin-top:10px}.panel-wrap{margin-top:8px}.grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tile{width:100%;height:120px;object-fit:cover;border:1px solid rgba(255,255,255,.15)}:root[data-theme=light] .tab{border-color:#0003}:root[data-theme=light] .tab.active{background:#0000000f;border-color:#00000059}.profile-root{padding:5.8vw 3.9vw 11.6vw}.profile-avatar{display:flex;justify-content:center;align-items:center;margin-top:48px;margin-bottom:16px}.avatar-img{max-width:29vw;width:29vw;height:29vw;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,234,255,.35))}.avatar-placeholder{width:29vw;height:29vw;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px dashed #2a4858;color:#7bb7d4;font-size:12px;opacity:.8}.profile-tabs .tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-btn{cursor:pointer}.tab-btn.active{font-weight:700;text-decoration:underline}.topbar{display:flex;align-items:center;justify-content:space-between;padding:2.9vw 3.9vw;position:sticky;top:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(0,234,255,.15);z-index:20}.menu-list{position:absolute;right:0;top:calc(100% + 6px);background:#0a0f1e;border:1px solid #10314a;border-radius:10px;min-width:160px;padding:6px;box-shadow:0 8px 22px #00000059}.profile-root{padding-bottom:36px}.topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;position:sticky;top:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(0,234,255,.15);z-index:20}.profile-menu{position:relative}.menu-btn{background:transparent;border:1px solid rgba(0,234,255,.25);color:#cfefff;padding:6px 10px;border-radius:8px;cursor:pointer}.menu-btn:hover{border-color:#00eaff80}.menu-list{position:absolute;right:0;top:calc(100% + 6px);background:#0a0f1e;border:1px solid #10314a;border-radius:10px;min-width:160px;padding:6px;box-shadow:0 8px 22px #00000059;z-index:30}.menu-item{width:100%;text-align:left;background:transparent;color:#d0f3ff;border:0;padding:8px 10px;border-radius:8px;cursor:pointer}.menu-item:hover{background:#0e1a2d}.menu-sep{height:1px;background:#10314a;margin:6px 0}.profile-tabs{padding:8px 16px}.profile-avatar{display:flex;justify-content:center;margin:18px 0 8px}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;padding:2.9vw 3.9vw;position:sticky;top:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(0,234,255,.15);z-index:20}.profile-menu{justify-self:end}html,body,#root{margin:0;padding:0;max-width:100%;overflow-x:hidden}.term-root{min-height:100vh;overflow-x:hidden}.topbar,.profile-tabs,.terminal{max-width:100%;overflow-x:hidden}[data-fullvw],.fullvw{width:100%!important;max-width:100%!important}.term-root,.terminal,.profile-tabs,.topbar{max-width:100%;overflow-x:hidden}.circuits,.scanlines{position:fixed;inset:0;width:100%;max-width:100%;overflow:hidden}.profile-menu{position:fixed;top:64px;right:20px;z-index:9999;max-height:calc(100vh - 80px);overflow:auto}.profile-trigger{position:fixed;top:16px;right:20px;z-index:10000}.topbar{overflow:visible}.app-header{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;padding:0!important;margin:0!important;z-index:2000;pointer-events:none}.app-header .dn-logo{display:block;width:90vw;max-width:90vw;height:auto;margin:0 auto;padding:0;pointer-events:none;object-fit:contain}.profile-trigger{pointer-events:auto;position:fixed;top:2.9vw;right:3.9vw;z-index:2100}.profile-menu{position:fixed;top:13.6vw;right:3.9vw;background:#0b1424;color:#d0f3ff;border:1px solid #17324a;border-radius:12px;min-width:220px;box-shadow:0 12px 36px #0009;padding:8px 0;z-index:3000;max-height:calc(100vh - 80px);overflow:auto}.profile-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#d0f3ff;padding:10px 16px;font-size:16px;cursor:pointer}.profile-menu button:hover{background:#0e1d33}.circuits,.scanlines{position:fixed;inset:0;width:100%;max-width:100%;overflow:hidden;z-index:0}.term-root{position:relative;z-index:1;padding-top:0}html,body,#root{margin:0;padding:0;background:#07101c}*{box-sizing:border-box}body{overflow-x:hidden}body *{max-width:100%}html,body,#root{width:100%;max-width:100%;margin:0;padding:0}.term-root{width:100%!important;max-width:none!important;margin:0!important}.terminal{width:100%!important;max-width:none!important;margin:0!important;padding-left:clamp(12px,4vw,32px);padding-right:clamp(12px,4vw,32px);background:transparent!important;border:0!important;box-shadow:none!important}.output{max-width:100%!important}@font-face{font-family:DN-Future;src:url(/fonts/DN-Future.woff2) format("woff2");font-display:swap}@font-face{font-family:DN-Goth;src:url(/fonts/DN-Goth.woff2) format("woff2");font-display:swap}@font-face{font-family:DN-Dark;src:url(/fonts/DN-Dark.woff2) format("woff2");font-display:swap}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
