:root{--bg-deep:#0e0e0e;--bg-panel:#161616;--bg-surface:#1e1e1e;--bg-elevated:#2a2a2a;--brand:#cff84c;--brand-dark:#99be05;--brand-glow:#cef64b66;--brand-10:#cef64b1a;--brand-20:#cef64b33;--success:#b6f697;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--text:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--text-inverse:#020617;--border:#ffffff0d;--border-hover:#ffffff1a;--border-brand:#cef64b4d;--glass-bg:#ffffff08;--glass-bg-strong:#0e0e0ecc;--glass-blur:10px;--glass-blur-strong:16px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.625rem;--text-sm:.75rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-brand:0 0 20px var(--brand-glow);--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--z-base:1;--z-header:40;--z-nav:50;--z-overlay:60;--z-modal:70;--header-height:56px;--nav-height:64px;--bottom-nav-safe-area:max(0px, env(safe-area-inset-bottom,0px) - 12px);--bottom-nav-total-height:calc(var(--nav-height) + var(--bottom-nav-safe-area));--content-max:480px;--content-padding:var(--space-md)}*,:before,:after{box-sizing:border-box;touch-action:manipulation;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text);background-color:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6}body::selection{background:var(--brand);color:var(--text-inverse)}body ::selection{background:var(--brand);color:var(--text-inverse)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none}input,select,textarea{font-size:max(16px,1em)!important}button{cursor:pointer}ul,ol{list-style:none}@media (hover:hover) and (pointer:fine){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand)}}body.is-native ::-webkit-scrollbar{display:none}body.is-native{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior-y:none}body.is-native input,body.is-native textarea{-webkit-user-select:auto;user-select:auto}body.is-native a,body.is-native button,body.is-native .nav-tab{-webkit-tap-highlight-color:transparent}@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-latin-wght-italic.woff2)format("woff2-variations");font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-latin-wght-normal.woff2)format("woff2-variations");font-weight:200 800;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:#fff;font-style:italic;font-weight:900;line-height:1.1}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}.text-gradient{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right, var(--brand), var(--success))}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:700}.label-brand{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-weight:700}.mono{font-family:var(--font-mono)}.stat-value{font-family:var(--font-sans);font-size:var(--text-3xl);color:#fff;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.stat-unit{font-size:var(--text-sm);color:var(--text-muted);margin-left:2px;font-weight:400}#app{flex-direction:column;min-height:100dvh;display:flex}.app-content{padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-bottom:var(--bottom-nav-total-height);flex:1;grid-template-rows:1fr;grid-template-columns:100%;display:grid;overflow-x:clip}.app-content>*{background-color:var(--bg-deep,#0e0e0e);grid-area:1/1/2/2;min-width:0}.app-content.no-header{padding-top:0;padding-bottom:0}.page{max-width:var(--content-max);padding:var(--space-lg) var(--content-padding);box-sizing:border-box;width:100%;margin:0 auto;overflow-x:clip}.page-full{padding:var(--space-lg) var(--content-padding)}.section{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.section-header h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0;font-style:normal;font-weight:700}.section-header a,.section-header button{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);transition:opacity var(--transition-fast);font-weight:700}:is(.section-header a,.section-header button):hover{opacity:.8}.service-status-banner{top:calc(env(safe-area-inset-top,0px) + var(--space-md));z-index:9999;pointer-events:none;width:max-content;max-width:90vw;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideDownFadeIn;position:fixed;left:50%;transform:translate(-50%)}.service-status-banner .content{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);text-align:center;font-weight:600;font-size:var(--text-sm);letter-spacing:.02em;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(var(--glass-blur-strong));box-shadow:var(--shadow-lg), 0 4px 24px #0006;display:flex}.service-status-banner .content.danger{background:color-mix(in srgb, var(--danger) 85%, transparent);color:#fff;border:1px solid color-mix(in srgb, var(--danger) 40%, transparent)}.service-status-banner .content.warning{background:color-mix(in srgb, var(--warning) 85%, transparent);color:#000;border:1px solid color-mix(in srgb, var(--warning) 40%, transparent)}@keyframes slideDownFadeIn{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.auth-card{z-index:10;background:0 0;flex-direction:column;width:100%;max-width:440px;margin:0 auto;padding:3rem 2.5rem;display:flex}.auth-card .auth-header{text-align:center;margin-bottom:2.5rem}.auth-card .auth-logo-link{margin-bottom:2rem;text-decoration:none;transition:opacity .2s;display:inline-block}.auth-card .auth-logo-link:active{opacity:.7}.auth-card .auth-headings{flex-direction:column;gap:.5rem;display:flex}.auth-card .auth-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0;font-size:1.75rem;font-weight:600;font-style:normal!important}.auth-card .auth-subtitle{color:#ffffff80;margin:0;font-size:1rem;font-weight:400}.auth-card>.auth-login>.auth-header,.auth-card>.auth-register>.auth-header,.auth-card>.auth-set-password>.auth-header{display:none!important}.auth-card .auth-forgot-password>.auth-header,.auth-card .auth-check-email>.auth-header{text-align:center;margin-bottom:1.5rem}.auth-card .auth-header h2{font-family:var(--font-display);color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-style:normal;font-weight:600;line-height:1.3}.auth-card .auth-text{text-align:center;color:var(--color-text-secondary,#ffffffb3);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.auth-card .auth-forgot-password>.auth-success,.auth-card .auth-set-password>.auth-success{background:0 0!important;border:none!important;margin:0!important;padding:0!important}.auth-card .auth-forgot-password>.auth-success p,.auth-card .auth-set-password>.auth-success p{text-align:center;margin-bottom:2rem;font-size:.95rem;font-weight:400;color:var(--color-text-secondary,#ffffffb3)!important}.auth-card .auth-text strong{color:#fff;font-weight:600}.auth-card .auth-subtext{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#ffffff80);text-align:left;margin:0 0 .75rem;font-size:.8rem;font-weight:600;display:block}.auth-card .auth-verify-manual{width:100%;margin-top:1rem}.auth-card form,.auth-card .auth-form{flex-direction:column;gap:1rem;width:100%;display:flex}.auth-card .auth-row{flex-direction:row;gap:1rem;width:100%;display:flex}.auth-card .auth-row>*{flex:1;min-width:0}.auth-card .form-field{flex-direction:column;margin:0;display:flex;position:relative}.auth-card label{pointer-events:none;z-index:10;text-transform:uppercase;letter-spacing:.05em;opacity:0;margin:0;font-size:.65rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:10px;left:20px;transform:translateY(4px);color:#fff6!important}:-webkit-any(.auth-card .form-field:has(input:-webkit-autofill) label,.auth-card .form-field:has(input:not(:placeholder-shown):not([type=checkbox]):not([type=radio])) label){transform:translateY(0);opacity:1!important}:is(.auth-card .form-field:has(input:autofill) label,.auth-card .form-field:has(input:not(:placeholder-shown):not([type=checkbox]):not([type=radio])) label){transform:translateY(0);opacity:1!important}.auth-card .form-field:focus-within label{transform:translateY(0);color:var(--brand)!important;opacity:1!important}.auth-card .form-field:has(input:focus:not([type=checkbox]):not([type=radio])) label{transform:translateY(0);color:var(--brand)!important;opacity:1!important}.auth-card input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;color:#fff;width:100%;font-family:var(--font-sans);background:linear-gradient(145deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff0f;border-radius:16px;outline:none;height:60px;padding:1.65rem 1.25rem .65rem;font-size:1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 10px #00000026}.auth-card input:not([type=checkbox]):not([type=radio]):placeholder-shown:not(:focus){padding:1.15rem 1.25rem}.auth-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.auth-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.auth-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.auth-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.auth-card input:not([type=checkbox]):not([type=radio])::placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.auth-card input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.auth-card input:not([type=checkbox]):not([type=radio])::-moz-placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.auth-card input:not([type=checkbox]):not([type=radio]):focus::placeholder{opacity:.2!important}.auth-card input:not([type=checkbox]):not([type=radio]):focus,.auth-card input:not([type=checkbox]):not([type=radio]):active{border-color:var(--brand);box-shadow:inset 0 2px 10px #0003, 0 0 0 1px var(--brand);background:linear-gradient(145deg,#ffffff1a 0%,#ffffff08 100%)}.auth-card .form-field.is-valid input{border-color:#4ade8066}.auth-card .form-field:has(input:valid:not(:placeholder-shown):not([type=password])) input{border-color:#4ade8066}.auth-card .form-field.has-error input{background:#ef444414!important;border-color:#ef444466!important}.auth-card .form-field:has(input:invalid:not(:placeholder-shown)) input{background:#ef444414!important;border-color:#ef444466!important}.auth-card .auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;margin:.5rem 0 1rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;line-height:1.4;display:flex}.auth-card .form-field .error{color:#ef4444;margin-top:6px;margin-bottom:0;margin-left:1.25rem;font-size:.75rem;font-weight:500;line-height:1.3;display:block}.auth-card .auth-success{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;line-height:1.4}.auth-card .action.btn-generate,.auth-card .action.btn-copy,.auth-card .form-field>button.action,.auth-card .form-field>button[aria-label="Toggle password visibility"],.auth-card .form-field>button.toggle-password,.auth-card .l-password-actions button{cursor:pointer;z-index:20;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;color:#fff6!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:30px!important;right:12px!important;transform:translateY(-50%)!important}:is(.auth-card .action.btn-generate,.auth-card .action.btn-copy,.auth-card .form-field>button.action,.auth-card .form-field>button[aria-label="Toggle password visibility"],.auth-card .form-field>button.toggle-password,.auth-card .l-password-actions button):hover{color:#fff!important;background:#ffffff1a!important}.auth-card .l-password-actions{align-items:center;height:60px;display:flex;position:absolute;top:0;right:0}.auth-card .createPw input{padding-right:80px!important}.auth-card .password-requirements{flex-wrap:wrap;gap:.25rem 1rem;margin-top:.5rem;padding-left:.25rem;display:flex}.auth-card .password-requirements .req-item{color:#fff6;align-items:center;font-size:.65rem;font-weight:500;transition:color .3s;display:flex}.auth-card .password-requirements .req-item:before{display:none!important}.auth-card .password-requirements .req-item .req-icon{opacity:.5;margin-right:6px;font-size:.75rem}.auth-card .password-requirements .req-item.met{color:var(--success)}.auth-card .password-requirements .req-item.met .req-icon{opacity:1}.auth-card .auth-footer{justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.auth-card .auth-footer-links{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;padding:0 1rem;display:flex}.auth-card .auth-link{color:#ffffff80;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.auth-card .auth-link:hover{color:#fff}.auth-card .auth-link strong,.auth-card .auth-link b,.auth-card .auth-link [href]{color:var(--brand);font-weight:700}.auth-card a.auth-link{color:var(--brand);font-weight:700}.auth-card button[type=submit],.auth-card .auth-button-primary,.auth-card .auth-button{background-color:var(--brand)!important;color:#000!important;width:100%!important;font-family:var(--font-display)!important;cursor:pointer!important;text-align:center!important;box-shadow:0 8px 24px color-mix(in srgb, var(--brand) 20%, transparent)!important;border:none!important;border-radius:16px!important;margin-top:2.5rem!important;padding:1.15rem!important;font-size:1rem!important;font-weight:700!important;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s,box-shadow .2s!important}:is(.auth-card button[type=submit],.auth-card .auth-button-primary,.auth-card .auth-button):hover:not(:disabled){background-color:color-mix(in srgb, var(--brand) 85%, #fff)!important;box-shadow:0 12px 28px color-mix(in srgb, var(--brand) 30%, transparent)!important;transform:scale(.98)!important}:is(.auth-card button[type=submit],.auth-card .auth-button-primary,.auth-card .auth-button):active:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb, var(--brand) 15%, transparent)!important;transform:scale(.95)!important}.auth-card .auth-button-link{display:inline-block;color:var(--brand)!important;font-family:var(--font-sans)!important;cursor:pointer!important;background:0 0!important;border:none!important;width:auto!important;margin-top:0!important;padding:0!important;font-size:.85rem!important;font-weight:700!important;text-decoration:none!important;transition:color .2s!important}.auth-card .auth-button-link:hover:not(:disabled){color:color-mix(in srgb, var(--brand) 80%, #fff)!important}@media (width<=600px){.auth-container{padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));align-items:flex-start}.auth-card{max-width:100%;padding:0}.auth-logo-link{margin-bottom:1.5rem}}.invite-card{z-index:10;background:0 0;flex-direction:column;width:100%;max-width:440px;margin:0 auto;padding:3rem 2.5rem;display:flex}.invite-card .invite-header{text-align:center;margin-bottom:2.5rem}.invite-card .invite-logo-link{margin-bottom:2rem;text-decoration:none;transition:opacity .2s;display:inline-block}.invite-card .invite-logo-link:active{opacity:.7}.invite-card .invite-headings{flex-direction:column;gap:.5rem;display:flex}.invite-card .invite-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0;font-size:1.75rem;font-weight:600;font-style:normal!important}.invite-card .invite-subtitle{color:#ffffff80;margin:0;font-size:1rem;font-weight:400}.invite-card>.auth-login>.invite-header,.invite-card>.auth-register>.invite-header,.invite-card>.auth-set-password>.invite-header{display:none!important}.invite-card .auth-forgot-password>.invite-header,.invite-card .auth-check-email>.invite-header{text-align:center;margin-bottom:1.5rem}.invite-card .invite-header h2{font-family:var(--font-display);color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-style:normal;font-weight:600;line-height:1.3}.invite-card .auth-text{text-align:center;color:var(--color-text-secondary,#ffffffb3);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.invite-card .auth-forgot-password>.auth-success,.invite-card .auth-set-password>.auth-success{background:0 0!important;border:none!important;margin:0!important;padding:0!important}.invite-card .auth-forgot-password>.auth-success p,.invite-card .auth-set-password>.auth-success p{text-align:center;margin-bottom:2rem;font-size:.95rem;font-weight:400;color:var(--color-text-secondary,#ffffffb3)!important}.invite-card .auth-text strong{color:#fff;font-weight:600}.invite-card .auth-subtext{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#ffffff80);text-align:left;margin:0 0 .75rem;font-size:.8rem;font-weight:600;display:block}.invite-card .auth-verify-manual{width:100%;margin-top:1rem}.invite-card form,.invite-card .auth-form{flex-direction:column;gap:1rem;width:100%;display:flex}.invite-card .auth-row{flex-direction:row;gap:1rem;width:100%;display:flex}.invite-card .auth-row>*{flex:1;min-width:0}.invite-card .form-field{flex-direction:column;margin:0;display:flex;position:relative}.invite-card label{pointer-events:none;z-index:10;text-transform:uppercase;letter-spacing:.05em;opacity:0;margin:0;font-size:.65rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:10px;left:20px;transform:translateY(4px);color:#fff6!important}:-webkit-any(.invite-card .form-field:has(input:-webkit-autofill) label,.invite-card .form-field:has(input:not(:placeholder-shown):not([type=checkbox]):not([type=radio])) label){transform:translateY(0);opacity:1!important}:is(.invite-card .form-field:has(input:autofill) label,.invite-card .form-field:has(input:not(:placeholder-shown):not([type=checkbox]):not([type=radio])) label){transform:translateY(0);opacity:1!important}.invite-card .form-field:focus-within label{transform:translateY(0);color:var(--brand)!important;opacity:1!important}.invite-card .form-field:has(input:focus:not([type=checkbox]):not([type=radio])) label{transform:translateY(0);color:var(--brand)!important;opacity:1!important}.invite-card input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;color:#fff;width:100%;font-family:var(--font-sans);background:linear-gradient(145deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff0f;border-radius:16px;outline:none;height:60px;padding:1.65rem 1.25rem .65rem;font-size:1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 10px #00000026}.invite-card input:not([type=checkbox]):not([type=radio]):placeholder-shown:not(:focus){padding:1.15rem 1.25rem}.invite-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.invite-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.invite-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.invite-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.invite-card input:not([type=checkbox]):not([type=radio])::placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.invite-card input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.invite-card input:not([type=checkbox]):not([type=radio])::-moz-placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.invite-card input:not([type=checkbox]):not([type=radio]):focus::placeholder{opacity:.2!important}.invite-card input:not([type=checkbox]):not([type=radio]):focus,.invite-card input:not([type=checkbox]):not([type=radio]):active{border-color:var(--brand);box-shadow:inset 0 2px 10px #0003, 0 0 0 1px var(--brand);background:linear-gradient(145deg,#ffffff1a 0%,#ffffff08 100%)}.invite-card .form-field.is-valid input{border-color:#4ade8066}.invite-card .form-field:has(input:valid:not(:placeholder-shown):not([type=password])) input{border-color:#4ade8066}.invite-card .form-field.has-error input{background:#ef444414!important;border-color:#ef444466!important}.invite-card .form-field:has(input:invalid:not(:placeholder-shown)) input{background:#ef444414!important;border-color:#ef444466!important}.invite-card .auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;margin:.5rem 0 1rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;line-height:1.4;display:flex}.invite-card .form-field .error{color:#ef4444;margin-top:6px;margin-bottom:0;margin-left:1.25rem;font-size:.75rem;font-weight:500;line-height:1.3;display:block}.invite-card .auth-success{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;line-height:1.4}.invite-card .action.btn-generate,.invite-card .action.btn-copy,.invite-card .form-field>button.action,.invite-card .form-field>button[aria-label="Toggle password visibility"],.invite-card .form-field>button.toggle-password,.invite-card .l-password-actions button{cursor:pointer;z-index:20;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;color:#fff6!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:30px!important;right:12px!important;transform:translateY(-50%)!important}:is(.invite-card .action.btn-generate,.invite-card .action.btn-copy,.invite-card .form-field>button.action,.invite-card .form-field>button[aria-label="Toggle password visibility"],.invite-card .form-field>button.toggle-password,.invite-card .l-password-actions button):hover{color:#fff!important;background:#ffffff1a!important}.invite-card .l-password-actions{align-items:center;height:60px;display:flex;position:absolute;top:0;right:0}.invite-card .createPw input{padding-right:80px!important}.invite-card .password-requirements{flex-wrap:wrap;gap:.25rem 1rem;margin-top:.5rem;padding-left:.25rem;display:flex}.invite-card .password-requirements .req-item{color:#fff6;align-items:center;font-size:.65rem;font-weight:500;transition:color .3s;display:flex}.invite-card .password-requirements .req-item:before{display:none!important}.invite-card .password-requirements .req-item .req-icon{opacity:.5;margin-right:6px;font-size:.75rem}.invite-card .password-requirements .req-item.met{color:var(--success)}.invite-card .password-requirements .req-item.met .req-icon{opacity:1}.invite-card .auth-footer{justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.invite-card .auth-footer-links{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;padding:0 1rem;display:flex}.invite-card .auth-link{color:#ffffff80;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.invite-card .auth-link:hover{color:#fff}.invite-card .auth-link strong,.invite-card .auth-link b,.invite-card .auth-link [href]{color:var(--brand);font-weight:700}.invite-card a.auth-link{color:var(--brand);font-weight:700}.invite-card button[type=submit],.invite-card .auth-button-primary,.invite-card .auth-button{background-color:var(--brand)!important;color:#000!important;width:100%!important;font-family:var(--font-display)!important;cursor:pointer!important;text-align:center!important;box-shadow:0 8px 24px color-mix(in srgb, var(--brand) 20%, transparent)!important;border:none!important;border-radius:16px!important;margin-top:2.5rem!important;padding:1.15rem!important;font-size:1rem!important;font-weight:700!important;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s,box-shadow .2s!important}:is(.invite-card button[type=submit],.invite-card .auth-button-primary,.invite-card .auth-button):hover:not(:disabled){background-color:color-mix(in srgb, var(--brand) 85%, #fff)!important;box-shadow:0 12px 28px color-mix(in srgb, var(--brand) 30%, transparent)!important;transform:scale(.98)!important}:is(.invite-card button[type=submit],.invite-card .auth-button-primary,.invite-card .auth-button):active:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb, var(--brand) 15%, transparent)!important;transform:scale(.95)!important}.invite-card .auth-button-link{display:inline-block;color:var(--brand)!important;font-family:var(--font-sans)!important;cursor:pointer!important;background:0 0!important;border:none!important;width:auto!important;margin-top:0!important;padding:0!important;font-size:.85rem!important;font-weight:700!important;text-decoration:none!important;transition:color .2s!important}.invite-card .auth-button-link:hover:not(:disabled){color:color-mix(in srgb, var(--brand) 80%, #fff)!important}@media (width<=600px){.invite-container{padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));align-items:flex-start}.invite-card{max-width:100%;padding:0}.invite-logo-link{margin-bottom:1.5rem}}.badge,.badge-add-workout{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);padding:2px 8px;font-weight:700;display:inline-flex}.badge-brand,.badge-add-workout{background:var(--brand-10);border-color:var(--brand-20);color:var(--brand)}.badge-success{color:var(--success);background:#4ade801a;border-color:#4ade8033}.badge-add-workout{cursor:pointer;transition:all var(--transition-base);margin-left:auto;padding:.5em 1em;font-size:.8rem}.badge-add-workout:hover{background:var(--brand-20)}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-subtle,.btn-primary.cta{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;font-weight:800;display:inline-flex}.btn-primary,.btn-primary.cta{background:var(--brand);color:var(--text-inverse);box-shadow:var(--shadow-brand)}:is(.btn-primary,.btn-primary.cta):hover{background:var(--brand-dark);transform:translateY(-1px)}:is(.btn-primary,.btn-primary.cta):active{transform:translateY(0)}.btn-secondary{color:#fff;border:1px solid var(--border-hover);background:0 0}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3}.btn-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444433}.btn-lg,.btn-primary.cta{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.btn-block,.btn-primary.cta{width:100%}.btn-subtle{letter-spacing:.1em;color:#fff;background:0 0;border:1px solid #ffffff1a;font-weight:700}.btn-subtle:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}.btn-primary.cta{margin-top:var(--space-lg)}.btn-pill{border-radius:var(--radius-full)}.btn-back{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.btn-back:hover{color:#fff;background:#ffffff0d}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-scale-in{animation:.3s ease-out forwards scaleIn}.stagger>:nth-child(6){animation-delay:.25s}.stagger>:nth-child(7){animation-delay:.3s}.stagger>:nth-child(8){animation-delay:.35s}.page-enter-active{animation:.2s ease-out fadeIn}.page-leave-active{animation:.15s ease-in reverse fadeIn}.slide-left-enter-active{will-change:transform;z-index:2;padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-bottom:var(--bottom-nav-total-height);background-color:var(--bg-deep,#0e0e0e);transition:transform .4s cubic-bezier(.2,.8,.2,1);position:fixed;inset:0;overflow:hidden}.slide-left-enter-from{transform:translate(100%)}.slide-left-leave-active{will-change:transform, opacity;z-index:1;top:calc(var(--saved-scroll-y,0px) * -1);width:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s;position:fixed;bottom:0;left:0;right:0}.slide-left-leave-to{opacity:.2;transform:translate(-30%)}.slide-right-enter-active{will-change:transform, opacity;z-index:1;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s}.slide-right-enter-from{opacity:.2;transform:translate(-30%)}.slide-right-leave-active{will-change:transform;top:calc(var(--saved-scroll-y,0px) * -1);z-index:2;width:100%;padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-bottom:var(--bottom-nav-total-height);background-color:var(--bg-deep,#0e0e0e);transition:transform .4s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:0;right:0;overflow:hidden}.slide-right-leave-to{transform:translate(100%)}.global-activity-overlay{z-index:9999;-webkit-overflow-scrolling:touch;background-color:var(--bg-deep,#0e0e0e);max-width:var(--content-max,430px);margin:0 auto;position:fixed;inset:0;overflow-y:auto}.overlay-slide-enter-active,.overlay-slide-leave-active{will-change:transform;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.overlay-slide-enter-from,.overlay-slide-leave-to{transform:translate(100%)}.global-activity-backdrop{z-index:9998;-webkit-backdrop-filter:blur(4px);background-color:#000000bf;position:fixed;inset:0}.overlay-fade-enter-active,.overlay-fade-leave-active{transition:opacity .4s}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.native-crash-screen{background:var(--bg-deep,#0e0e0e);color:var(--text-error,#f55);box-sizing:border-box;width:100vw;height:100vh;font-family:var(--font-base,sans-serif);z-index:99999;padding:40px 20px;position:fixed;top:0;left:0;overflow:auto}.native-crash-screen h2{margin-top:0}.native-crash-screen p{color:var(--text-muted,#aaa);margin-bottom:20px}.native-crash-screen pre{white-space:pre-wrap;background:var(--bg-surface,#222);border:1px solid var(--border-color,#444);border-radius:4px;padding:10px}.native-crash-screen .crash-message{font-size:12px}.native-crash-screen .crash-stack{color:var(--text-muted,#888);margin-top:10px;font-size:10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-field select,.form-group select{appearance:none;padding-right:var(--space-xl);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23cff84c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat!important;background-position:right var(--space-md) center!important;background-size:16px!important}:is(.form-field select,.form-group select):hover{border-color:var(--border-brand)}:is(.form-field select,.form-group select):focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-20);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.textarea{resize:vertical;resize:vertical;min-height:80px}.form-field{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea{width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-lg);transition:all var(--transition-fast)}:is(.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea)::placeholder{color:var(--text-dim)}:is(.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea):focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-10);outline:none}.form-field .input-wrapper{gap:var(--space-xs);flex-direction:column;display:flex}.form-field label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--space-xs);font-weight:700}.form-field.has-error input:not([type=checkbox]):not([type=radio]),.form-field.has-error select,.form-field.has-error textarea{border-color:var(--danger)}:is(.form-field.has-error input:not([type=checkbox]):not([type=radio]),.form-field.has-error select,.form-field.has-error textarea):focus{box-shadow:0 0 0 3px #f871711a}.form-field .error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-xs);font-weight:600;animation:.2s ease-out slideDown}.form-field.datepicker{position:relative}.form-field.datepicker fieldset.select-field{border:none;width:100%;margin:0;padding:0}.form-field.datepicker fieldset.select-field legend{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--space-xs);padding:0;font-weight:700;display:block}.form-field.datepicker fieldset.select-field .inputs{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-sm);transition:all var(--transition-fast);align-items:center;display:flex}.form-field.datepicker fieldset.select-field .inputs:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-10)}.form-field.datepicker fieldset.select-field .inputs input{appearance:textfield;padding:var(--space-sm) 4px;font-size:var(--text-lg);text-align:center;background:0 0;border:none;width:calc(2ch + 8px)}.form-field.datepicker fieldset.select-field .inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-field.datepicker fieldset.select-field .inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-field.datepicker fieldset.select-field .inputs input:focus{box-shadow:none!important}.form-field.datepicker fieldset.select-field .inputs input[name=year]{width:4.5rem!important}.form-field.datepicker fieldset.select-field .inputs .separator{color:var(--text-dim);-webkit-user-select:none;user-select:none;font-weight:700}.form-field.datepicker fieldset.select-field .inputs button{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:4px;font-size:1.2rem;transition:opacity .2s;display:flex}.form-field.datepicker fieldset.select-field .inputs button:hover{opacity:1;color:var(--brand)}.form-field.datepicker .calendar{z-index:100;background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-md);width:280px;margin-top:8px;animation:.2s ease-out slideDown;position:absolute;top:100%;left:0}.form-field.datepicker .calendar .header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.form-field.datepicker .calendar .header button{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.form-field.datepicker .calendar .header button:hover{background:var(--brand-10);border-color:var(--brand)}.form-field.datepicker .calendar .header .date-select{gap:4px;display:flex}.form-field.datepicker .calendar .header .date-select select{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:4px 8px;width:auto!important;font-size:var(--text-lg)!important}.form-field.datepicker .calendar .header .date-select select:hover{border-color:var(--brand)}.form-field.datepicker .calendar .days .week_days{text-align:center;text-transform:uppercase;color:var(--text-dim);grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:10px;font-weight:800;display:grid}.form-field.datepicker .calendar .days .all_days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.form-field.datepicker .calendar .days .all_days div,.form-field.datepicker .calendar .days .all_days button{aspect-ratio:1;font-size:var(--text-sm);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;display:flex}.form-field.datepicker .calendar .days .all_days button{color:#fff;transition:all .2s}.form-field.datepicker .calendar .days .all_days button:hover{background:var(--brand-20);color:var(--brand)}.form-field.datepicker .calendar .days .all_days button.today{color:var(--brand);border:1px solid var(--brand-20);font-weight:800}.form-field.datepicker .calendar .days .all_days button.clicked{background:var(--brand);color:var(--text-inverse);font-weight:800}.form-field.datepicker .calendar .days .all_days div{opacity:.3;cursor:default}.SelectAndInput{transition:all var(--transition-fast);overflow:hidden;background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;display:flex!important}.SelectAndInput:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--brand-10)!important}.SelectAndInput label{display:none!important}.SelectAndInput select{cursor:pointer;border:none!important;border-right:1px solid var(--border)!important;width:auto!important;padding:0 var(--space-sm)!important;font-size:var(--text-lg)!important;color:var(--brand)!important;background:0 0!important;border-radius:0!important}.SelectAndInput select:focus{box-shadow:none!important}.SelectAndInput input{flex:1;background:0 0!important;border:none!important;border-radius:0!important}.SelectAndInput input:focus{box-shadow:none!important}.checkbox-label input[type=checkbox]{appearance:none;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin:0;position:relative;width:20px!important;height:20px!important;padding:0!important}.checkbox-label input[type=checkbox]:checked{background-color:var(--brand);border-color:var(--brand)}.checkbox-label input[type=checkbox]:checked:after{content:"";border:solid var(--bg-deep);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.skeleton{background-color:var(--bg-surface-light,#ffffff0d);border-radius:var(--skeleton-radius,var(--radius-md));width:var(--skeleton-width,100%);height:var(--skeleton-height,100%);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:1.5s infinite skeleton-loading;position:absolute;top:0;left:0}.skeleton--text{margin-bottom:.5em}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.input-wrapper,.option-list{gap:var(--space-xs);flex-direction:column;display:flex}.option-row{padding:var(--space-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-lg);color:var(--text-muted);text-align:left;transition:all var(--transition-fast);cursor:pointer;line-height:1.2}.option-row:hover{background:var(--brand-10);border-color:var(--border-hover)}.option-row.active{border-color:var(--brand);color:var(--brand);background:var(--brand-10)}.photo-upload-field{margin-top:var(--space-xs)}.photo-preview-wrapper,.upload-placeholder-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);width:100%;transition:all var(--transition-base);position:relative;overflow:hidden}.is-circle{border-radius:50%;max-width:120px}.upload-placeholder-wrapper{cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);border:2px dashed var(--border);color:var(--text-muted);flex-direction:column;display:flex}.upload-placeholder-wrapper:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-10)}.photo-preview-img{object-fit:cover;width:100%;height:100%}.btn-remove-photo{top:var(--space-sm);right:var(--space-sm);color:#fff;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.btn-remove-photo:hover{background:#ef4444;transform:scale(1.1)}.placeholder-text{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.hidden-file-input{display:none}.search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-icon{left:var(--space-md);z-index:2;color:var(--text-dim);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.search-input-el{width:100%;padding-left:calc(var(--space-md) + 28px)!important;padding-right:calc(var(--space-md) + 32px)!important}.search-actions{right:var(--space-sm);z-index:2;align-items:center;gap:var(--space-xs);display:flex;position:absolute}.btn-clear{color:var(--text-dim);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.btn-clear:hover{color:#fff;background:#ffffff0d}.spinner-small{border:2px solid #ffffff1a;border-top-color:var(--brand);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.datetime-local-field{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.datetime-local-field input[type=datetime-local]{box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;max-width:100%}.user-preview{align-items:center;gap:var(--space-md);border-radius:var(--radius-xl);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;display:flex}.user-preview.clickable{cursor:pointer}.user-preview.clickable:hover{background:#ffffff0a;transform:translate(4px)}.user-preview.me{background:#cff84c0d;border:1px solid #cff84c1a}.user-preview .info{flex-direction:column;min-width:0;display:flex}.user-preview .info .name-row{align-items:center;gap:var(--space-xs);display:flex}.user-preview .info .name-row strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.user-preview .info .name-row .role{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:#ffffff1a;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:900}.user-preview .info .name-row .role.owner{color:#fbbf24;background:#f59e0b33}.user-preview .info .name-row .role.admin{color:var(--brand);background:#cff84c33}.user-preview .info small{font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-preview.sm{gap:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.user-preview.sm .info .name-row strong{font-size:var(--text-sm)}.user-preview.lg{gap:var(--space-lg)}.user-preview.lg .info .name-row strong{font-size:var(--text-lg)}.user-preview.no-padding{padding:0;background:0 0!important;border:none!important}.user-preview.no-padding:hover{transform:none!important}.profile-avatar{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}.avatar{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%;display:block}.avatar-placeholder{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.avatar-placeholder-sm{font-size:var(--text-xs)}.avatar-placeholder-md{font-size:var(--text-sm)}.avatar-placeholder-lg{font-size:var(--text-lg)}.avatar-placeholder-xl{font-size:var(--text-xl)}.avatar-hidden{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-dim);border:1px dashed var(--border);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-hidden-sm svg{width:12px;height:12px}.avatar-hidden-md svg{width:16px;height:16px}.avatar-hidden-lg svg{width:24px;height:24px}.avatar-hidden-xl svg{width:32px;height:32px}.friend-row{background:var(--bg-panel);border:var(--border-hover);border-radius:var(--radius-lg);align-items:center;padding:.75rem;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) backwards slideIn;display:flex}.friend-row:hover{background:var(--bg-surface);transform:translateY(-1px)}.friend-row.removing{opacity:0;pointer-events:none;transform:scale(.95)}.friend-row .user-preview{flex:1;align-items:center;gap:.875rem;text-decoration:none;display:flex;overflow:hidden}.friend-row .profile-avatar-wrapper{flex-shrink:0}.friend-row .info{flex-direction:column;display:flex;overflow:hidden}.friend-row .name-row{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex;overflow:hidden}.friend-row .name-row .role{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary);padding:2px 6px}.friend-row .name-row .role.admin{color:var(--brand);background:#cff84c1a}.friend-row .sub-text{color:var(--text-secondary);align-items:center;gap:.375rem;margin-top:2px;font-size:.75rem;display:flex}.friend-row .activity-badge{color:var(--brand);background:#cff84c14;border-radius:4px;align-items:center;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.friend-row .actions-group{align-items:center;gap:.375rem;margin-left:.5rem;display:flex}.friend-row .actions-group .action-btn{border-radius:var(--radius-full);cursor:pointer;border:none;outline:none;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem .875rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.friend-row .actions-group .action-btn.btn-remove{background:var(--bg-deep);border:1px solid var(--border-hover);color:var(--text-secondary)}.friend-row .actions-group .action-btn.btn-remove:hover{background:var(--bg-elevated);color:var(--danger);border-color:#f871714d}.friend-row .actions-group .action-btn.btn-add{color:var(--brand);background:#cff84c1a;border:1px solid #cff84c33}.friend-row .actions-group .action-btn.btn-add:hover{background:var(--brand);color:#000}.friend-row .actions-group .action-btn.btn-accept{background:var(--brand);color:#000;font-weight:700}.friend-row .actions-group .action-btn.btn-decline{color:var(--text-secondary);background:#ffffff0d;border:1px solid #0000}.friend-row .actions-group .action-btn.btn-decline:hover{color:var(--danger);background:#f871711a}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.stat-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.stat-card.brand{background:var(--brand);border-color:#0000}.stat-card.brand .label{color:#00000080}.stat-card.brand .stat-value{color:#000}.stat-card.brand .stat-unit{color:#0009}.stat-card .value-row{align-items:baseline;gap:var(--space-xs);display:flex}.stat-card .icon-flame{color:#ff5722;fill:#ff9800;transform-origin:bottom;align-self:center;animation:2s ease-in-out infinite alternate flicker}.stat-card.brand .icon-flame{color:#000;fill:#00000080}.stat-card .trend{font-size:var(--text-xs);color:var(--text-dim);align-items:center;gap:2px;font-weight:600;display:flex}.stat-card .trend.positive{color:var(--brand)}@keyframes flicker{0%{opacity:.9;transform:scale(1)rotate(-3deg)}50%{opacity:1;transform:scale(1.05)rotate(3deg)}to{opacity:.8;transform:scale(.95)rotate(-1deg)}}.challenge-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);display:flex}.challenge-card:hover{border-color:var(--border-brand);transform:translateY(-1px)}.challenge-card .cover{border-radius:var(--radius-lg);flex-shrink:0;width:56px;height:56px;overflow:hidden}.challenge-card .cover img{object-fit:cover;width:100%;height:100%}.challenge-card .cover.fallback{background:var(--bg-surface);color:var(--text-dim);justify-content:center;align-items:center;display:flex}.challenge-card .info{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.challenge-card .header{justify-content:space-between;align-items:center;display:flex}.challenge-card .title{font-size:var(--text-base);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:700;overflow:hidden}.challenge-card .status{font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap;font-weight:700}.challenge-card .status.active{color:var(--brand)}.challenge-card .status.completed{color:var(--success)}.challenge-card .meta{font-size:var(--text-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.bottom-nav{z-index:var(--z-nav);height:var(--bottom-nav-total-height);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:var(--bottom-nav-safe-area);transition:transform var(--transition-fast,.2s ease), opacity var(--transition-fast,.2s ease);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}body.keyboard-visible .bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.nav-tab{padding:var(--space-xs) var(--space-md);color:var(--text-dim);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;text-decoration:none;display:flex}.nav-tab.active{color:var(--brand)}.nav-tab:hover{color:var(--text)}.nav-label{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.app-header{z-index:var(--z-header);height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-bottom:0;padding-left:var(--content-padding);padding-right:var(--content-padding);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-left{align-items:center;gap:var(--space-sm);display:flex}.workspace-selector-btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);color:var(--text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:4px 8px 4px 4px;display:flex}.workspace-selector-btn:hover{background:var(--glass-bg);border-color:var(--border)}.workspace-selector-btn .community-logo{border-radius:var(--radius-sm);object-fit:cover;width:28px;height:28px}.workspace-selector-btn .community-logo-placeholder{border-radius:var(--radius-sm);background:var(--bg-panel);width:28px;height:28px;color:var(--text);font-weight:700;font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.workspace-selector-btn .chevron-down{color:var(--text-muted);transition:transform var(--transition-fast)}.workspace-selector-btn:hover .chevron-down{color:var(--text)}.workspace-selector-btn .crew-name{font-size:var(--text-base);color:var(--text);font-weight:700}.header-logo{align-items:center;gap:0;display:flex}.logo-text{font-size:var(--text-xl);letter-spacing:-.03em;color:#fff;font-style:italic;font-weight:900}.logo-text .text-brand{color:var(--brand);font-style:italic}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.header-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-btn:hover,.header-btn.active{color:var(--brand);background:var(--brand-10)}.header-avatar{margin-left:var(--space-xs)}.profile-dropdown-container{margin-left:var(--space-xs);position:relative}.profile-dropdown-btn{cursor:pointer;background:0 0;border:none;align-items:center;width:32px;height:32px;padding:0;display:flex}.profile-dropdown{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);z-index:var(--z-overlay);flex-direction:column;margin-top:12px;padding:8px 0;display:flex;position:absolute;top:100%;right:0}.profile-dropdown .dropdown-item{color:var(--text);font-size:var(--text-sm);transition:background var(--transition-fast);padding:10px 16px;font-weight:500;text-decoration:none}.profile-dropdown .dropdown-item:hover{background:var(--glass-bg);color:var(--brand)}.workspace-switcher-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;position:fixed;inset:0}.workspace-switcher-panel{background:var(--bg-panel);border-right:1px solid var(--border);width:320px;height:100%;padding-top:env(safe-area-inset-top,0px);animation:slideIn var(--transition-base) ease-out;flex-direction:column;display:flex}.ws-header{padding:var(--space-md);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-sm);display:flex}.ws-header .form-field{margin-bottom:0}.ws-close-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ws-close-btn:hover{color:var(--text);background:var(--bg-deep)}.ws-content{padding:var(--space-md);flex:1;overflow-y:auto}.ws-section-title{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);margin-top:0}.ws-community-list{gap:var(--space-sm);flex-direction:column;display:flex}.ws-community-item{align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.ws-community-item:hover{background:var(--bg-deep)}.ws-community-logo{border-radius:var(--radius-md);background:var(--bg-elevated);justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.community-logo-img{object-fit:cover;width:100%;height:100%}.ws-community-info{flex-direction:column;display:flex}.ws-community-name{color:var(--text);font-weight:600;font-size:var(--text-base)}.ws-community-members{color:var(--text-dim);font-size:var(--text-sm)}.ws-empty{color:var(--text-muted);font-style:italic;font-size:var(--text-sm)}.ws-footer{padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);text-align:center}.ws-footer-btn{width:100%}.feed-card{--bg-card:#09090b;--bg-card-hover:#0c0c0e;--bg-surface:#1c1c21;--text-primary:#fff;--text-secondary:#8e8e93;--brand-color:#cff84c;--border-radius-xl:32px;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275);--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);background-color:var(--bg-card);border-radius:var(--border-radius-xl);padding:var(--spacing-lg);gap:var(--spacing-lg);transition:var(--transition-smooth);cursor:pointer;color:inherit;flex-direction:column;margin:0;text-decoration:none;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.feed-card:hover{background-color:var(--bg-card-hover)}.feed-card .card-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.feed-card .card-header .profile{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.interactive-avatar{cursor:pointer;transition:var(--transition-bounce);flex-shrink:0}.interactive-avatar:hover{transform:scale(1.05)}.meta-info{flex-direction:column;flex-grow:1;gap:2px;display:flex}.meta-header-row{justify-content:space-between;align-items:center;display:flex}.author-name{color:var(--text-primary);cursor:pointer;margin:0;font-size:1.05rem;font-style:normal;font-weight:700;transition:color .2s}.author-name:hover{color:var(--text-secondary)}.post-time-type{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.post-time-type .separator{opacity:.5;margin:0 4px}.post-time-type .type{color:var(--text-primary);align-items:center;gap:4px;font-weight:600;display:inline-flex}.type-icon{width:14px;height:14px;color:var(--text-secondary)}.privacy-icon{color:var(--text-secondary)}.media-wrapper-contained{aspect-ratio:4/3.2;background-color:var(--bg-surface);border-radius:var(--border-radius-lg);width:100%;height:auto;position:relative}.media-wrapper-contained>img{aspect-ratio:4/3.2;object-fit:cover;border-radius:var(--border-radius-lg);width:100%;height:100%;display:block}.stats-overlay{background-color:var(--bg-card);z-index:5;border-top-right-radius:32px;padding:28px 24px 0 0;position:absolute;bottom:0;left:0}.feed-card:hover .stats-overlay{background-color:var(--bg-card-hover)}.stats-overlay:before{content:"";width:24px;height:24px;box-shadow:-12px 12px 0 12px var(--bg-card);pointer-events:none;background:0 0;border-bottom-left-radius:24px;position:absolute;bottom:100%;left:0}.feed-card:hover .stats-overlay:before,.feed-card:hover .stats-overlay:after{box-shadow:-12px 12px 0 12px var(--bg-card-hover)}.stats-overlay:after{content:"";width:24px;height:24px;box-shadow:-12px 12px 0 12px var(--bg-card);pointer-events:none;background:0 0;border-bottom-left-radius:24px;position:absolute;bottom:0;left:100%}.route-badge{z-index:10;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.route-badge.absolute-top-right{position:absolute;top:16px;right:16px}.route-badge.inline-badge{flex-shrink:0}.route-png{object-fit:contain;background:#0000004d;border-radius:8px;width:64px;height:64px;padding:2px;display:block}.no-media .route-png{background:0;border:1px solid #ffffff1a}.location-name{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);border-radius:var(--border-radius-sm);background:#0009;border:1px solid #ffffff1a;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.inline-badge .location-name{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0}.location-name svg{color:#fff;width:12px;height:12px}.stats-and-route-row{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.stats-group-inline,.stats-inline-standard{flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-value-wrap{align-items:baseline;gap:2px;line-height:1;display:flex}.stat-item.primary .value{letter-spacing:-1px;font-size:2.5rem;font-weight:800}.stat-item.primary .unit{color:var(--text-secondary);font-size:1.2rem;font-weight:600}.stat-item.secondary .value{letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.stat-item.secondary .unit{color:var(--text-secondary);font-size:.9rem;font-weight:600}.label{color:var(--brand-color);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.feed-card .content-area{justify-content:space-between;align-items:center;gap:16px;display:flex}.activity-title{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;flex:1;margin:0;font-size:1rem;font-style:normal;font-weight:700;display:-webkit-box;overflow:hidden}.action-buttons{flex-shrink:0;gap:8px;display:flex}.comments-section{border-top:1px solid #ffffff0d;flex-direction:column;gap:12px;padding-top:16px;display:flex}.comment-preview{align-items:flex-start;gap:10px;display:flex}.comment-avatar{cursor:pointer;border-radius:50%;flex-shrink:0;width:24px;height:24px}.comment-content{color:var(--text-secondary);flex-direction:column;margin:0;font-size:.9rem;line-height:1.4;display:flex}.comment-text-preview{color:var(--text);font-size:.9rem}.comment-author{color:var(--text-primary);cursor:pointer;margin-right:6px;font-weight:700}.join-discussion{color:var(--brand-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.9rem;font-weight:600;transition:opacity .2s;display:flex}.join-discussion:hover{opacity:.8}.join-discussion svg{width:16px;height:16px}@keyframes feed-hype-impact{0%{filter:brightness()saturate();transform:scale(1)}19%{filter:brightness(1.04)saturate(1.04);transform:scale(1.015)}42%{filter:brightness(1.01)saturate(1.02);transform:scale(.998)}to{filter:brightness()saturate();transform:scale(1)}}.feed-card.is-hype-impact{animation:.5s cubic-bezier(.16,.76,.26,1) both feed-hype-impact}.lb-row{background:#141414f2;border-radius:16px;margin:2px 0;scroll-margin-top:130px;transition:background .2s,margin .2s,border-radius .2s;position:relative}.row-visible{cursor:pointer;align-items:center;padding:.875rem .75rem;display:flex}.rank-col{flex-shrink:0;justify-content:center;align-items:center;width:32px;margin-right:.5rem;display:flex}.rank-col .rank{color:#888;font-size:1.125rem;font-style:italic;font-weight:700}.lb-row.rank-1 .rank{color:gold}.lb-row.rank-2 .rank{color:silver}.lb-row.rank-3 .rank{color:#cd7f32}.athlete-info{flex:1;align-items:center;gap:.875rem;text-decoration:none;transition:opacity .2s;display:flex;overflow:hidden}.athlete-info:hover{opacity:.8}.athlete-info .avatar{color:#888;background:#111;border:1px solid #ffffff14;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex;overflow:hidden}.athlete-info .avatar img{object-fit:cover;width:100%;height:100%}.athlete-info .name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.score-info{text-align:right;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;margin-left:.5rem;display:flex}.main-score{align-items:baseline;gap:4px;display:flex}.score-info .distance{font-variant-numeric:tabular-nums;color:#fff;font-size:1.125rem;font-weight:700}.score-info .unit{color:#fff;font-size:1rem;font-weight:600}.sub-score{align-items:center;gap:6px;margin-top:2px;font-size:.8125rem;font-weight:700;display:flex}.sub-score .positive{color:#cff84c}.sub-score .negative{color:#f87171}.sub-score svg{width:10px;height:10px}.lb-row.is-user{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #cff84c;border-radius:16px;margin:8px 0;position:sticky;bottom:144px;box-shadow:0 4px 24px #000c,inset 0 0 15px #cff84c1a}.lb-row.is-user .name{color:#fff}.lb-row.is-user .rank-col .rank{color:#cff84c;font-style:italic}.lb-row.is-user.expanded{z-index:35;background:#141414f2;position:relative;bottom:auto}.row-details{opacity:0;background:0 0;height:0;transition:height .35s cubic-bezier(.16,1,.3,1),opacity .2s;overflow:hidden}.lb-row.expanded{background:#0a0a0a;margin:8px 0}.lb-row.expanded .row-details{opacity:1;border-top:1px solid #ffffff0d}.chart-container{padding:1.25rem .75rem}.chart-container .chart-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.chart-container .chart-header .chart-legend{color:#888;text-transform:uppercase;gap:1.25rem;font-size:.6875rem;font-weight:600;display:flex}.chart-container .chart-header .chart-legend .legend-item{align-items:center;gap:.375rem;display:flex}.chart-container .chart-header .chart-legend .legend-item:before{content:"";background:currentColor;border-radius:2px;width:10px;height:2px}.chart-container .chart-header .chart-legend .legend-item.primary{color:#fff}.chart-container .chart-header .chart-legend .legend-item.primary:before{background:#cff84c}.chart-container .chart-header .chart-legend .legend-item.comparison{color:#888}.chart-container .chart-header .chart-legend .legend-item.comparison:before{background:#ffffff40;border-style:dashed}.chart-container .canvas-wrapper .custom-chart-wrapper{min-height:unset!important}.chart-container .canvas-wrapper{color:#888;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:1rem;font-size:.875rem;display:flex;position:relative}.chart-container .profile-link{color:#fff;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.chart-container .profile-link:hover{background:#ffffff1a}.btn-edit-goal{text-transform:uppercase;color:#cff84c;cursor:pointer;background:#cff84c1a;border:1px solid #cff84c33;border-radius:4px;padding:.25rem .5rem;font-size:.6875rem}.athlete-meta{color:#888;font-size:.75rem;font-weight:500}.athlete-meta-val{color:#fff;font-weight:700}.pace-row{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:1.25rem;padding-top:1.25rem;display:flex}.pace-col{flex-direction:column;display:flex}.pace-col.align-right{text-align:right}.pace-label{color:#888;text-transform:uppercase;margin-bottom:2px;font-size:.625rem;font-weight:700}.pace-val{color:#fff;font-size:1.125rem;font-weight:800}.pace-val.highlight{color:#cff84c}.podium{justify-content:center;align-items:flex-end;gap:var(--space-lg);padding:var(--space-2xl) var(--space-md) var(--space-lg);display:flex}.podium .slot{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.podium .slot.pos-1{order:2;transform:translateY(-12px)}.podium .slot.pos-2{order:1}.podium .slot.pos-3{order:3}.podium .podium-avatar-wrapper{width:40px;height:40px;position:relative}.podium .podium-avatar-wrapper.leader{width:64px;height:64px}.podium .podium-avatar-wrapper.leader .profile-avatar{border:3px solid var(--brand);box-shadow:0 0 16px var(--brand-glow);border-radius:var(--radius-full);overflow:hidden}.podium .rank-badge{border-radius:var(--radius-full);background:var(--bg-surface);width:20px;height:20px;color:var(--text-muted);border:2px solid var(--bg-deep);justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:-4px;right:-4px}.podium .rank-badge.leader{background:var(--brand);color:#000;width:24px;height:24px;font-size:12px}.podium .name{font-size:var(--text-sm);color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-weight:600;overflow:hidden}.podium .name.leader{color:#fff;font-weight:700}.podium .value{font-size:var(--text-xs);color:var(--text-dim);text-transform:uppercase;font-weight:700}.podium .value.leader{color:var(--brand);background:var(--brand-10);border-radius:var(--radius-sm);padding:2px 8px}.podium .deltas{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.error-state{text-align:center;padding:var(--space-2xl) var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.error-state .icon{color:var(--danger);opacity:.8}.error-state .title{font-size:var(--text-lg);color:#fff;font-weight:700}.error-state .desc{font-size:var(--text-sm);color:var(--text-muted);max-width:320px;line-height:1.5}.error-state .btn{margin-top:var(--space-sm)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state .icon{color:var(--text-dim);opacity:.5}.empty-state .title{font-size:var(--text-lg);font-style:normal;font-weight:700}.empty-state .desc{font-size:var(--text-sm);color:var(--text-muted);max-width:280px}.vue-toast-container{top:calc(var(--header-height,56px) + var(--space-md));right:var(--space-md);z-index:9999;gap:var(--space-xs);pointer-events:none;flex-direction:column;width:100%;max-width:360px;display:flex;position:fixed}.vue-toast-item{pointer-events:auto;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:opacity .3s,transform .3s,background .2s;animation:.4s cubic-bezier(.175,.885,.32,1.1) toast-enter;display:flex;box-shadow:0 12px 40px #0006}.vue-toast-item:hover{border-left-color:var(--brand);background:var(--bg-elevated)}.vue-toast-leaving{opacity:0;transform:translate(100%)}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.vue-toast-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.vue-toast-title{font-weight:600;font-size:var(--text-base);color:var(--text)}.vue-toast-body{font-size:var(--text-sm);color:var(--text-dim);-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.vue-toast-close{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.vue-toast-close:hover{color:var(--text)}.vue-notification-bell-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.vue-notification-trigger{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.vue-notification-badge{text-align:center;color:#fff;background:var(--danger);border-radius:var(--radius-full);border:2px solid var(--bg-panel);min-width:16px;height:16px;padding:2px 4px 4px;font-size:10px;font-weight:700;line-height:10px;animation:.3s ease-out badge-pulse;position:absolute;top:-4px;right:-4px}@keyframes badge-pulse{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.vue-notification-dropdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:1000;width:320px;margin:0;animation:.2s ease-out dropdown-enter;position:absolute;top:59px;right:48px;box-shadow:0 8px 32px #0000004d}.vue-notification-dropdown[popover]{margin:0;position:fixed;inset:59px 48px auto auto}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.vue-notification-header{padding:var(--space-md);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;display:flex}.vue-notification-header h4{display:none}.vue-notification-header button{font-size:var(--text-xs);color:var(--brand);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;transition:background .2s}.vue-notification-header button:hover{background:var(--brand-10)}.vue-notification-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border);cursor:pointer;color:inherit;text-decoration:none;transition:background .15s;display:flex}.vue-notification-item:last-child{border-bottom:none}.vue-notification-item:hover{background:var(--bg-elevated)}.vue-notification-item.vue-notification-unread{background:#ffffff05}.vue-notification-footer{border-top:1px solid var(--border);display:flex}.vue-notification-footer button{width:100%;padding:var(--space-md);font-size:var(--text-sm);color:var(--brand);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500}.notification-icon-wrapper{border-radius:var(--radius-full);background:var(--bg-elevated);width:32px;height:32px;color:var(--text);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.vue-notification-item:hover .notification-icon-wrapper{background:var(--bg-surface);border-color:var(--border-brand);position:relative}.notification-text{flex:1;min-width:0}.notification-body{font-size:var(--text-xs);color:var(--text-muted);word-break:break-word;margin-top:2px}.notification-time{color:var(--text-dim);margin-top:2px;font-size:10px}.vue-notification-empty{padding:var(--space-lg);text-align:center;color:var(--text-dim);font-size:var(--text-sm)}.activity-item{padding:var(--space-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--space-xs);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.activity-item:hover{border-color:var(--border-brand);background:#ffffff0d;transform:translate(4px)}.activity-item:active{transform:scale(.98)}.activity-item__header{justify-content:space-between;align-items:center;display:flex}.activity-item__title{font-weight:700;font-size:var(--text-base);color:#fff;margin:0}.activity-item__date{font-size:var(--text-xs);color:var(--text-dim)}.activity-item__stats{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.activity-item__lock{opacity:.7;flex-shrink:0;margin-right:6px}.stat-main{color:var(--brand);font-weight:600}.stat-divider{color:var(--border);font-size:10px}.activity-item__arrow{right:var(--space-md);bottom:var(--space-md);color:var(--brand);opacity:0;transition:all var(--transition-fast);position:absolute;transform:translate(-10px)}.activity-item:hover .activity-item__arrow{opacity:1;transform:translate(0)}.heatmap-card{padding:var(--space-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.heatmap-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;width:100%;display:flex}.heatmap-legend{gap:var(--space-sm);color:var(--text-dim);font-size:10px;display:flex}.legend-item{align-items:center;gap:4px;display:flex}.legend-item .cell{border-radius:1px;width:8px;height:8px}.heatmap-scroll{padding-bottom:var(--space-xs);width:100%;overflow-x:auto}.heatmap-body{gap:var(--space-sm);display:flex}.heatmap-y-axis{color:var(--text-dim);text-align:right;grid-template-rows:repeat(7,12px);gap:4px;margin:0;padding:4px 0;font-size:10px;line-height:12px;list-style:none;display:grid}.heatmap-grid{grid-template-rows:repeat(7,12px);grid-auto-columns:12px;grid-auto-flow:column;gap:4px;margin:0;padding:4px;list-style:none;display:grid}.heatmap-cell{background:#ffffff0d;border-radius:2px;width:12px;height:12px;transition:transform .1s}.heatmap-cell:hover:not(.status-empty){z-index:10;transform:scale(1.2)}.status-empty{pointer-events:none;background:0 0}.status-active{background:var(--brand-10)}.status-active.level-1{background:var(--brand-20)}.status-active.level-2,.legend-item .status-active{background:var(--brand)}.status-sick{background:#3b82f6;box-shadow:0 0 4px #3b82f64d}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-xl)}.glass-panel-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--border-hover);border-radius:var(--radius-xl)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-lg);transition:border-color var(--transition-base)}.card:hover{border-color:var(--border-hover)}.card-interactive{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base)}.card-interactive:hover{border-color:var(--border-brand);transform:translateY(-2px)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-hover)}.admin-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);gap:var(--space-xs);transition:border-color var(--transition-base);flex-direction:column;display:flex}.admin-card:hover{border-color:var(--border-hover)}.avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--bg-surface);width:100%;height:100%}.avatar-ring{border-radius:var(--radius-full);transition:border-color var(--transition-base);border:2px solid #0000;padding:2px}.avatar-ring.active,.avatar-ring:hover{border-color:var(--brand)}.progress-bar{background:var(--bg-surface);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{height:100%;width:var(--progress,0%);background:var(--brand);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative}.progress-bar-fill.animated:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.admin-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.admin-header h2{font-size:var(--text-xl)}.admin-table{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.admin-row{padding:var(--space-md);border-bottom:1px solid var(--border);transition:background var(--transition-base);justify-content:space-between;align-items:center;display:flex}.admin-row:hover{background:var(--border-hover)}.admin-row:last-child{border-bottom:none}.admin-row .info{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.admin-row .info strong{color:#fff;font-weight:700}.admin-row .info small{font-size:var(--text-xs);color:var(--text-dim)}.badges::-webkit-scrollbar{display:none}.badges{-ms-overflow-style:none;scrollbar-width:none;gap:var(--space-sm);margin:0;display:flex}.admin-header-wrapper{gap:var(--space-md);margin-bottom:var(--space-md);flex-direction:column;display:flex}.admin-header-main{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.admin-header-top{justify-content:flex-start;align-items:center;gap:var(--space-md);display:flex}.admin-header-title{font-size:var(--text-xl);margin:0}.admin-header-actions{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.admin-header-badges{white-space:nowrap;padding-bottom:8px;overflow-x:auto}.admin-header-link{cursor:pointer;text-decoration:none}.admin-list-filters-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-list-search{max-width:300px}.admin-list-card-skeleton{min-height:150px}.admin-list-skeleton-mb{margin-bottom:1rem}.admin-list-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.admin-tools-wrapper{margin-top:var(--space-xl);padding:var(--space-lg);border:1px dashed var(--brand);border-radius:var(--radius-lg);background:#cff84c0a}.admin-tools-wrapper .admin-tools-header{margin-bottom:var(--space-md)}.admin-tools-wrapper .admin-tools-title{color:var(--brand);font-size:var(--text-base);margin:0;font-weight:700}.admin-tools-wrapper .admin-tools-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.challenges-list,.activity-list{gap:var(--space-sm);flex-direction:column;display:flex}.divider{background:var(--border);height:1px;margin:var(--space-lg) 0}.detail-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.detail-header h2{font-size:var(--text-xl)}.identity-row{align-items:center;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff05;display:flex}.info-text{flex:1}.info-text h3{font-size:var(--text-base);margin-bottom:var(--space-xs)}.info-text p{font-size:var(--text-sm);line-height:1.4}.action-stack{gap:var(--space-md);margin-top:var(--space-xl);flex-direction:column;display:flex}.quick-stats{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.empty-state{text-align:center;color:var(--text-muted);padding:var(--space-lg)}.h2h-duels{gap:var(--space-md);flex-direction:column;display:flex}.active-duel-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--bg-elevated)}.duel-status-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:var(--space-md);text-align:center;font-weight:600}.duel-matchup{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.duel-user{align-items:center;gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.duel-name{font-weight:500;font-size:var(--text-sm);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.duel-score{color:var(--brand);font-weight:700}.duel-vs{color:var(--text-dim);font-weight:800;font-size:var(--text-lg);padding:0 var(--space-sm)}.duel-progress{gap:var(--space-xs);flex-direction:column;display:flex}.progress-bar-container{background:var(--bg-elevated);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.progress-bar-fill.me{background:var(--brand)}.progress-bar-fill.opponent{background:var(--danger)}.history-list{gap:var(--space-xs);margin-top:var(--space-sm);flex-direction:column;display:flex}.history-item{background:var(--bg-surface);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.history-info{align-items:center;gap:var(--space-sm);display:flex}.history-vs{font-weight:500;font-size:var(--text-sm)}.badge-winner{color:#2ecc71;background:#2ecc7126}.badge-loser{color:#e74c3c;background:#e74c3c26}.badge-tie{background:var(--bg-elevated);color:var(--text-muted)}.duel-opponent-avatar{flex-shrink:0;width:32px;height:32px}.nav-header{padding:var(--space-lg) var(--space-md);z-index:50;pointer-events:none;align-items:center;display:flex;position:fixed;top:40px;left:0;right:0}.nav-header-inline{align-items:center;display:flex}.btn-icon-nav{pointer-events:auto;-webkit-backdrop-filter:blur(20px);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:var(--transition-bounce);background:#0a0a0a66;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon-nav:hover{background:#14141499;border-color:#ffffff26;transform:scale(1.05)}.btn-icon-nav svg{width:22px;height:22px}.btn-copy-icon{border-radius:var(--radius-full);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #00000026}--with-text.btn-copy-icon{white-space:nowrap;border-radius:999px;gap:.5rem;width:auto;height:auto;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600}.btn-copy-icon:hover{background:#ffffff1f;border-color:#fff3}.btn-copy-icon:active{transform:scale(.92)}--success.btn-copy-icon{background:var(--brand);color:#000;border-color:var(--brand);box-shadow:0 4px 16px #cff84c4d}.btn-copy-icon .icon{width:18px;height:18px}.custom-chart-wrapper svg{overflow:visible}.report-content{gap:var(--space-md);margin-top:var(--space-md);flex-direction:column;display:flex}.report-form-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-hover);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text);font-family:inherit;font-size:var(--text-base);resize:vertical;box-sizing:border-box}.report-form-input:focus{border-color:var(--border-brand);outline:none}.report-form-input::placeholder{color:var(--text-dim)}.report-error-text{color:var(--danger);font-size:var(--text-sm);margin:0}.report-modal-overlay{background:0 0;border:none;width:500px;max-width:90vw;margin:auto;padding:0}.report-modal-overlay::backdrop{-webkit-backdrop-filter:blur(8px);background:#000000bf}.report-modal-content{background:var(--bg-surface);border:1px solid var(--border-hover);border-radius:var(--radius-xl);padding:var(--space-lg);gap:var(--space-md);box-shadow:var(--shadow-lg);color:var(--text);flex-direction:column;display:flex}.report-modal-content h3{font-size:var(--text-xl);color:#fff;margin:0;font-weight:800}.report-modal-actions{gap:var(--space-sm);margin-top:var(--space-md);justify-content:flex-end;display:flex}.brand-logo-text{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;font-size:1.5rem;font-style:italic;font-weight:900}.brand-logo-text .text-brand{color:var(--brand)}.pull-indicator{color:var(--text-secondary);pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.pull-icon{stroke:currentColor;flex-shrink:0;width:20px;height:20px}.pull-to-refresh-content{min-height:100%}.load-more-container{padding:var(--space-lg) 0;margin-top:var(--space-md);justify-content:center;align-items:center;min-height:80px;display:flex}.modal-overlay{border-radius:var(--radius-lg);background:var(--bg-panel);color:var(--text);box-shadow:var(--shadow-lg);border:none;width:100%;max-width:90vw;margin:auto;padding:0}@media (width>=768px){.modal-overlay{max-width:500px;margin:auto}}.modal-overlay::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.modal-content{gap:var(--space-md);flex-direction:column;padding:1.5rem;display:flex}.modal-content h3{margin:0}.modal-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.modal-actions-spaced{justify-content:space-between}.studio-page{max-width:1400px;padding:var(--space-md) var(--space-sm);margin:0 auto}@media (width>=768px){.studio-page{padding:var(--space-xl) var(--space-md)}}.header-section{margin-bottom:var(--space-md);text-align:center;flex-direction:column;align-items:center;display:flex}.page-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-dim) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}@media (width>=768px){.page-title{font-size:2.5rem}}.page-subtitle{color:var(--text-dim);font-size:var(--text-sm);max-width:400px}@media (width>=768px){.page-subtitle{font-size:var(--text-base);max-width:600px}}.wizard-progress{gap:var(--space-sm);margin-top:var(--space-md);align-items:center;width:100%;max-width:240px;display:flex}@media (width>=768px){.wizard-progress{max-width:320px}}.progress-dot{background:var(--bg-surface);border-radius:var(--radius-full);flex:1;height:4px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (width>=768px){.progress-dot{height:6px}}.progress-dot:after{content:"";background:var(--brand);border-radius:var(--radius-full);width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.progress-dot.active:after{width:100%}.studio-grid{gap:var(--space-lg);flex-direction:column;align-items:stretch;display:flex}@media (width>=1024px){.studio-grid{gap:var(--space-2xl);grid-template-columns:480px 1fr;align-items:start;display:grid}}.studio-main{background:radial-gradient(circle at center, var(--bg-surface) 0%, transparent 70%);border-radius:var(--radius-2xl);padding:var(--space-md);justify-content:center;align-items:center;width:100%;display:flex}@media (width>=1024px){.studio-main{padding:var(--space-lg);top:var(--space-xl);grid-column:2;align-self:start;height:fit-content;position:sticky}}.wizard-sidebar{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-2xl);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000d}@media (width>=768px){.wizard-sidebar{box-shadow:0 20px 40px #0000000d}}.wizard-step-container{min-height:380px;padding:var(--space-lg);flex-direction:column;flex:1;display:flex;position:relative}@media (width>=768px){.wizard-step-container{min-height:480px;padding:var(--space-xl)}}.wizard-actions{display:flex}.btn-back-wizard{background:0 0;border:none;padding-left:0}.flex-spacer{flex:1}.step-section{animation:slide-up var(--transition-base) cubic-bezier(.16, 1, .3, 1)}.step-content{gap:var(--space-md);flex-direction:column;display:flex}.step-content .section-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}@media (width>=768px){.step-content .section-title{font-size:1.25rem}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shadow-glow{box-shadow:0 8px 24px rgba(var(--brand-rgb), .3);transition:all var(--transition-base)}.shadow-glow:hover:not(:disabled){box-shadow:0 12px 32px rgba(var(--brand-rgb), .4);transform:translateY(-2px)}.tabs{background:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border);padding:4px;display:flex}.tab-item{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:var(--text-dim);font-weight:600;font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none}@media (width>=768px){.tab-item{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}}.tab-item.active{background:var(--bg-panel);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.tab-item:hover:not(.active){color:var(--text-primary)}.wizard-selection-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=640px){.wizard-selection-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=640px){.layout-grid{grid-template-columns:repeat(3,1fr)}}.wizard-selection-card{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xs);background:var(--bg-surface);border-radius:var(--radius-xl);color:var(--text-dim);cursor:pointer;text-align:center;border:2px solid #0000;flex-direction:column;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}@media (width>=768px){.wizard-selection-card{gap:var(--space-md);padding:var(--space-xl) var(--space-md);font-size:14px}}.wizard-selection-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.wizard-selection-card:hover{background:var(--bg-panel);border-color:var(--border);color:var(--text-primary);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.wizard-selection-card:hover:before{opacity:1}.wizard-selection-card.active{background:var(--bg-panel);color:var(--brand);border-color:var(--brand);box-shadow:0 8px 32px rgba(var(--brand-rgb), .15)}.wizard-selection-card.active:after{content:"";background:var(--brand);width:6px;height:6px;box-shadow:0 0 10px var(--brand);border-radius:50%;position:absolute;top:8px;right:8px}@media (width>=768px){.wizard-selection-card.active:after{width:8px;height:8px;top:12px;right:12px}}.wizard-selection-card .card-icon{border-radius:var(--radius-full);background:var(--bg-panel);color:currentColor;border:1px solid var(--border);z-index:1;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:inset 0 2px 4px #0003}@media (width>=768px){.wizard-selection-card .card-icon{width:52px;height:52px}}.wizard-selection-card.active .card-icon{background:var(--brand-10);border-color:rgba(var(--brand-rgb), .3);color:var(--brand);box-shadow:inset 0 2px 4px #0006, 0 0 15px rgba(var(--brand-rgb), .2);transform:scale(1.1)}.wizard-selection-card label{z-index:1;cursor:pointer;letter-spacing:.01em;font-size:11px}@media (width>=768px){.wizard-selection-card label{font-size:13px}}.studio-offscreen{opacity:0;pointer-events:none;z-index:-1;position:fixed;top:0;left:0;transform:scale(.1)}.template-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.hidden-canvas{display:none}.studio-preview-wrapper{perspective:1200px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.studio-preview__container{aspect-ratio:9/16;background:#111;border:1px solid #ffffff1a;border-radius:40px;justify-content:center;align-items:center;width:100%;max-width:340px;height:auto;transition:all .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080,0 0 0 10px #1a1a1a,0 0 0 12px #2a2a2a}@media (width<=1024px){.studio-preview__container{max-width:280px}}.studio-preview__container.is-sticker{background:#0a0a0a}.studio-preview__container.is-sticker:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.studio-preview__container.is-sticker:after{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff0a 0% 25%,#0000 0% 50%) 50%/30px 30px;position:absolute;inset:0}.studio-preview__container.is-sticker .preview-img{filter:drop-shadow(0 20px 40px #000c);z-index:2;transition:transform .3s;position:relative;transform:scale(.9)}.carousel-indicators{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);background:#0006;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.indicator-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.indicator-dot.active{background:#fff;border-radius:3px;width:12px}.gallery-wrapper{scroll-snap-type:x mandatory;scroll-behavior:smooth;width:100%;height:100%;display:flex;overflow-x:auto}.gallery-wrapper::-webkit-scrollbar{display:none}.preview-img{object-fit:contain;scroll-snap-align:start;width:100%;height:100%}.studio-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#0006;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:1px}.studio-spinner{border:3px solid #ffffff1a;border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;animation:1s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.animate-float{animation:8s ease-in-out infinite float}.resource-section{background:0 0;border:none;padding:0}.resource-title{font-size:1.1rem}.resource-list{max-height:280px;padding-right:8px;display:flex;overflow-y:auto}.resource-list::-webkit-scrollbar{width:6px}.resource-list::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:10px}.resource-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;width:100%;color:var(--text-primary);justify-content:space-between;align-items:center;margin:4px 0;padding:12px 16px;transition:all .2s;display:flex}.resource-btn:hover{background:var(--bg-panel);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.resource-btn.active{background:var(--brand-10);border-color:var(--brand);color:var(--brand)}.resource-content{align-items:center;gap:12px;display:flex}.resource-avatar{background:var(--bg-panel);width:32px;height:32px;color:var(--text-dim);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.resource-btn.active .resource-avatar{background:var(--brand);color:#fff;border-color:var(--brand)}.resource-name{font-size:14px;font-weight:600}.check-icon{color:var(--brand);align-items:center;display:flex}.subject-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.custom-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.custom-grid:has(.wizard-selection-card:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.format-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.format-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:var(--bg-surface);border-radius:var(--radius-xl);cursor:pointer;color:var(--text-dim);border:2px solid #0000;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.format-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.format-btn:hover{background:var(--bg-panel);border-color:var(--border);color:var(--text-primary);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.format-btn:hover:before{opacity:1}.format-btn.active{background:var(--bg-panel);border-color:var(--brand);color:var(--brand);box-shadow:0 8px 32px rgba(var(--brand-rgb), .15)}.format-btn.active:after{content:"";background:var(--brand);width:6px;height:6px;box-shadow:0 0 10px var(--brand);border-radius:50%;position:absolute;top:12px;right:12px}.format-preview-box{z-index:1;justify-content:center;align-items:center;width:100%;height:64px;margin-bottom:2px;display:flex}.aspect-shape{width:44px;max-width:100%;max-height:100%;aspect-ratio:var(--aspect,1/1);background:var(--bg-panel);border:2px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:inset 0 2px 4px #0003}.format-btn:hover .aspect-shape{border-color:var(--text-dim)}.format-btn.active .aspect-shape{border-color:var(--brand);background:var(--brand-10);box-shadow:inset 0 2px 4px #0006, 0 0 15px var(--brand-glow)}.ratio-label{color:currentColor;opacity:.8;letter-spacing:.02em;font-size:9px;font-weight:800}.format-label{text-align:center;z-index:1;font-size:13px;font-weight:700}.sticker-preview-box{border-radius:var(--radius-lg);border:1px dashed var(--border);z-index:1;background:repeating-conic-gradient(#80808011 0% 25%,#0000 0% 50%) 50%/10px 10px;width:48px;height:48px;transition:all .3s}.format-btn.active .sticker-preview-box{border-color:var(--brand);box-shadow:0 0 15px var(--brand-10);background:#cff84c0d;border-style:solid}.sticker-preview-box.activity_dark{color:var(--text-primary)}.sticker-preview-box.activity_light{color:#fff;background-color:#222}.actions-panel{gap:var(--space-sm);margin-top:var(--space-xl);flex-direction:column;display:flex}.auth-header{flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;display:flex}.auth-logo-link{text-decoration:none}.auth-headings{text-align:center}.auth-title{margin-bottom:4px;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--text-dim);margin:0;font-size:.95rem}.feed-toggle-btn{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:700}.feed-toggle-btn.active{color:var(--brand);border-color:var(--brand);background:var(--brand-10)}.feed-toggle-btn:hover{color:var(--text);border-color:var(--text-dim)}.feed-flex-center{align-items:center;gap:1rem;display:flex}.feed-icon-medium{border-width:2px;width:24px;height:24px}.feed-sidebar-col{width:auto}.feed-main-col{flex:100%}.pull-to-refresh-wrapper{min-height:100%;position:relative}.pull-indicator{width:100%;color:var(--brand);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;overflow:hidden}.pull-icon{transition:transform .3s}.pull-icon.ready{transform:rotate(180deg)}.feed-full-width-col{grid-column:1/-1;margin-top:8px}.feed-list{gap:var(--space-md);overflow-anchor:none;flex-direction:column;display:flex}.feed-filter-form{margin-top:var(--space-sm);gap:var(--space-sm)}.feed-filter-form .checkbox-wrapper{padding:var(--space-xs) 0}.feed-filter-form .checkbox-label{font-size:var(--text-sm)!important}.feed-form-group{gap:var(--space-xs);flex-direction:column;display:flex}.feed-form-group .form-label{margin-bottom:0}.checkbox-list{max-height:180px;padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex;overflow-y:auto}.checkbox-list .checkbox-wrapper{margin:0;padding:8px 0}.load-more-container{padding:var(--space-md) 0;margin-top:var(--space-md);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.feed-error{max-width:300px;margin:0 auto}.feed-page .section-header{flex-wrap:nowrap;align-items:center}.feed-active-btn{margin-bottom:var(--space-xs);align-self:flex-start}.raid-view{min-height:100vh;padding-bottom:var(--bottom-nav-total-height);background:radial-gradient(circle at top center, var(--bg-panel) 0%, var(--bg-deep) 100%);padding-top:var(--space-2xl);flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.raid-hero{text-align:center;margin-bottom:var(--space-2xl);flex-direction:column;align-items:center;display:flex}.raid-icon{margin-bottom:var(--space-md);font-size:64px;animation:3s ease-in-out infinite float}.raid-title{letter-spacing:.1em;color:var(--text);margin:0 0 var(--space-sm);text-shadow:0 0 20px hsl(from var(--brand) h s l / .5);background:linear-gradient(135deg, #fff 0%, var(--brand) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem;font-weight:900}.raid-subtitle{font-size:var(--text-base);color:var(--text-muted);max-width:400px;margin-bottom:var(--space-xl)}.raid-countdown{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-label{color:var(--brand);letter-spacing:.05em;font-weight:700;font-size:var(--text-lg)}.raid-video-placeholder{aspect-ratio:16/9;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-md);cursor:pointer;width:100%;max-width:600px;transition:all var(--transition-base);flex-direction:column;display:flex}.raid-video-placeholder:hover{border-color:var(--brand);box-shadow:0 0 30px hsl(from var(--brand) h s l / .2);transform:scale(1.02)}.play-button{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.video-text{color:var(--text-muted);letter-spacing:.1em;font-weight:600}.raid-success-highlight{color:var(--success);border-color:var(--success)}.raid-stat-value{font-size:var(--text-2xl);margin-top:8px;font-weight:900}.raid-actions-container{margin-top:32px}.communities-hero{margin-bottom:var(--space-2xl);padding:var(--space-2xl) var(--space-xl);background:radial-gradient(circle at top right, var(--brand-10), transparent 40%), radial-gradient(circle at bottom left, hsl(from var(--brand) h s l / .05), transparent 40%), linear-gradient(to bottom, var(--bg-surface), var(--bg-deep));border-radius:var(--radius-2xl);border:1px solid var(--border);position:relative;overflow:hidden}.communities-hero .content{text-align:center;z-index:1;max-width:700px;margin:0 auto;position:relative}.communities-hero .title{margin-bottom:var(--space-md);background:linear-gradient(135deg, #fff 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.communities-hero .subtitle{font-size:var(--text-lg);color:var(--text-muted);max-width:500px;margin:0 auto var(--space-xl);line-height:1.6}.search-bar-container{width:100%;max-width:540px;margin:0 auto}.searching-hint{color:var(--text-muted);font-size:var(--text-sm);margin-left:var(--space-md)}.hub-section{margin:40px 0;animation:.6s cubic-bezier(.16,1,.3,1) both slideUp}.discovery-section{background:hsl(from var(--brand) h s l / .02);padding:var(--space-xl);border-radius:var(--radius-2xl);border:1px dashed var(--brand-20)}.community-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.community-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-lg);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.community-card:after{content:"";background:radial-gradient(circle at top left, hsl(from var(--brand) h s l / .1), transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.community-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-lg), 0 0 20px hsl(from var(--brand) h s l / .05);background:#ffffff0d;transform:translateY(-6px)}.community-card:hover:after{opacity:1}.community-card:hover .logo{border-color:var(--border-brand);transform:scale(1.05)}.community-card.discovery{background:var(--bg-panel);border-style:solid}.community-card .header{align-items:center;gap:var(--space-md);z-index:1;display:flex;position:relative}.community-card .logo{border-radius:var(--radius-xl);object-fit:cover;border:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;width:64px;height:64px;transition:all .4s}.community-card .logo.fallback{background:linear-gradient(135deg, var(--brand-10) 0%, var(--brand-20) 100%);color:var(--brand);font-size:28px;font-weight:900;font-family:var(--font-display);justify-content:center;align-items:center;display:flex}.community-card .meta{flex:1}.community-card .name{color:#fff;letter-spacing:-.01em;margin-bottom:2px;font-size:18px;font-weight:710;display:block}.community-card .stats{color:var(--text-dim);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.community-card .stats svg{color:var(--brand)}.community-card .join-action{margin-left:auto}.athlete-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.athlete-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s;display:flex}.athlete-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md);background:#ffffff0d;transform:translate(4px)}.athlete-card .info{flex-direction:column;display:flex}.athlete-card .name{color:#fff;font-size:15px;font-weight:710}.athlete-card .hint{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:1px;font-size:11px;font-weight:700}.requests-banner{background:linear-gradient(90deg, var(--brand-10) 0%, transparent 100%);border:1px solid var(--brand-20);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);cursor:pointer;margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;transition:all .3s;display:flex}.requests-banner:hover{background:linear-gradient(90deg, var(--brand-20) 0%, transparent 100%);border-color:var(--border-brand);transform:translateY(-2px)}.requests-banner .content{align-items:center;gap:var(--space-md);color:var(--brand);font-weight:710;display:flex}.requests-banner .badge{background:var(--brand);color:var(--bg-deep);border-radius:var(--radius-full);justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:flex}.empty-search-text{color:var(--text-dim);font-size:var(--text-sm);padding:var(--space-lg);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg)}.stagger>*{animation:.6s cubic-bezier(.16,1,.3,1) both slideUp}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.community-detail-page{max-width:1000px;margin:0 auto;padding:0}.community-hero{border-radius:0 0 var(--radius-2xl) var(--radius-2xl);height:180px;padding:var(--space-lg);background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.community-hero:not(.has-banner){background:linear-gradient(135deg, var(--brand-20), var(--bg-surface))}.community-hero.has-banner{background-image:var(--banner-url)}.hero-overlay{border-radius:inherit;background:linear-gradient(#0000004d,#0009);position:absolute;inset:0}.btn-back-hero{z-index:10;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);background:#0006;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex;position:relative}.btn-back-hero:hover{background:#0009;transform:scale(1.05)}.hero-actions{z-index:10;align-items:center;gap:var(--space-sm);display:flex;position:relative}.btn-icon-hero{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);background:#0006;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.btn-icon-hero:hover{background:#0009;transform:scale(1.05)}.btn-hero-edit{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-lg);padding:0 var(--space-md);height:40px;transition:all var(--transition-base);background:#0006;border:1px solid #ffffff1a;font-weight:600}.btn-hero-edit:hover{background:#0009}.community-identity{align-items:flex-end;gap:var(--space-xl);padding:0 var(--space-xl);margin-top:-60px;margin-bottom:var(--space-2xl);z-index:20;display:flex;position:relative}.identity-logo{border-radius:var(--radius-2xl);background:var(--bg-surface);border:4px solid var(--bg-deep);width:120px;height:120px;box-shadow:var(--shadow-lg);overflow:hidden}.identity-logo img{object-fit:cover;width:100%;height:100%}.logo-fallback{background:var(--brand-10);width:100%;height:100%;color:var(--brand);justify-content:center;align-items:center;font-size:48px;font-weight:800;display:flex}.identity-info{padding-bottom:var(--space-xs);flex:1}.btn-disabled-faded{opacity:.8}.community-title{font-size:var(--text-3xl);color:#fff;margin-bottom:var(--space-xs);font-weight:900}.community-meta{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;display:flex}.meta-item--link{cursor:pointer;color:var(--brand)}.meta-item--link:hover{color:var(--brand);text-decoration:underline}.meta-divider{color:var(--text-dim)}.detail-tabs{gap:var(--space-xl);padding:0 var(--space-xl);border-bottom:1px solid var(--border);margin-bottom:var(--space-xl);display:flex}.tab-btn{padding:var(--space-md) 0;color:var(--text-muted);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.tab-pane{padding:0 var(--space-xl) var(--space-2xl)}.content-grid{gap:var(--space-2xl);grid-template-columns:1fr 300px;display:grid}.content-grid.has-no-sidebar{grid-template-columns:1fr;max-width:800px;margin:0 auto}@media (width<=768px){.content-grid{grid-template-columns:1fr}.community-identity{text-align:center;flex-direction:column;align-items:center;margin-top:-60px}.identity-actions{width:100%;margin-top:var(--space-md)}}.section-title{font-size:var(--text-lg);margin-bottom:var(--space-md);color:#fff;font-weight:800}.description-text{color:var(--text-muted);letter-spacing:-.01em;font-size:1.15rem;line-height:1.7}.links-list{gap:var(--space-sm);flex-direction:column;display:flex}.social-link{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);color:#fff;font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base);text-decoration:none;display:flex}.social-link:hover{border-color:var(--brand);transform:translate(4px)}.challenges-grid-compact{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.section-header-compact{justify-content:space-between;align-items:center;display:flex}.member-grid-detail{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.member-card-detail-simple{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.member-card-detail-simple:hover{border-color:var(--border-brand)}.member-info{flex-direction:column;display:flex}.member-name{color:#fff;font-weight:700}.member-role{text-transform:uppercase;font-size:10px;font-weight:800}.member-role.owner{color:#f59e0b}.member-role.admin{color:var(--brand)}.member-role.member{color:var(--text-dim)}.members-locked{padding:var(--space-2xl) var(--space-xl);text-align:center;background:var(--bg-panel);border:1px dashed var(--border);border-radius:var(--radius-xl);justify-content:center;align-items:center;display:flex}.locked-icon{color:var(--border-brand);margin-bottom:var(--space-md);filter:drop-shadow(0 0 10px var(--brand-glow))}.locked-content h3{font-size:var(--text-lg);margin-bottom:var(--space-xs);font-weight:800}.locked-content p{color:var(--text-dim);max-width:300px;margin:0 auto}.community-desc-section{margin-bottom:var(--space-2xl)}.community-members-section{margin-top:var(--space-2xl)}.bottom-actions{margin-top:var(--space-xl);padding-bottom:var(--space-2xl);justify-content:center;display:flex}.identity-info-skeleton-title{margin-bottom:var(--space-sm)}.identity-actions-wrapper{gap:var(--space-sm);flex-wrap:wrap;display:flex}.main-content-skeleton-banner,.section-header-challenges{margin-bottom:var(--space-lg)}.members-locked-join-btn{margin-top:var(--space-md)}.join-ripple-effect{z-index:10000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.join-ripple-effect__ring{top:var(--ripple-y,50%);left:var(--ripple-x,50%);border:3px solid var(--brand);opacity:0;border-radius:50%;width:120px;height:120px;animation:.5s cubic-bezier(.16,1,.3,1) forwards join-ripple-wave;position:absolute;transform:translate(-50%,-50%)scale(.2)}@keyframes join-ripple-wave{0%{opacity:.6;border-width:6px;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;border-width:0;transform:translate(-50%,-50%)scale(1)}}.photo-upload-row{align-items:center;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff05;display:flex}.photo-upload{flex-shrink:0}.create-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.create-header__info .label{margin-bottom:2px;display:block}.create-header__info h2{font-size:var(--text-xl)}.step-progress{gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.step-dot{border-radius:var(--radius-full);background:var(--bg-surface);height:3px;transition:background var(--transition-base);flex:1}.step-dot.active,.step-dot.done{background:var(--brand)}.step-content{gap:var(--space-lg);flex-direction:column;min-height:300px;display:flex}.review-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.review-row{padding:var(--space-md);border-bottom:1px solid var(--border);font-size:var(--text-sm);justify-content:space-between;display:flex}.review-row:last-child{border-bottom:none}.review-row .label{margin-bottom:0}.arena-desc{font-size:var(--text-sm);margin-top:var(--space-xs)}.empty-communities-text{font-size:var(--text-sm);padding:var(--space-sm) 0}.error-container{text-align:center;color:#ef4444;margin-bottom:12px;font-size:14px}.step-nav{margin-top:var(--space-xl);padding-bottom:var(--space-lg)}.text-dim{color:var(--text-dim)}.auto-enroll-help{margin-top:var(--space-xs);color:var(--text-muted);font-size:var(--text-sm)}.app-container{color:#fff;flex-direction:column;max-width:540px;min-height:100vh;margin:0 auto;display:flex;position:relative}.hero{z-index:30;padding-bottom:.25rem;position:relative}.header-top{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex;position:relative}.header-titles{text-align:center;flex:1}.header-titles .main-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.2}.challenge-desc{text-align:center;color:#888;padding:1rem 1.5rem 0;font-size:.875rem}.stats-card{background:#111;border:1px solid #cff84c26;border-radius:16px;justify-content:center;align-items:center;margin:1.5rem 1.25rem 2rem;padding:1.25rem 0;display:flex;box-shadow:0 4px 20px #0003}.stats-card .stat-col{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.stats-card .divider{background:#ffffff0f;width:1px;height:44px}.stats-card .stat-val{color:#fff;letter-spacing:-.01em;font-size:1.125rem;font-weight:800;line-height:1.2}.stats-card .stat-val.highlight{color:#cff84c}.stats-card .stat-label{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:.6875rem;font-weight:700}.detail-header-actions{justify-content:center;margin-top:1.5rem;display:flex}.day-selector-wrapper{z-index:30;background-color:#0000;margin:0 -16px;padding-top:5px;transition:all .3s;position:sticky;top:56px}.day-selector-wrapper.is-sticky{z-index:99;background:#0e0e0e;box-shadow:0 4px 20px #00000080}.day-selector-wrapper.is-sticky .day-selector{padding-top:.25rem;padding-bottom:.75rem}.day-selector-wrapper.is-sticky .day-btn{width:44px;height:48px}.day-selector-wrapper.is-sticky .day-btn .d-lbl{font-size:.5rem}.day-selector-wrapper.is-sticky .day-btn .d-num{font-size:1rem}.day-selector{scrollbar-width:none;gap:.5rem;padding:0 1.25rem 1.5rem;transition:padding .3s;display:flex;overflow-x:auto}.day-selector::-webkit-scrollbar{display:none}.day-selector .day-btn{color:#888;cursor:pointer;background:#111;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:50px;height:62px;transition:all .3s;display:flex;position:relative}.day-selector .day-btn .d-lbl{text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.625rem;font-weight:700;transition:font-size .3s}.day-selector .day-btn .d-num{color:#fff;justify-content:center;align-items:center;font-size:1.125rem;font-weight:800;transition:font-size .3s;display:flex}.day-selector .day-btn.active{background:#cff84c;border-color:#cff84c}.day-selector .day-btn.active .d-lbl,.day-selector .day-btn.active .d-num{color:#000}.day-selector .day-btn:hover:not(.active){background:#ffffff0d;border-color:#fff3}.day-selector .day-btn.disabled{opacity:.3;pointer-events:none}.list-controls{justify-content:space-between;padding:.75rem 1.25rem;display:flex;position:relative}.list-controls .control-group{position:relative}.list-controls .btn-subtle{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.25rem 0;font-size:.75rem;font-weight:600;transition:color .2s;display:flex}.list-controls .btn-subtle:hover{color:#fff}.dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:100;background:#141414f2;border:1px solid #ffffff1a;border-radius:12px;min-width:160px;padding:.375rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;transform:translateY(8px);box-shadow:0 10px 40px #000c}.dropdown-menu.right{right:0}.dropdown-menu.left{left:0}.dropdown-menu.active{opacity:1;pointer-events:auto;transform:translateY(4px)}.dropdown-menu .dropdown-item{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;width:100%;padding:.625rem .75rem;font-size:.8125rem;font-weight:500;transition:background .2s;display:flex}.dropdown-menu .dropdown-item:hover{background:#ffffff14}.dropdown-menu .dropdown-item.selected{color:#cff84c;font-weight:600}.leaderboard{flex-direction:column;padding-bottom:8rem;padding-left:.5rem;padding-right:.5rem;display:flex}.fab-container{z-index:100;pointer-events:none;justify-content:center;width:100%;padding-top:40px;display:flex}.fab-btn{pointer-events:auto;color:#000;cursor:pointer;background:#cff84c;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:transform .1s;display:flex;box-shadow:0 8px 24px #0006,0 4px 12px #cff84c40}.fab-btn:active{transform:scale(.96)}.join-hero{text-align:center;background:linear-gradient(135deg,#cff84c1a 0%,#0000 100%);border:1px solid #cff84c66;border-radius:16px;margin:1.5rem;padding:2rem 1.5rem;position:relative;overflow:hidden}.join-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#cff84c1a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.join-hero__title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:800;position:relative}.join-hero__text{color:#888;margin-bottom:1.5rem;font-size:.875rem;position:relative}.btn-join{color:#000;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#cff84c;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:900;transition:all .2s;display:flex;position:relative}.btn-join:not(:disabled){animation:3s infinite pulse-border}.btn-join:disabled{opacity:.7;cursor:not-allowed}@keyframes pulse-border{0%{box-shadow:0 4px 15px #cef64b4d,inset 0 1px #fff6}50%{box-shadow:0 8px 30px #cef64b99,inset 0 1px #fff9}to{box-shadow:0 4px 15px #cef64b4d,inset 0 1px #fff6}}.bottom-actions{flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 1.5rem;display:flex}.bottom-actions .danger-links{gap:1.5rem;display:flex}.bottom-actions .danger-links button{color:#555;cursor:pointer;background:0 0;border:none;font-size:.8125rem;font-weight:600;transition:color .2s}.bottom-actions .danger-links button:hover{color:#f87171}.icon-md{stroke-width:2px;fill:none;stroke:currentColor;width:18px;height:18px}.icon-lg{fill:none;stroke:currentColor;stroke-width:2px;width:24px;height:24px}.icon-sm{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.stat-unit{font-size:.8em;font-weight:600}.stat-val-date{padding:0 4px;font-size:.9em}.modal-subtitle{color:#888;font-size:.875rem}.btn-cancel{color:#fff;cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;padding:.75rem 1rem}.btn-save{color:#000;cursor:pointer;background:#cff84c;border:none;border-radius:6px;padding:.75rem 1rem;font-weight:700}.section-padded-top{padding:1.5rem 1.5rem 0}.skeleton-row{margin-bottom:12px}.join-modal-subtitle{margin-bottom:24px}.opponent-search-group{text-align:left;margin-top:24px}.leaderboard-list{position:relative}.list-move,.list-enter-active,.list-leave-active{transition:all .5s cubic-bezier(.2,.8,.2,1)}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(20px)scale(.95)}.list-leave-active{width:100%;position:absolute}.hero-card{background:var(--bg-panel);border:1px solid var(--border-brand);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);display:block;position:relative;overflow:hidden}.hero-card:before{content:"";background:radial-gradient(circle, var(--brand-10) 0%, transparent 70%);pointer-events:none;width:200px;height:200px;position:absolute;top:0;left:0}.hero-card:hover{box-shadow:var(--shadow-brand);transform:translateY(-2px)}.hero-card .top{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;display:flex}.hero-card .title{font-size:var(--text-xl)}.hero-card .sport{font-size:var(--text-xs);text-transform:uppercase;color:var(--brand);background:var(--brand-10);border-radius:var(--radius-sm);padding:2px 8px;font-weight:700}.hero-card .stats{justify-content:space-between;align-items:flex-end;display:flex}.hero-card .big-stat{align-items:baseline;display:flex}.hero-card .big-stat .stat-value{font-size:var(--text-5xl)}.hero-card .meta{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--text-dim);flex-direction:column;align-items:end;display:flex}.admin-challenge-card{flex-direction:column;gap:1rem;height:100%;display:flex}.admin-challenge-card .card-header{cursor:pointer;flex:1}.admin-challenge-card .card-header .card-title{color:var(--brand);margin-bottom:.25rem;font-size:1.1rem;display:block}.admin-challenge-card .card-actions{border-top:1px solid var(--border);margin-top:auto;padding-top:1rem}.admin-users-filters{flex-wrap:wrap;gap:.5rem;display:flex}.admin-users-filters .filter-label{cursor:pointer;background:var(--bg-card-hover);border:1px solid var(--border);color:var(--text-primary);border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.admin-users-filters .filter-label.has-strava{color:#fc4c02;background:#fc4c021a;border-color:#fc4c02}.admin-users-filters .filter-label.has-garmin{color:#007cc3;background:#007cc31a;border-color:#007cc3}.admin-table-header-cols{padding:12px var(--space-md);border-bottom:2px solid var(--border);background:var(--bg-deep);font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;justify-content:space-between;align-items:center;width:100%;font-weight:700;display:flex}.row-info{align-items:center;gap:var(--space-md);cursor:pointer;flex:1;min-width:0;display:flex}.row-text{flex-direction:column;min-width:0;display:flex}.row-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1.05rem;font-weight:600;overflow:hidden}.row-info:hover .row-title{color:var(--brand)}.row-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.row-actions{align-items:center;gap:var(--space-md);display:flex}.user-avatar{flex-shrink:0;width:32px;height:32px}.badge-draft{background:var(--bg-elevated);color:var(--text-muted)}.template-body{color:var(--text-muted);font-size:var(--text-sm)}.input-field{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 2px #cff84c1a}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.milestone-image{object-fit:cover;border-radius:8px;width:48px;height:48px}.admin-community-card{flex-direction:column;gap:1rem;height:100%;display:flex}.admin-community-card .card-header{cursor:pointer;flex:1}.admin-community-card .card-header .card-title{color:var(--brand);margin-bottom:.25rem;font-size:1.1rem;display:block}.admin-community-card .card-actions{border-top:1px solid var(--border);margin-top:auto;padding-top:1rem}.admin-report-card{flex-direction:column;gap:1rem;height:100%;display:flex}.admin-report-card .card-content{flex:1}.admin-report-card .card-content .card-reason{color:var(--brand);margin-bottom:.25rem;font-size:1.1rem;display:block}.admin-report-card .card-content .card-target{display:block}.admin-report-card .card-content .card-details{white-space:pre-wrap;margin-top:.5rem;display:block}.admin-report-card .card-actions{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.report-avatar{flex-shrink:0;width:32px;height:32px}.report-avatar-placeholder{background-color:#ffffff0d;justify-content:center;align-items:center;display:flex}.report-target-link{max-width:100%;display:inline-flex}.admin-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.admin-header h2{font-size:var(--text-xl);flex-grow:1}.header-content{flex-grow:1;justify-content:space-between;align-items:center;display:flex}.btn-sync{padding:var(--space-xs) var(--space-md);color:#fc4c02;border-radius:var(--radius-md);background:#ff6b001a;border:1px solid #fc4c02;font-weight:600}.btn-sync:hover:not(:disabled){color:#fff;background:#fc4c02}.btn-sync:disabled{opacity:.5;cursor:not-allowed}.section{margin-bottom:var(--space-2xl)}h3{font-size:var(--text-lg);margin-bottom:var(--space-md);color:var(--text-dim)}.sub-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.sub-card.empty{gap:var(--space-md);padding:var(--space-2xl);text-align:center;flex-direction:column}.sub-info{gap:var(--space-sm);display:grid}.sub-item{gap:var(--space-md);display:flex}.sub-item label{color:var(--text-muted);width:120px;font-weight:600}.sub-item span{color:#fff;font-family:monospace}.btn-delete{color:var(--danger);padding:var(--space-xs) var(--space-md);border:1px solid var(--danger);border-radius:var(--radius-md)}.btn-delete:hover{background:var(--danger);color:#fff}.btn-strava{color:#fff;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background:#fc4c02;font-weight:700}.table-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;background:#ffffff05;grid-template-columns:100px 1fr 100px 200px;font-weight:700;display:grid}.log-row{border-bottom:1px solid var(--border)}.log-row:last-child{border-bottom:none}.log-main{padding:var(--space-md);grid-template-columns:100px 1fr 100px 200px;align-items:center;display:grid}.provider-tag{text-transform:uppercase;border-radius:4px;width:fit-content;padding:2px 6px;font-size:10px;font-weight:800}.provider-tag.strava{color:#fc4c02;background:#fc4c0222}.provider-tag.garmin{color:#007cc3;background:#007cc322}.event-type{color:#fff;font-weight:600}.time{font-size:var(--text-xs);color:var(--text-dim)}.badge-received{color:#3b82f6;background:#3b82f61a}.badge-success{color:#10b981;background:#10b9811a}.badge-error{color:#ef4444;background:#ef44441a}.log-error{padding:var(--space-xs) var(--space-md);color:var(--danger);font-size:var(--text-xs);margin:0 var(--space-md) var(--space-sm);border-radius:var(--radius-sm);background:#ef44440d}.log-details{padding:0 var(--space-md) var(--space-sm)}.log-details summary{font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;margin-bottom:var(--space-xs);outline:none}.log-details pre{padding:var(--space-sm);border-radius:var(--radius-sm);color:#888;background:#0003;font-size:10px;overflow-x:auto}.pagination{justify-content:center;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl);display:flex}.pagination button{padding:var(--space-xs) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md)}.pagination span{color:var(--text-dim);font-size:var(--text-sm)}.admin-analytics-view .analytics-dashboard{flex-direction:column;gap:1.5rem;display:flex}.admin-analytics-view .stat-large{color:var(--text-primary);font-size:2rem;font-weight:700}.admin-analytics-view .text-success{color:#10b981}.admin-analytics-view .text-danger{color:#ef4444}.admin-analytics-view .charts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.admin-analytics-view .bars-container{flex-direction:column;gap:1rem;display:flex}.admin-analytics-view .bars-container .bar-row{align-items:center;gap:1rem;display:flex}.admin-analytics-view .bars-container .bar-row .bar-label{width:120px;color:var(--text-secondary);font-size:.875rem}.admin-analytics-view .bars-container .bar-row .bar-track{background-color:var(--bg-panel);border-radius:4px;flex:1;height:8px;overflow:hidden}.admin-analytics-view .bars-container .bar-row .bar-track .bar-fill{border-radius:4px;height:100%}.admin-analytics-view .bars-container .bar-row .bar-value{text-align:right;width:40px;font-size:.875rem;font-weight:600}.admin-analytics-view .card-bar-label{width:180px}.admin-analytics-view .analytics-filters-group{gap:1rem;display:flex}.admin-analytics-view .title-bold{letter-spacing:-.025em;font-weight:700}.admin-analytics-view .glass-card-interactive{cursor:default;transition:transform .3s,box-shadow .3s}.admin-analytics-view .glass-card-interactive:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.admin-analytics-view .bar-row-interactive{margin-bottom:1rem;transition:opacity .2s}.admin-analytics-view .bar-row-interactive:hover{opacity:.8}.admin-analytics-view .bar-row-interactive-lg{margin-bottom:1.2rem;transition:opacity .2s}.admin-analytics-view .bar-row-interactive-lg:hover{opacity:.8}.admin-analytics-view .bar-track-md{background:var(--bg-surface);border-radius:8px;height:12px;overflow:hidden}.admin-analytics-view .bar-track-sm{background:var(--bg-surface);border-radius:8px;height:10px;overflow:hidden}.admin-analytics-view .bar-value-md{text-align:right;min-width:150px;font-size:.85rem;font-weight:500}.admin-analytics-view .bar-value-lg{text-align:right;min-width:250px;font-size:.85rem;font-weight:500}.admin-analytics-view .empty-state-padding{opacity:.7;padding:2rem 0}.admin-analytics-view .table-full{border-collapse:separate;border-spacing:0;width:100%}.admin-analytics-view .table-th{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:1rem;font-size:.75rem}.admin-analytics-view .table-tr-interactive{transition:background-color .2s}.admin-analytics-view .table-tr-interactive:hover{background-color:#ffffff08}.admin-analytics-view .table-td-time{border-bottom:1px solid var(--border);color:var(--text-secondary);font-variant-numeric:tabular-nums;padding:1rem}.admin-analytics-view .table-td-medium{border-bottom:1px solid var(--border);padding:1rem;font-weight:500}.admin-analytics-view .table-td{border-bottom:1px solid var(--border);padding:1rem}.admin-analytics-view .badge-provider{color:#3b82f6;text-transform:uppercase;letter-spacing:.05em;background:#3b82f61a;font-size:.7rem}.admin-analytics-view .badge-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.admin-analytics-view .badge-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.admin-analytics-view .badge-pulse{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;font-weight:600;animation:2s infinite pulse}.admin-analytics-view .table-td-error{border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;color:#ef4444;max-width:250px;padding:1rem;overflow:hidden}.admin-analytics-view .analytics-filters-group .input-field{flex:1;min-width:150px}.admin-analytics-view .analytics-dashboard h3{margin-bottom:1rem;font-weight:600}.admin-analytics-view .bars-container .bar-row{margin-bottom:1rem}.admin-analytics-view .bars-container .bar-row .bar-label{font-variant-numeric:tabular-nums;font-weight:500}.admin-analytics-view .bars-container .bar-row .bar-label.uppercase{letter-spacing:.05em;font-weight:600}.admin-analytics-view .bars-container .bar-row .bar-value{font-size:.85rem;font-weight:500}.admin-analytics-view .bars-container .bar-row .bar-value span:first-child{color:var(--text-primary)}.admin-analytics-view .error-count{color:#ef4444;margin-left:4px}.admin-analytics-view .badge-success i,.admin-analytics-view .badge-error i{margin-right:4px}.admin-analytics-view .analytics-chart-header{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.admin-analytics-view .admin-card .admin-stat-label{letter-spacing:.05em;font-weight:600}.admin-analytics-view .admin-card .admin-stat-value{margin-top:4px}.admin-analytics-view .admin-card .admin-stat-value.stat-theme-orange{background:linear-gradient(135deg,#f97316,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.admin-analytics-view .admin-card .admin-stat-value.stat-theme-green{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.admin-analytics-view .admin-card .admin-stat-value.stat-theme-blue{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.admin-analytics-view .admin-card .admin-stat-value.stat-theme-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.admin-analytics-view .admin-card .admin-stat-value.stat-theme-emerald{background:linear-gradient(135deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.admin-analytics-view .section-header{margin-bottom:var(--space-md)}.templates-list{gap:var(--space-md);flex-direction:column;display:flex}.template-card{background:var(--bg-surface);border:1px solid var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-md)}.template-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.template-meta{gap:var(--space-xs);display:flex}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;padding:4px 8px;font-weight:600}.badge-primary{color:#3498db;background:#3498db26}.badge-secondary{color:#9b59b6;background:#9b59b626}.badge-tertiary{color:#e67e22;background:#e67e2226}.template-content{background:var(--bg-panel);padding:var(--space-sm);border-radius:var(--radius-md)}.template-title{margin-bottom:var(--space-xs);font-weight:600}.template-body{color:var(--text-muted);font-size:var(--text-sm);word-break:break-word}.template-actions{gap:var(--space-sm);display:flex}.btn-icon{color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:4px 8px}.btn-icon:hover{color:var(--text)}.text-danger{color:var(--danger)}.text-danger:hover{color:#ff6b81}.textarea{resize:vertical;width:100%}.form-field{margin-bottom:var(--space-md)}.template-variables-help{margin-bottom:var(--space-lg);padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05}.variables-grid{gap:var(--space-xs);flex-wrap:wrap;display:flex}.variables-grid code{font-size:var(--text-xs);background:var(--border-hover);border-radius:var(--radius-sm);color:var(--brand);padding:2px 6px;font-family:monospace}.detail-header{margin-bottom:var(--space-lg);align-items:center;display:flex}.profile-hero{align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-md);flex-direction:column;display:flex}.profile-hero .name{font-size:var(--text-xl);font-weight:800}.profile-hero .bio{color:var(--text-dim);margin-top:var(--space-xs);text-align:center}.profile-hero .actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.load-more-container{margin-top:var(--space-lg);text-align:center}.loading-state{padding:var(--space-xl);flex-direction:column;justify-content:center;display:flex}.btn.loading{opacity:.7;cursor:wait}.user-identity{align-items:center;gap:var(--space-xs);display:flex}.friend-badge{background:var(--brand-10);color:var(--brand);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--brand-20);align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.friends-page{flex-direction:column;padding:1rem;display:flex;position:relative}.friends-invite-card{border-radius:var(--radius-lg);margin-bottom:var(--space-md);background:linear-gradient(135deg,#cff84c1f 0%,#111111e6 100%);border:1px solid #cff84c40;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 20px #0000004d}.friends-invite-card .friends-invite-info{flex-direction:column;gap:.25rem;display:flex}.friends-invite-card .friends-invite-title{font-weight:700;font-size:var(--text-lg);color:var(--text-primary);align-items:center;gap:.5rem;display:flex}.friends-invite-card .friends-invite-title svg{color:var(--brand);width:18px;height:18px}.friends-invite-card .friends-invite-desc{color:var(--text-secondary);font-size:.8125rem}.tabs-nav{background:var(--bg-surface);border-radius:var(--radius-md);border:var(--border-hover);margin-bottom:var(--space-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.25rem;display:flex;overflow-x:auto}.tabs-nav::-webkit-scrollbar{display:none}.tabs-nav .tab-btn{white-space:nowrap;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex:1 0 auto;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .5rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.tabs-nav .tab-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 1px 2px #0003}.tabs-nav .tab-badge{background:var(--brand);color:#000;border-radius:var(--radius-full);padding:.1rem .4rem;font-size:.6875rem;font-weight:800;line-height:1}.friends-content{flex-direction:column;gap:1.25rem;display:flex}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:.75rem;display:flex}.section-header h3{color:var(--text-primary);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.section-header .count{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.search-container{width:100%;margin-bottom:1rem;position:relative}.search-container .search-input-wrapper{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid #ffffff1a;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.search-container .search-input-wrapper:focus-within{border-color:var(--brand);background:#141414f2;box-shadow:0 0 0 4px #cff84c26}.search-container .search-icon{color:var(--text-secondary);align-items:center;display:flex}.search-container .search-icon svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.search-container .search-input-el{color:var(--text-primary);font-size:var(--text-lg);background:0 0;border:none;outline:none;flex:1;padding:.875rem .75rem;font-family:inherit}.search-container .search-input-el::placeholder{color:var(--text-dim)}.search-container .clear-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex}.search-container .clear-btn:hover{color:var(--text-primary)}.search-container .clear-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.friend-list{flex-direction:column;gap:.5rem;display:flex}.friend-icon-small{width:14px;height:14px}.friend-card-surface{background:var(--bg-surface);border-radius:var(--radius-lg);padding:.75rem}.friend-name-ml{margin-left:.875rem}.friend-empty-state-padded{text-align:center;color:var(--text-secondary);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px dashed #ffffff1a;padding:1.5rem}.friend-empty-state-large{text-align:center;color:var(--text-secondary);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px dashed #ffffff1a;padding:3rem 1rem}.activity-create-page .detail-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.activity-create-page .detail-header h2{font-size:var(--text-xl)}.activity-create-page .btn-back{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.activity-create-page .btn-back:hover{color:#fff;background:#ffffff0d}.activity-create-page .form-stack{gap:var(--space-lg);flex-direction:column;display:flex}.activity-create-page .form-stack .metrics-row{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@keyframes hype-page-impact{0%{filter:brightness()saturate();transform:scale(1)}15%{filter:brightness(1.15)saturate(1.1);transform:scale(.975)}35%{filter:brightness(1.05)saturate(1.05);transform:scale(1.01)}to{filter:brightness()saturate();transform:scale(1)}}body.is-hype-impact .activity-hero,body.is-hype-impact .activity-detail-content{animation:.55s cubic-bezier(.16,.76,.26,1) both hype-page-impact}@keyframes hype-slider-out{to{opacity:0;transform:scale(.955)}}@keyframes hype-summary-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fly-away{0%{opacity:1;transform:translate(-2px,2px)scale(1)}20%{opacity:1;transform:translate(-4px,4px)scale(.9)}to{opacity:0;transform:translate(24px,-24px)scale(.5)}}.activity-detail-view{--activity-lime:#caff00;max-width:var(--content-max,430px);background:#050607;width:100%;min-height:100dvh;margin:0 auto}.activity-detail-loading .activity-detail-loading__content{gap:18px;padding:24px 18px;display:grid}.activity-hero{background:#11161a;height:clamp(370px,44svh,420px);position:relative;overflow:hidden}.activity-hero.activity-hero--empty{background:radial-gradient(circle at 65% 12%,#243023 0,#111418 43%,#050607 100%);height:200px}.activity-hero .activity-hero__media,.activity-hero .activity-hero__fallback{width:100%;height:100%;position:absolute;inset:0}.activity-hero .activity-hero__media{cursor:zoom-in;touch-action:pan-y;background:0 0;border:0;padding:0;overflow:hidden}.activity-hero .activity-hero__media img{object-fit:cover;filter:saturate(.92)contrast(1.06)brightness(.82);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.activity-hero .activity-hero__fallback{background:linear-gradient(145deg,#202e2a,#080b0d 68%)}.activity-hero .activity-hero__scrim{z-index:1;pointer-events:none;background:linear-gradient(#0000 0,#0a0c0d42 35%,#0a0c0d 100%);height:68%;position:absolute;bottom:0;left:0;right:0}.activity-hero .activity-hero__topbar{z-index:3;top:max(20px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:absolute;left:18px;right:18px;transform:translateZ(0)}.activity-hero .activity-hero__actions{align-items:center;gap:9px;display:flex}.activity-hero .activity-hero__round-button,.activity-hero .activity-hero__icon-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0f1191;border:1px solid #ffffff1c;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:0 5px 16px #0003}:is(.activity-hero .activity-hero__round-button,.activity-hero .activity-hero__icon-button) svg{width:24px;height:24px}.activity-hero .activity-hero__icon-button{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.activity-hero .activity-hero__map-toggle{z-index:4;background:#111a26;border:1px solid #ffffff61;border-radius:8px;width:56px;height:56px;padding:0;position:absolute;bottom:30px;right:18px;overflow:hidden;box-shadow:0 8px 18px #0000006b}.activity-hero .activity-hero__map-toggle img{object-fit:cover;width:100%;height:100%}.activity-hero .activity-hero__map-toggle.activity-hero__map-toggle--map{background:#050606;border:0;padding:2px}.activity-hero .activity-hero__map-toggle.activity-hero__map-toggle--map img{object-fit:contain}.activity-hero .activity-hero__media--map img{object-fit:contain}.activity-hero .activity-hero__author{z-index:3;color:inherit;text-align:left;grid-template-columns:53px minmax(0,1fr);align-items:center;gap:11px;padding:0;display:grid;position:absolute;bottom:56px;left:16px;right:100px;transform:translateZ(0)}.activity-hero .activity-hero__author .profile-avatar{border:2px solid #ffffff38;border-radius:50%;width:53px;height:53px;overflow:hidden;box-shadow:0 8px 22px #00000059}.activity-hero .activity-hero__author-copy{text-shadow:0 2px 10px #000000bf;gap:2px;min-width:0;display:grid}.activity-hero .activity-hero__author-copy strong,.activity-hero .activity-hero__author-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-hero .activity-hero__author-copy strong{letter-spacing:-.045em;font-size:19px;font-weight:790;line-height:1.15}.activity-hero .activity-hero__author-copy span{color:#d1d3d5;letter-spacing:-.025em;font-size:12px;line-height:1.35}.activity-hero .activity-hero__author-copy .activity-hero__location{color:#ffffffb3;align-items:center;gap:4px;margin-top:1px;display:flex}.activity-hero .activity-hero__author-copy .activity-hero__location svg{opacity:.9;flex:none;width:13px;height:13px}.activity-hero .activity-hero__top-metric{z-index:3;color:var(--activity-lime,#caff00);align-items:center;gap:9px;display:flex;position:absolute;bottom:0;left:18px;transform:translateZ(0)}.activity-hero .activity-hero__top-metric svg{flex-shrink:0;width:28px;height:28px}.activity-hero .activity-hero__top-metric strong{letter-spacing:-.065em;font-size:26px;font-weight:850;line-height:1}.activity-hero .activity-hero__top-metric strong span{color:#f4f5f6;letter-spacing:-.04em;font-size:16px;font-weight:650}.activity-detail-content{z-index:2;min-height:calc(100dvh - 370px);padding:14px 18px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#0a0c0d 0,#050607 240px);position:relative}.activity-detail-content h1,.activity-detail-content .activity-title{color:#f6f7f8;letter-spacing:-.075em;align-items:center;gap:8px;margin:16px 0 32px;font-size:clamp(29px,7.8vw,32px);font-weight:850;line-height:1;display:flex}:is(.activity-detail-content h1,.activity-detail-content .activity-title) .activity-visibility-icon{color:#9299a3;flex-shrink:0}.activity-metrics{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:2px;display:flex}.activity-metric{text-align:center;background:#ffffff08;border-radius:12px;flex:80px;justify-items:center;min-width:80px;padding:10px 8px 12px;display:grid}.activity-metric>svg{color:#b9e400;width:28px;height:28px}.activity-metric strong{color:#eef0f1;letter-spacing:-.055em;white-space:nowrap;margin-top:6px;font-size:22px;font-weight:720;line-height:1}.activity-metric strong small{letter-spacing:-.025em;font-size:13px;font-weight:580}.activity-metric>span{color:#afb2b6;letter-spacing:-.015em;margin-top:4px;font-size:12px}.activity-chart-section{margin-top:18px}.activity-hype-stage{height:80px;margin:48px -4px 0;position:relative}.activity-hype-slider,.activity-hype-summary{border-radius:42px;align-items:center;width:100%;height:80px;display:flex;position:absolute;inset:0;overflow:hidden}.activity-hype-slider{border:1.5px solid var(--activity-lime,#caff00);color:var(--activity-lime,#caff00);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(95deg,#caff0033,#caff000e 59%,#caff0005);padding:0;box-shadow:inset 0 0 26px #caff0014,0 0 34px #caff0014}.activity-hype-slider:disabled{opacity:.72}.activity-hype-slider.is-settling{pointer-events:none;animation:.26s cubic-bezier(.2,.86,.33,1) forwards hype-slider-out}.activity-hype-slider .activity-hype-slider__fill{width:var(--hype-fill,0px);background:linear-gradient(90deg,#caff0057,#caff000d);transition:width .15s;position:absolute;top:0;bottom:0;left:0}.activity-hype-slider .activity-hype-slider__knob{z-index:2;color:#0a0c04;background:var(--activity-lime,#caff00);width:70px;transform:translateX(var(--hype-offset,0px));border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 8px 20px #00000047,0 0 30px #caff0038}.activity-hype-slider .activity-hype-slider__knob svg{width:35px;height:35px}.activity-hype-slider.is-dragging .activity-hype-slider__knob,.activity-hype-slider.is-dragging .activity-hype-slider__fill{transition:none}.activity-hype-slider .activity-hype-slider__chevrons{z-index:1;position:absolute;left:87px}.activity-hype-slider .activity-hype-slider__chevrons svg{width:35px;height:35px}.activity-hype-slider .activity-hype-slider__social{z-index:1;align-items:center;gap:13px;display:flex;position:absolute;right:18px}.activity-hype-slider__social>strong,.activity-hype-summary>strong{color:#f2f3f4;letter-spacing:-.05em;font-size:21px;font-weight:760}.activity-avatar-stack{align-items:center;min-width:0;display:flex}.activity-avatar-stack .profile-avatar{background:#272a2d;border:2px solid #101214;border-radius:50%;width:38px;height:38px;margin-left:-7px;overflow:hidden}.activity-avatar-stack .profile-avatar:first-child{margin-left:0}.activity-hype-summary{opacity:0;background:linear-gradient(120deg,#111315,#090a0b);border:1px solid #ffffff1f;justify-content:space-between;gap:14px;padding:6px 18px 6px 6px;transform:scale(.96);box-shadow:inset 0 1px #ffffff06}.activity-hype-summary.is-visible{animation:.26s cubic-bezier(.2,.86,.33,1) forwards hype-summary-in}.activity-hype-summary>button{border:1.5px solid var(--activity-lime,#caff00);min-width:140px;color:var(--activity-lime,#caff00);letter-spacing:-.04em;background:#caff001a;border-radius:43px;justify-content:center;align-self:stretch;align-items:center;gap:8px;padding:0 18px;font-size:19px;font-weight:800;transition:all .15s;display:flex}.activity-hype-summary>button svg{width:24px;height:24px}.activity-hype-summary>button svg.is-filled{fill:currentColor}.activity-hype-summary>button:not(:disabled):active{background:#caff002e;transform:scale(.96)}.activity-hype-summary>button:disabled{opacity:.72}.activity-hype-summary .activity-hype-summary__stats{align-items:center;gap:12px;display:flex}.activity-hype-effects{--hype-intensity:1;z-index:10000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.activity-hype-effects__flash{opacity:0;background:var(--activity-lime,#caff00);mix-blend-mode:screen;position:absolute;inset:0}.activity-hype-effects__ring{top:var(--hype-y,50%);left:var(--hype-x,50%);border:66px solid var(--activity-lime,#caff00);opacity:0;will-change:transform, opacity;border-radius:50%;width:1672px;height:1672px;position:absolute;transform:translate(-50%,-50%)scale(.0159);box-shadow:0 0 308px #caff00f2,inset 0 0 308px #caff006b}.activity-hype-effects__ring--second{border-width:44px;width:1496px;height:1496px;box-shadow:0 0 220px #caff00a3,inset 0 0 220px #caff0047}.activity-hype-effects.is-playing .activity-hype-effects__ring{animation:1.15s cubic-bezier(.16,.76,.26,1) forwards hype-wave}.activity-hype-effects.is-playing .activity-hype-effects__ring--second{animation-delay:.15s}.activity-hype-effects.is-playing .activity-hype-effects__flash{animation:.62s ease-out forwards hype-flash}@keyframes hype-wave{0%{opacity:0;transform:translate(-50%,-50%)scale(.0159)}13%{opacity:1}76%{opacity:.68}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes hype-flash{0%{opacity:0}20%{opacity:calc(.09 * var(--hype-intensity,1))}to{opacity:0}}.activity-comments-wrapper{margin-top:48px}.activity-comments{margin-top:0}.activity-comments header{margin:0 2px 6px}.activity-comments h2{color:#f3f4f5;letter-spacing:-.05em;font-size:20px;font-weight:760}.activity-comments h2 span{color:#73777d;font-size:16px;font-weight:500}.activity-comments .activity-comments__empty{color:#aeb1b5;text-align:center;padding:20px 0 14px}.activity-comment{border-bottom:1px solid #ffffff0f;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:60px;padding:5px 0;display:grid}.activity-comment:last-of-type{border-bottom:none;padding-bottom:12px}.activity-comment .activity-comment__avatar{width:44px;height:44px;padding:0}.activity-comment .activity-comment__avatar .profile-avatar{border:1px solid #ffffff24;border-radius:50%;width:44px;height:44px;overflow:hidden}.activity-comment .activity-comment__body{min-width:0}.activity-comment .activity-comment__body>div{align-items:baseline;gap:8px;display:flex}.activity-comment .activity-comment__body strong{color:#f2f3f4;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:800;overflow:hidden}.activity-comment .activity-comment__body time{color:#b9bbc0;letter-spacing:-.02em;flex:none;font-size:13px}.activity-comment .activity-comment__body p{color:#c8c9cd;letter-spacing:-.027em;margin-top:4px;font-size:16px;line-height:1.28}.activity-comment .activity-comment__actions{justify-items:center;gap:3px;display:grid}.activity-comment .activity-comment__flame{color:#747981;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;transition:color .16s,filter .16s,transform .16s;display:grid}.activity-comment .activity-comment__flame svg{width:23px;height:23px}.activity-comment .activity-comment__flame.is-active{color:var(--activity-lime,#caff00);filter:drop-shadow(0 0 6px #caff006b)}.activity-comment .activity-comment__flame:active{transform:scale(.9)}.activity-comment .activity-comment__flame:disabled{cursor:wait;opacity:.65}.activity-comment .activity-comment__delete{color:#b7bbc0;width:32px;height:32px;padding:5px}.activity-comment .activity-comment__delete svg{width:21px;height:21px}.activity-composer{padding:14px 18px calc(10px + env(safe-area-inset-bottom));background:0 0;margin:0 -18px;position:relative}.activity-composer.is-sticky{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#05060700,#050607 40%);position:sticky;bottom:0}.activity-composer form{background:#141618;border:1px solid #ffffff1a;border-radius:28px;align-items:center;gap:0;height:52px;padding:6px 6px 6px 18px;display:flex;box-shadow:0 4px 24px #00000052,inset 0 1px #ffffff0a}.activity-composer form>button[type=submit]{color:#0c0e05;background:var(--activity-lime,#caff00);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;transition:opacity .14s,transform .1s;display:grid}.activity-composer form>button[type=submit] svg{transform:translate(-2px,2px)}.activity-composer form>button[type=submit].is-sending svg{animation:.4s cubic-bezier(.16,.76,.26,1) forwards fly-away}.activity-composer form>button[type=submit]:not(:disabled):active{transform:scale(.92)}.activity-composer form>button[type=submit]:disabled{color:#555;opacity:1;background:#222426}.activity-composer form>button[type=submit] svg{width:22px;height:22px}.activity-composer .form-field{flex:1;gap:0;min-width:0;margin:0;padding:0;background:0 0!important;border:none!important}.activity-composer .form-field label{display:none!important}.activity-composer .form-field input{letter-spacing:-.02em;flex:1;width:100%;min-width:0;color:#f4f5f6!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:8px 10px 8px 0!important;font-size:16px!important}.activity-composer .form-field input::placeholder{color:#606368!important}.activity-composer input{color:#f4f5f6;letter-spacing:-.02em;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px 10px 8px 0;font-size:16px}.activity-composer input::placeholder{color:#606368}.activity-lightbox{z-index:70;background:#000000f0;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.activity-lightbox>img{cursor:grab;object-fit:contain;touch-action:pan-y;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;border-radius:16px;max-width:min(100%,760px);max-height:82vh;box-shadow:0 20px 70px #00000094}.activity-lightbox .activity-lightbox__close{top:max(20px, env(safe-area-inset-top));color:#fff;background:#1c1e20d1;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:20px}.activity-lightbox .activity-lightbox__close svg{width:23px;height:23px}.activity-lightbox p{color:#e5e7eb;background:#151719c2;border-radius:999px;padding:5px 10px;font-size:13px;position:absolute;bottom:24px}@media (width<=370px){.activity-detail-content,.activity-composer{padding-left:17px;padding-right:17px}.activity-metric strong{font-size:20px}.activity-hype-slider .activity-hype-slider__social{right:13px}.activity-avatar-stack .profile-avatar{width:34px;height:34px}}.activity-hype-effects--small .activity-hype-effects__ring{border-width:12px;width:320px;height:320px;box-shadow:0 0 60px #caff00f2,inset 0 0 60px #caff006b}.activity-hype-effects--small .activity-hype-effects__ring--second{border-width:8px;width:240px;height:240px;box-shadow:0 0 40px #caff00a3,inset 0 0 40px #caff0047}.activity-hype-effects--small.is-playing .activity-hype-effects__ring{animation-duration:.7s}.activity-hype-effects--small.is-playing .activity-hype-effects__ring--second{animation-delay:80ms}.activity-hype-effects--small.is-playing .activity-hype-effects__flash{animation-duration:.4s}.activity-hero__time-visibility{align-items:center;gap:4px;display:inline-flex}.activity-hero__time-visibility .privacy-icon{width:14px;height:14px;color:var(--text-secondary)}.activity-external-link{justify-content:center;align-items:center;padding:16px 0;font-size:14px;font-weight:700;display:flex}.activity-external-link a{text-decoration:none;transition:opacity .2s}.activity-external-link a:hover{opacity:.8;text-decoration:underline}.form-stack{gap:var(--space-lg);margin-top:var(--space-lg);flex-direction:column;display:flex}.hidden-input{display:none}.avatar-edit-wrapper{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.avatar-edit-wrapper .avatar-input{flex-shrink:0}.locale-row{gap:var(--space-xs);display:flex}.locale-row .locale-btn{padding:var(--space-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);transition:all var(--transition-fast);flex:1;font-weight:700}.locale-row .locale-btn.active{border-color:var(--brand);color:var(--brand);background:var(--brand-10)}.toggle-row{padding:var(--space-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.toggle-row .title{color:#fff;font-weight:700;display:block}.toggle-row .desc{font-size:var(--text-xs);color:var(--text-dim);display:block}.toggle{width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle input:checked+.track{background:var(--brand)}.toggle input:checked+.track:after{transform:translate(20px)}.toggle .track{background:var(--bg-surface);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);position:absolute;inset:0}.toggle .track:after{content:"";border-radius:var(--radius-full);width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;position:absolute;bottom:3px;left:3px}.connector-list{gap:var(--space-md);flex-direction:column;display:flex}.error-msg{border:1px solid var(--danger);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;color:var(--danger);margin-top:var(--space-xs);margin-bottom:var(--space-md);font-weight:600;animation:.2s ease-out slideDown}.danger-zone{margin-top:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.date-row{padding:var(--space-md);margin-top:var(--space-xs);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.date-row .title{color:#fff;font-weight:700;display:block}.date-picker{background:var(--bg-surface);border:1px solid var(--border);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);outline:none}.date-picker:focus{border-color:var(--brand)}.date-picker::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.bulk-privacy-actions{gap:var(--space-sm);flex-direction:column;align-items:flex-start;margin-top:1rem;display:flex}.bulk-privacy-actions .btn{white-space:normal;text-align:center;line-height:1.4}.bulk-privacy-actions .success-message{color:var(--success);font-size:var(--text-sm)}.tabs-container{background:var(--bg-deep);z-index:10;border-bottom:1px solid var(--border);margin-bottom:var(--space-lg);padding-bottom:64px;display:flex;position:sticky;top:0;overflow-x:auto}.tabs-container .tab-btn{color:var(--text-dim);font-weight:600;font-size:var(--text-sm);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:none}.tabs-container .tab-btn:hover{color:var(--text-muted)}.tabs-container .tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.tab-content{animation:fadeIn var(--transition-fast) ease-out}.preference-group{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.preference-group .group-header{margin-bottom:var(--space-md)}.preference-group .group-header .group-title{color:#fff;margin:0 0 var(--space-xs) 0;font-weight:700}.preference-group .group-header .group-desc{font-size:var(--text-xs);color:var(--text-dim);margin:0}.preference-group .channel-row{padding:var(--space-sm) 0;border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.preference-group .channel-row:first-of-type{border-top:none}.preference-group .channel-row .channel-name{font-size:var(--text-sm);color:var(--text-muted);text-transform:capitalize}.preference-group .channel-row .mandatory-lock{align-items:center;gap:var(--space-xs);color:var(--text-dim);font-size:var(--text-xs);display:flex}.preference-group .channel-row .mandatory-lock svg{opacity:.7}.preferences-section{margin-top:var(--space-xl)}.sticky-footer{background:var(--bg-deep);margin-left:calc(var(--content-padding) * -1);margin-right:calc(var(--content-padding) * -1);padding:var(--space-md) calc(var(--content-padding) + var(--space-sm)) var(--space-xl);border-top:1px solid var(--border);z-index:10;bottom:var(--bottom-nav-total-height);will-change:transform;position:sticky;transform:translateZ(0)}.profile-hero{text-align:center;padding:var(--space-lg) 0;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.profile-hero .name{font-size:var(--text-2xl)}.profile-hero .actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.badge-grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.badge-grid .badge-item{align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.badge-grid .badge-item.legendary{background:#fcc5220d;border-color:#fbbf24}.badge-grid .badge-item.epic{background:#a855f70d;border-color:#a855f7}.badge-grid .badge-item.rare{background:#639cf80d;border-color:#60a5fa}.badge-grid .badge-item img{object-fit:contain;width:32px;height:32px}.badge-grid .badge-item .fallback{font-size:24px}.badge-grid .badge-item span{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:700}.support-view .support-list{margin-bottom:1rem;padding:0;list-style:none}.support-view .support-list .support-list-item{margin-bottom:.5rem}.support-view .support-list .support-list-item.flex-between{justify-content:space-between;display:flex}.support-view .support-list .support-list-item.break-all{word-break:break-all}.support-view .support-offline-warning{background:var(--danger);color:#fff;border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.support-view .support-offline-warning p{margin:0;font-weight:500}.support-view .support-check-controls{align-items:center;gap:1rem;display:flex}.support-view .support-check-controls .support-check-time{font-size:var(--text-sm);color:var(--text-dim)}.support-view .support-device-platform{text-transform:capitalize}.support-view .support-contact-desc{margin-bottom:1rem}.support-view .support-contact-desc .support-contact-link{color:var(--brand)}.support-no-shrink{flex-shrink:0}.callback-page{text-align:center;min-height:80vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.error-container h2{color:#ef4444;margin-bottom:var(--space-sm)}.error-icon{color:#ef4444;margin-bottom:var(--space-lg)}.loading-container h2{margin-bottom:var(--space-sm)}.spinner{border:4px solid var(--brand-10);border-top-color:var(--brand);width:48px;height:48px;margin:0 auto var(--space-lg);border-radius:50%;animation:1s linear infinite spin}.view-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.notifications-list{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);padding:0;overflow:hidden}.notification-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border);cursor:pointer;background:0 0;transition:all .2s;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-elevated)}.notification-item.unread{background:#ffffff05}.notification-dot{border-radius:var(--radius-full);background:var(--brand);border:2px solid var(--bg-surface);width:12px;height:12px;position:absolute;top:0;right:0}.notification-icon-wrapper{border-radius:var(--radius-full);align-items:center;gap:var(--space-md);background:var(--bg-elevated);width:40px;height:40px;color:var(--text);border:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:center;display:flex;position:relative}.notification-item:hover .notification-icon-wrapper{background:var(--bg-surface);border-color:var(--border-brand);position:relative}.notification-text{flex-direction:column;flex:1;gap:2px;display:flex}.notification-title{font-size:var(--text-base);color:var(--text);font-weight:600}.notification-body{font-size:var(--text-sm);color:var(--text-dim);line-height:1.4}.notification-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.empty-state{padding:var(--space-2xl) var(--space-xl);text-align:center;color:var(--text-dim)}.load-more-wrapper{padding:var(--space-md);text-align:center;border-top:1px solid var(--border)}.notifications-list{overflow-anchor:none}.invite-landing-view-container{margin-top:1rem}.invite-landing-header{flex-direction:column;align-items:center;display:flex}.invite-landing-badge{margin:0 auto 1.5rem}.invite-landing-title{margin-bottom:2.5rem}.invite-landing-card{margin-bottom:3rem}.invite-landing-img{object-fit:cover;width:100%;height:100%}.invite-landing-register-btn{text-decoration:none}.invite-landing-login-btn{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;justify-content:center;align-items:center;width:100%;margin-top:1rem;padding:1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.invite-landing-login-btn:hover{color:#fff}.invite-final-view{flex-direction:column;height:100%;animation:.4s forwards fadeIn;display:flex;position:relative}.invite-final-title{letter-spacing:-.02em;color:#fff;margin-bottom:1rem;font-size:2rem;font-style:italic;font-weight:900;line-height:1.05}.text-gradient{color:#0000;background-image:linear-gradient(90deg,#fff,#a3a3a3);-webkit-background-clip:text;background-clip:text}.invite-final-subtitle{color:var(--text-secondary);font-size:.9375rem;font-weight:500;line-height:1.6}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.premium-waiting-box{aspect-ratio:2.2;background-color:#141414cc;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:3rem;animation:4s ease-in-out infinite float;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0006}.shimmer-overlay{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:2.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.icon-ring-container{margin-bottom:.75rem;position:relative}.pulse-ring-element{border:1px solid #fff3;border-radius:50%;animation:2.5s infinite pulse-ring;position:absolute;inset:0}.icon-inner{z-index:10;background-color:#1c1c1c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:relative;box-shadow:inset 0 2px 4px #00000080}.icon-inner svg{width:1.25rem;height:1.25rem;color:var(--text-tertiary)}.premium-box-text{color:var(--text-tertiary);letter-spacing:.2em;text-transform:uppercase;z-index:10;font-size:.6875rem;font-weight:700;position:relative}.vip-community-card{background:linear-gradient(#1c1c1c,#121212);border:1px solid #cff84c66;border-radius:1.5rem;align-items:center;gap:1rem;width:100%;margin-top:2rem;padding:1.25rem;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #cbfb4514}.vip-glow{filter:blur(24px);background-color:#cff84c1a;border-radius:50%;width:8rem;height:8rem;position:absolute;top:-2.5rem;right:-2.5rem}.vip-avatar-container{flex-shrink:0;width:4rem;height:4rem;position:relative}.vip-avatar-pulse{border:2px solid var(--brand);opacity:.5;border-radius:50%;animation:3s infinite pulse-ring;position:absolute;inset:0}.vip-avatar-inner{border:2px solid var(--brand);z-index:10;width:100%;height:100%;color:var(--brand);background-color:#0f0f0f;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex;position:relative;overflow:hidden}.vip-avatar-inner svg{width:1.5rem;height:1.5rem}.vip-info{z-index:10;flex:1;min-width:0}.vip-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:1.1875rem;font-weight:700;overflow:hidden}.vip-subtitle{color:#cff84ccc;white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.875rem;font-weight:500;overflow:hidden}.vip-badge{z-index:10;background-color:#cff84c1a;border:1px solid #cff84c33;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.vip-badge svg{width:1.25rem;height:1.25rem;color:var(--brand)}.invite-badge-detected{background-color:#cff84c1a;border:1px solid #cff84c4d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.375rem .75rem;display:inline-flex;box-shadow:0 0 15px #cbfb4526}.detected-dot{width:.5rem;height:.5rem;display:flex;position:relative}.detected-dot-ping{background-color:var(--brand);opacity:.75;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping;display:inline-flex;position:absolute}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.detected-dot-inner{background-color:var(--brand);border-radius:50%;width:.5rem;height:.5rem;display:inline-flex;position:relative}.detected-text{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.setup-screen-overlay{z-index:100;background-color:#080808;flex-direction:column;justify-content:center;align-items:center;animation:.5s fadeIn;display:flex;position:fixed;inset:0}.setup-glow-bg{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.setup-glow-circle{filter:blur(100px);background-color:#cff84c1a;border-radius:50%;width:80vw;max-width:500px;height:80vw;max-height:500px;animation:4s infinite alternate pulse-ring}.clean-spinner-container{z-index:10;justify-content:center;align-items:center;width:8rem;height:8rem;margin-bottom:3rem;display:flex;position:relative}.clean-spinner{width:6rem;height:6rem;color:var(--brand);transform-origin:50%;animation:2s linear infinite rotate-clean}.clean-spinner-path{stroke-dasharray:289;stroke-dashoffset:75px;stroke-linecap:round;animation:1.5s ease-in-out infinite dash-clean}@keyframes rotate-clean{to{transform:rotate(360deg)}}@keyframes dash-clean{0%{stroke-dasharray:1 289;stroke-dashoffset:0}50%{stroke-dasharray:200 289;stroke-dashoffset:-40px}to{stroke-dasharray:200 289;stroke-dashoffset:-289px}}.spinner-center-dot{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner-center-dot div{background-color:var(--brand);width:.375rem;height:.375rem;box-shadow:0 0 15px var(--brand);border-radius:50%;animation:2s infinite alternate pulse-ring}.setup-text-area{text-align:center;z-index:10;width:100%;padding:0 1.5rem;position:relative}.setup-title{color:#fff;letter-spacing:-.01em;margin-bottom:1rem;font-size:1.625rem;font-style:italic;font-weight:900;transition:all .5s}.setup-title.is-done{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right, var(--brand), #fff)}.setup-status-container{justify-content:center;align-items:center;width:100%;height:2rem;display:flex;position:relative}.setup-status-text{color:var(--text-secondary);letter-spacing:.02em;background:0 0;font-size:1rem;transition:all .7s cubic-bezier(.16,1,.3,1);position:absolute}.status-active{opacity:1;transform:translateY(0)scale(1)}.status-next{opacity:0;transform:translateY(1.5rem)scale(.95)}.status-prev{opacity:0;transform:translateY(-1.5rem)scale(1.05)}.status-done{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.success-checkmark-container{border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards check-pop;display:flex;position:relative}@keyframes check-pop{0%{transform:scale(0)}to{transform:scale(1)}}.success-bg-ping{background-color:var(--brand);opacity:.2;border-radius:50%;animation:1s ease-out ping;position:absolute;inset:0;box-shadow:0 0 40px #cbfb4580}.success-bg-gradient{background:linear-gradient(to top right, var(--brand), #d4fc6a);border-radius:50%;position:absolute;inset:0}.success-icon{color:#000;z-index:10;width:2.5rem;height:2.5rem;animation:.4s ease-out .2s both slideUp;position:relative}.btn-wow-primary{cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1;padding:0;display:block;position:relative;overflow:hidden}.btn-wow-shimmer{background:linear-gradient(to right, var(--brand), #e2ff8d, var(--brand));background-size:200% 100%;animation:3s linear infinite shimmer;position:absolute;inset:0}.btn-wow-inner{background-color:var(--brand);color:#000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:1.125rem 1.5rem;font-weight:700;transition:transform .15s;display:flex;position:relative}.btn-wow-primary:active .btn-wow-inner{transform:scale(.98)}.btn-wow-inner span{letter-spacing:.1em;text-transform:uppercase;font-size:.875rem}.btn-wow-inner svg{width:1.25rem;height:1.25rem;transition:transform .2s}.btn-wow-primary:hover .btn-wow-inner svg{transform:translate(4px)}.onboarding-invite-img{object-fit:cover;width:100%;height:100%}.onboarding-invite-footer{padding-top:2rem}.onboarding-invite-back-btn{min-width:100px}.clean-spinner-bg{opacity:.1}.auth-container{min-height:100dvh;padding:2rem;padding-top:calc(2rem + env(safe-area-inset-top,0px));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));font-family:var(--font-sans);color:#fff;box-sizing:border-box;background-image:radial-gradient(circle at top,#ffffff05 0%,#0000 80%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden auto}.auth-background{display:none!important}.auth-card{z-index:10;background:0 0;flex-direction:column;width:100%;max-width:440px;margin:0 auto;padding:3rem 2.5rem;display:flex}.auth-card .auth-header{text-align:center;margin-bottom:2.5rem}.auth-card .auth-logo-link{margin-bottom:2rem;text-decoration:none;transition:opacity .2s;display:inline-block}.auth-card .auth-logo-link:active{opacity:.7}.auth-card .auth-headings{flex-direction:column;gap:.5rem;display:flex}.auth-card .auth-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0;font-size:1.75rem;font-weight:600;font-style:normal!important}.auth-card .auth-subtitle{color:#ffffff80;margin:0;font-size:1rem;font-weight:400}.auth-card>.auth-login>.auth-header,.auth-card>.auth-register>.auth-header,.auth-card>.auth-set-password>.auth-header{display:none!important}.auth-card .auth-forgot-password>.auth-header,.auth-card .auth-check-email>.auth-header{text-align:center;margin-bottom:1.5rem}.auth-card .auth-header h2{font-family:var(--font-display);color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-style:normal;font-weight:600;line-height:1.3}.auth-card .auth-text{text-align:center;color:var(--color-text-secondary,#ffffffb3);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.auth-card .auth-forgot-password>.auth-success,.auth-card .auth-set-password>.auth-success{background:0 0!important;border:none!important;margin:0!important;padding:0!important}.auth-card .auth-forgot-password>.auth-success p,.auth-card .auth-set-password>.auth-success p{text-align:center;margin-bottom:2rem;font-size:.95rem;font-weight:400;color:var(--color-text-secondary,#ffffffb3)!important}.auth-card .auth-text strong{color:#fff;font-weight:600}.auth-card .auth-subtext{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#ffffff80);text-align:left;margin:0 0 .75rem;font-size:.8rem;font-weight:600;display:block}.auth-card .auth-verify-manual{width:100%;margin-top:1rem}.auth-card form,.auth-card .auth-form{flex-direction:column;gap:1rem;width:100%;display:flex}.auth-card .auth-row{flex-direction:row;gap:1rem;width:100%;display:flex}.auth-card .auth-row>*{flex:1;min-width:0}.auth-card .form-field{flex-direction:column;margin:0;display:flex;position:relative}.auth-card label{pointer-events:none;z-index:10;text-transform:uppercase;letter-spacing:.05em;opacity:0;margin:0;font-size:.65rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:10px;left:20px;transform:translateY(4px);color:#fff6!important}:-webkit-any(.auth-card .form-field:has(input:-webkit-autofill) label,.auth-card .form-field:has(input:not(:placeholder-shown):not([type=checkbox]):not([type=radio])) label){transform:translateY(0);opacity:1!important}:is(.auth-card .form-field:has(input:autofill) label,.auth-card .form-field:has(input:not(:placeholder-shown):not([type=checkbox]):not([type=radio])) label){transform:translateY(0);opacity:1!important}.auth-card .form-field:focus-within label{transform:translateY(0);color:var(--brand)!important;opacity:1!important}.auth-card .form-field:has(input:focus:not([type=checkbox]):not([type=radio])) label{transform:translateY(0);color:var(--brand)!important;opacity:1!important}.auth-card input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;color:#fff;width:100%;font-family:var(--font-sans);background:linear-gradient(145deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff0f;border-radius:16px;outline:none;height:60px;padding:1.65rem 1.25rem .65rem;font-size:1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 10px #00000026}.auth-card input:not([type=checkbox]):not([type=radio]):placeholder-shown:not(:focus){padding:1.15rem 1.25rem}.auth-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.auth-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.auth-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.auth-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.auth-card input:not([type=checkbox]):not([type=radio])::placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.auth-card input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.auth-card input:not([type=checkbox]):not([type=radio])::-moz-placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.auth-card input:not([type=checkbox]):not([type=radio]):focus::placeholder{opacity:.2!important}.auth-card input:not([type=checkbox]):not([type=radio]):focus,.auth-card input:not([type=checkbox]):not([type=radio]):active{border-color:var(--brand);box-shadow:inset 0 2px 10px #0003, 0 0 0 1px var(--brand);background:linear-gradient(145deg,#ffffff1a 0%,#ffffff08 100%)}.auth-card .form-field.is-valid input{border-color:#4ade8066}.auth-card .form-field:has(input:valid:not(:placeholder-shown):not([type=password])) input{border-color:#4ade8066}.auth-card .form-field.has-error input{background:#ef444414!important;border-color:#ef444466!important}.auth-card .form-field:has(input:invalid:not(:placeholder-shown)) input{background:#ef444414!important;border-color:#ef444466!important}.auth-card .auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;margin:.5rem 0 1rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;line-height:1.4;display:flex}.auth-card .form-field .error{color:#ef4444;margin-top:6px;margin-bottom:0;margin-left:1.25rem;font-size:.75rem;font-weight:500;line-height:1.3;display:block}.auth-card .auth-success{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;line-height:1.4}.auth-card .action.btn-generate,.auth-card .action.btn-copy,.auth-card .form-field>button.action,.auth-card .form-field>button[aria-label="Toggle password visibility"],.auth-card .form-field>button.toggle-password,.auth-card .l-password-actions button{cursor:pointer;z-index:20;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;color:#fff6!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:30px!important;right:12px!important;transform:translateY(-50%)!important}:is(.auth-card .action.btn-generate,.auth-card .action.btn-copy,.auth-card .form-field>button.action,.auth-card .form-field>button[aria-label="Toggle password visibility"],.auth-card .form-field>button.toggle-password,.auth-card .l-password-actions button):hover{color:#fff!important;background:#ffffff1a!important}.auth-card .l-password-actions{align-items:center;height:60px;display:flex;position:absolute;top:0;right:0}.auth-card .createPw input{padding-right:80px!important}.auth-card .password-requirements{flex-wrap:wrap;gap:.25rem 1rem;margin-top:.5rem;padding-left:.25rem;display:flex}.auth-card .password-requirements .req-item{color:#fff6;align-items:center;font-size:.65rem;font-weight:500;transition:color .3s;display:flex}.auth-card .password-requirements .req-item:before{display:none!important}.auth-card .password-requirements .req-item .req-icon{opacity:.5;margin-right:6px;font-size:.75rem}.auth-card .password-requirements .req-item.met{color:var(--success)}.auth-card .password-requirements .req-item.met .req-icon{opacity:1}.auth-card .auth-footer{justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.auth-card .auth-footer-links{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;padding:0 1rem;display:flex}.auth-card .auth-link{color:#ffffff80;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.auth-card .auth-link:hover{color:#fff}.auth-card .auth-link strong,.auth-card .auth-link b,.auth-card .auth-link [href]{color:var(--brand);font-weight:700}.auth-card a.auth-link{color:var(--brand);font-weight:700}.auth-card button[type=submit],.auth-card .auth-button-primary,.auth-card .auth-button{background-color:var(--brand)!important;color:#000!important;width:100%!important;font-family:var(--font-display)!important;cursor:pointer!important;text-align:center!important;box-shadow:0 8px 24px color-mix(in srgb, var(--brand) 20%, transparent)!important;border:none!important;border-radius:16px!important;margin-top:2.5rem!important;padding:1.15rem!important;font-size:1rem!important;font-weight:700!important;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s,box-shadow .2s!important}:is(.auth-card button[type=submit],.auth-card .auth-button-primary,.auth-card .auth-button):hover:not(:disabled){background-color:color-mix(in srgb, var(--brand) 85%, #fff)!important;box-shadow:0 12px 28px color-mix(in srgb, var(--brand) 30%, transparent)!important;transform:scale(.98)!important}:is(.auth-card button[type=submit],.auth-card .auth-button-primary,.auth-card .auth-button):active:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb, var(--brand) 15%, transparent)!important;transform:scale(.95)!important}.auth-card .auth-button-link{display:inline-block;color:var(--brand)!important;font-family:var(--font-sans)!important;cursor:pointer!important;background:0 0!important;border:none!important;width:auto!important;margin-top:0!important;padding:0!important;font-size:.85rem!important;font-weight:700!important;text-decoration:none!important;transition:color .2s!important}.auth-card .auth-button-link:hover:not(:disabled){color:color-mix(in srgb, var(--brand) 80%, #fff)!important}@media (width<=600px){.auth-container{padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));align-items:flex-start}.auth-card{max-width:100%;padding:0}.auth-logo-link{margin-bottom:1.5rem}}.auth-forgot-password>.auth-check-email>.auth-header,.auth-forgot-password>.auth-set-password>.auth-header,.auth-forgot-password>.auth-set-password>.auth-text{display:none!important}.auth-invite-banner{margin-bottom:2rem}.invite-container{min-height:100dvh;padding:2rem;padding-top:calc(2rem + env(safe-area-inset-top,0px));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));font-family:var(--font-sans);color:#fff;box-sizing:border-box;background-image:radial-gradient(circle at top,#ffffff05 0%,#0000 80%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden auto}.invite-background{display:none!important}.invite-card{z-index:10;background:0 0;flex-direction:column;width:100%;max-width:440px;margin:0 auto;padding:3rem 2.5rem;display:flex}.invite-card .invite-header{text-align:center;margin-bottom:2.5rem}.invite-card .invite-logo-link{margin-bottom:2rem;text-decoration:none;transition:opacity .2s;display:inline-block}.invite-card .invite-logo-link:active{opacity:.7}.invite-card .invite-headings{flex-direction:column;gap:.5rem;display:flex}.invite-card .invite-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0;font-size:1.75rem;font-weight:600;font-style:normal!important}.invite-card .invite-subtitle{color:#ffffff80;margin:0;font-size:1rem;font-weight:400}.invite-card>.auth-login>.invite-header,.invite-card>.auth-register>.invite-header,.invite-card>.auth-set-password>.invite-header{display:none!important}.invite-card .auth-forgot-password>.invite-header,.invite-card .auth-check-email>.invite-header{text-align:center;margin-bottom:1.5rem}.invite-card .invite-header h2{font-family:var(--font-display);color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-style:normal;font-weight:600;line-height:1.3}.invite-card .auth-text{text-align:center;color:var(--color-text-secondary,#ffffffb3);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.invite-card .auth-forgot-password>.auth-success,.invite-card .auth-set-password>.auth-success{background:0 0!important;border:none!important;margin:0!important;padding:0!important}.invite-card .auth-forgot-password>.auth-success p,.invite-card .auth-set-password>.auth-success p{text-align:center;margin-bottom:2rem;font-size:.95rem;font-weight:400;color:var(--color-text-secondary,#ffffffb3)!important}.invite-card .auth-text strong{color:#fff;font-weight:600}.invite-card .auth-subtext{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#ffffff80);text-align:left;margin:0 0 .75rem;font-size:.8rem;font-weight:600;display:block}.invite-card .auth-verify-manual{width:100%;margin-top:1rem}.invite-card form,.invite-card .auth-form{flex-direction:column;gap:1rem;width:100%;display:flex}.invite-card .auth-row{flex-direction:row;gap:1rem;width:100%;display:flex}.invite-card .auth-row>*{flex:1;min-width:0}.invite-card .form-field{flex-direction:column;margin:0;display:flex;position:relative}.invite-card label{pointer-events:none;z-index:10;text-transform:uppercase;letter-spacing:.05em;opacity:0;margin:0;font-size:.65rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:10px;left:20px;transform:translateY(4px);color:#fff6!important}:-webkit-any(.invite-card .form-field:has(input:-webkit-autofill) label,.invite-card .form-field:has(input:not(:placeholder-shown):not([type=checkbox]):not([type=radio])) label){transform:translateY(0);opacity:1!important}:is(.invite-card .form-field:has(input:autofill) label,.invite-card .form-field:has(input:not(:placeholder-shown):not([type=checkbox]):not([type=radio])) label){transform:translateY(0);opacity:1!important}.invite-card .form-field:focus-within label{transform:translateY(0);color:var(--brand)!important;opacity:1!important}.invite-card .form-field:has(input:focus:not([type=checkbox]):not([type=radio])) label{transform:translateY(0);color:var(--brand)!important;opacity:1!important}.invite-card input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;color:#fff;width:100%;font-family:var(--font-sans);background:linear-gradient(145deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff0f;border-radius:16px;outline:none;height:60px;padding:1.65rem 1.25rem .65rem;font-size:1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 10px #00000026}.invite-card input:not([type=checkbox]):not([type=radio]):placeholder-shown:not(:focus){padding:1.15rem 1.25rem}.invite-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.invite-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.invite-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.invite-card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;padding:1.65rem 1.25rem .65rem!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0c!important}.invite-card input:not([type=checkbox]):not([type=radio])::placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.invite-card input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.invite-card input:not([type=checkbox]):not([type=radio])::-moz-placeholder{transition:opacity .2s;color:#fff9!important;opacity:1!important;-webkit-text-fill-color:#fff9!important}.invite-card input:not([type=checkbox]):not([type=radio]):focus::placeholder{opacity:.2!important}.invite-card input:not([type=checkbox]):not([type=radio]):focus,.invite-card input:not([type=checkbox]):not([type=radio]):active{border-color:var(--brand);box-shadow:inset 0 2px 10px #0003, 0 0 0 1px var(--brand);background:linear-gradient(145deg,#ffffff1a 0%,#ffffff08 100%)}.invite-card .form-field.is-valid input{border-color:#4ade8066}.invite-card .form-field:has(input:valid:not(:placeholder-shown):not([type=password])) input{border-color:#4ade8066}.invite-card .form-field.has-error input{background:#ef444414!important;border-color:#ef444466!important}.invite-card .form-field:has(input:invalid:not(:placeholder-shown)) input{background:#ef444414!important;border-color:#ef444466!important}.invite-card .auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;margin:.5rem 0 1rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;line-height:1.4;display:flex}.invite-card .form-field .error{color:#ef4444;margin-top:6px;margin-bottom:0;margin-left:1.25rem;font-size:.75rem;font-weight:500;line-height:1.3;display:block}.invite-card .auth-success{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;line-height:1.4}.invite-card .action.btn-generate,.invite-card .action.btn-copy,.invite-card .form-field>button.action,.invite-card .form-field>button[aria-label="Toggle password visibility"],.invite-card .form-field>button.toggle-password,.invite-card .l-password-actions button{cursor:pointer;z-index:20;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;color:#fff6!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:30px!important;right:12px!important;transform:translateY(-50%)!important}:is(.invite-card .action.btn-generate,.invite-card .action.btn-copy,.invite-card .form-field>button.action,.invite-card .form-field>button[aria-label="Toggle password visibility"],.invite-card .form-field>button.toggle-password,.invite-card .l-password-actions button):hover{color:#fff!important;background:#ffffff1a!important}.invite-card .l-password-actions{align-items:center;height:60px;display:flex;position:absolute;top:0;right:0}.invite-card .createPw input{padding-right:80px!important}.invite-card .password-requirements{flex-wrap:wrap;gap:.25rem 1rem;margin-top:.5rem;padding-left:.25rem;display:flex}.invite-card .password-requirements .req-item{color:#fff6;align-items:center;font-size:.65rem;font-weight:500;transition:color .3s;display:flex}.invite-card .password-requirements .req-item:before{display:none!important}.invite-card .password-requirements .req-item .req-icon{opacity:.5;margin-right:6px;font-size:.75rem}.invite-card .password-requirements .req-item.met{color:var(--success)}.invite-card .password-requirements .req-item.met .req-icon{opacity:1}.invite-card .auth-footer{justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.invite-card .auth-footer-links{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;padding:0 1rem;display:flex}.invite-card .auth-link{color:#ffffff80;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.invite-card .auth-link:hover{color:#fff}.invite-card .auth-link strong,.invite-card .auth-link b,.invite-card .auth-link [href]{color:var(--brand);font-weight:700}.invite-card a.auth-link{color:var(--brand);font-weight:700}.invite-card button[type=submit],.invite-card .auth-button-primary,.invite-card .auth-button{background-color:var(--brand)!important;color:#000!important;width:100%!important;font-family:var(--font-display)!important;cursor:pointer!important;text-align:center!important;box-shadow:0 8px 24px color-mix(in srgb, var(--brand) 20%, transparent)!important;border:none!important;border-radius:16px!important;margin-top:2.5rem!important;padding:1.15rem!important;font-size:1rem!important;font-weight:700!important;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s,box-shadow .2s!important}:is(.invite-card button[type=submit],.invite-card .auth-button-primary,.invite-card .auth-button):hover:not(:disabled){background-color:color-mix(in srgb, var(--brand) 85%, #fff)!important;box-shadow:0 12px 28px color-mix(in srgb, var(--brand) 30%, transparent)!important;transform:scale(.98)!important}:is(.invite-card button[type=submit],.invite-card .auth-button-primary,.invite-card .auth-button):active:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb, var(--brand) 15%, transparent)!important;transform:scale(.95)!important}.invite-card .auth-button-link{display:inline-block;color:var(--brand)!important;font-family:var(--font-sans)!important;cursor:pointer!important;background:0 0!important;border:none!important;width:auto!important;margin-top:0!important;padding:0!important;font-size:.85rem!important;font-weight:700!important;text-decoration:none!important;transition:color .2s!important}.invite-card .auth-button-link:hover:not(:disabled){color:color-mix(in srgb, var(--brand) 80%, #fff)!important}@media (width<=600px){.invite-container{padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));align-items:flex-start}.invite-card{max-width:100%;padding:0}.invite-logo-link{margin-bottom:1.5rem}}.auth-forgot-password>.auth-check-email>.invite-header,.auth-forgot-password>.auth-set-password>.invite-header,.auth-forgot-password>.auth-set-password>.auth-text{display:none!important}.form-field:has(input[autocomplete=one-time-code]) input{text-align:center;letter-spacing:.5em;font-size:1.5rem;font-weight:700;padding:1.15rem 1.25rem!important}.form-field:has(input[autocomplete=one-time-code]) input::placeholder{letter-spacing:.2em;font-size:1.2rem}.form-field:has(input[autocomplete=one-time-code]) label{display:none!important}.auth-back-button{text-align:center!important;width:100%!important;margin-top:1.5rem!important;display:block!important}.auth-resend-suggestion .auth-subtext{text-align:center}.zitadel-form{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.form-input::placeholder,input::placeholder{color:#475569}.custom-zitadel-auth input,.custom-zitadel-auth select{width:100%;padding:var(--space-md) var(--space-lg)!important;background:var(--bg-deep)!important;border-radius:var(--radius-md)!important;color:var(--text)!important;font-size:var(--text-lg)!important;transition:all var(--transition-fast)!important;border:none!important;border-bottom:2px solid #0000!important}.custom-zitadel-auth input:focus,.custom-zitadel-auth select:focus{border-bottom-color:var(--brand)!important;background:var(--bg-panel)!important;outline:none!important}.custom-zitadel-auth button[type=submit]{width:100%;margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl)!important;background:var(--brand)!important;color:var(--bg-deep)!important;border-radius:var(--radius-full)!important;font-weight:800!important;font-size:var(--text-base)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;border:none!important}.custom-zitadel-auth button[type=submit]:hover{box-shadow:0 10px 20px var(--brand-20);transform:translateY(-2px)}.form-field select,.form-group select{appearance:none;padding-right:var(--space-xl);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23cff84c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat!important;background-position:right var(--space-md) center!important;background-size:16px!important}:is(.form-field select,.form-group select):hover{border-color:var(--border-brand)}:is(.form-field select,.form-group select):focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-20);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.input-label{font-size:var(--text-sm);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.form-stack{gap:var(--space-lg);flex-direction:column;display:flex}.form-divider{margin-top:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border);font-size:var(--text-xs);text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;font-weight:800}.textarea{resize:vertical;resize:vertical;min-height:80px}.form-field{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea{width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-lg);transition:all var(--transition-fast)}:is(.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea)::placeholder{color:var(--text-dim)}:is(.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea):focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-10);outline:none}.form-field .input-wrapper{gap:var(--space-xs);flex-direction:column;display:flex}.form-field label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--space-xs);font-weight:700}.form-field.has-error input:not([type=checkbox]):not([type=radio]),.form-field.has-error select,.form-field.has-error textarea{border-color:var(--danger)}:is(.form-field.has-error input:not([type=checkbox]):not([type=radio]),.form-field.has-error select,.form-field.has-error textarea):focus{box-shadow:0 0 0 3px #f871711a}.form-field .error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-xs);font-weight:600;animation:.2s ease-out slideDown}.form-field.datepicker{position:relative}.form-field.datepicker fieldset.select-field{border:none;width:100%;margin:0;padding:0}.form-field.datepicker fieldset.select-field legend{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--space-xs);padding:0;font-weight:700;display:block}.form-field.datepicker fieldset.select-field .inputs{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-sm);transition:all var(--transition-fast);align-items:center;display:flex}.form-field.datepicker fieldset.select-field .inputs:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-10)}.form-field.datepicker fieldset.select-field .inputs input{appearance:textfield;padding:var(--space-sm) 4px;font-size:var(--text-lg);text-align:center;background:0 0;border:none;width:calc(2ch + 8px)}.form-field.datepicker fieldset.select-field .inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-field.datepicker fieldset.select-field .inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-field.datepicker fieldset.select-field .inputs input:focus{box-shadow:none!important}.form-field.datepicker fieldset.select-field .inputs input[name=year]{width:4.5rem!important}.form-field.datepicker fieldset.select-field .inputs .separator{color:var(--text-dim);-webkit-user-select:none;user-select:none;font-weight:700}.form-field.datepicker fieldset.select-field .inputs button{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:4px;font-size:1.2rem;transition:opacity .2s;display:flex}.form-field.datepicker fieldset.select-field .inputs button:hover{opacity:1;color:var(--brand)}.form-field.datepicker .calendar{z-index:100;background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-md);width:280px;margin-top:8px;animation:.2s ease-out slideDown;position:absolute;top:100%;left:0}.form-field.datepicker .calendar .header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.form-field.datepicker .calendar .header button{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.form-field.datepicker .calendar .header button:hover{background:var(--brand-10);border-color:var(--brand)}.form-field.datepicker .calendar .header .date-select{gap:4px;display:flex}.form-field.datepicker .calendar .header .date-select select{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:4px 8px;width:auto!important;font-size:var(--text-lg)!important}.form-field.datepicker .calendar .header .date-select select:hover{border-color:var(--brand)}.form-field.datepicker .calendar .days .week_days{text-align:center;text-transform:uppercase;color:var(--text-dim);grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:10px;font-weight:800;display:grid}.form-field.datepicker .calendar .days .all_days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.form-field.datepicker .calendar .days .all_days div,.form-field.datepicker .calendar .days .all_days button{aspect-ratio:1;font-size:var(--text-sm);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;display:flex}.form-field.datepicker .calendar .days .all_days button{color:#fff;transition:all .2s}.form-field.datepicker .calendar .days .all_days button:hover{background:var(--brand-20);color:var(--brand)}.form-field.datepicker .calendar .days .all_days button.today{color:var(--brand);border:1px solid var(--brand-20);font-weight:800}.form-field.datepicker .calendar .days .all_days button.clicked{background:var(--brand);color:var(--text-inverse);font-weight:800}.form-field.datepicker .calendar .days .all_days div{opacity:.3;cursor:default}.SelectAndInput{transition:all var(--transition-fast);overflow:hidden;background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;display:flex!important}.SelectAndInput:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--brand-10)!important}.SelectAndInput label{display:none!important}.SelectAndInput select{cursor:pointer;border:none!important;border-right:1px solid var(--border)!important;width:auto!important;padding:0 var(--space-sm)!important;font-size:var(--text-lg)!important;color:var(--brand)!important;background:0 0!important;border-radius:0!important}.SelectAndInput select:focus{box-shadow:none!important}.SelectAndInput input{flex:1;background:0 0!important;border:none!important;border-radius:0!important}.SelectAndInput input:focus{box-shadow:none!important}.input-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--space-sm);font-weight:700;display:block}.logo-input{width:120px}.time-hint{font-size:var(--text-xs);color:var(--text-dim);margin-top:4px}.checkbox-wrapper{flex-direction:row;align-items:center;display:flex}.checkbox-label{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-base)!important;text-transform:none!important;letter-spacing:normal!important;color:var(--text)!important;margin-bottom:0!important;font-weight:500!important;display:flex!important}.checkbox-label input[type=checkbox]{appearance:none;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin:0;position:relative;width:20px!important;height:20px!important;padding:0!important}.checkbox-label input[type=checkbox]:checked{background-color:var(--brand);border-color:var(--brand)}.checkbox-label input[type=checkbox]:checked:after{content:"";border:solid var(--bg-deep);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}