:root{--bg:#050608;--bg-elev:#0b0e13;--surface:#10141c;--surface-2:#161c26;--surface-3:#1e2733;--border:#232b38;--border-strong:#303b4c;--text:#eef2f7;--text-dim:#9aa7b8;--text-faint:#5f6b7c;--accent:#00b0ff;--accent-bright:#4fc9ff;--accent-dim:#0a2b3d;--accent-glow:#00b0ff40;--success:#2fd07a;--warning:#ffb23e;--danger:#ff4d5e;--radius:24px;--radius-sm:14px;--radius-xs:10px;--font:"Calibri", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;font-size:16px;line-height:1.5}a{color:var(--accent-bright);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}.h-title{font-size:1.5rem;font-weight:700}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.text-accent{color:var(--accent)}.mono{letter-spacing:.08em;font-family:Cascadia Code,Consolas,ui-monospace,monospace}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-tight{border-radius:var(--radius-sm);padding:14px 16px}.divider{background:var(--border);border:0;height:1px}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-weight:600;transition:transform .12s cubic-bezier(.2,.8,.2,1),background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--accent);border-color:var(--accent);color:#041016;box-shadow:0 6px 22px -8px var(--accent-glow)}.btn-accent:hover{background:var(--accent-bright);border-color:var(--accent-bright)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-danger:hover{background:#ff4d5e1a}.btn-sm{padding:7px 14px;font-size:.85rem}.btn-block{width:100%}.label{color:var(--text-dim);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.input,.textarea,.select{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text);outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.textarea{resize:vertical;min-height:84px}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-bright)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-owner{color:var(--accent-bright);background:#00b0ff24}.badge-coach{color:var(--warning);background:#ffb23e24}.badge-player{background:var(--surface-3);color:var(--text-dim)}.badge-paid{color:var(--success);background:#2fd07a24}.badge-pending{color:var(--warning);background:#ffb23e24}.badge-waived{background:var(--surface-3);color:var(--text-faint)}.avatar{background:var(--accent-dim);color:var(--accent-bright);border:1px solid var(--border);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack>*+*{margin-top:12px}.error-text{color:var(--danger);font-size:.85rem}.empty{text-align:center;color:var(--text-faint);padding:48px 16px}.spinner{border:2px solid var(--surface-3);border-top-color:var(--accent);border-radius:999px;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#0009;justify-content:center;align-items:flex-end;padding:0;animation:.15s fade;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:520px;max-height:90vh;padding:22px;animation:.22s cubic-bezier(.2,.8,.2,1) slide-up;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}}@media (min-width:640px){.modal-backdrop{align-items:center}.modal{border-radius:var(--radius)}}.shell{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.shell-body{flex:1;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-elev);z-index:30;align-items:center;gap:12px;height:58px;padding:0 16px;display:flex;position:sticky;top:0}.brand-mark{width:30px;height:30px}.team-switch{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:10px;max-width:62vw;padding:6px 8px 6px 14px;display:flex}.team-switch:hover{border-color:var(--border-strong)}.team-switch .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.dropdown{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);z-index:50;min-width:260px;padding:8px;position:absolute;top:52px;left:16px;right:auto;box-shadow:0 20px 50px -20px #000c}.dropdown-item{border-radius:var(--radius-xs);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item.active{background:var(--accent-dim)}.rail{border-right:1px solid var(--border);background:var(--bg-elev);flex-direction:column;gap:4px;width:220px;padding:16px 12px;display:none}.rail-link{border-radius:var(--radius-xs);color:var(--text-dim);cursor:pointer;align-items:center;gap:12px;padding:11px 14px;font-weight:600;display:flex}.rail-link:hover{background:var(--surface);color:var(--text)}.rail-link.active{background:var(--accent-dim);color:var(--accent-bright)}.content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.content-scroll{flex:1;padding:20px 16px 96px;overflow-y:auto}.content-pad{width:100%;max-width:760px;margin:0 auto}.tabbar{border-top:1px solid var(--border);background:var(--bg-elev);z-index:30;height:64px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--text-faint);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.68rem;font-weight:600;display:flex}.tab.active{color:var(--accent-bright)}@media (min-width:860px){.rail{display:flex}.tabbar{display:none}.content-scroll{padding-bottom:32px}}.chat{flex-direction:column;height:100%;min-height:0;display:flex}.chat-head{border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:10px;padding:12px 16px;display:flex}.channel-pill{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.channel-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-bright)}.presence-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:999px}.chat-scroll{flex-direction:column;flex:1;gap:2px;padding:16px;display:flex;overflow-y:auto}.msg{border-radius:var(--radius-xs);gap:10px;padding:6px 8px;display:flex}.msg:hover{background:var(--bg-elev)}.msg-grouped{padding-top:1px;padding-bottom:1px}.msg-body{word-wrap:break-word;overflow-wrap:anywhere;min-width:0}.msg-meta{align-items:baseline;gap:8px;display:flex}.msg-author{font-weight:700}.msg-time{color:var(--text-faint);font-size:.72rem}.msg-mine .msg-author{color:var(--accent-bright)}.chat-compose{border-top:1px solid var(--border);background:var(--bg-elev);align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.chat-input{background:var(--bg);border:1px solid var(--border);color:var(--text);resize:none;border-radius:18px;outline:none;flex:1;max-height:140px;padding:11px 16px;line-height:1.4}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.send-btn{background:var(--accent);color:#041016;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;transition:transform .12s;display:grid}.send-btn:hover{background:var(--accent-bright)}.send-btn:active{transform:scale(.92)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.meter{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--accent), var(--accent-bright));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.2,.8,.2,1)}.segmented{background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:600}.segmented button.on-yes{color:var(--success);background:#2fd07a2e}.segmented button.on-maybe{color:var(--warning);background:#ffb23e2e}.segmented button.on-no{color:var(--danger);background:#ff4d5e2e}