:root{--surface-lowest: #000000;--surface-base: #0e0e12;--surface-container-low: #131317;--surface-container: #19191e;--surface-container-high: #1f1f25;--surface-container-highest: #25252b;--surface-bright: #2c2b32;--surface-variant: #25252b;--primary: #da90ff;--primary-container: #d27cff;--primary-dim: #b516ff;--primary-source: #b300ff;--primary-fixed-dim: #ca66ff;--on-surface: #f3eff6;--on-surface-variant: #acaab0;--on-primary: #4d0071;--outline: #76757a;--outline-variant: #48474c;--tertiary: #ff928f;--secondary: #f79ffe;--success-green: #2ecc71;--warning-amber: #f1c40f;--ghost-border: rgba(72, 71, 76, .15);--ghost-border-hover: rgba(72, 71, 76, .35);--glass-fill: rgba(37, 37, 43, .4);--glass-fill-hover: rgba(37, 37, 43, .6);--font-headline: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(218,144,255,.2) var(--surface-base)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface-base)}::-webkit-scrollbar-thumb{background:#da90ff33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dim)}html,body{width:100%;margin:0;padding:0;overflow-x:hidden;position:relative;scroll-behavior:smooth}body{background-color:var(--surface-base);color:var(--on-surface);font-family:var(--font-body);line-height:1.6;max-width:100%}h1,h2,h3{font-family:var(--font-headline)}h1{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;line-height:1.05;margin-bottom:clamp(1rem,3vw,1.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600;margin-bottom:1rem;letter-spacing:-.01em}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--primary) 60%,var(--primary-dim) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.top-nav{position:fixed;top:0;width:100%;z-index:1000;background:#0e0e12b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--ghost-border)}.nav-container{max-width:1400px;margin:0 auto;padding:.9rem clamp(1.5rem,5vw,4rem);display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-headline);font-size:1.15rem;font-weight:700;letter-spacing:.15rem;color:var(--on-surface)}.nav-links{display:flex;gap:clamp(1.2rem,3vw,2.5rem);align-items:center}.nav-links a{color:var(--on-surface-variant);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .3s ease;letter-spacing:.01em}.nav-links a:hover{color:var(--on-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem clamp(1.4rem,3vw,2rem);border-radius:8px;font-family:var(--font-body);font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.25,.46,.45,.94);cursor:pointer;font-size:.95rem;text-align:center;border:none;position:relative;overflow:hidden}.btn-small{padding:.5rem 1.2rem;font-size:.85rem;border-radius:6px}.btn-primary{background:linear-gradient(135deg,var(--primary-dim),var(--primary-container));color:#fff;box-shadow:0 0 #b516ff00}.btn-primary:hover{box-shadow:0 0 25px #b516ff66,0 4px 15px #0000004d;transform:translateY(-1px)}.btn-secondary{background:var(--glass-fill);color:var(--on-surface);border:1px solid var(--ghost-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--glass-fill-hover);border-color:var(--ghost-border-hover);transform:translateY(-1px)}main{max-width:1400px;margin:0 auto}section{padding:clamp(5rem,10vh,8rem) clamp(1.5rem,5vw,4rem)}#hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:max(6rem,15vh);gap:3rem}.content{flex:1;max-width:600px;z-index:20}.badge{display:inline-block;padding:.35rem .9rem;background:var(--glass-fill);border:1px solid var(--ghost-border);border-radius:24px;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--primary);margin-bottom:1.5rem;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tagline{font-size:clamp(1rem,2.5vw,1.1rem);color:var(--on-surface-variant);margin-bottom:clamp(1.5rem,4vw,2.5rem);max-width:95%;line-height:1.7}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.canvas-container{flex:1;height:clamp(500px,80vh,950px);width:100%;position:relative;display:flex;justify-content:center;align-items:center;z-index:10}#live2d-canvas{display:block;width:100%;height:100%;object-fit:contain;background-color:transparent!important;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}@keyframes slow-bg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-tag{position:absolute;background:#19191e99;border:1px solid var(--ghost-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.5rem 1rem;border-radius:24px;font-size:.78rem;font-weight:600;color:var(--on-surface-variant);display:flex;align-items:center;gap:.5rem;z-index:15;pointer-events:none;box-shadow:0 8px 32px #0000004d,0 0 15px #da90ff0d;animation:slow-bg-float 6s ease-in-out infinite;transition:all .3s ease}.tag-1{top:15%;left:5%}.tag-2{top:40%;right:5%;animation-delay:-3s}.dot{width:8px;height:8px;background:var(--primary-dim);border-radius:50%;display:inline-block}.dot.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #b516ff99}70%{box-shadow:0 0 0 10px #b516ff00}to{box-shadow:0 0 #b516ff00}}.engine-terminal{position:absolute;bottom:5%;left:5%;width:min(320px,90%);background:#0e0e12d9;border:1px solid var(--ghost-border);border-radius:10px;z-index:20;overflow:hidden;font-family:Courier New,Courier,monospace;box-shadow:0 12px 40px #00000080,0 0 20px #da90ff0a;pointer-events:none;animation:slow-bg-float 8s ease-in-out infinite alternate}.terminal-header{background:var(--surface-container);padding:.5rem 1rem;font-size:.7rem;color:var(--on-surface-variant);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ghost-border)}.terminal-controls span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--surface-bright);margin-left:4px}.terminal-body{padding:1rem;font-size:.75rem;color:var(--primary);line-height:1.5;height:130px;overflow-y:hidden;display:flex;flex-direction:column;justify-content:flex-end}.log-line{opacity:.85;margin-top:4px}.dashboard-wrapper{position:relative;max-width:1200px;margin:0 auto}.dashboard-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:60%;height:200px;background:radial-gradient(ellipse at bottom,rgba(181,22,255,.25) 0%,transparent 70%);filter:blur(50px);z-index:0;pointer-events:none}.dashboard-window{position:relative;z-index:1;display:grid;grid-template-columns:minmax(200px,250px) 1fr minmax(200px,280px);background:var(--surface-container-low);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ghost-border);border-radius:12px;overflow:hidden;min-height:600px;box-shadow:0 24px 48px #00000080,0 0 30px #da90ff0a;transform:translateZ(0)}.dash-sidebar,.dash-main,.dash-meta{padding:clamp(1.5rem,3vw,2rem)}.dash-sidebar{background:var(--surface-container-low);border-right:none;display:flex;flex-direction:column;position:relative}.dash-sidebar:after{content:"";position:absolute;right:0;top:5%;height:90%;width:1px;background:linear-gradient(to bottom,transparent,var(--ghost-border-hover),transparent)}.dash-meta{background:var(--surface-container-low);border-left:none;position:relative}.dash-meta:before{content:"";position:absolute;left:0;top:5%;height:90%;width:1px;background:linear-gradient(to bottom,transparent,var(--ghost-border-hover),transparent)}.search-container{background:var(--surface-container);border:1px solid var(--ghost-border);padding:.55rem .9rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:.5rem;transition:all .35s ease}.search-container:focus-within{border-color:var(--primary-dim);box-shadow:0 0 12px #b516ff26}.search-container input{background:transparent;border:none;color:var(--on-surface);font-family:var(--font-body);font-size:.85rem;width:100%;outline:none}.search-container input::placeholder{color:var(--on-surface-variant)}.shortcut{background:var(--surface-container-high);padding:.2rem .5rem;border-radius:4px;font-size:.68rem;color:var(--on-surface-variant);font-family:var(--font-body);white-space:nowrap}.nav-section{font-family:var(--font-body);font-size:.68rem;font-weight:600;color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase;margin:1.5rem 0 .5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;color:var(--on-surface-variant);text-decoration:none;border-radius:8px;font-size:.88rem;transition:all .25s ease}.nav-item:hover{background:var(--surface-container-high);color:var(--on-surface)}.nav-item.active{background:#b516ff1a;color:var(--on-surface);border-left:3px solid var(--primary-dim)}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.content-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:2rem;gap:1rem;flex-wrap:wrap;position:relative}.content-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--primary-dim),var(--ghost-border),transparent)}.content-header h2{margin:0;font-family:var(--font-headline)}.badge.available{color:var(--success-green);background:#2ecc7114;border:1px solid rgba(46,204,113,.15)}.badge.dev{color:var(--warning-amber);background:#f1c40f14;border:1px solid rgba(241,196,15,.15)}.lead{font-size:clamp(1rem,2.5vw,1.1rem);color:var(--on-surface);margin-bottom:2rem;line-height:1.7}.feature-list{list-style:none}.feature-list li{margin-bottom:1rem;color:var(--on-surface-variant);position:relative;padding-left:1.5rem;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.feature-list li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--primary-dim);box-shadow:0 0 6px #b516ff66}.feature-list strong{color:var(--on-surface)}.meta-section{margin-bottom:3rem}.meta-section h3{font-family:var(--font-body);font-size:.72rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.meta-section h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:1px;background:var(--primary-dim)}.spec-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--on-surface-variant);margin-bottom:.8rem}.spec-val{color:var(--on-surface);font-family:Courier New,monospace;font-size:.82rem}.coming-soon-section{display:flex;justify-content:center;align-items:center;text-align:center;padding:6rem clamp(1.5rem,5vw,4rem)}.coming-soon-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.coming-soon-icon{width:60px;height:60px;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(218,144,255,.3));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.coming-soon-content h2{font-family:var(--font-headline);color:var(--on-surface)}.coming-soon-content p{color:var(--on-surface-variant)}footer{border-top:1px solid var(--ghost-border);padding:clamp(3rem,8vw,4rem) clamp(1.5rem,5vw,4rem);background:var(--surface-container-low)}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;color:var(--on-surface-variant);font-size:.9rem;flex-wrap:wrap;gap:3rem}.footer-left .logo{margin-bottom:.8rem;font-size:1.3rem;font-family:var(--font-headline)}.footer-socials{display:flex;align-items:center;gap:1.2rem;margin-top:1.5rem}.social-icon{display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);text-decoration:none;transition:color .3s ease,filter .3s ease,transform .3s ease}.social-icon:hover{color:var(--primary);filter:drop-shadow(0 0 10px rgba(181,22,255,.4))}.footer-right h3{font-family:var(--font-body);color:var(--on-surface);font-size:.78rem;margin-bottom:1.2rem;letter-spacing:.1em;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-links a{color:var(--on-surface-variant);text-decoration:none;transition:color .3s ease;display:inline-block}.footer-links a:hover{color:var(--primary)}.background-effects{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none;contain:strict}.nebula{position:absolute;width:min(60vw,800px);height:min(60vw,800px);background:radial-gradient(circle,rgba(181,22,255,.06) 0%,rgba(218,144,255,.02) 40%,transparent 70%);top:50%;left:70%;transform:translate(-50%,-50%);filter:blur(100px);animation:drift 20s infinite alternate linear;will-change:transform}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40%),radial-gradient(white,rgba(255,255,255,.12) 1px,transparent 30%);background-size:550px 550px,350px 350px;background-position:0 0,40px 60px;opacity:.1}@keyframes drift{0%{transform:translate(-55%,-45%)}to{transform:translate(-45%,-55%)}}@media(max-width:1024px){.dashboard-window{grid-template-columns:220px 1fr}.dash-meta{display:none}}@media(max-width:968px){#hero{flex-direction:column;text-align:center;padding-top:120px;min-height:auto;padding-bottom:2rem}.content{display:flex;flex-direction:column;align-items:center}.hero-actions{justify-content:center}.canvas-container{height:55vh;min-height:450px;width:100%;margin-top:-1rem}#live2d-canvas{touch-action:auto!important}.nav-links{display:none}.floating-tag{transform:scale(.6);transform-origin:left center;opacity:.7}.tag-2{transform-origin:right center}.engine-terminal{transform:scale(.6);transform-origin:bottom left;opacity:.7}}@media(max-width:768px){.floating-tag{transform:scale(.45);padding:.3rem .6rem;opacity:.6}.engine-terminal{transform:scale(.45);transform-origin:bottom left;opacity:.6}#notes{padding-left:0;padding-right:0}.dashboard-wrapper{padding:0 .5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.dashboard-window{display:block!important;width:100%!important;max-width:100%!important;border-radius:10px;min-height:auto;overflow:hidden!important;grid-template-columns:none!important}.dash-main{padding:1rem .6rem!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}.dash-main p,.dash-main h2,.dash-main h3,.dash-main span,.dash-main li{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.tab-content{display:none!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.tab-content.active{display:block!important}.content-body{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.dash-sidebar{border-right:none;padding:1.5rem 0 0}.dash-sidebar:after{display:none}.search-container{margin:0 1rem 1.5rem}.sidebar-nav{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 1rem;gap:2rem;border-bottom:1px solid var(--ghost-border)}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{display:none}.nav-item{position:relative;flex:0 0 auto;white-space:nowrap;border:none!important;border-radius:0!important;background:transparent!important;padding:.8rem .2rem;color:var(--on-surface-variant);margin-bottom:-1px}.nav-item.active{color:var(--on-surface);background:transparent!important}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary-dim),var(--primary));box-shadow:0 -2px 8px #b516ff4d}.footer-content{flex-direction:column;text-align:center;align-items:center}.content-header{flex-direction:column;align-items:flex-start;gap:.5rem}.content-header h2{font-size:1.1rem;word-break:normal;overflow-wrap:anywhere;line-height:1.3;margin:0}.content-body p.lead{font-size:.85rem!important;line-height:1.6!important;margin-bottom:1.5rem!important;color:var(--on-surface)!important;word-break:normal!important;display:block!important;width:100%!important;white-space:normal!important}.feature-list{padding:0!important;margin:0!important;width:100%!important;display:block!important}.feature-list li{font-size:.8rem!important;word-break:normal!important;overflow-wrap:anywhere!important;white-space:normal!important;padding-left:1.5rem!important;max-width:100%!important;margin-bottom:.8rem!important;display:block!important}.dash-meta{border-left:none;border-top:1px solid var(--ghost-border);padding:1.5rem 1rem;width:100%}.dash-meta:before{display:none}}@media(max-width:400px){h1{font-size:2.2rem}.hero-actions{flex-direction:column;width:100%;padding:0 1rem}.hero-actions .btn{width:100%}.nav-container .btn-small{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--surface-base);z-index:9999;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s}.loader-overlay.fade-out{opacity:0;visibility:hidden}.loader-content{text-align:center;width:280px}.loader-logo{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;letter-spacing:.5rem;color:var(--on-surface);margin-bottom:2.5rem;animation:pulse-subtle 2s infinite ease-in-out}.loader-track{width:100%;height:2px;background:var(--surface-variant);border-radius:1px;margin-bottom:1.2rem;overflow:hidden}.loader-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--primary-dim),var(--primary));box-shadow:0 0 12px var(--primary-dim),0 0 4px var(--primary);transition:width .4s ease;border-radius:1px}.loader-status{font-family:var(--font-body);font-size:.68rem;color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}body.loading-lock{overflow:hidden}