@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#07040d;--fg:#f5efff;--muted:#9a8cae;--faint:#6a5b7e;--accent:#bc81ff;--accent2:#8345db;--border:rgba(185,148,232,.16);--panel:rgba(18,13,30,.87);--card:rgba(37,27,53,.55);--glass:rgba(27,19,42,.68);--shadow:0 38px 130px rgba(0,0,0,.65);--font:'DM Sans',system-ui,sans-serif;--mono:'Space Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--fg);overflow:hidden;-webkit-font-smoothing:antialiased}body.light{color-scheme:light;--bg:#eae0f2;--fg:#251736;--muted:#655774;--faint:#8d7d97;--accent:#7c39c8;--accent2:#a772e6;--border:rgba(94,47,140,.17);--panel:rgba(250,246,255,.9);--card:rgba(255,255,255,.7);--glass:rgba(249,243,255,.7);--shadow:0 38px 100px rgba(61,30,84,.2)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}::selection{background:#8d4fba88;color:#fff}.background{z-index:-1;position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 55% 65%,#211035 0%,#0f081b 50%,#06040b 100%)}body.light .background{background:radial-gradient(ellipse at 55% 65%,#d8c3eb 0%,#e8dbf2 55%,#f6ecff 100%)}.bg-art{position:absolute;inset:0;background-image:linear-gradient(100deg,rgba(6,4,12,.93),rgba(18,8,28,.52) 55%,rgba(8,5,15,.94)),url('/favicon.png');background-size:cover, min(90vw,850px);background-repeat:no-repeat;background-position:center,70% 44%;opacity:.48;filter:blur(16px) saturate(1.5);transform:scale(1.08)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(#ad79f007 1px,transparent 1px),linear-gradient(90deg,#ad79f007 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 84%)}.glow{position:absolute;width:35vw;height:35vw;filter:blur(80px);border-radius:50%;opacity:.25;pointer-events:none;animation:orbit 16s ease-in-out infinite alternate}.glow-a{background:#8e33d8;top:-18%;left:20%}.glow-b{background:#6330b3;bottom:-29%;right:6%;animation-delay:-8s}.noise{position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.light .bg-art{opacity:.15}.light .glow{opacity:.16}@keyframes orbit{to{transform:translate(15%,-10%) scale(1.2)}}#cursorLight{position:fixed;z-index:1;pointer-events:none;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(166,91,255,.075),transparent 70%);transform:translate(-50%,-50%);left:50%;top:50%;transition:opacity .3s}.entry{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(7,4,13,.88);backdrop-filter:blur(24px);transition:opacity .7s,visibility .7s}.entry.out{opacity:0;visibility:hidden;pointer-events:none}.entry-panel{text-align:center;padding:32px;animation:floatin .9s both}.entry-avatar{width:100px;height:100px;margin:0 auto 28px;padding:5px;border-radius:26px;border:1px solid #9a57e377;box-shadow:0 0 70px #8834dd33;transform:rotate(-5deg)}.entry-avatar img{width:100%;height:100%;object-fit:cover;border-radius:22px}.entry-kicker,.entry-hint{font:10px/1.6 var(--mono);letter-spacing:3px;color:#ac8bca}.entry-kicker .pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b878ff;box-shadow:0 0 14px #b878ff;margin-right:10px}.entry h1{font:700 clamp(38px,7vw,78px)/1.1 var(--display);letter-spacing:-4px;margin:12px 0;color:#fff}.entry h1 span{color:var(--accent)}.entry p{font-size:15px;color:#ad9cbc;margin-bottom:32px}.enter-btn{border:1px solid #b784ff;background:linear-gradient(120deg,#9f59e5,#c894ff);color:#160c23;border-radius:9px;padding:15px 27px;font:700 11px var(--mono);letter-spacing:1px;display:inline-flex;align-items:center;gap:18px;transition:transform .3s,box-shadow .3s}.enter-btn:hover{transform:translateY(-4px);box-shadow:0 15px 50px #8644c66b}.entry-hint{margin-top:24px;font-size:8px;letter-spacing:1.4px}.app{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;padding:clamp(22px,4vh,42px) clamp(20px,4.5vw,80px) 22px;max-width:1680px;margin:auto;opacity:1;transition:opacity .6s}.is-loading .app{opacity:.2}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1300px;width:100%;margin:0 auto 4vh}.brand{display:inline-flex;align-items:center;gap:11px;font:700 18px var(--display);letter-spacing:-1px;white-space:nowrap}.brand img{width:34px;height:34px;border-radius:9px;object-fit:cover;border:1px solid #8d55bd55}.brand-period,.tint{color:var(--accent)}.top-nav{display:flex;gap:6px;padding:5px;background:rgba(20,14,31,.64);border:1px solid var(--border);border-radius:13px;backdrop-filter:blur(12px)}.nav-btn{color:var(--muted);border:0;border-radius:9px;padding:10px 21px;font:700 11px var(--mono);letter-spacing:.2px;background:transparent;transition:.25s}.nav-btn:hover{color:var(--fg)}.nav-btn.active{color:var(--fg);background:linear-gradient(110deg,#ad66f026,#b97ef91b);box-shadow:inset 0 0 0 1px #ad70df33}.top-actions{display:flex;align-items:center;gap:10px}.top-status{font:700 10px var(--mono);letter-spacing:1px;color:var(--muted);white-space:nowrap;margin-right:12px}.top-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a772e6;box-shadow:0 0 12px #a772e6;margin-right:8px}.icon-btn{display:grid;place-items:center;width:40px;height:40px;color:var(--muted);background:var(--glass);border:1px solid var(--border);border-radius:10px;transition:.2s}.icon-btn:hover{color:var(--accent);border-color:#ae76ec66;transform:translateY(-2px)}.layout{max-width:1260px;width:100%;margin:auto;display:grid;grid-template-columns:305px minmax(0,1fr);gap:19px;min-height:0;height:min(680px,calc(100vh - 205px));min-height:520px}.profile,.content{border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(26px);min-width:0;overflow:hidden}.profile{position:relative}.profile-banner{height:145px;position:relative;background:radial-gradient(ellipse at 54% 30%,#7539a066,transparent 63%),linear-gradient(130deg,#291439,#0d0a1a 80%);border-bottom:1px solid #ad7bdd22;overflow:hidden}.profile-banner:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent,transparent 8px,#bd89ed08 8px,#bd89ed08 9px)}.pixel-coord{position:absolute;left:19px;top:20px;font:10px var(--mono);color:#ceafeb;z-index:1;letter-spacing:2px}.banner-symbol{position:absolute;right:25px;top:8px;font-size:90px;color:#b58bea22;line-height:1}.avatar-box{margin:-62px 0 0 26px;position:relative;width:114px;height:114px;z-index:1}.avatar-ring{height:112px;width:112px;padding:5px;background:#100b18;border:2px solid #9e60d2;border-radius:25px;box-shadow:0 12px 45px #0a031a88,0 0 36px #975ae62e;transform:rotate(-5deg)}.avatar-ring img{width:100%;height:100%;border-radius:19px;object-fit:cover;transform:rotate(5deg)}.avatar-spark{position:absolute;right:-13px;bottom:10px;color:#c391ff;font-size:27px;text-shadow:0 0 17px #ad67ec}.profile-body{padding:24px 27px}.profile-id{font:9px var(--mono);color:var(--faint);letter-spacing:1.2px;display:flex;align-items:center;justify-content:space-between}.tiny-badge{border:1px solid #b477e844;color:var(--accent);font:8px var(--mono);letter-spacing:1px;padding:4px 7px;border-radius:4px}.profile h2{font:700 25px/1.2 var(--display);margin:15px 0 0;letter-spacing:-1px;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.verified{width:17px;height:17px;flex:none;fill:var(--accent)}.profile-handle{font:11px var(--mono);color:var(--accent);margin:7px 0 19px}.profile-desc{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 22px;min-height:50px}.status-widget{display:flex;align-items:center;gap:11px;background:#8e53bb0f;border:1px solid var(--border);padding:12px;border-radius:11px}.discord-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#8d6bc436;color:#b5a2ff;font-size:23px}.status-copy{flex:1;min-width:0;display:flex;flex-direction:column}.status-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-copy span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-led{width:8px;height:8px;background:#696174;border-radius:50%;flex:none}.status-led.online{background:#4ce5a0;box-shadow:0 0 13px #4ce5a099}.status-led.idle{background:#f7cb62}.status-led.dnd{background:#f66d89}.status-led.offline{background:#777}.profile-divider{height:1px;background:var(--border);margin:23px 0 17px}.profile-micro{font:9px var(--mono);letter-spacing:-.35px;color:var(--faint);display:flex;justify-content:space-between;gap:10px}.sparkle{color:var(--accent);font-size:15px}.social-icons{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.social-icons a{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;background:var(--card);border:1px solid var(--border);color:var(--muted);transition:.2s}.social-icons a:hover{color:var(--accent);border-color:#b784ff66;transform:translateY(-3px)}.social-icons a svg{width:17px;height:17px}.social-icons .text-icon{font-size:11px;font-weight:700}.content{position:relative;display:flex}.content:before{content:"";position:absolute;right:-125px;top:-145px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#8537b71b,transparent 65%);pointer-events:none}.page{display:none;width:100%;padding:clamp(26px,4vw,57px);position:relative;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#945dc755 transparent;animation:pagein .4s ease both}.page.show{display:flex;flex-direction:column}.eyebrow{font:10px var(--mono);letter-spacing:1.3px;color:var(--accent);display:flex;align-items:center;gap:11px;margin-bottom:31px;text-transform:uppercase}.dash{display:inline-block;background:var(--accent);width:20px;height:1px;box-shadow:0 0 8px #a56ae8}.hero-heading{display:flex;flex-direction:column;font:700 clamp(45px,4.55vw,73px)/1.04 var(--display);letter-spacing:-4px;text-transform:uppercase}.hero-heading .outline{font-weight:500;color:transparent;-webkit-text-stroke:1px #af9fbf9c}.hero-heading>span:last-child{color:var(--fg);overflow-wrap:anywhere}.flash{color:var(--accent);animation:flash 1.25s steps(2) infinite}@keyframes flash{50%{opacity:0}}.hero-desc{margin:24px 0 25px;max-width:530px;font-size:14px;line-height:1.85;color:var(--muted)}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;gap:17px;border-radius:9px;padding:13px 18px;font:700 11px var(--mono);transition:.2s}.primary-btn{border:1px solid #c28bff;background:var(--accent);color:#150922;box-shadow:0 8px 26px #9e58e12b}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-3px)}.ghost-btn{border:1px solid var(--border);background:var(--card);color:var(--fg)}.ghost-btn:hover{border-color:#9b5dda88}.home-spacer{flex:1;min-height:20px}.feature-row{display:flex;gap:12px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:25px}.feature-item{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.feature-icon{width:43px;height:43px;background:#a55be51b;display:grid;place-items:center;border-radius:10px;color:var(--accent);flex:none}.feature-item span{display:flex;flex-direction:column;gap:2px;min-width:0}.feature-item small,.music-text small{font:9px var(--mono);letter-spacing:.5px;color:var(--faint)}.feature-item strong,.music-text strong{font:700 12px var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-card{display:flex;gap:13px;align-items:center;margin-top:17px;background:linear-gradient(105deg,#a96be914,#4d20640e);border:1px solid var(--border);border-radius:11px;padding:11px 14px}.disc-img{border-radius:9px;background:#9354cd33;color:var(--accent);width:40px;height:40px;display:grid;place-items:center;flex:none}.music-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.eqbars{display:flex;align-items:center;gap:3px;height:18px}.eqbars i{display:block;width:3px;height:8px;background:var(--accent);border-radius:3px;animation:eq 1s ease-in-out infinite alternate}.eqbars i:nth-child(2){height:14px;animation-delay:.2s}.eqbars i:nth-child(3){height:5px;animation-delay:.35s}.eqbars i:nth-child(4){height:12px;animation-delay:.45s}@keyframes eq{to{height:3px}}.home-footer{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:var(--faint);margin-top:24px}.purple-dot{color:var(--accent)}.section-title{font:700 clamp(35px,4.3vw,60px)/1.07 var(--display);letter-spacing:-2.5px;margin:0}.section-title em{color:var(--accent);font-style:normal}.section-subtitle{font-size:13px;line-height:1.7;color:var(--muted);margin:13px 0 24px}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{background:var(--card);border:1px solid var(--border);padding:21px;border-radius:12px;transition:transform .2s,border-color .2s;min-width:0}.project-card:hover{transform:translateY(-3px);border-color:#b574ec66}.card-index{font:10px var(--mono);color:var(--faint)}.project-card h3{font:700 18px var(--display);letter-spacing:-.6px;margin:15px 0 9px}.project-card p{font-size:12px;color:var(--muted);line-height:1.7;min-height:43px}.card-link{font:10px var(--mono);color:var(--accent);display:inline-flex;gap:7px;align-items:center;margin-top:8px}.card-link .icon{width:13px}.post-list{display:flex;flex-direction:column;gap:10px}.post-item{display:flex;align-items:center;gap:18px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:17px 21px}.post-num{font:11px var(--mono);color:var(--accent)}.post-main{flex:1;min-width:0}.post-main h3{font:700 16px var(--display);margin:0 0 4px}.post-main p{font-size:12px;color:var(--muted);margin:0}.post-arrow{color:var(--accent)}.about-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:27px;align-items:center;margin-top:34px}.about-art{height:230px;border:1px solid var(--border);border-radius:15px;background:radial-gradient(circle,#8c37c949,#1b0c2a 80%);display:flex;align-items:center;justify-content:center;position:relative}.about-art img{width:115px;height:115px;object-fit:cover;border-radius:26px;box-shadow:0 15px 50px #05030ca8;transform:rotate(-7deg)}.art-corner{position:absolute;right:14px;bottom:12px;font:11px var(--mono);color:#be89e3}.about-copy{font-size:15px;line-height:1.95;margin:0 0 15px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.8}.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.empty-state{border:1px dashed var(--border);border-radius:13px;padding:30px;font:12px/2 var(--mono);color:var(--muted)}.app-footer{width:100%;max-width:1260px;margin:3.8vh auto 0;display:flex;gap:15px;align-items:center;color:#9182a6;font:9px var(--mono);letter-spacing:.8px}.purple-star{color:var(--accent)}.foot-right{margin-left:auto}.sys-ok{color:#80ddc5}.footer-dash{color:#65447a}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,40px);opacity:0;pointer-events:none;z-index:50;color:#f8f0ff;background:#25133a;border:1px solid #ba80ea;padding:11px 18px;border-radius:9px;font-size:12px;transition:.3s}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes pagein{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes floatin{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1080px){.app{padding:20px 25px}.topbar{margin-bottom:22px}.layout{grid-template-columns:270px 1fr;height:calc(100vh - 155px);min-height:480px}.profile-banner{height:116px}.profile-body{padding:17px 19px}.profile-desc{margin-bottom:14px}.page{padding:30px}.hero-heading{font-size:clamp(35px,5.4vw,60px)}.home-footer{margin-top:13px}.feature-row{padding:13px 0}.app-footer{margin-top:15px}}
@media(max-width:800px){body{overflow:auto}.app{min-height:100svh;padding:16px 16px 22px}.topbar{height:auto;display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:18px}.top-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;overflow:auto}.nav-btn{flex:1;padding:10px 13px}.top-status{display:none}.layout{display:flex;flex-direction:column;gap:14px;height:auto;min-height:0}.profile{overflow:visible;display:grid;grid-template-columns:110px 1fr;min-height:180px}.profile-banner{position:absolute;inset:0;height:auto;opacity:.35;border:0;z-index:0}.avatar-box{width:80px;height:80px;margin:30px 0 0 18px;z-index:1}.avatar-ring{width:78px;height:78px;border-radius:17px}.avatar-ring img{border-radius:12px}.avatar-spark{right:-5px;font-size:15px}.profile-body{position:relative;z-index:1;padding:20px 13px 15px 5px}.profile h2{margin:7px 0 0;font-size:19px}.profile-desc{font-size:11px;min-height:0;margin-bottom:8px}.status-widget{padding:7px}.discord-mark{height:26px;width:26px;font-size:16px}.profile-divider,.profile-micro,.social-icons{display:none}.profile-id{font-size:8px}.tiny-badge{display:none}.profile-handle{margin:3px 0 8px}.content{min-height:500px}.page{min-height:500px;max-height:none;padding:28px}.hero-heading{font-size:clamp(38px,8.5vw,67px)}.app-footer{padding:8px 0;flex-wrap:wrap}.foot-right{display:none}.about-layout{grid-template-columns:150px 1fr;gap:18px}.about-art{height:185px}}
@media(max-width:520px){.brand{font-size:16px}.admin-shortcut{display:none}.page{padding:24px 21px;min-height:535px}.eyebrow{font-size:9px;margin-bottom:22px}.hero-heading{font-size:clamp(37px,10vw,56px);letter-spacing:-2.2px}.hero-desc{font-size:12px}.feature-row{gap:6px}.feature-icon{width:33px;height:33px}.feature-item small{font-size:7px}.feature-item strong{font-size:10px}.projects-grid{grid-template-columns:1fr}.about-layout{grid-template-columns:1fr}.about-art{height:125px}.about-art img{width:80px;height:80px}.about-actions{margin-top:12px}.home-footer{font-size:7px}.primary-btn,.ghost-btn{font-size:10px;padding:11px 14px;gap:8px}.entry h1{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}#cursorLight{display:none}}