.page{position:relative;min-height:100vh;background:radial-gradient(120% 120% at 20% 20%,rgba(224,36,36,.08),transparent 45%),radial-gradient(120% 120% at 80% 0%,rgba(224,36,36,.08),transparent 45%),#090a0e;color:#f2f2f2;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bg-accents{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bg-accents .accent{position:absolute;width:40vw;height:60vh;filter:blur(100px);opacity:.35;transform:rotate(-8deg)}.bg-accents .left{top:-10%;left:-20%;background:#e02424}.bg-accents .right{bottom:-20%;right:-10%;background:#c1121f}.shell{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:2.5rem;padding:3.75rem clamp(1.5rem,3.5vw,4.5rem);max-width:1280px;margin:0 auto;z-index:1;align-items:stretch}@media (max-width: 900px){.shell{grid-template-columns:1fr;padding:2.5rem 1.25rem;gap:1.5rem}}.hero{display:flex;flex-direction:column;gap:1.1rem;justify-content:center}.eyebrow-pill{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.4rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#e8e8e8;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a}.logo-lockup{display:flex;align-items:center;gap:1rem}.logo-mark{width:104px;height:104px;display:grid;place-items:center;border-radius:22px;background:radial-gradient(circle at 40% 35%,#ffffff05,#fff0),#0c0c10b3;box-shadow:0 10px 30px #00000059,0 0 0 1px #ffffff0a;overflow:hidden}.logo-mark img{width:88px;height:88px;object-fit:contain;image-rendering:auto}.wordmark{display:flex;align-items:flex-end;gap:.25rem;font-weight:800;letter-spacing:.02em}.wordmark .fight,.wordmark .scene{font-size:clamp(1.6rem,2.5vw,2.2rem)}.wordmark .scene{color:#fefefe}.wordmark .fight{color:#f2f2f2}.wordmark .gg{font-size:clamp(1rem,2vw,1.3rem);color:#e02424;font-weight:700;letter-spacing:.08em;margin-left:.08rem}.hero-title{margin:.25rem 0 0;font-size:clamp(2.2rem,4vw,2.8rem);line-height:1.1;letter-spacing:.01em}.tagline{margin:.2rem 0 0;color:#d7d7d7;line-height:1.6;max-width:620px}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap}.hero-cta .cta{width:auto;margin-top:0;padding:.9rem 1.2rem}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.5rem}.pillar{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#e8e8e8;font-size:.95rem}.pillar .dot{width:10px;height:10px;border-radius:999px;background:#e02424;box-shadow:0 0 0 6px #e0242426}.panel{background:#0f1118f2;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.75rem;box-shadow:0 15px 60px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-mode-transition{animation:mobile-panel-drop .42s ease}@keyframes mobile-panel-drop{0%{opacity:.7;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.panel-title h2{margin:.1rem 0 0;font-size:1.8rem;letter-spacing:.01em}.mode-toggle{display:inline-flex;background:#ffffff0a;border-radius:999px;padding:4px;border:1px solid rgba(255,255,255,.05)}.mode-toggle button{border:none;background:transparent;color:#d8d8d8;padding:.55rem 1rem;border-radius:999px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:all .12s ease}.mode-toggle button.active{background:linear-gradient(135deg,#e02424,#c1121f);color:#fff;box-shadow:0 10px 30px #e0242459}.mode-toggle button:not(.active):hover{color:#fff}.auth-form{display:flex;flex-direction:column;gap:.85rem}.field input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font-size:1rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.field input:focus{border-color:#e0242499;box-shadow:0 0 0 3px #e0242426;background:#ffffff0f}.meta-row{display:flex;justify-content:space-between;align-items:center;margin:.3rem 0 .1rem}.checkbox{display:inline-flex;align-items:center;gap:.45rem;color:#bfbfbf;font-size:.95rem}.checkbox input{width:16px;height:16px;accent-color:#e02424}.cta{margin-top:.4rem;width:100%;padding:.95rem 1rem;border-radius:14px;border:1px solid transparent;background:linear-gradient(135deg,#e02424,#c1121f);color:#fff;font-weight:800;letter-spacing:.02em;font-size:1rem;cursor:pointer;box-shadow:0 15px 45px #e0242459;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.cta:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 18px 50px #e024246b}.cta.ghost{background:#ffffff0a;color:#f2f2f2;border-color:#ffffff14;box-shadow:none}.cta.ghost:hover{filter:none;box-shadow:0 10px 25px #00000059}.cta:where(a,button){display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.text-link{background:none;border:none;color:#f2f2f2;cursor:pointer;text-decoration:none;font-weight:700;padding:0}.text-link:hover{color:#fff}.footnote{margin-top:1rem;color:#bdbdbd;font-size:.95rem;text-align:center}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;margin:.35rem 0 .25rem}.meta-card{padding:.85rem 1rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:grid;gap:.2rem}.meta-card .label{color:#a8a8a8;letter-spacing:.01em;font-size:.9rem}.meta-card strong{font-size:1.4rem;letter-spacing:.02em}.meta-card .hint{color:#c3c3c3;font-size:.9rem;line-height:1.4}@media (max-width: 640px){.logo-mark{width:84px;height:84px}.hero-cta{flex-direction:column}.hero-cta .cta{width:100%;text-align:center;justify-content:center}.panel-header{flex-direction:column;align-items:flex-start}.mobile-mode-transition{animation-duration:.36s}}@media (max-width: 480px){.logo-mark{width:68px;height:68px}.logo-mark img{width:56px;height:56px}.wordmark .fight,.wordmark .scene{font-size:1.5rem}.wordmark .gg{font-size:1rem}.hero-title{font-size:1.9rem}.mode-toggle{width:100%}.mode-toggle button{flex:1;text-align:center}.how-it-works{padding:2.5rem 1.25rem 3rem}}.how-it-works{position:relative;z-index:1;padding:4rem clamp(1.5rem,3.5vw,4.5rem) 5rem;max-width:1280px;margin:0 auto}.how-it-works-header{text-align:center;margin-bottom:2.5rem}.how-it-works-header .eyebrow-pill{margin:0 auto 1rem}.how-it-works-header h2{margin:0 0 .5rem;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:.01em}.how-it-works-header p{color:#c3c3c3;font-size:1.05rem;max-width:54ch;margin:0 auto;line-height:1.6}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.role-card{padding:1.5rem 1.4rem;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;display:flex;flex-direction:column;gap:1rem;transition:border-color .16s ease,transform .16s ease}.role-card:hover{border-color:#e0242447;transform:translateY(-2px)}.role-card-header{display:flex;align-items:center;gap:.8rem}.role-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e0242433,#c1121f24);border:1px solid rgba(224,36,36,.22);display:grid;place-items:center;flex-shrink:0;color:#e02424}.role-icon svg{width:20px;height:20px}.role-card-title{font-size:1.05rem;font-weight:800;letter-spacing:.01em}.role-card-tag{font-size:.78rem;color:#a3a3a3;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.role-steps{display:flex;flex-direction:column;gap:.65rem}.role-step{display:flex;align-items:flex-start;gap:.65rem}.role-step-num{width:20px;height:20px;border-radius:50%;background:#e0242424;border:1px solid rgba(224,36,36,.25);color:#e02424;font-size:.72rem;font-weight:800;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.role-step-text{font-size:.9rem;color:#d4d4d4;line-height:1.5}.role-step-text strong{color:#f2f2f2;font-weight:700}.scaffold-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 10% 10%,rgba(224,36,36,.06),transparent 45%),radial-gradient(120% 120% at 80% 0%,rgba(224,36,36,.08),transparent 45%),#090a0e;color:#f2f2f2;padding:clamp(1.5rem,5vw,3rem);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scaffold-card{width:min(780px,100%);background:#0f1118eb;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:clamp(1.5rem,4vw,2.25rem);box-shadow:0 18px 60px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scaffold-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.scaffold-title{margin:0;font-size:clamp(1.8rem,3vw,2.3rem);letter-spacing:.01em}.scaffold-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:#a3a3a3;margin:0 0 .2rem}.scaffold-body{margin:0;color:#d3d3d3;line-height:1.65}.scaffold-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.scaffold-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#f2f2f2;font-weight:700;text-decoration:none;transition:border-color .14s ease,transform .14s ease}.scaffold-link.primary{background:linear-gradient(135deg,#e02424,#c1121f);border-color:transparent;box-shadow:0 15px 45px #e0242452}.scaffold-link:hover{transform:translateY(-1px);border-color:#ffffff2e}.conduct-page{min-height:100vh;background:radial-gradient(120% 120% at 20% 20%,rgba(224,36,36,.08),transparent 45%),radial-gradient(120% 120% at 80% 0%,rgba(224,36,36,.08),transparent 45%),#090a0e;color:#f2f2f2}.conduct-shell{max-width:900px;margin:0 auto;padding:3.5rem clamp(1.5rem,4vw,4rem) 4rem;display:grid;gap:1.5rem}.conduct-header{display:grid;gap:.8rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.5rem}.conduct-kicker{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:#a3a3a3}.conduct-header h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:.01em}.conduct-intro{margin:0;color:#d7d7d7;line-height:1.7}.conduct-actions{margin-top:.5rem}.conduct-button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,#e02424,#c1121f);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.02em}.conduct-button.ghost{background:#ffffff0f;border-color:#ffffff1a;color:#f2f2f2}.conduct-card{background:#0f1118f2;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:1.5rem;display:grid;gap:.75rem}.conduct-card h2{margin:0;font-size:1.2rem;letter-spacing:.01em}.conduct-card ul{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;color:#dcdcdc;line-height:1.6}@media (max-width: 640px){.conduct-shell{padding:2.5rem 1.25rem 3rem}}.auth-page{min-height:100vh;background:radial-gradient(120% 120% at 20% 20%,rgba(224,36,36,.08),transparent 45%),radial-gradient(120% 120% at 80% 0%,rgba(224,36,36,.08),transparent 45%),#090a0e;color:#f2f2f2}.auth-shell{max-width:520px;margin:0 auto;padding:3.5rem clamp(1.5rem,4vw,3.5rem) 4rem;display:grid;gap:1.5rem}.auth-header{display:grid;gap:.6rem}.auth-kicker{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:#a3a3a3}.auth-header h1{margin:0;font-size:clamp(2rem,4vw,2.6rem);letter-spacing:.01em}.auth-intro{margin:0;color:#d7d7d7;line-height:1.7}.auth-card{background:#0f1118f2;border-radius:18px;border:1px solid rgba(255,255,255,.08);padding:1.5rem;display:grid;gap:.9rem;box-shadow:0 15px 60px #00000073}.auth-field{display:grid;gap:.35rem;color:#dcdcdc;font-size:.95rem}.auth-field input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font-size:1rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.auth-field input:focus{border-color:#e0242499;box-shadow:0 0 0 3px #e0242426;background:#ffffff0f}.auth-error{margin:0;color:#ffb4b4;background:#e0242426;border:1px solid rgba(224,36,36,.35);padding:.75rem .9rem;border-radius:12px;font-size:.95rem}.auth-status{margin:0;color:#bfe7d1;background:#2dbd761f;border:1px solid rgba(45,189,118,.35);padding:.75rem .9rem;border-radius:12px;font-size:.95rem}.auth-helper{display:grid;gap:.35rem;font-size:.95rem;color:#d7d7d7}.auth-helper p{margin:0}.auth-button{width:100%;padding:.95rem 1rem;border-radius:14px;border:1px solid transparent;background:linear-gradient(135deg,#e02424,#c1121f);color:#fff;font-weight:800;letter-spacing:.02em;font-size:1rem;cursor:pointer;box-shadow:0 15px 45px #e0242459;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.auth-button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 18px 50px #e024246b}.auth-link{color:#f2f2f2;text-decoration:none;font-weight:700}.auth-link:hover{color:#fff}.auth-footer{text-align:center}@media (max-width: 640px){.auth-shell{padding:2.5rem 1.25rem 3rem}}:root{--bg: #090a0e;--panel: rgba(12, 13, 18, .95);--border: rgba(255, 255, 255, .08);--muted: #b7b7b7;--text: #f2f2f2;--accent: #e02424;--accent-2: #c1121f;--shadow-strong: 0 18px 50px rgba(0, 0, 0, .4);--radius: 16px}body{color:var(--text);background:radial-gradient(120% 120% at 15% 15%,rgba(224,36,36,.06),transparent 45%),radial-gradient(120% 120% at 80% 0%,rgba(224,36,36,.06),transparent 45%),var(--bg)}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#0c0d12e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:800;letter-spacing:.01em}.brand-mark{width:36px;height:36px}.brand-text{display:inline-flex;gap:.2rem;align-items:center}.brand-text .accent{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:.75rem}.nav-link{padding:.5rem .75rem;border-radius:12px;text-decoration:none;color:#d9d9d9;font-weight:700;transition:background .12s ease,color .12s ease}.nav-link:hover{color:#fff;background:#ffffff0a}.nav-link.active{color:#fff;background:linear-gradient(135deg,#e0242433,#c1121f2e);border:1px solid rgba(224,36,36,.3)}.nav-logout{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;cursor:pointer}.nav-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#d9d9d9;cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease}.nav-hamburger:hover{background:#ffffff14;color:#fff}@media (max-width: 768px){.navbar{flex-wrap:wrap;gap:0}.nav-hamburger{display:flex}.nav-links{display:none;flex-direction:column;width:100%;gap:.15rem;padding:.6rem 0 .75rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.5rem}.nav-links.open{display:flex}.nav-link{padding:.7rem .85rem;border-radius:10px;width:100%;text-align:left}}a{color:inherit}.page-shell,.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,3rem)}.page-shell>*,.auth-shell>*{width:min(900px,100%)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#a3a3a3}.auth-shell h1,.page-shell h1{margin:0 0 .75rem;letter-spacing:.01em}.panel,.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.25rem);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel.accented{position:relative;overflow:hidden}.panel.accented:before{content:"";position:absolute;inset:-20% -10% auto auto;width:220px;height:220px;background:radial-gradient(circle at 30% 30%,#e0242429,#e0242400);filter:blur(4px);opacity:.9;pointer-events:none}.form-card{width:min(600px,100%);margin:0 auto}.panel h1{margin-top:0}.auth-form,.stack{display:flex;flex-direction:column;gap:.9rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;color:#dcdcdc}.field input,.field select,.field textarea{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:#fff;font-size:1rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.field span{font-weight:700;letter-spacing:.01em;color:#e1e1e1}.field select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.field select option{background:#0f1118;color:#f2f2f2}.field input:focus,.field select:focus,.field textarea:focus{border-color:#e0242499;box-shadow:0 0 0 3px #e0242426;background:#ffffff0f}.field input::placeholder,.field textarea::placeholder{color:#7c7c7c}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1rem;border-radius:14px;border:1px solid transparent;font-weight:800;letter-spacing:.02em;font-size:1rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 15px 45px #e0242459}.btn.secondary{background:#ffffff0a;color:#f2f2f2;border-color:var(--border);box-shadow:none}.btn.danger{background:#c1121f;color:#fff;border-color:#c1121f;box-shadow:0 2px 8px #c1121f59}.btn.danger:hover:not(:disabled){background:#a00e19;border-color:#a00e19}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:none}.danger-zone{border-left-color:#c1121f!important;background:#c1121f0d;border-radius:0 8px 8px 0;padding:1rem}.form-error,.field-error{background:#e024241f;border:1px solid rgba(224,36,36,.35);color:#ffdede;padding:.6rem .8rem;border-radius:10px;font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.stat{padding:.9rem 1rem;border-radius:12px;background:#ffffff0a;border:1px solid var(--border);display:grid;gap:.25rem}.stat .label{color:var(--muted);letter-spacing:.02em;font-size:.9rem}.stat strong{font-size:1.2rem;letter-spacing:.01em}.page-meta{color:var(--muted);margin-top:.5rem;line-height:1.5}.panel-hero{display:flex;flex-direction:column;gap:.25rem}.panel-hero h1{font-size:clamp(1.8rem,3vw,2.2rem);font-weight:800}.panel-hero .eyebrow{letter-spacing:.2em}.modal-shell{min-height:100vh;width:100%;padding:clamp(1.5rem,5vw,3rem);background:radial-gradient(140% 140% at 20% 20%,#e0242438,#0c0c101a),radial-gradient(140% 140% at 80% 0%,#e0242429,#0c0c101a),linear-gradient(135deg,#0b0c11,#090a0e 65%);display:flex;align-items:center;justify-content:center}.modal-card{width:min(860px,100%);border-radius:24px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(140% 140% at 85% 20%,#e0242414,#0c0d12eb),#0c0d12f2;box-shadow:0 25px 80px #0000008c;padding:clamp(1.5rem,4vw,2.5rem)}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.avatar-card{display:inline-flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--border);background:#ffffff08}.avatar{width:80px;height:80px;border-radius:14px;object-fit:cover;background:linear-gradient(135deg,#e0242433,#c1121f40);border:1px solid rgba(255,255,255,.08)}.avatar-meta{display:grid;gap:.35rem}.avatar-meta .hint{color:var(--muted);font-size:.9rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.video-card{display:grid;grid-template-columns:86px 1fr;gap:.8rem;align-items:center;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--border);background:#ffffff08}.video-thumb{width:86px;height:56px;border-radius:10px;background:linear-gradient(135deg,#e0242447,#c1121f3d);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;flex-shrink:0}.video-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.3)'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 18px no-repeat}.video-meta{display:grid;gap:.2rem}.video-meta .hint{color:var(--muted);font-size:.9rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.profile-card{padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:#ffffff08;display:grid;gap:.35rem;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.profile-card:hover{border-color:#e0242459;transform:translateY(-1px);box-shadow:0 8px 24px #00000040}.profile-card .name{font-weight:800;font-size:1.05rem}.profile-card .meta{color:var(--muted);font-size:.95rem}.home-action-grid{margin-top:.25rem}.home-action-card{position:relative;overflow:hidden;min-height:156px;padding:1.15rem 1.2rem;border-radius:18px;border:1px solid rgba(224,36,36,.22);background:linear-gradient(135deg,#e0242424,#c1121f0d 45%,#ffffff05),#0e0f15f0;box-shadow:0 16px 40px #00000042;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,filter .14s ease}.home-action-card:after{content:"";position:absolute;inset:auto -10% -38% auto;width:140px;height:140px;background:radial-gradient(circle,#e024244d,#e0242400);pointer-events:none}.home-action-card:hover{transform:translateY(-2px);border-color:#e024246b;box-shadow:0 22px 48px #00000057;filter:brightness(1.03)}.home-action-card .name{font-size:1.1rem;color:#fff}.home-action-card .meta{color:#d2d2d2;line-height:1.55;max-width:28ch}.upload-area{border:1px dashed rgba(255,255,255,.16);background:#ffffff05;border-radius:14px;padding:1rem 1.1rem;display:grid;gap:.45rem}.upload-area input[type=file]{color:#d9d9d9}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem}.plan-card{padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:#ffffff08;display:grid;gap:.4rem}.plan-card .badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;font-weight:700}.meter{width:100%;height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden;position:relative}.meter-fill{height:100%;background:linear-gradient(135deg,var(--accent),var(--accent-2));width:0}.upload-meter .meter-fill{width:100%;background-size:200% 100%;animation:upload-scan 1.3s linear infinite}.upload-meter .meter-fill.uploading{animation:upload-pulse 1.1s ease-in-out infinite}@keyframes upload-scan{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes upload-pulse{0%,to{opacity:.55}50%{opacity:1}}.plan-meta{color:var(--muted);font-size:.95rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:20;padding:1rem}.modal-panel{width:min(640px,100%);background:#0c0d12f5;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;box-shadow:0 25px 80px #0000008c}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem}.gym-card{padding:.95rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:#ffffff08;display:grid;gap:.35rem;text-decoration:none;color:inherit}.gym-card:hover{border-color:#e0242466}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;font-size:.85rem;color:#e8e8e8}.form-section{padding:1rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;display:grid;gap:.85rem}.section-title{display:flex;align-items:center;gap:.5rem;font-weight:800;letter-spacing:.01em;margin:0;padding-left:.55rem;border-left:2px solid var(--accent)}.section-subtext{margin:0;color:var(--muted)}.actions-row{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.divider{height:1px;background:var(--border);margin:.75rem 0}.hint{color:var(--muted);font-size:.9rem;margin:0;line-height:1.5}.name{font-weight:700;font-size:.95rem}.meta{color:var(--muted);font-size:.9rem}.text-error{color:#e02424}.shell-card{padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff08}.roster-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .5rem;border-radius:10px;transition:background .12s}.roster-row:hover{background:#ffffff06}.roster-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#1e1f27;border:1px solid rgba(255,255,255,.08)}.roster-info{flex:1;min-width:0}.roster-name{display:block;font-weight:700;font-size:.9rem;color:#f2f2f2;text-decoration:none;margin-bottom:.15rem;transition:color .12s}.roster-name:hover{color:var(--accent)}.roster-weight{font-size:.8rem;color:var(--muted)}.comment-card{padding:.75rem .85rem;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;margin-bottom:.5rem}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.comment-author{font-size:12px;color:#888}.comment-body{margin:0;font-size:14px;line-height:1.55}.comment-ts-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#d0d0d0;font-size:11px;padding:2px 7px;cursor:pointer;font-family:monospace;transition:background .12s}.comment-ts-btn:hover{background:#ffffff1a}.comment-delete-btn{margin-left:auto;background:none;border:none;color:#555;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;transition:color .12s}.comment-delete-btn:hover{color:#c1121f}.invitation-card{padding:1rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;display:grid;gap:.4rem}.invitation-name{font-weight:800;font-size:1rem}.invitation-meta{color:var(--muted);font-size:.88rem;margin:0}.btn.btn-sm{padding:.5rem .8rem;font-size:.875rem;border-radius:10px;font-weight:700}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:400px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:8px;flex-shrink:0}.skeleton-card{padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:#ffffff05;display:grid;gap:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1rem;gap:.5rem}.empty-icon{width:42px;height:42px;color:#ffffff29;margin-bottom:.2rem}.empty-title{font-size:1rem;font-weight:700;color:silver;margin:0}.empty-subtitle{font-size:.88rem;color:var(--muted);margin:0;max-width:28ch;line-height:1.55}.empty-action{margin-top:.75rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:500;pointer-events:none}.toast{pointer-events:all;display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:12px;background:#101118f7;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080;color:#f0f0f0;font-size:.9rem;font-weight:500;min-width:220px;max-width:360px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:toast-in .2s ease}.toast-success{border-color:#2d9d6d73}.toast-error{border-color:#c1121f73}.toast-info{border-color:#ffffff1f}.toast-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.toast-success .toast-dot{background:#2d9d6d}.toast-error .toast-dot{background:#c1121f}.toast-info .toast-dot{background:#555}.toast-message{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:#555;cursor:pointer;font-size:17px;line-height:1;padding:0 2px;transition:color .12s;flex-shrink:0}.toast-close:hover{color:#aaa}@keyframes toast-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.btn:active:not(:disabled){transform:translateY(0);filter:brightness(.94)}.tab-nav{display:flex;gap:.25rem;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:.75rem;margin-bottom:.25rem}.tab-link{padding:.45rem 1rem;border-radius:10px;font-weight:700;font-size:.9rem;color:var(--muted);text-decoration:none;transition:background .12s,color .12s}.tab-link:hover{background:#ffffff0d;color:#f2f2f2}.tab-link.active{background:#e0242426;border:1px solid rgba(224,36,36,.28);color:#fff}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#090a0e;color:#f2f2f2;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}