:root{--bg: #f3f7fb;--bg-card: #ffffff;--text: #15222f;--text-muted: #5b6b7b;--border: #dde6ee;--primary: #1b87e5;--primary-hover: #136fc4;--accent: #2bc8e8;--danger: #d64545;--danger-hover: #b73535;--console-bg: #0e1622;--console-text: #cfe3f5;--radius: 10px;--shadow: 0 1px 3px rgba(21, 34, 47, .07), 0 4px 14px rgba(21, 34, 47, .05)}[data-theme=dark]{--bg: #0d1521;--bg-card: #16202f;--text: #e7eef6;--text-muted: #93a4b5;--border: #25324a;--primary: #2b95ec;--primary-hover: #4ea8f0;--accent: #2bc8e8;--danger: #e25b5b;--danger-hover: #ec7676;--console-bg: #0a0f17;--console-text: #cfe3f5;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;transition:background .25s ease,color .25s ease}main{max-width:980px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.7rem;margin:.2em 0 .5em}h2{font-size:1.15rem;margin:0 0 .6em}h3{font-size:1rem;margin:0 0 .3em}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}p{margin:.5em 0}ul{margin:.4em 0;padding-left:1.3em}header{position:sticky;top:0;z-index:10;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}header nav{max-width:980px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}header nav a{color:var(--text-muted);font-weight:500}header nav a:first-child{color:var(--primary);font-weight:700;font-size:1.05rem}header nav a:hover{color:var(--primary);text-decoration:none}header nav{font-size:.95rem}header nav .nav-right{margin-left:auto;display:flex;gap:10px;align-items:center}main section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;margin-bottom:18px;animation:rise .25s ease both}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin:3px 6px 3px 0;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}label{display:inline-block;margin:2px 0}textarea{width:100%;font-family:ui-monospace,Cascadia Code,Consolas,monospace}button{font:inherit;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:8px;padding:8px 16px;margin:3px 4px 3px 0;cursor:pointer;transition:background .15s ease,transform .1s ease}button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed}header nav button,table button,summary button{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:5px 10px;font-weight:500}header nav button:hover:not(:disabled),table button:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}section.danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}section.danger button[type=submit]{background:var(--danger)}section.danger button[type=submit]:hover:not(:disabled){background:var(--danger-hover)}table{width:100%;border-collapse:collapse;font-size:.93rem}th{text-align:left;color:var(--text-muted);font-weight:600;padding:8px 10px}td{padding:8px 10px;border-top:1px solid var(--border)}[role=alert]{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:8px;padding:8px 12px}pre{background:var(--console-bg);color:var(--console-text);border-radius:var(--radius);padding:14px;overflow:auto;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem}details{border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin:8px 0;background:var(--bg)}summary{cursor:pointer;font-weight:600}details[open] summary{margin-bottom:6px}hr{display:none}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.85rem;font-weight:600;text-transform:capitalize}.badge.online{background:#1f9d5511;color:#1f9d55;border:1px solid #1f9d5544}.badge.starting{background:#d88a1411;color:#d88a14;border:1px solid #d88a1444}.badge.offline{background:#8a949e22;color:var(--text-muted);border:1px solid var(--border)}.badge.sleeping{background:#7c5cd911;color:#7c5cd9;border:1px solid #7c5cd944}pre.console{height:60vh}form.console-input{display:flex;gap:8px}form.console-input input{flex:1}.hero{text-align:center;padding:56px 22px!important}.hero h1{font-size:2.3rem;margin-bottom:.3em;background:linear-gradient(100deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--text-muted);font-size:1.08rem;max-width:560px;margin:.6em auto}.hero button{font-size:1.05rem;padding:11px 22px}.stats-bar{text-align:center;color:var(--text-muted)}.stats-bar b{color:var(--primary);font-size:1.2rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.features article{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--bg);transition:transform .15s ease,border-color .15s ease}.features article:hover{transform:translateY(-2px);border-color:var(--primary)}.cta{text-align:center}footer{text-align:center;color:var(--text-muted);font-size:.88rem;padding:18px 0 6px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}