*{box-sizing:border-box}html,body{margin:0;background:#0a0a0a;color:#f2f2f2;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}h1{margin:0;font-size:28px}.ok{font-size:20px;margin:0}.muted{color:#8a8a8a;margin:0}.pill{padding:6px 14px;border-radius:999px;font-size:14px;margin:0}.pill.on{background:#0f3d24;color:#34d17f}.pill.off{background:#4a1a1a;color:#ff6b6b}.card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px;background:#151515;border:1px solid #2A2A2A;border-radius:16px;padding:20px;text-align:left}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#b5b5b5}input{background:#0a0a0a;color:#f2f2f2;border:1px solid #333;border-radius:10px;padding:14px;font-size:17px}input:focus{outline:2px solid #34D17F;border-color:transparent}button{background:#34d17f;color:#04210f;border:none;border-radius:12px;padding:15px;font-size:17px;font-weight:700;cursor:pointer}button:disabled{opacity:.6}button.ghost{background:transparent;color:#b5b5b5;border:1px solid #333;margin-top:8px}.err{color:#ff6b6b;margin:0}.pw{position:relative;display:flex}.pw input{flex:1;padding-right:76px}button.eye{position:absolute;right:6px;top:6px;bottom:6px;padding:0 12px;background:#222;color:#b5b5b5;font-size:14px;font-weight:600;border-radius:8px}.tiny{font-size:12px;word-break:break-all;text-align:center}.page{max-width:560px;margin:0 auto;padding:16px 16px 40px}.top{display:flex;align-items:center;justify-content:space-between;min-height:48px}.top h1{font-size:26px}.addbtn{background:#34d17f;color:#04210f;font-weight:700;font-size:16px;text-decoration:none;padding:11px 16px;border-radius:12px}.back{color:#b5b5b5;text-decoration:none;font-size:17px;padding:10px 6px;min-width:70px}.small{font-size:13px}.muted{color:#a6a6a6}.page .muted{margin:4px 0 12px}.offpill{margin-left:10px;background:#1f1f1f;color:#b5b5b5;padding:2px 9px;border-radius:999px;font-size:12px}.list{display:flex;flex-direction:column;gap:10px}.row{background:#141414;border:1px solid #2E2E2E;border-left:3px solid #2E2E2E;border-radius:16px;min-height:60px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:#f5f5f5}.rowmain{display:flex;flex-direction:column;gap:5px;min-width:0}.rowname{font-weight:600;font-size:19px}.rowsub{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ago{font-size:15px;color:#a6a6a6}.tag{font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px}.tag.pool{color:#f2b45c;background:#2b220f}.tag.tech{color:#6ea8ff;background:#12233f}.status{font-size:14px;font-weight:600;border-radius:999px;padding:6px 11px;white-space:nowrap}.empty{text-align:center;padding:40px 0}.empty p{margin:6px 0}.foot{margin-top:28px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.linkbtn{background:none;color:#b5b5b5;font-size:14px;font-weight:500;padding:8px;text-decoration:underline}.form{display:flex;flex-direction:column;gap:16px;margin-top:8px}.svc{background:#141414;border:2px solid #2E2E2E;border-radius:14px;overflow:hidden}.svc.pool.on{border-color:#f2b45c}.svc.tech.on{border-color:#6ea8ff}.svchead{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;color:#f5f5f5;border-radius:0;font-size:18px;font-weight:700;padding:14px 16px;text-align:left}.svc.pool.on .svchead{color:#f2b45c;background:#2b220f}.svc.tech.on .svchead{color:#6ea8ff;background:#12233f}.rule{display:flex;gap:8px;align-items:center;padding:12px 16px;flex-wrap:wrap}.rule input{width:72px;text-align:center;padding:10px}.hint{margin:-6px 0 0}.check{flex-direction:row;align-items:center;gap:10px;font-size:16px;color:#f5f5f5}.check input{width:22px;height:22px;padding:0;accent-color:#34D17F}
