
:root{--blue:#168bff;--cyan:#4be7ff;--bg:#030817;--panel:rgba(7,18,42,.88);--line:rgba(43,151,255,.45);--muted:#9db7d9}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#edf7ff;background:radial-gradient(ellipse at 50% -10%,#123d80 0,transparent 42%),radial-gradient(circle at 10% 70%,#071b42 0,transparent 35%),#020611;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(45,140,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(45,140,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent)}.wrap{width:min(760px,100%);margin:auto;padding:16px 13px 30px;position:relative}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}.brand{font-weight:1000;letter-spacing:2px;font-size:clamp(23px,6vw,34px);font-style:italic;text-shadow:0 0 12px #168bff,0 0 28px #006bff}.online{font-size:12px;font-weight:900;letter-spacing:1px;color:#55ff9b;border:1px solid #1cbd70;border-radius:30px;padding:7px 11px;background:#062b20;box-shadow:0 0 15px #00d87955;white-space:nowrap}.cover{height:190px;border:1px solid #278dff;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 0 22px #087cff66,inset 0 0 25px #087cff44;background:#06132b}.cover img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}.cover:after{content:"KH STORE  •  SERVER 1.7";position:absolute;inset:auto 0 0;padding:35px 14px 12px;background:linear-gradient(transparent,rgba(0,4,15,.92));font-size:18px;font-weight:1000;letter-spacing:2px;text-shadow:0 0 12px #168bff}.info{display:flex;justify-content:space-between;gap:10px;margin:13px 0 17px;flex-wrap:wrap}.info-card{flex:1;min-width:145px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 0 15px #087cff20}.small{font-size:11px;color:var(--muted);letter-spacing:1px}.value{margin-top:5px;font-size:15px;font-weight:900;color:#61ffad}.section-title{text-align:center;font-size:13px;letter-spacing:2px;color:#9fcfff;margin:12px 0}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.tab,.run,.toggle{color:#eaf7ff;background:linear-gradient(135deg,#0a2149,#07142c);border:1px solid #268cff;border-radius:11px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 0 12px #087cff33;position:relative;overflow:hidden}.tab{padding:13px 4px;font-size:13px}.tab.active{background:linear-gradient(135deg,#087cff,#063a86);box-shadow:0 0 20px #078bff99,inset 0 0 12px #70dfff55}.tab:after,.run:after,.toggle:after{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 35%,#b9f4ff99 50%,transparent 65%);transform:translateX(-130%);animation:shine 3.4s infinite;pointer-events:none}@keyframes shine{65%,100%{transform:translateX(130%)}}.panel{border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(150deg,rgba(8,23,52,.95),rgba(3,10,25,.96));box-shadow:0 0 24px #087cff25;min-height:250px}.panel h2{font-size:15px;letter-spacing:2px;margin:2px 0 13px;color:#72caff}.feature{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 11px;margin:9px 0;border:1px solid rgba(53,132,220,.3);border-radius:12px;background:rgba(4,14,33,.8)}.feature b{display:block;font-size:13px;letter-spacing:.4px}.feature span{display:block;color:#9bb5d5;font-size:12px;margin-top:3px}.toggle{min-width:64px;padding:8px 10px;font-size:11px}.toggle.on{border-color:#36f2a1;background:linear-gradient(135deg,#075d49,#063b37);color:#75ffc0;box-shadow:0 0 14px #00e69b55}.manual{font-size:13px;line-height:1.9;color:#d7eaff}.manual ul{padding-left:21px}.note{color:#a9c6e9;font-size:12px;border-left:3px solid #168bff;padding:8px 10px;background:#071a35;border-radius:5px}.run{width:100%;margin-top:15px;padding:16px;font-size:16px;background:linear-gradient(100deg,#0752bd,#087fff,#0643a4);box-shadow:0 0 22px #087cff88;letter-spacing:2px}.run:disabled{opacity:.65}.progress-wrap{display:none;margin-top:14px;padding:17px;border:1px solid #268cff;border-radius:14px;background:#06152e;text-align:center;box-shadow:0 0 20px #087cff55}.progress-wrap.show{display:block}.percent{font-size:34px;font-weight:1000;color:#70eaff;text-shadow:0 0 16px #168bff}.track{height:10px;border-radius:20px;background:#102b50;overflow:hidden;margin:10px 0}.bar{height:100%;width:0;background:linear-gradient(90deg,#087bff,#69f4ff);box-shadow:0 0 15px #32caff;transition:width .04s linear}.overlay{display:none;position:fixed;inset:0;background:#000b;z-index:5;align-items:center;justify-content:center;padding:20px}.overlay.show{display:flex}.dialog{width:min(440px,100%);padding:24px 18px;border:1px solid #39aaff;border-radius:17px;background:linear-gradient(145deg,#0b2450,#030a1b);text-align:center;box-shadow:0 0 35px #087cff99}.check{font-size:34px;color:#58ffab;text-shadow:0 0 16px #00d77a}.dialog h3{font-size:17px;line-height:1.7;margin:8px 0 18px}.close{border:1px solid #31a4ff;background:#0756ae;color:white;border-radius:9px;padding:10px 22px;font-weight:900}.footer{text-align:center;color:#55769e;font-size:10px;letter-spacing:2px;margin-top:18px}@media(min-width:600px){.cover{height:240px}.panel{padding:19px}.feature{padding:14px}}
