:root{--bg0: #0b1326;--bg1: #131e37;--panel0: rgba(18, 26, 46, .86);--panel1: rgba(24, 34, 58, .86);--stroke: rgba(255, 255, 255, .08);--stroke2: rgba(255, 255, 255, .12);--text: #eaf1ff;--muted: rgba(234, 241, 255, .62);--muted2: rgba(234, 241, 255, .42);--accent: #77e070;--accent2: #3ccf66;--danger: #ff7f7f;--shadow: 0 24px 88px rgba(0, 0, 0, .52);--inner: inset 0 1px 0 rgba(255, 255, 255, .06);--radius: 18px;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg0)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0}.scene{min-height:100%;position:relative}.bg{position:fixed;inset:0;pointer-events:none}.bg-sky{position:absolute;inset:0;background:radial-gradient(1200px 600px at 50% 10%,rgba(255,255,255,.12),transparent 55%),radial-gradient(700px 420px at 12% 28%,rgba(125,175,255,.11),transparent 60%),radial-gradient(700px 420px at 88% 32%,rgba(125,175,255,.1),transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg0))}.bg-city{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(16,24,42,.68) 66%,rgba(16,24,42,.92) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 34px);-webkit-mask-image:linear-gradient(180deg,transparent 60%,black 72%);mask-image:linear-gradient(180deg,transparent 60%,black 72%);opacity:.6}.bg-creepers{position:absolute;inset:0;background:radial-gradient(circle at 8% 90%,rgba(119,224,112,.1) 0 18%,transparent 19%),radial-gradient(circle at 92% 92%,rgba(119,224,112,.1) 0 18%,transparent 19%),radial-gradient(circle at 22% 96%,rgba(255,255,255,.06) 0 14%,transparent 15%),radial-gradient(circle at 76% 96%,rgba(255,255,255,.06) 0 14%,transparent 15%);opacity:.8;-webkit-mask-image:linear-gradient(180deg,transparent 40%,black 80%);mask-image:linear-gradient(180deg,transparent 40%,black 80%)}.wrap{position:relative;padding:44px 16px 56px;display:flex;justify-content:center}.panel{width:min(920px,100%);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel1),var(--panel0));border:1px solid var(--stroke);box-shadow:var(--shadow),var(--inner);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:26px 26px 22px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.brand{display:flex;align-items:center;gap:16px}.mc-icon{width:62px;height:62px;border-radius:14px;background:linear-gradient(145deg,#77e07040,#3ccf6624);border:1px solid rgba(119,224,112,.28);box-shadow:inset 0 1px #ffffff1a;display:grid;place-items:center}.mc-icon svg{width:52px;height:52px}.title{display:flex;flex-direction:column;line-height:1.05}.t1,.t2{font-weight:800;font-size:34px;letter-spacing:.01em}.subtitle{margin-top:10px;color:var(--muted);font-size:13px}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);margin:18px 0}.btn{border:1px solid var(--stroke);background:#ffffff0d;color:var(--text);border-radius:14px;padding:10px 12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{width:18px;height:18px;display:inline-flex}.btn-icon svg{width:18px;height:18px}.btn-ghost{background:#ffffff0a}.btn-iconOnly{width:44px;height:44px;border-radius:14px;justify-content:center;padding:0}.btn-iconOnly svg{width:22px;height:22px}.status-block{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.status-head{display:flex;flex-direction:column;grid-template-columns:1fr auto auto;gap:6px;flex:1}.server-label{font-weight:800;font-size:18px}.status-buttons{display:flex;justify-content:space-evenly;gap:10px}.btn-status{height:68px;min-width:150px;padding:0 14px;border-radius:12px;justify-content:center;letter-spacing:.06em}.btn-status.on{background:linear-gradient(135deg,#77e070f2,#3ccf66d9);color:#0f2a17;border-color:#77e07066}.btn-status.secondary.on{background:linear-gradient(135deg,#77e07066,#77e07066);color:#0f2a17;border-color:#77e07066}.btn-status.off{background:#ffffff0d;color:#eaf1ff8c}.status-text{font-size:26px;font-weight:900}.status-meta{display:flex;flex-direction:column;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;justify-content:space-evenly;flex:1}.meta-k{color:var(--muted2);font-size:12px;letter-spacing:.05em}.meta-v{margin-top:6px;font-weight:800}.message{margin-left:0}.message-label{font-size:12px;color:#d6ffd4bf;letter-spacing:.06em}.message-text{margin-top:6px;margin-left:5px;font-weight:550}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.h2{margin:0 0 10px;font-size:18px}.rules{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px;line-height:1.5}.small-note{margin:12px 0 0;color:var(--muted2)}.field{margin-bottom:12px}.field-label{font-size:12px;color:var(--muted2);margin-bottom:6px;letter-spacing:.04em}.field-with-btn{display:grid;grid-template-columns:1fr 44px;gap:10px}.field-AandB{display:grid;grid-template-columns:1fr 28px 1fr;gap:10px}.field-AandB-connecter{align-self:center;text-align:center}.input{width:100%;padding:11px 12px;border-radius:12px;background:#0000002e;border:1px solid var(--stroke);color:var(--text);outline:none}.btn-square{width:44px;height:44px;padding:0;justify-content:center}.btn-square svg{width:20px;height:20px}.pill{padding:11px 12px;border-radius:12px;background:#0000002e;border:1px solid var(--stroke);color:var(--text);font-weight:750}.bottom{display:grid;gap:14px}.notice-title{font-size:12px;color:var(--muted2);letter-spacing:.04em}.notice-text{margin-top:8px;color:var(--muted);line-height:1.5}.mini-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.chip{border:1px solid var(--stroke);background:#00000029;border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--text)}.dot{width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 4px #ffffff0a}.dot-open{background:var(--accent)}.dot-closed{background:var(--danger)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.social{display:inline-flex;gap:10px}.icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0a;display:inline-flex;align-items:center;justify-content:center;color:var(--text);text-decoration:none}.icon-btn svg{width:20px;height:20px}.error-card{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,127,127,.32);background:#ff7f7f14;color:#ffd3d3}.error-text{margin-top:8px;white-space:pre-wrap}.error-hint{margin-top:6px;color:#ffd3d3bf;font-size:12px}@media(max-width:860px){.t1,.t2{font-size:28px}.status-head,.status-block,.status-meta,.two-col{grid-template-columns:1fr}.btn-status{min-width:0;width:max(130px,100%)}.btn-refresh{display:none}}