@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#0a0a0a;--bg-elev:#141414;--surface:#1a1a1a;--surface-2:#232323;--border:#2a2a2a;--border-strong:#3a3a3a;--text:#fafafa;--text-mute:#8a8a8a;--text-dim:#5a5a5a;--lime:#d4ff3a;--lime-dim:#b5c300;--lime-soft:#ebfc5c1f;--red:#fa6863;--red-soft:#fa686324;--amber:#fcb442;--blue:#3fbcf0;--font-display:"Space Grotesk", -apple-system, system-ui, sans-serif;--font-body:-apple-system, "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@supports (color:lab(0% 0 0)){:root{--lime-dim:lab(75.7751% -19.1788 77.0543);--lime-soft:lab(95.5798% -20.4028 71.404/.12);--red:lab(63.4204% 56.5783 32.9929);--red-soft:lab(63.4204% 56.5783 32.9929/.14);--amber:lab(79.0006% 19.667 65.9588);--blue:lab(71.2865% -22.6815 -36.2853)}}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0}button{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg);max-width:480px;min-height:100dvh;padding-top:var(--safe-top);flex-direction:column;margin:0 auto;display:flex;position:relative}.app-body{padding:0 20px calc(120px + var(--safe-bottom));scrollbar-width:none;flex:1;overflow:hidden auto}.app-body::-webkit-scrollbar{display:none}.app-body.no-nav{padding-bottom:calc(24px + var(--safe-bottom))}.topbar{justify-content:space-between;align-items:center;min-height:56px;padding:12px 20px 8px;display:flex}.topbar h1{font-family:var(--font-display);letter-spacing:-.02em;text-align:center;flex:1;margin:0;font-size:22px;font-weight:600}.topbar .left,.topbar .right{justify-content:center;align-items:center;width:36px;display:flex}.topbar .right{justify-content:flex-end}.iconbtn{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.iconbtn:active{transform:scale(.96)}.iconbtn.ghost{background:0 0;border-color:#0000}.iconbtn.lime{background:var(--lime);color:#0a0a0a;border-color:var(--lime)}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.h-hero{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:44px;font-weight:700;line-height:.95}.h-1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:600;line-height:1.05}.h-2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600;line-height:1.15}.h-3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600;line-height:1.2}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);font-size:11px;font-weight:600}.muted{color:var(--text-mute)}.dim{color:var(--text-dim)}.lime{color:var(--lime)}.red{color:var(--red)}.mono{font-family:var(--font-mono)}.center{text-align:center}.btn{height:52px;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;color:var(--text);border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:600;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.985)}.btn-primary{background:var(--lime);color:#0a0a0a}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost{color:var(--text);background:0 0}.btn-danger{color:var(--red);border-color:color-mix(in oklab, var(--red) 30%, transparent);background:0 0}.btn-block{width:100%}.btn-sm{border-radius:10px;height:38px;padding:0 14px;font-size:13px}.btn[disabled]{opacity:.4;pointer-events:none}.field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);font-size:12px;font-weight:600}.input,.select,.textarea{background:var(--surface);height:52px;color:var(--text);border:1px solid var(--border);font-family:var(--font-body);border-radius:14px;outline:none;width:100%;padding:0 16px;font-size:16px}.textarea{resize:none;height:auto;min-height:80px;padding:14px 16px;line-height:1.45}.input:focus,.select:focus,.textarea:focus{border-color:var(--lime)}.input::placeholder{color:var(--text-dim)}.chip{background:var(--surface);border:1px solid var(--border);height:30px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.chip.active{background:var(--lime);color:#0a0a0a;border-color:var(--lime)}.chip.lime{background:var(--lime-soft);color:var(--lime);border-color:#0000}.chip.red{background:var(--red-soft);color:var(--red);border-color:#0000}.chip.sm{height:24px;padding:0 9px;font-size:11px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px}.card.flat{background:var(--bg-elev)}.card.lime{border-color:color-mix(in oklab, var(--lime) 35%, transparent);background:var(--lime-soft)}.avatar{width:44px;height:44px;font-family:var(--font-display);color:var(--text);border:1px solid var(--border);background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar.sm{width:32px;height:32px;font-size:12px}.avatar.lg{width:64px;height:64px;font-size:22px}.avatar.xl{width:88px;height:88px;font-size:28px}.avatar.lime{background:var(--lime);color:#0a0a0a;border-color:var(--lime)}.row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.row:last-child{border-bottom:none}.row .row-main{flex:1;min-width:0}.row .row-title{font-size:15px;font-weight:600}.row .row-sub{color:var(--text-mute);margin-top:2px;font-size:12px}.bottom-nav{bottom:calc(14px + var(--safe-bottom));z-index:30;-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border);background:#141414d9;border-radius:999px;justify-content:space-around;align-items:center;width:calc(min(100%,480px) - 24px);height:64px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.bottom-nav button{height:52px;color:var(--text-mute);cursor:pointer;font-family:var(--font-body);letter-spacing:.02em;background:0 0;border:none;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:600;display:flex}.bottom-nav button.active{color:var(--lime)}.bottom-nav .center-fab{background:var(--lime);color:#0a0a0a;border-radius:999px;flex:0;width:52px;min-width:52px;height:52px}.bottom-nav .center-fab svg{width:22px;height:22px}.divider{background:var(--border);height:1px;margin:16px 0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex}.stat .val{font-family:var(--font-display);letter-spacing:-.03em;font-size:28px;font-weight:600;line-height:1}.stat .lbl{color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:flex}.tabs button{height:36px;color:var(--text-mute);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;font-size:13px;font-weight:600}.tabs button.active{background:var(--bg);color:var(--text)}.score-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.score-grid button{background:var(--surface);border:1px solid var(--border);height:44px;color:var(--text);font-family:var(--font-display);cursor:pointer;border-radius:10px;font-size:14px;font-weight:600}.score-grid button.active{background:var(--lime);color:#0a0a0a;border-color:var(--lime)}.score-grid button[disabled]{opacity:.3;pointer-events:none}.seg{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{height:36px;font-family:var(--font-body);color:var(--text-mute);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;font-size:13px;font-weight:600}.seg button.active{background:var(--bg);color:var(--text)}.match-score{font-family:var(--font-display);align-items:center;gap:12px;display:flex}.match-score .sets{gap:6px;display:flex}.match-score .sets .set{text-align:center;background:var(--surface-2);border-radius:6px;min-width:24px;padding:3px 8px;font-size:13px;font-weight:600}.match-score .sets .set.win{background:var(--lime);color:#0a0a0a}.prog{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.prog>span{background:var(--lime);border-radius:999px;height:100%;display:block}.row-spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack-8{flex-direction:column;gap:8px;display:flex}.stack-12{flex-direction:column;gap:12px;display:flex}.stack-16{flex-direction:column;gap:16px;display:flex}.stack-20{flex-direction:column;gap:20px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dot{border-radius:999px;width:8px;height:8px;display:inline-block}.dot.lime{background:var(--lime);box-shadow:0 0 8px var(--lime)}.dot.red{background:var(--red)}.dot.amber{background:var(--amber)}.slot{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.slot .time{font-family:var(--font-display);font-size:16px;font-weight:600}.slot.booked{opacity:.55}.slot.mine{background:var(--lime-soft);border-color:color-mix(in oklab, var(--lime) 35%, transparent)}.court-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.court-card{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.court-card .num{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.court-card .typ{letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);font-size:9px;font-weight:600}.court-card.selected{border-color:var(--lime);box-shadow:0 0 0 3px #d4ff3a2e}.logo{font-family:var(--font-display);letter-spacing:-.04em;align-items:center;gap:8px;font-weight:700;display:inline-flex}.ball{background:var(--lime);width:18px;height:18px;box-shadow:0 0 0 1px color-mix(in oklab, var(--lime) 50%, transparent);border-radius:999px;display:inline-block;position:relative}.banner{background:var(--lime-soft);border:1px solid color-mix(in oklab, var(--lime) 30%, transparent);border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.banner.red{background:var(--red-soft);border-color:color-mix(in oklab, var(--red) 30%, transparent)}.skeleton{background:linear-gradient(90deg, var(--surface), var(--surface-2), var(--surface));background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:.22s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.toast-host{left:50%;bottom:calc(100px + var(--safe-bottom));z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:12px;min-width:220px;max-width:90vw;padding:12px 16px;font-size:14px;box-shadow:0 8px 32px #0009}.toast.error{border-color:color-mix(in oklab, var(--red) 40%, transparent)}.toast.success{border-color:color-mix(in oklab, var(--lime) 40%, transparent)}.modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elev);width:100%;max-width:480px;padding:14px 20px calc(24px + var(--safe-bottom));border:1px solid var(--border);border-bottom:none;border-top-left-radius:26px;border-top-right-radius:26px;max-height:85vh;animation:.22s ease-out slideUp;overflow:auto}.modal .grip{background:var(--border-strong);border-radius:999px;width:38px;height:5px;margin:4px auto 14px}@keyframes slideUp{0%{transform:translateY(20%)}to{transform:none}}.empty{text-align:center;color:var(--text-mute);flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}