.badge,.btn{display:inline-block}.card p,.foot-desc,.legal-note{line-height:1.5}.copy,.footergrid,.hero,.legal-note,.section h2,.top-strip,.version-strip,footer{text-align:center}.wrap h2::after,footer::before{content:"";position:absolute;left:0}.app .logo,.app nav a,.btn,.card a,.footergrid a,.logo,.wrap a,nav a{text-decoration:none}.wrap code,code{font-family:Consolas,monospace}header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#11111a;border-bottom:1px solid #232332;position:sticky;top:0;z-index:50}.logo{font-weight:900;color:#00f2ff;font-size:20px;letter-spacing:.5px}.app nav a,nav a{color:#9aa3b2;margin-left:16px;font-size:14px}body,nav a:hover{color:#fff}.top-strip{background:linear-gradient(90deg,#00f2ff22,#00f2ff55,#00f2ff22);border-bottom:1px solid #00f2ff44;font-size:13px;font-weight:700;color:#00f2ff;padding:6px 10px}.hero{padding:110px 20px 90px}.hero h1{margin:0 0 14px;font-size:48px}.hero p{color:#9aa3b2;font-size:18px;max-width:720px;margin:auto}.badge{margin-bottom:18px;padding:6px 12px;border-radius:999px;background:#00f2ff18;border:1px solid #00f2ff55;color:#00f2ff;font-weight:700;font-size:12px}.app .logo,.btn{font-weight:900}.btn{margin-top:26px;background:#00f2ff;color:#000;padding:14px 22px;border-radius:12px;transition:transform .2s,box-shadow .2s}.app,.footergrid,.grid{display:grid}.card,.step{background:#14141c}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00f2ff33}.section{max-width:1100px;margin:70px auto;padding:0 20px}.section h2{margin:0 0 30px;color:#00f2ff;font-size:26px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card:hover{border-color:#00f2ff55;box-shadow:0 10px 28px #000}.card p{margin:0;color:#aab2c3;font-size:14px}footer::before{top:-1px;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f2ff88,transparent)}.wrap h2,footer{position:relative}.footergrid{max-width:1100px;margin:auto;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:34px}.footergrid>div{display:flex;flex-direction:column;align-items:center}.footergrid strong{display:block;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:900;color:#9fe9ff;margin-bottom:14px;position:relative}.card a,.guard,.status-head,.vbadge,.version-strip{font-weight:700}.footergrid strong::after{content:"";display:block;width:36px;height:3px;margin:8px auto 0;border-radius:3px;background:linear-gradient(90deg,#00f2ff,#00f2ff55)}.foot-desc{color:#7f889a;font-size:13px;margin:4px 0 14px;max-width:260px}.footergrid a{display:block;margin:8px 0;font-size:14px;color:#9aa3b2;transition:color .18s,transform .18s}.app .logo,.card a,.card h3,.panel h3{color:#00f2ff}.footergrid a:hover{color:#e6fbff;transform:translateY(-1px)}.legal-note{max-width:820px;margin:22px auto 0;font-size:12.5px;color:#7f889a;opacity:.9}.panel,.step{margin-bottom:14px}.copy{margin-top:34px;padding-top:18px;border-top:1px solid #1a1f2b;color:#7f889a;font-size:13px;letter-spacing:.4px}h1{margin-top:0;letter-spacing:.3px}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{border:1px solid #232332;border-radius:14px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);border-color:#00f2ff55;box-shadow:0 8px 24px #000}.card h3{margin:0 0 10px;font-size:16px}.panel h3,.panel label,code{font-size:13px}.card a{display:inline-block;margin-top:10px}.card a:hover,.wrap a:hover{text-decoration:underline}.section{margin-top:50px}.step{border:1px solid #232332;border-radius:14px;padding:18px}code{background:#000;padding:2px 6px;border-radius:6px;color:#0f0}footer{margin-top:80px;padding:40px 20px;background:#0f0f16;border-top:1px solid #232332;color:#6f7686}:root{--accent:#00f2ff;--scale:1;--opacity:.35;--font:16}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;background:#0b0b10;font-family:Segoe UI,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif}.app{grid-template-columns:320px 1fr 340px;height:calc(100vh - 64px)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#11111a;border-bottom:1px solid #232332}.app .logo{font-size:18px}.side{background:#0f0f16;border-right:1px solid #232332;overflow:auto;padding:14px}.side.right{border-right:none;border-left:1px solid #232332}.center{background:#050507;display:flex;flex-direction:column}.tag,.vbadge{display:inline-block;font-size:12px}.previewWrap{background:#000}.preview{background:linear-gradient(180deg,#b954b1,#c479ce);border-radius:14px;padding:16px;box-shadow:inset 0 0 0 1px #1c95e6}.panel{background:#14141c;border:1px solid #232332;border-radius:14px;padding:14px}.panel h3{margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.panel label{display:flex;justify-content:space-between;align-items:center;margin:8px 0;gap:10px}.panel input,.panel select,.panel textarea{background:#000;color:#fff;border:1px solid #333;border-radius:8px;padding:6px;width:160px}.grid .card button,.panel button{background:#00f2ff;font-weight:800;cursor:pointer}.tag,.vbadge,.ver h2{color:#00f2ff}.panel input[type=color]{width:46px;height:28px;padding:0;border:none}.panel input[type=range]{width:160px}.panel textarea{width:100%;height:110px}.panel button{border:none;border-radius:10px;padding:11px;width:100%;margin-top:8px;transition:.15s}.grid .card button:active,.panel button:active{transform:translateY(2px) scale(.98);filter:brightness(.9)}.preview .chat-card{background:rgba(15,15,22,var(--opacity));border-radius:14px;padding:12px 14px;margin-top:10px;display:flex;width:calc(440px * var(--scale));backdrop-filter:blur(6px)}.preview .avatar{width:34px;height:34px;border-radius:50%;margin-right:10px;flex-shrink:0}.preview .badges,.preview .name{margin-right:6px}.preview .name{font-weight:900;color:var(--accent)}.preview .msg{font-size:calc(var(--font)*1px);line-height:1.35;word-break:break-word}.version-strip{background:linear-gradient(90deg,#00f2ff22,#00f2ff55,#00f2ff22);border-bottom:1px solid #00f2ff44;padding:10px 0;color:#00f2ff}.version-strip span{animation:2.2s ease-in-out infinite glow}@keyframes glow{0%,100%{opacity:.6}50%{opacity:1;text-shadow:0 0 14px #00f2ff}}.vbadge{padding:4px 10px;border-radius:999px;border:1px solid #00f2ff55;background:#00f2ff18}.ver{background:#14141c;border:1px solid #232332;border-radius:16px;padding:22px;margin-bottom:18px}.ver h2{margin:0 0 8px;font-size:22px}.tag{padding:3px 8px;border-radius:999px;background:#00f2ff22;margin-bottom:10px}.sec{margin-top:12px}.sec h3{margin:0 0 6px;font-size:14px;color:#7ddcff}.ver ul{margin:0;padding-left:18px;line-height:1.55}.guard{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#1a1a24;border:1px solid #ff5a5a66;color:#ff8080;padding:12px 18px;border-radius:12px;z-index:9999}.thumb{height:120px;border-radius:10px;background:linear-gradient(135deg,#00f2ff33,#000)}.grid .card{padding:18px}.grid .card h3{margin:12px 0 6px}.grid .card button{border:none;border-radius:10px;padding:10px;width:100%;transition:transform .15s,filter .15s}.wrap{max-width:980px;margin:48px auto;padding:28px 26px;line-height:1.7;background:#12121a;border:1px solid #232332;border-radius:16px}.footer,.header{text-align:center;padding:40px 20px}.wrap h1{font-size:30px;font-weight:900;letter-spacing:.4px;margin-bottom:18px}.wrap h2{margin-top:38px;margin-bottom:14px;font-size:22px;font-weight:800;color:#e6faff;letter-spacing:.3px;padding-bottom:10px}.wrap h2::after{bottom:0;width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,#00f2ff,#00f2ff55)}.wrap p{color:#b7c0d1;margin:10px 0}.wrap ul{padding-left:20px;margin:10px 0}.wrap li{margin:6px 0;color:#b7c0d1}.wrap a{color:#00f2ff}.wrap code{background:#000;padding:3px 7px;border-radius:6px;font-size:13px;color:#7cffb2}.header .logo{font-size:42px;font-weight:900;letter-spacing:2px;color:#00f2ff}.header .tag{margin-top:10px;color:#9aa0aa;font-size:18px}.btns{margin-top:24px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn.alt{background:#1f2230;color:#fff;border:1px solid #2f3347}.footer{color:#7a8191}.guide-steps .step,.status-card{background:#14141c;padding:18px}.guide-steps .step{border:1px solid #232332;border-radius:14px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}.guide-steps .num{display:inline-flex;align-items:center;justify-content:center;background:#00f2ff;color:#000;font-weight:900;border-radius:50%;width:28px;height:28px;min-width:28px;font-size:14px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:20px}.status-card{border:1px solid #232332;border-radius:14px}.status-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.preview .chat-card .msg,.status-dot{display:inline-block}.status-dot{width:10px;height:10px;border-radius:50%;margin-right:8px}.status-ok{background:#2ecc71}.status-warn{background:#f1c40f}.status-bad{background:#e74c3c}.status-label{display:flex;align-items:center;color:#cfd6e6}.status-meta{color:#8e97a8;font-size:13px;margin-top:6px}.preview .chat-card .name{display:inline-block!important;margin-right:6px!important;font-weight:900!important;opacity:1!important;visibility:visible!important}