:root{--bg:#fff;--bg-soft:#fafafa;--border:#e5e5e5;--text:#111;--muted:#6b7280;--accent:#111;--accent-text:#fff;--ok:#047857;--danger:#b91c1c;--radius:10px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.5}html,body,*{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}a{color:inherit;text-decoration:none}.shell{max-width:1080px;margin:0 auto;padding:24px 20px 64px}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-size:14px}.nav a:hover{background:var(--bg-soft);color:var(--text)}.nav a.active{background:var(--accent);color:var(--accent-text)}.who{align-items:center;gap:10px;font-size:14px;display:flex}.avatar{background:var(--bg-soft);border-radius:50%;width:28px;height:28px}.card{border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card+.card{margin-top:14px}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}h2{margin:0 0 12px;font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:14px;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-quiet{color:var(--text);border-color:var(--border);background:0 0}.btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:0 0}input[type=text],input[type=number],input[type=url],select,textarea{border:1px solid var(--border);font:inherit;background:var(--bg);color:var(--text);border-radius:8px;padding:7px 12px;font-size:14px}textarea{resize:vertical;width:100%;min-height:74px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:12px}.field input,.field select{width:100%}.check{align-items:center;gap:8px;font-size:14px;display:flex}input[type=color]{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:38px;height:34px;padding:2px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.role{border:1px solid var(--border);background:var(--bg);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.role+.role{margin-top:8px}.role.dragging{opacity:.4}.role.over{border-color:var(--accent)}.role.locked{background:var(--bg-soft)}.grip{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:16px;line-height:1}.grip[aria-disabled=true]{cursor:not-allowed;opacity:.35}.dot{border-radius:50%;flex:none;width:10px;height:10px}.grow{flex:1;min-width:0}.rank{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.perms{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 20px;margin-top:8px;display:grid}.perm{align-items:flex-start;gap:8px;font-size:14px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 0 4px;font-size:13px}.notice{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;margin-top:12px;padding:10px 14px;font-size:14px}.notice-error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:12px}.badge-owner{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 35%, var(--border))}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 10px}th{color:var(--muted);font-size:13px;font-weight:500}.wrap{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.scroll-x{overflow-x:auto}