body,html,#root{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}*{box-sizing:border-box}.pc-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;color:#fff;background:#000000d9;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:fixed;inset:0}.pc-modal{background:#111;border:1px solid #333;border-radius:16px;width:90%;max-width:450px;padding:2.5rem;box-shadow:0 10px 40px #000c}.pc-header-area{border-bottom:1px solid #333;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.pc-logo{filter:drop-shadow(0 0 10px #fff3);width:60px;height:auto}.pc-modal h2{margin-top:0;margin-bottom:0;font-weight:500}.pc-modal h3{color:#aaa;margin-bottom:.5rem;font-size:1.1rem}.pc-section{background:#1a1a1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.pc-stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pc-stat-item{background:#000;border:1px solid #333;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.pc-stat-label{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.pc-stat-value{color:#fff;font-size:1.2rem;font-weight:600}.pc-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pc-modal input[type=text],.pc-modal input[type=password],.pc-modal input[type=number]{color:#fff;background:#000;border:1px solid #333;border-radius:8px;width:100%;margin-bottom:1.5rem;padding:.8rem;font-size:1rem}.pc-modal input[type=range]{flex-grow:1}.pc-hint{color:#666;margin-top:0;font-size:.8rem}.pc-actions{gap:1rem;margin-top:1rem;display:flex}.pc-btn{color:#fff;cursor:pointer;background:#2a88ff;border:none;border-radius:8px;flex:1;padding:.8rem 1.5rem;font-size:1rem}.pc-btn:hover{background:#1a78ef}.pc-btn.cancel{background:#333}.pc-btn.cancel:hover{background:#444}.pc-btn.warning{background:0 0;border:1px solid #555}.pc-btn.warning:hover{background:#222}.app-container{touch-action:none;-webkit-user-select:none;user-select:none;perspective:1000px;background-color:#050505;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.ambient-glow{background:radial-gradient(circle, hsla(var(--bg-hue), 80%, 60%, .15) 0%, transparent 70%);pointer-events:none;mix-blend-mode:screen;z-index:2;border-radius:50%;width:600px;height:600px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.center-content{z-index:10;pointer-events:none;flex-direction:column;align-items:center;transition:opacity 2s ease-in-out,transform 2s;animation:6s ease-in-out infinite float;display:flex}.center-content.dimmed{opacity:.15;transform:scale(.95)}.logo{width:200px;height:auto;filter:drop-shadow(0 0 20px hsla(var(--bg-hue), 100%, 70%, .3));margin-bottom:2rem;transition:filter .3s}.title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #00000080);-webkit-background-clip:text;margin:0;font-family:Cormorant Garamond,serif;font-size:5rem;font-weight:300}.subtitle{color:#888;letter-spacing:.1em;text-transform:lowercase;opacity:.8;margin-top:1rem;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-style:italic;font-weight:300;transition:opacity .5s}.particle{pointer-events:none;z-index:5;border-radius:50%;width:14px;height:14px;animation:2s cubic-bezier(.165,.84,.44,1) forwards explode;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px}@keyframes explode{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.liquid-container{filter:blur(15px)contrast(40);z-index:1;pointer-events:none;background:#050505;width:100vw;height:100vh;position:absolute;top:0;left:0}.liquid-cursor{background:hsla(var(--bg-hue), 80%, 60%, 1);pointer-events:none;border-radius:50%;width:120px;height:120px;transition:width .2s,height .2s;position:absolute;transform:translate(-50%,-50%)}.app-container:active .liquid-cursor{width:150px;height:150px}.liquid-drop{background:hsla(var(--bg-hue), 80%, 70%, 1);pointer-events:none;border-radius:50%;width:60px;height:60px;animation:1.5s ease-out forwards liquid-fade;position:absolute;transform:translate(-50%,-50%)}.liquid-drop.giant{width:250px;height:250px;animation:1.5s ease-out forwards liquid-fade-giant}@keyframes liquid-fade{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes liquid-fade-giant{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.neon-grid-container{transform-style:preserve-3d;pointer-events:none;z-index:1;transform:rotateX(60deg) translateY(calc(var(--mouse-y,500) * .1px)) translateX(calc((var(--mouse-x,500) - 50vw) * -.05px));will-change:transform;background:0 0;transition:transform .1s linear;position:absolute;inset:-200%}.neon-grid{background-image:linear-gradient(hsla(var(--bg-hue), 100%, 50%, .4) 1px, transparent 1px), linear-gradient(90deg, hsla(var(--bg-hue), 100%, 50%, .4) 1px, transparent 1px);background-size:100px 100px;width:100%;height:100%;animation:5s linear infinite gridMove;box-shadow:inset 0 0 200px #050505}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 100px}}.breathing-aura{background:radial-gradient(circle, hsla(var(--bg-hue), 100%, 50%, .4) 0%, transparent 60%);pointer-events:none;mix-blend-mode:screen;z-index:1;border-radius:50%;width:800px;height:800px;animation:4s ease-in-out infinite alternate breathe;position:absolute;transform:translate(-50%,-50%)}@keyframes breathe{0%{opacity:.5;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.menu-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:100;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:54px;height:54px;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem;box-shadow:0 4px 15px #0000004d}.menu-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.hamburger-line{background:#fff;border-radius:3px;width:24px;height:3px;transition:all .3s;box-shadow:0 1px 3px #00000080}.menu-toggle.open .hamburger-line:first-child{transform:translateY(9px)rotate(45deg)}.menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.menu-toggle.open .hamburger-line:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.menu-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:90;background:#0a0a0ad9;border-left:1px solid #ffffff1a;flex-direction:column;gap:2rem;width:320px;height:100vh;padding:6rem 2rem 2rem;transition:transform .4s cubic-bezier(.165,.84,.44,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.menu-container.open{transform:translate(0)}.menu-container h2{background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem}.menu-group{flex-direction:column;gap:.8rem;display:flex}.menu-group label{text-transform:uppercase;letter-spacing:.1em;color:#666;font-size:.8rem}.menu-btn{color:#ccc;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;font-size:1rem;transition:all .2s}.menu-btn:hover:not(:disabled){color:#fff;background:#ffffff1a;transform:translateY(-2px)}.menu-btn.active{background:hsla(var(--bg-hue), 80%, 60%, .2);border-color:hsla(var(--bg-hue), 80%, 60%, .5);color:#fff;box-shadow:0 0 20px hsla(var(--bg-hue), 80%, 60%, .2)}.menu-btn:disabled{opacity:.4;cursor:not-allowed}