:root{--color-bg: #0F1014;--color-bg-rgb: 15, 16, 20;--color-surface: #18191E;--color-surface-rgb: 24, 25, 30;--color-surface-hover: #23242A;--color-primary: #00E0F0;--color-primary-rgb: 0, 224, 240;--color-secondary: #FF003C;--color-accent: #FFB800;--color-text: #EDEDED;--color-text-muted: #888888;--color-text-soft: rgba(237, 237, 237, .78);--color-danger: #EF4444;--color-success: #22C55E;--color-warning: #EAB308;--color-on-primary: #000000;--color-image-text: #f8fafc;--color-image-text-muted: rgba(248, 250, 252, .78);--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-sm-md: .75rem;--space-md: 1rem;--space-md-lg: 1.25rem;--space-lg: 1.5rem;--space-xl-md: 1.75rem;--space-xl: 2rem;--space-2xl: 2.5rem;--radius-sm: 4px;--radius-sm-md: 8px;--radius-md: 12px;--radius-md-lg: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--font-display: "Rajdhani", sans-serif;--font-body: "Outfit", sans-serif;--shell-max-width: 1180px;--shell-nav-max-width: 560px;--shell-gutter: 16px;--shell-gutter-wide: 24px;--shell-header-offset: 112px;--shell-nav-clearance: 120px;--shell-control-size: 46px;--shell-control-size-sm: 40px;--shell-control-size-lg: 52px;--surface-1: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .055);--surface-3: rgba(255, 255, 255, .075);--surface-hero: linear-gradient(135deg, rgba(0, 224, 240, .12), rgba(255, 255, 255, .03));--surface-floating: rgba(18, 19, 24, .9);--surface-border: rgba(255, 255, 255, .08);--surface-border-strong: rgba(255, 255, 255, .12);--surface-highlight: rgba(255, 255, 255, .04);--surface-highlight-border: rgba(255, 255, 255, .08);--surface-input: rgba(8, 10, 16, .78);--surface-input-border: rgba(255, 255, 255, .08);--surface-input-strong: rgba(0, 0, 0, .24);--shadow-soft: 0 14px 36px rgba(0, 0, 0, .22);--shadow-floating: 0 18px 48px rgba(0, 0, 0, .32);--shadow-glow-primary: 0 0 24px rgba(var(--color-primary-rgb), .22);--motion-fast: .18s ease;--motion-base: .24s ease;--motion-slow: .34s ease}[data-theme=light]{--color-bg: #F2F4F7;--color-bg-rgb: 242, 244, 247;--color-surface: #FFFFFF;--color-surface-rgb: 255, 255, 255;--color-surface-hover: #F8FAFC;--color-primary: #008899;--color-primary-rgb: 0, 136, 153;--color-secondary: #D40032;--color-accent: #B48200;--color-danger: #b91c1c;--color-success: #15803d;--color-warning: #a16207;--color-on-primary: #ffffff;--color-image-text: #f8fafc;--color-image-text-muted: rgba(241, 245, 249, .86);--color-text: #111827;--color-text-muted: #475569;--color-text-soft: rgba(15, 23, 42, .76)}[data-theme=light] .glass-panel{background:#fffc;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .glass-panel:hover{border-color:#00000026}[data-theme=light]{--surface-1: rgba(255, 255, 255, .88);--surface-2: rgba(255, 255, 255, .94);--surface-3: rgba(255, 255, 255, .98);--surface-hero: linear-gradient(135deg, rgba(0, 136, 153, .12), rgba(255, 255, 255, .92));--surface-floating: rgba(255, 255, 255, .92);--surface-border: rgba(15, 23, 42, .11);--surface-border-strong: rgba(15, 23, 42, .16);--surface-highlight: rgba(15, 23, 42, .04);--surface-highlight-border: rgba(15, 23, 42, .1);--surface-input: rgba(255, 255, 255, .96);--surface-input-border: rgba(15, 23, 42, .14);--surface-input-strong: rgba(248, 250, 252, .98);--shadow-soft: 0 12px 30px rgba(15, 23, 42, .08);--shadow-floating: 0 18px 44px rgba(15, 23, 42, .12)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px;overflow-x:hidden}body{background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");color:var(--color-text);font-family:var(--font-body);font-size:1rem;line-height:1.5;overflow-x:hidden;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}button{font-family:var(--font-display);border:none;cursor:pointer;background:none;transition:transform var(--motion-fast),opacity var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}button:hover{opacity:.9}button:active{transform:scale(.98)}.trainer-scenario-button,.trainer-reset-button{appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;transform:translateZ(0)}.trainer-scenario-button:active,.trainer-reset-button:active{transform:translateZ(0)}a{color:inherit;text-decoration:none}input,select,textarea{font-family:var(--font-body)}input::placeholder{color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)!important}.glass-panel{background:var(--surface-1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:border-color var(--motion-fast),transform var(--motion-fast),background-color var(--motion-fast),box-shadow var(--motion-fast)}.glass-panel:hover{border-color:var(--surface-border-strong)}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-weight:600;transition:transform .1s ease,opacity .2s}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-text{text-shadow:0 0 20px rgba(0,240,255,.5)}.glow-box{box-shadow:0 0 30px #00f0ff26}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes notificationPanelIn{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationPanelOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.985)}}.app-skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}.app-shell-page{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% -14%,rgba(var(--color-primary-rgb),.05) 0%,rgba(var(--color-primary-rgb),.022) 22%,rgba(var(--color-primary-rgb),.01) 34%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,.01),transparent 24%),var(--color-bg)}.app-shell-main{width:min(100%,var(--shell-max-width));margin:0 auto}.app-shell-header{position:sticky;top:0;z-index:50;padding:calc(env(safe-area-inset-top) + var(--space-sm-md)) var(--shell-gutter) var(--space-sm-md);background:linear-gradient(180deg,rgba(var(--color-bg-rgb),.98),rgba(var(--color-bg-rgb),.9) 74%,rgba(var(--color-bg-rgb),.7));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.035);box-shadow:0 10px 30px #0000001f}.app-shell-header__inner{width:min(100%,var(--shell-max-width));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.brand-mark{min-width:0;display:flex;flex-direction:column;gap:10px}.brand-mark--compact{gap:8px}.brand-mark__eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:18px;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}.brand-mark__pulse{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:var(--shadow-glow-primary);flex-shrink:0}.brand-mark__image{display:block;width:min(100%,340px);height:auto;object-fit:contain;border-radius:22px;overflow:hidden;-webkit-mask-image:radial-gradient(circle at center,#000 84%,transparent 100%);mask-image:radial-gradient(circle at center,#000 84%,transparent 100%);filter:drop-shadow(0 22px 40px rgba(0,0,0,.28))}.brand-mark--compact .brand-mark__image{width:min(100%,230px)}.brand-mark__subtitle{max-width:34ch;font-size:12px;line-height:1.35;color:#edededb3}[data-theme=light] .brand-mark__subtitle{color:#111827b8}.auth-screen{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at top left,rgba(var(--color-primary-rgb),.16),transparent 34%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.07),transparent 26%),linear-gradient(145deg,#0b1015,#0f1014 48%,#161923)}.auth-screen__glow{position:absolute;border-radius:999px;filter:blur(80px);opacity:.9;pointer-events:none}.auth-screen__glow--primary{top:-80px;left:-60px;width:280px;height:280px;background:rgba(var(--color-primary-rgb),.22)}.auth-screen__glow--accent{right:-80px;bottom:24px;width:220px;height:220px;background:#ffffff17}.auth-shell{position:relative;z-index:1;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,440px);gap:18px;align-items:stretch}.auth-showcase{position:relative;min-height:500px;overflow:hidden;padding:0;display:flex;align-items:stretch;justify-content:stretch;background:radial-gradient(circle at 18% 18%,rgba(var(--color-primary-rgb),.16),transparent 24%),linear-gradient(145deg,#042329f5,#090e16eb 48%,#121318fa)}.auth-showcase__media{position:relative;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:18px}.auth-showcase__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060c120f,#060c122e),linear-gradient(90deg,#07111605 0% 46%,#07111638 64%,#0711166b);pointer-events:none}.auth-showcase__brand{position:relative;z-index:1;width:100%;min-height:100%;align-items:center;justify-content:center;gap:0}.auth-showcase__brand-image{width:100%;max-width:680px;height:auto;max-height:100%;object-fit:contain;object-position:center center;border-radius:24px;-webkit-mask-image:none;mask-image:none;box-shadow:0 20px 48px #0000003d,0 0 0 1px #ffffff0a}.auth-panel{min-height:720px;padding:28px;display:flex;flex-direction:column;gap:20px;justify-content:center;background:linear-gradient(180deg,#11131bf5,#090a10eb),#0a0c12eb}[data-theme=light] .auth-panel{background:linear-gradient(180deg,#fffffffa,#f8fafcf2),#fffffff0}.auth-panel__header{display:grid;gap:4px}.auth-panel__back{justify-self:flex-start;display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.auth-panel__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,6vw,2.8rem);line-height:.96;letter-spacing:.03em;text-transform:none}.auth-panel__body{margin:0;max-width:32ch;font-size:13px;line-height:1.55;color:var(--color-text-muted)}.auth-panel__toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}[data-theme=light] .auth-panel__toggle{background:#0f172a0a;border-color:#0f172a14}.auth-panel__toggle-button{min-height:44px;border-radius:14px;color:var(--color-text-muted);font-size:13px;font-weight:700}.auth-panel__toggle-button.is-active{color:#061116;background:var(--color-primary);box-shadow:0 12px 28px rgba(var(--color-primary-rgb),.24)}.auth-feedback{padding:13px 14px;border-radius:16px;font-size:13px;display:flex;align-items:center;gap:10px;line-height:1.45}.auth-feedback--error{background:#ef444414;border:1px solid rgba(239,68,68,.18);color:var(--color-danger)}.auth-feedback--success{background:#22c55e14;border:1px solid rgba(34,197,94,.18);color:var(--color-success)}.auth-form{display:grid;gap:16px}.auth-inline-link{justify-self:flex-start;margin-top:-4px;color:var(--color-primary);font-size:12px;font-weight:600}.auth-form__submit{min-height:58px;margin-top:2px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:700}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.auth-divider__line{flex:1;height:1px;background:#ffffff14}[data-theme=light] .auth-divider__line{background:#0f172a1a}.auth-google-button{min-height:56px;padding:0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--color-text);display:inline-flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:600}[data-theme=light] .auth-google-button{background:#0f172a09;border-color:#0f172a1a}.auth-google-button__badge{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#111;font-weight:700;font-size:14px;flex-shrink:0}.auth-footer{margin-top:auto;display:flex;justify-content:center}.auth-footer__switch{padding:10px 0 0;color:var(--color-text-muted);font-size:13px}.app-shell-toolbar{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:6px;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-2),rgba(255,255,255,.03));border:1px solid var(--surface-border);box-shadow:var(--shadow-soft)}.surface-card{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--surface-border);border-radius:var(--radius-md-lg);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.surface-card--subtle{background:linear-gradient(180deg,var(--surface-1),rgba(255,255,255,.02));box-shadow:none}.surface-card--elevated{border-color:rgba(var(--color-primary-rgb),.12);box-shadow:var(--shadow-soft),inset 0 1px #ffffff0a}.surface-card--hero{background:var(--surface-hero);border-color:rgba(var(--color-primary-rgb),.18)}.surface-card--floating{background:linear-gradient(180deg,var(--surface-floating),rgba(var(--color-surface-rgb),.88));border-color:rgba(var(--color-primary-rgb),.09);box-shadow:var(--shadow-floating)}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--shell-control-size);height:var(--shell-control-size);border-radius:14px;color:var(--color-text);border:1px solid transparent;background:#ffffff0a}[data-theme=light] .icon-button{background:#0f172a09;border-color:#0f172a0f}.icon-button:hover{background:#ffffff12;border-color:#ffffff14}[data-theme=light] .icon-button:hover{background:#0f172a0f;border-color:#0f172a1a}.icon-button.is-active{background:rgba(var(--color-primary-rgb),.12);border-color:rgba(var(--color-primary-rgb),.24);color:var(--color-primary);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.12)}.icon-button--sm{width:var(--shell-control-size-sm);height:var(--shell-control-size-sm)}.icon-button--lg{width:var(--shell-control-size-lg);height:var(--shell-control-size-lg)}.icon-button__icon{display:inline-flex;align-items:center;justify-content:center}.icon-button__badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-secondary);color:#fff;font-family:var(--font-display);font-size:10px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;border:2px solid rgba(var(--color-bg-rgb),.96)}.profile-chip{display:inline-flex;align-items:center;justify-content:center;width:var(--shell-control-size);height:var(--shell-control-size);border-radius:16px;border:1px solid rgba(var(--color-primary-rgb),.15);background:linear-gradient(180deg,rgba(var(--color-primary-rgb),.16),#ffffff0a);box-shadow:inset 0 1px #ffffff0f}.profile-chip:hover{border-color:rgba(var(--color-primary-rgb),.28);box-shadow:inset 0 1px #ffffff14,var(--shadow-glow-primary)}.profile-chip.is-active{border-color:rgba(var(--color-primary-rgb),.34);box-shadow:inset 0 1px #ffffff14,var(--shadow-glow-primary)}.profile-chip__avatar{width:34px;height:34px;border-radius:13px;background:var(--color-primary);color:#021015;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.05em}.header-overlay-anchor{position:relative}.header-overlay-backdrop{animation:overlayFadeIn .18s ease forwards}.header-overlay-backdrop.is-closing{animation:overlayFadeOut .16s ease forwards}.header-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;overflow:hidden;z-index:80}.notification-panel{transform-origin:top right;animation:notificationPanelIn .18s cubic-bezier(.22,1,.36,1) forwards}.notification-panel.is-closing{animation:notificationPanelOut .16s ease forwards}.header-menu__section{padding:14px 16px;border-bottom:1px solid var(--surface-border)}.header-menu__eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.header-menu__value{font-size:13px;word-break:break-word;color:var(--color-text)}.header-menu__action{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;color:var(--color-secondary);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.header-menu__action:hover{background:#ffffff0a}.bottom-nav-shell{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;pointer-events:none}.bottom-nav-shell__inner{width:min(var(--shell-nav-max-width),calc(100vw - 20px));padding:8px;border-radius:28px;background:linear-gradient(180deg,#121318f5,#0c0d12f0);border:1px solid rgba(var(--color-primary-rgb),.08);box-shadow:var(--shadow-floating);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;pointer-events:auto}.bottom-nav-shell__item{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 6px 10px;border-radius:22px;color:#ededed9e}[data-theme=light] .bottom-nav-shell__item{color:#1118279e}[data-theme=light] .bottom-nav-shell__inner{background:linear-gradient(180deg,#fffffffa,#f8fafcf5);border-color:#0f172a14}[data-theme=light] .bottom-nav-shell__item:hover{background:#0f172a0a}.bottom-nav-shell__item:hover{background:#ffffff0a;color:var(--color-text)}.bottom-nav-shell__item.is-active{color:var(--color-primary);transform:translateY(-2px)}.bottom-nav-shell__item.is-featured .bottom-nav-shell__icon{background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.28),transparent 30%),conic-gradient(from 220deg,#00e0f0f5,#ff4c9af5,#ffd84afa,#45de79eb,#00e0f0f5);border-color:#ffffff2e;box-shadow:0 12px 28px #00000047,0 0 0 1px #ffffff0a inset;color:#071018}.bottom-nav-shell__item.is-featured:hover{background:#ffffff0d}.bottom-nav-shell__item.is-featured.is-active{color:#f7fbff}.bottom-nav-shell__item.is-featured.is-active .bottom-nav-shell__icon{border-color:#ffffff47;box-shadow:0 18px 36px #0000005c,0 0 24px #00e0f02e,0 0 28px #ff4c9a1f,0 0 0 1px #ffffff0f inset}.bottom-nav-shell__item.is-featured.is-active .bottom-nav-shell__label{color:#f7fbff}.bottom-nav-shell__icon{width:34px;height:34px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid transparent;transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),color var(--motion-fast)}[data-theme=light] .bottom-nav-shell__icon{background:#0f172a09;border-color:#0f172a0a}[data-theme=light] .bottom-nav-shell__item.is-featured .bottom-nav-shell__icon{color:#071018;border-color:#0f172a14;box-shadow:0 12px 24px #0f172a1f,0 0 0 1px #ffffff2e inset}[data-theme=light] .bottom-nav-shell__item.is-featured.is-active .bottom-nav-shell__label{color:#0f172a}.bottom-nav-shell__item.is-active .bottom-nav-shell__icon{background:rgba(var(--color-primary-rgb),.14);border-color:rgba(var(--color-primary-rgb),.2);box-shadow:var(--shadow-glow-primary)}.bottom-nav-shell__label{max-width:100%;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav-shell__label.is-featured{max-width:62px;white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.02;font-size:9px;letter-spacing:.04em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.app-shell-loading{min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--shell-nav-clearance) + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -14%,rgba(var(--color-primary-rgb),.055) 0%,rgba(var(--color-primary-rgb),.024) 24%,rgba(var(--color-primary-rgb),.012) 36%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,.01),transparent 24%),var(--color-bg)}.app-shell-loading__main{width:min(100%,var(--shell-max-width));margin:0 auto;padding:var(--space-sm) var(--shell-gutter) 0;display:grid;gap:var(--space-md)}.app-shell-loading__hero{padding:18px;display:grid;gap:12px}.app-shell-loading__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-shell-loading__list{padding:16px;display:grid;gap:12px}@media(max-width:480px){html{font-size:14px}.app-shell-header{padding-left:12px;padding-right:12px}.app-shell-toolbar{gap:6px;padding:5px}.brand-mark__subtitle{display:none}.auth-screen{padding-left:12px;padding-right:12px}.auth-showcase,.auth-panel{padding:20px}.auth-panel__title{font-size:2rem}.bottom-nav-shell__inner{width:calc(100vw - 14px);border-radius:24px}.bottom-nav-shell__item{min-height:64px;gap:5px;padding-left:4px;padding-right:4px}.bottom-nav-shell__label{font-size:10px}.bottom-nav-shell__label.is-featured{max-width:56px;font-size:8.5px}}@media(max-width:920px){.auth-shell{grid-template-columns:1fr;max-width:720px}.auth-showcase{min-height:240px}.auth-showcase__media{padding:14px}.auth-panel{min-height:auto}}@media(max-width:640px){.brand-mark--compact .brand-mark__image{width:min(100%,180px)}.auth-showcase{min-height:200px}.auth-showcase__media{padding:12px}.auth-panel__toggle{gap:6px}.auth-google-button{justify-content:flex-start}}@media(min-width:768px){.app-shell-header,.app-shell-loading__main{padding-left:var(--shell-gutter-wide);padding-right:var(--shell-gutter-wide)}}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}::selection{background:var(--color-primary);color:#000}