@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--green-50: #E8F2EB;--green-100: #C7E2D1;--green-200: #97C8AB;--green-300: #5DAA83;--green-400: #2E8A5C;--green-500: #0A5C3C;--green-600: #084E33;--green-700: #073F2A;--green-800: #052F20;--green-900: #032115;--green-950: #02150D;--sand-0: #FFFFFF;--sand-50: #F6F8F5;--sand-100: #EDF1EA;--sand-200: #DFE5DB;--sand-300: #C7D0C1;--sand-400: #A3AE9C;--sand-500: #788570;--sand-600: #5C6655;--sand-700: #444D3F;--sand-800: #2C342A;--sand-900: #1B211A;--sand-950: #0E120D;--bio-sleep: #6C5CE7;--bio-sleep-100: #E7E3FB;--bio-hydrate: #18A0D7;--bio-hydrate-100:#DBF0FA;--bio-energy: #F5A623;--bio-energy-100:#FCEFD4;--bio-heart: #F0536A;--bio-heart-100: #FCE0E4;--bio-mind: #00B8A9;--bio-mind-100: #D2F4F1;--success-500: #0A5C3C;--warning-500: #F5A623;--danger-500: #EF4444;--danger-600: #D92D2D;--info-500: #18A0D7}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px;--text-4xl: 42px;--text-5xl: 54px;--text-6xl: 68px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extra: 800;--leading-tight: 1.12;--leading-snug: 1.28;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-snug: -.011em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-caps: .08em;--display-font: var(--font-sans);--display-weight: var(--weight-extra);--display-tracking:var(--tracking-tight);--heading-weight: var(--weight-bold);--body-weight: var(--weight-regular);--label-weight: var(--weight-semibold);--metric-font: var(--font-mono)}:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--space-13: 128px;--pad-control: 0 16px;--gap-inline: 8px;--gap-stack: 16px;--container-sm: 640px;--container-md: 860px;--container-lg: 1100px;--container-xl: 1320px;--app-width: 390px;--app-gutter: 20px}:root{--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--radius-card: var(--radius-lg);--ring-width: 3px;--ring: 0 0 0 var(--ring-width) var(--brand-ring);--sheen-top: inset 0 1px 0 rgba(255,255,255,.5);--sheen-soft: inset 0 1px 0 rgba(255,255,255,.25);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .34s;--blur-sm: 8px;--blur-md: 16px;--blur-lg: 28px}:root,[data-theme=light]{color-scheme:light;--surface-app: #F4F8F2;--surface-card: #FFFFFF;--surface-sunken: #EDF1EA;--surface-overlay: #FFFFFF;--surface-inverse: #15201A;--text-strong: #15201A;--text-body: #2C342A;--text-muted: #5C6655;--text-subtle: #8C9785;--text-on-brand: #FFFFFF;--text-inverse: #F4F8F2;--brand: var(--green-500);--brand-hover: var(--green-600);--brand-press: var(--green-700);--brand-soft: var(--green-50);--brand-soft-2: var(--green-100);--brand-on-soft: var(--green-700);--brand-ring: color-mix(in srgb, var(--green-500) 38%, transparent);--text-brand: var(--green-600);--text-on-gloss: #FFFFFF;--border: #DFE5DB;--border-strong: #C7D0C1;--border-brand: var(--green-300);--divider: #EAEFE6;--success: var(--green-500);--success-bg: var(--green-50);--success-fg: var(--green-700);--warning: #E8920B;--warning-bg: #FDF2DC;--warning-fg: #9A5B05;--danger: var(--danger-500);--danger-bg: #FDECEC;--danger-fg: #B11E1E;--info: var(--info-500);--info-bg: #E3F3FB;--info-fg: #0B6E97;--gloss-sheen: linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 46%);--gloss-wet: inset 0 1.5px 0 rgba(255,255,255,.6), inset 0 -8px 14px -6px rgba(0,0,0,.28);--gloss-brand: linear-gradient(180deg, #167A4B 0%, #0C5F3C 50%, #073F2A 100%);--gradient-brand: var(--gloss-brand);--gloss-card: linear-gradient(180deg, #FFFFFF 0%, #FBFDFA 100%);--gloss-app: radial-gradient(56% 48% at 0% 0%, rgba(46,138,92,.24) 0%, rgba(46,138,92,.08) 36%, rgba(46,138,92,0) 74%), radial-gradient(52% 44% at 100% 0%, rgba(24,160,215,.16) 0%, rgba(24,160,215,.05) 38%, rgba(24,160,215,0) 76%), radial-gradient(56% 48% at 100% 100%, rgba(108,92,231,.13) 0%, rgba(108,92,231,.04) 38%, rgba(108,92,231,0) 78%), radial-gradient(120% 80% at 50% -10%, #FBFFF8 0%, #F4F8F2 60%);--shadow-xs: 0 1px 2px rgba(20,40,28,.06);--shadow-sm: 0 1px 2px rgba(20,40,28,.06), 0 2px 6px rgba(20,40,28,.05);--shadow-md: 0 2px 4px rgba(20,40,28,.05), 0 8px 20px rgba(20,40,28,.08);--shadow-lg: 0 4px 8px rgba(20,40,28,.06), 0 18px 40px rgba(20,40,28,.12);--shadow-xl: 0 8px 16px rgba(20,40,28,.08), 0 30px 70px rgba(20,40,28,.16);--shadow-brand: 0 6px 16px color-mix(in srgb, var(--green-500) 32%, transparent), 0 1px 0 rgba(255,255,255,.4) inset;--shadow-inset: inset 0 1px 2px rgba(20,40,28,.07)}[data-theme=dark],.theme-dark{color-scheme:dark;--surface-app: #0C1310;--surface-card: #16211C;--surface-sunken: #0F1713;--surface-overlay: #1B2822;--surface-inverse: #F4F8F2;--text-strong: #EFF6F2;--text-body: #D8E4DD;--text-muted: #99A8A0;--text-subtle: #6A7A72;--text-on-brand: #03210F;--text-inverse: #15201A;--brand: var(--green-400);--brand-hover: var(--green-300);--brand-press: var(--green-500);--brand-soft: rgba(46,138,92,.16);--brand-soft-2: rgba(46,138,92,.26);--brand-on-soft: var(--green-300);--brand-ring: color-mix(in srgb, var(--green-400) 45%, transparent);--text-brand: var(--green-300);--text-on-gloss: #FFFFFF;--border: #28362F;--border-strong: #36483F;--border-brand: rgba(46,138,92,.42);--divider: #202C26;--success: var(--green-400);--success-bg: rgba(46,138,92,.16);--success-fg: var(--green-300);--warning: #F5A623;--warning-bg: rgba(245,166,35,.15);--warning-fg: #F6BC5B;--danger: #F26464;--danger-bg: rgba(239,68,68,.16);--danger-fg: #F79393;--info: #3DB6E6;--info-bg: rgba(24,160,215,.16);--info-fg: #74CDF0;--gloss-sheen: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 46%);--gloss-wet: inset 0 1.5px 0 rgba(255,255,255,.35), inset 0 -8px 14px -6px rgba(0,0,0,.45);--gloss-brand: linear-gradient(180deg, #1C7A4C 0%, #0F6E45 50%, #084E33 100%);--gradient-brand: var(--gloss-brand);--gloss-card: linear-gradient(180deg, #1A261F 0%, #141E18 100%);--gloss-app: radial-gradient(56% 48% at 0% 0%, rgba(46,138,92,.4) 0%, rgba(46,138,92,.14) 36%, rgba(46,138,92,0) 74%), radial-gradient(52% 44% at 100% 0%, rgba(61,182,230,.22) 0%, rgba(61,182,230,.07) 38%, rgba(61,182,230,0) 76%), radial-gradient(56% 48% at 100% 100%, rgba(108,92,231,.2) 0%, rgba(108,92,231,.06) 38%, rgba(108,92,231,0) 78%), radial-gradient(120% 80% at 50% -10%, #111C16 0%, #0C1310 62%);--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.35);--shadow-md: 0 2px 4px rgba(0,0,0,.35), 0 8px 20px rgba(0,0,0,.45);--shadow-lg: 0 4px 8px rgba(0,0,0,.4), 0 18px 40px rgba(0,0,0,.55);--shadow-xl: 0 8px 16px rgba(0,0,0,.45), 0 30px 70px rgba(0,0,0,.6);--shadow-brand: 0 6px 18px rgba(10,92,60,.5), 0 1px 0 rgba(255,255,255,.12) inset;--shadow-inset: inset 0 1px 2px rgba(0,0,0,.5)}html,body{margin:0;min-height:100%}body{font-family:var(--font-sans);color:var(--text-body);background:var(--gloss-app),var(--surface-app);background-attachment:fixed}#root{min-height:100vh;min-height:100dvh}.stage{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-6);box-sizing:border-box}.card{width:min(34rem,100%);text-align:center;padding:var(--space-10) var(--space-8);background:var(--gloss-card),var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--sheen-soft),var(--shadow-lg)}.tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:lowercase;color:var(--brand-on-soft);background:var(--brand-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}h1{margin:var(--space-5) 0 0;font-size:var(--text-4xl);font-weight:var(--weight-extra);letter-spacing:var(--tracking-tight);color:var(--text-strong)}.sub{margin:var(--space-4) auto 0;max-width:28rem;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-muted)}.topbar{position:fixed;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:color-mix(in srgb,var(--surface-card) 78%,transparent);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-bottom:1px solid var(--border);z-index:10}.topbar-brand{font-weight:var(--weight-extra);letter-spacing:var(--tracking-tight);color:var(--text-brand)}.stage-with-topbar{padding-top:calc(var(--space-6) + 64px)}.home-column{width:min(34rem,100%);display:grid;gap:var(--space-4)}.guest-banner{display:flex;align-items:center;gap:var(--space-4);text-align:left;padding:var(--space-4) var(--space-5);background:var(--brand-soft);color:var(--brand-on-soft);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.guest-banner>a{flex-shrink:0}.auth-card{text-align:left}.auth-card .tag,.auth-card h1,.auth-card .sub{display:block;text-align:center}.auth-card .tag{width:fit-content;margin-inline:auto}.auth-form{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.auth-secondary-actions{grid-auto-flow:column;justify-content:center;margin-top:var(--space-4)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6);color:var(--text-subtle);font-size:var(--text-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--divider)}.auth-email{color:var(--text-strong)}.auth-note{margin:var(--space-3) 0 0;text-align:center;font-size:var(--text-xs);color:var(--text-subtle)}.auth-error{margin:0;text-align:center;font-size:var(--text-sm);color:var(--danger-fg)}.auth-footer{margin:var(--space-6) 0 0;text-align:center;font-size:var(--text-sm)}.auth-footer-hint{display:block;margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}.auth-link{color:var(--text-brand);text-underline-offset:3px}.user-menu{position:relative;display:flex;align-items:center;gap:var(--space-3)}.user-email{font-size:var(--text-sm);color:var(--text-muted)}.user-menu-pop{position:absolute;top:calc(100% + var(--space-2));right:0;width:16rem;display:grid;gap:2px;padding:var(--space-2);background:var(--gloss-card),var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--sheen-soft),var(--shadow-lg)}.user-menu-title{margin:0 0 var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-subtle);border-bottom:1px solid var(--divider)}.menu-item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.menu-item:hover,.menu-item:focus-visible{background:var(--brand-soft);color:var(--brand-on-soft);outline:none}@media(max-width:640px){.topbar{position:static;flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.stage-with-topbar{min-height:auto;padding-top:var(--space-5)}.stage{padding:var(--space-4)}.user-email{display:none}.topbar-actions{gap:var(--space-2)}.user-menu-pop{width:min(16rem,calc(100vw - var(--space-8)))}.card{padding:var(--space-6) var(--space-5)}.security-row{flex-direction:column;align-items:stretch;gap:var(--space-2)}.security-badge{align-self:flex-start}}@media(max-width:480px){.guest-banner{flex-direction:column;align-items:stretch;text-align:center}}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.lang-switcher select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-1) var(--space-3);background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer}.lang-switcher select:hover{color:var(--text-strong);border-color:var(--border-strong)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.challenge{display:grid;gap:var(--space-2)}.challenge-box{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-body);transition:border-color var(--dur-fast) var(--ease-out)}.challenge-box:hover{border-color:var(--border-strong)}.challenge-mark{width:20px;height:20px;flex-shrink:0;border:2px solid var(--border-strong);border-radius:var(--radius-xs)}.challenge-box.is-passed .challenge-mark{background:var(--gloss-brand);border-color:transparent}.challenge-hint{margin:0;font-size:var(--text-xs);color:var(--text-subtle)}.mfa-reset{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--divider)}.auth-link-button{background:none;border:none;padding:0;color:var(--text-brand);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.user-menu-toast{position:absolute;top:calc(100% + var(--space-2));right:0;white-space:nowrap;font-size:var(--text-xs);color:var(--text-muted)}.security-column{width:min(42rem,100%);display:grid;gap:var(--space-4)}.security-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.security-header h1{margin:0;font-size:var(--text-2xl)}.security-block{padding:var(--space-5) var(--space-6);background:var(--gloss-card),var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--sheen-soft),var(--shadow-sm);display:grid;gap:var(--space-3)}.security-block h2{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-subtle)}.security-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--divider);font-size:var(--text-sm);color:var(--text-body)}.security-row:last-of-type{border-bottom:none;padding-bottom:0}.security-badge{flex-shrink:0;font-size:var(--text-xs);color:var(--brand-on-soft);background:var(--brand-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.security-muted{color:var(--text-muted);font-size:var(--text-sm)}.security-line{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.security-title{color:var(--text-strong)}.security-meta{color:var(--text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.security-strong{margin:0;color:var(--text-strong);font-weight:var(--weight-semibold)}.security-danger{color:var(--danger-fg);font-size:var(--text-sm)}.security-empty{margin:0;font-size:var(--text-sm);color:var(--text-subtle)}.security-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.link-button{background:none;border:none;padding:0;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-brand);cursor:pointer}.link-button.is-danger{color:var(--danger-fg)}.security-qr{justify-self:center;border-radius:var(--radius-md)}.security-secret{margin:0;text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em;color:var(--text-muted)}.recovery-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-2) var(--space-4);padding:var(--space-4);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-strong)}.profile-field{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--divider)}.profile-field:last-of-type{border-bottom:none;padding-bottom:0}.profile-field .security-actions{margin-top:var(--space-1)}.failure{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-bg)}.failure-why{margin:0;color:var(--danger-fg);font-weight:var(--weight-semibold)}.failure-next{margin:0;color:var(--text-body);font-size:var(--text-sm)}.failure-technical{background:var(--surface-sunken)}.failure-technical .failure-why{color:var(--text-strong)}.failure .link-button{align-self:flex-start;margin-top:var(--space-1)}.username-status{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.username-status.is-free{color:var(--success-fg);font-weight:var(--weight-semibold)}.profile-toggle{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer}.profile-toggle input{accent-color:var(--brand);cursor:pointer}.profile-avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.profile-avatar-preview{width:96px;height:96px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface-card)}.profile-avatar-empty{display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-body);border:1px dashed currentColor;opacity:.6}.profile-avatar-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.profile-bio-field{display:flex;flex-direction:column;gap:6px;margin-top:12px}.profile-bio{width:100%;min-height:96px;resize:vertical;font:inherit;color:inherit;background:var(--surface-card);border:1px solid var(--border, currentColor);border-radius:var(--radius-lg, 12px);padding:10px 12px}.tz-picker{position:relative}.tz-trigger{padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer}.tz-trigger:hover{color:var(--text-strong);border-color:var(--border-strong)}.tz-trigger:focus-visible{outline:none;box-shadow:var(--ring)}.tz-pop{position:absolute;z-index:20;top:calc(100% + var(--space-1));right:0;width:min(24rem,calc(100vw - 2 * var(--space-4)));display:grid;gap:var(--space-2);padding:var(--space-2);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg, 0 12px 32px rgb(0 0 0 / 18%))}.tz-search{width:100%;box-sizing:border-box;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-body);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm)}.tz-search:focus-visible{outline:none;box-shadow:var(--ring)}.tz-list{list-style:none;margin:0;padding:0;max-height:min(24rem,60vh);overflow-y:auto}.tz-item{display:block}.tz-group{display:block;padding:var(--space-2) var(--space-2) var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-subtle)}.tz-option{display:flex;gap:var(--space-3);align-items:baseline;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-body);cursor:pointer}.tz-option:hover{background:var(--surface-sunken)}.tz-option.is-active{background:var(--brand-soft);color:var(--brand-on-soft)}.tz-option.is-current{color:var(--text-strong);font-weight:var(--weight-medium)}.tz-offset{flex:0 0 auto;min-width:6.5rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:inherit;opacity:.85}.tz-name{min-width:0;overflow-wrap:anywhere}.tz-empty{padding:var(--space-3) var(--space-2);font-size:var(--text-sm);color:var(--text-subtle)}