:root{color-scheme:dark;--bg: #0b1220;--card: #111827;--text: #e5e7eb;--muted: #9ca3af;--accent: #38bdf8;--danger: #f87171;--ok: #4ade80;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(1200px 600px at 20% 0%,#132347,var(--bg));color:var(--text)}a{color:var(--accent)}.layout{max-width:520px;margin:0 auto;padding:1rem 1rem 3rem}header.top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;flex-wrap:nowrap}.brand{font-weight:700;letter-spacing:.02em}.brand-logo{width:34px;height:34px;display:block}.card{background:#111827d9;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:1rem 1.1rem;margin-bottom:.85rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.muted{color:var(--muted);font-size:.9rem}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem 1rem;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#0b1220;text-decoration:none}button.secondary{background:#94a3b826;color:var(--text)}button.danger{background:#f8717133;color:#fecaca}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:.8rem .9rem;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:var(--text);margin-top:.35rem;font-size:1rem;min-height:44px}label{display:block;font-size:.85rem;color:var(--muted);margin-top:.65rem}.row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.nav-links{flex-wrap:nowrap;gap:.35rem}.icon-link{padding:.45rem;width:36px;justify-content:center}.admin-subnav{margin-top:-.35rem;margin-bottom:.75rem;gap:.4rem;flex-wrap:wrap}.admin-subnav .btn{padding:.45rem .6rem;font-size:.9rem}.status{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;background:#38bdf826;color:#bae6fd}.err{color:var(--danger);font-size:.9rem;margin-top:.5rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;word-break:break-all}.support-fab{position:fixed;right:16px;bottom:16px;z-index:40;box-shadow:0 10px 30px #0f172a73}.copy-row{display:flex;align-items:center;gap:.6rem;margin-top:.35rem}.price-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:.6rem;gap:.75rem}.price-meta{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.price-current{color:var(--accent);font-weight:700}.price-old{color:var(--muted);text-decoration:line-through;font-size:.9rem}.price-badge{font-size:.75rem;padding:.2rem .45rem;border-radius:999px;background:#38bdf826;color:#bae6fd;font-weight:700}.maintenance-banner{border-color:#f871714d;background:#1e293be6}.copy-number{flex:1;font-size:.95rem;white-space:nowrap}.copy-btn{padding:.55rem .7rem;min-width:44px}.guide-wrap{margin-top:.9rem}.guide-grid{display:grid;gap:.75rem}.guide-step-card{background:linear-gradient(180deg,#0f172aeb,#0f172aa6);border:1px solid rgba(148,163,184,.16);border-radius:16px;overflow:hidden}.guide-step-figure{padding:.85rem .85rem 0}.guide-art{display:block;width:100%;height:auto;border-radius:14px;background:radial-gradient(circle at top right,rgba(56,189,248,.14),transparent 40%),#020617b3}.guide-step-copy{padding:.9rem .95rem 1rem}.guide-step-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7dd3fc;margin-bottom:.35rem}.guide-step-copy p{margin:.45rem 0 0}.guide-note{margin-top:.75rem;padding:.9rem .95rem;border-radius:14px;background:#0ea5e914;border:1px solid rgba(56,189,248,.16)}.server-overview-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:.9rem}.server-overview-item{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172a7a}.slot-preview-card{overflow:hidden}.slot-meta-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));margin-top:.85rem}.slot-binding-card{margin-top:.8rem;padding:.8rem .9rem;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172a57}.slot-binding-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.slot-binding-row+.slot-binding-row{margin-top:.6rem}.slot-action-group{margin-top:.85rem}.slot-action-title{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#7dd3fc;margin-bottom:.45rem;font-weight:700}.copy-line{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.copy-line span{flex:1;min-width:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{width:min(760px,100%);max-height:min(92dvh,920px);overflow:auto;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#111827fa,#0f172af5);box-shadow:0 30px 80px #02061773}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;position:sticky;top:0;background:inherit;z-index:1}.modal-body{padding:0 1rem 1rem}.modal-footer{padding:0 1rem 1rem;justify-content:flex-end;position:sticky;bottom:0;background:inherit}.modal-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:640px){.modal-grid{grid-template-columns:1fr}.modal-head{align-items:flex-start;flex-direction:column}.modal-footer{justify-content:stretch}.modal-footer button,.modal-footer .btn{width:100%}}