:root{--bg: #0a0a0d;--bg-deep: #06060a;--surface: #16161c;--surface-elevated: #22222b;--accent: #d4a04c;--accent-secondary: #b9863a;--accent-highlight: #eac66e;--text-primary: #f1f1f4;--text-secondary: #9b9ba3;--text-tertiary: #5e5e66;--text-on-accent: #18181c;--separator: rgba(255, 255, 255, .12);--separator-strong: rgba(255, 255, 255, .22);--success: #6ee7b7;--warning: #f5b265;--danger: #f78a8a;--gold-soft: rgba(212, 160, 76, .14);--brand-grad: linear-gradient(135deg, #eac66e, #d4a04c 55%, #b9863a);--pill-grad: linear-gradient(180deg, #ffffff, #f6f5f8 33%, #ecebef 66%, #d8d6dc);--gold-border-grad: linear-gradient(180deg, #eac66e, #d4a04c, #b9863a);--glossy-dark-grad: linear-gradient(180deg, #2c2c36, #1c1c24 55%, #121218);--app-bg: radial-gradient(120% 70% at 50% -10%, rgba(212, 160, 76, .1), transparent 55%), linear-gradient(180deg, #0a0a0d, #06060a 70%);--hairline: rgba(255, 255, 255, .1);--hairline-strong: rgba(255, 255, 255, .16);--sp-xxs: 2px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--sp-xxl: 32px;--sp-xxxl: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--font-rounded: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Rounded", ui-rounded, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-card: 0 6px 18px rgba(0, 0, 0, .32);--shadow-elevated: 0 14px 36px rgba(0, 0, 0, .46);--gold-glow: 0 8px 26px rgba(212, 160, 76, .34);--gold-glow-strong: 0 12px 34px rgba(212, 160, 76, .5);--ease-spring: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-weight:500;letter-spacing:-.01em;background:var(--app-bg) fixed;background-color:var(--bg);color:var(--text-primary);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-rounded);color:var(--text-primary);font-weight:800;letter-spacing:-.02em;line-height:1.18}.spinner{width:28px;height:28px;border:2px solid rgba(212,160,76,.18);border-top-color:var(--accent);border-right-color:var(--accent-highlight);border-radius:50%;animation:spin .7s linear infinite}.spinner.sm{width:18px;height:18px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);width:100%;font-family:var(--font-rounded);font-weight:700;font-size:16px;letter-spacing:-.01em;line-height:1;padding:15px 18px;border-radius:var(--r-md);border:1.5px solid transparent;background:var(--glossy-dark-grad) padding-box,var(--gold-border-grad) border-box;color:#fff;box-shadow:0 8px 20px #0006,inset 0 1px #ffffff12;transition:transform .16s var(--ease-spring),box-shadow .18s ease,opacity .16s ease;overflow:hidden}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--gold-glow),0 12px 26px #00000073,inset 0 1px #ffffff17}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{background:var(--surface);border-color:var(--separator, rgba(255, 255, 255, .12));color:var(--text-tertiary);box-shadow:none;cursor:not-allowed;transform:none}.btn-primary.gold:hover:not(:disabled){box-shadow:var(--gold-glow-strong),0 12px 26px #00000073,inset 0 1px #ffffff17}.btn-secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);width:100%;font-family:var(--font-rounded);font-weight:700;font-size:15px;letter-spacing:-.01em;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--hairline-strong, rgba(255, 255, 255, .22));background:var(--surface);color:var(--text-primary);box-shadow:inset 0 1px #ffffff0a;transition:transform .16s var(--ease-spring),border-color .16s ease,box-shadow .18s ease}.btn-secondary:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.surface-glossy{background:var(--glossy-dark-grad);border:1px solid var(--hairline);box-shadow:inset 0 1px #ffffff0d,var(--shadow-card)}.glass{background:#1212189e;backdrop-filter:saturate(150%) blur(18px);-webkit-backdrop-filter:saturate(150%) blur(18px);border:1px solid var(--hairline)}.hairline{border:1px solid var(--hairline)}.hairline-strong{border:1px solid var(--hairline-strong)}.gold-border{border:1px solid transparent;background-clip:padding-box;position:relative}.gold-border:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--gold-border-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gold-glow{box-shadow:var(--gold-glow)}.gold-glow-strong{box-shadow:var(--gold-glow-strong)}.card-premium{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-lg);box-shadow:inset 0 1px #ffffff0a,var(--shadow-elevated);transition:transform .2s var(--ease-spring),box-shadow .2s ease,border-color .2s ease}.card-premium:hover{transform:translateY(-2px);border-color:var(--hairline-strong)}.card-premium.selected{border-color:transparent;box-shadow:var(--gold-glow),var(--shadow-elevated)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-lg);box-shadow:inset 0 1px #ffffff08,var(--shadow-card)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-lg)}.field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.input{font-family:inherit;font-size:16px;color:var(--text-primary);background:var(--bg);border:1px solid var(--separator);border-radius:var(--r-sm);padding:12px 13px;width:100%;transition:border-color .16s ease,box-shadow .16s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--gold-soft)}.credit-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-rounded);font-weight:700;font-size:14px;padding:7px 12px;border-radius:var(--r-pill);background:var(--gold-soft);color:var(--accent);border:1px solid rgba(212,160,76,.32);white-space:nowrap}.credit-badge .bolt{font-size:13px}.credit-badge.pro{background:var(--brand-grad);color:var(--text-on-accent);border-color:transparent}.toast-host{position:fixed;left:50%;bottom:calc(76px + var(--sp-md) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--sp-sm);width:min(420px,calc(100vw - 32px))}.toast{background:var(--surface-elevated);border:1px solid var(--separator);border-radius:var(--r-md);padding:12px 14px;font-size:14px;color:var(--text-primary);box-shadow:var(--shadow-elevated)}.toast.error{border-color:#f78a8a66;color:var(--danger)}.toast.success{border-color:#6ee7b766;color:var(--success)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .24s ease}.modal-backdrop.is-open{opacity:1}.modal{position:relative;width:100%;max-width:640px;background:#16161ceb;backdrop-filter:saturate(150%) blur(20px);-webkit-backdrop-filter:saturate(150%) blur(20px);border:1px solid var(--hairline);border-radius:22px 22px 0 0;padding:var(--sp-xl);padding-top:26px;padding-bottom:calc(var(--sp-xl) + env(safe-area-inset-bottom));box-shadow:0 -18px 48px #00000080;outline:none;max-height:calc(100dvh - env(safe-area-inset-top) - var(--sp-md));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transform:translateY(100%);transition:transform .34s var(--ease-spring)}.modal.is-open{transform:translateY(0)}.modal-grabber{position:absolute;top:9px;left:50%;transform:translate(-50%);width:40px;height:5px;border-radius:var(--r-pill);background:var(--separator-strong)}.modal-close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--hairline);background:var(--surface-elevated);color:var(--text-secondary);transition:color .16s ease,border-color .16s ease,transform .16s var(--ease-spring)}.modal-close:hover{color:var(--text-primary);border-color:var(--accent)}.modal-close:active{transform:scale(.9)}.modal h2{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--sp-md);padding-right:36px}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:var(--sp-xl)}.modal{border-radius:22px;padding-bottom:var(--sp-xl);box-shadow:var(--shadow-elevated);max-height:calc(100dvh - 2 * var(--sp-xl));transform:translateY(12px) scale(.96);opacity:0;transition:transform .32s var(--ease-spring),opacity .24s ease}.modal.is-open{transform:translateY(0) scale(1);opacity:1}.modal-grabber{display:none}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:720px}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-md);padding:var(--sp-xxxl) var(--sp-xl);color:var(--text-secondary)}.empty-state .icon{font-size:48px;filter:drop-shadow(0 8px 18px rgba(212,160,76,.4))}.empty-state h3{font-size:18px;color:var(--text-primary)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);padding:max(var(--sp-md),env(safe-area-inset-top)) var(--sp-lg) var(--sp-md);background:#0a0a0db8;backdrop-filter:saturate(150%) blur(18px);-webkit-backdrop-filter:saturate(150%) blur(18px);border-bottom:1px solid var(--hairline)}.app-logo{display:inline-flex;align-items:center;gap:var(--sp-sm);font-family:var(--font-rounded);font-weight:800;font-size:17px;color:var(--text-primary)}.app-logo .mark{width:30px;height:30px;border-radius:var(--r-sm);object-fit:cover;box-shadow:0 4px 12px #d4a04c59}.app-main{flex:1 1 auto;width:100%;max-width:960px;margin:0 auto;padding:var(--sp-xl) var(--sp-lg) calc(96px + env(safe-area-inset-bottom))}.app-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md) calc(var(--sp-sm) + env(safe-area-inset-bottom));background:#0a0a0dd1;backdrop-filter:saturate(150%) blur(18px);-webkit-backdrop-filter:saturate(150%) blur(18px);border-top:1px solid var(--hairline)}.app-nav a{flex:1 1 0;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;color:var(--text-tertiary);border-radius:var(--r-md);text-decoration:none;transition:color .16s ease,background .16s ease}.app-nav a .nav-ico{font-size:18px;line-height:1}.app-nav a:hover{color:var(--text-secondary);text-decoration:none}.app-nav a.active{color:var(--accent);background:var(--gold-soft)}.page-title{font-size:26px;font-weight:800;margin-bottom:var(--sp-sm)}.page-sub{font-size:15px;color:var(--text-secondary)}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--sp-xl);background:radial-gradient(60% 50% at 50% 0%,rgba(212,160,76,.12),transparent 70%),var(--bg)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--separator);border-radius:18px;padding:30px 28px;box-shadow:0 18px 48px #00000073}.login-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:10px}.login-logo{width:76px;height:76px;border-radius:18px;object-fit:cover;box-shadow:0 10px 26px #d4a04c66}.login-brand b{font-size:18px;font-weight:800}.login-card h1{font-size:20px;font-weight:800;margin:18px 0 2px}.login-card .muted{font-size:13.5px;color:var(--text-secondary);margin-bottom:20px}.login-switch{margin-top:var(--sp-lg);font-size:13.5px;text-align:center;color:var(--text-secondary)}.login-switch button{background:none;border:none;color:var(--accent);font-size:13.5px;font-weight:600;padding:0}.inline-error{background:#f78a8a1a;border:1px solid rgba(247,138,138,.4);color:var(--danger);border-radius:var(--r-md);padding:11px 14px;font-size:13.5px;text-align:center;margin-bottom:var(--sp-md)}.boot{min-height:100dvh;display:grid;place-items:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shimmer{to{background-position:200% 0}}.animate-fade-in{animation:fade-in .4s var(--ease-spring) both}.animate-fade-in-up{animation:fade-in-up .5s var(--ease-spring) both}.animate-scale-in{animation:scale-in .32s var(--ease-spring) both}.animate-pop{animation:pop .3s var(--ease-spring) both}.skeleton{background:linear-gradient(100deg,var(--surface) 30%,var(--surface-elevated) 50%,var(--surface) 70%);background-size:200% 100%;border-radius:var(--r-md);animation:shimmer 1.4s linear infinite}.interactive{transition:transform .16s var(--ease-spring),box-shadow .18s ease,border-color .16s ease}.interactive:hover{transform:translateY(-1px)}.interactive:active{transform:scale(.97)}@media (prefers-reduced-motion: reduce){.animate-fade-in,.animate-fade-in-up,.animate-scale-in,.animate-pop,.skeleton{animation:none}.modal,.modal-backdrop,.interactive,.btn-primary,.btn-secondary,.card-premium,.modal-close{transition:none}*,*:before,*:after{scroll-behavior:auto}}.pb{isolation:isolate}.pb__label,.pb .spinner{position:relative;z-index:1}.pb__label{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm)}.pb--loading{min-height:48px}.pb__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.16) 48%,rgba(255,255,255,.16) 52%,transparent 100%);background-size:220% 100%;background-position:150% 0;opacity:0;transition:background-position .6s var(--ease-spring),opacity .3s ease}.pb.btn-secondary .pb__sheen{background:linear-gradient(115deg,transparent 0%,rgba(234,198,110,.28) 48%,rgba(234,198,110,.28) 52%,transparent 100%);background-size:220% 100%;background-position:150% 0}.pb:hover:not(:disabled) .pb__sheen{opacity:1;background-position:-60% 0}.tf label{letter-spacing:-.01em}.tf__input{background:linear-gradient(180deg,#ffffff05,#00000029),var(--bg);box-shadow:inset 0 1px 2px #00000059;transition:border-color .18s var(--ease-spring),box-shadow .22s var(--ease-spring),transform .18s var(--ease-spring)}.tf__input::placeholder{color:var(--text-tertiary)}.tf__input:hover:not(:focus){border-color:var(--hairline-strong)}.tf__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--gold-soft),0 0 0 1px #d4a04c66,inset 0 1px 2px #00000040}.pc{position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,var(--shadow-card);transition:transform .22s var(--ease-spring),box-shadow .24s ease,border-color .2s ease}.pc:before{content:"";position:absolute;inset:0 0 auto 0;height:38%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);pointer-events:none}.pc:hover{transform:translateY(-2px);border-color:var(--hairline-strong);box-shadow:inset 0 1px #ffffff0f,var(--shadow-elevated)}.cb{position:relative;box-shadow:inset 0 1px #ffffff0a}.cb .cb__ico{flex:0 0 auto}.cb:not(.cb--pro) .cb__ico{color:var(--accent-highlight)}.cb--pro{background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 55%),var(--brand-grad);text-shadow:0 1px 0 rgba(255,255,255,.25)}.cb--pro .cb__ico{color:var(--text-on-accent)}.es{animation-duration:.55s}.es__halo{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;margin-bottom:var(--sp-xs);border-radius:var(--r-pill);color:var(--accent);background:radial-gradient(70% 70% at 50% 30%,rgba(212,160,76,.22),transparent 72%),var(--surface-elevated);border:1px solid rgba(212,160,76,.32);box-shadow:inset 0 1px #ffffff0f,var(--gold-glow)}.es__ico{filter:drop-shadow(0 4px 10px rgba(212,160,76,.4))}.es h3{letter-spacing:-.02em}.es p{max-width:30ch;font-size:14px;line-height:1.5;color:var(--text-secondary)}.es__action{margin-top:var(--sp-sm)}.coach-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;pointer-events:none}.coach-scrim-full{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bd;animation:fade-in .2s ease both}.coach-cutout{position:fixed;border-radius:var(--r-lg);box-shadow:0 0 0 9999px #000000bd,0 0 0 2px var(--accent),0 0 0 7px #d4a04c38,var(--gold-glow);pointer-events:none;transition:top .2s var(--ease-spring),left .2s var(--ease-spring),width .2s var(--ease-spring),height .2s var(--ease-spring)}.coach-card{position:fixed;left:var(--sp-lg);right:var(--sp-lg);margin-inline:auto;max-width:420px;pointer-events:auto;background:var(--surface-elevated);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-lg);box-shadow:var(--shadow-elevated);animation:fade-in-up .3s var(--ease-spring) both}.coach-card.at-bottom{bottom:calc(var(--sp-lg) + env(safe-area-inset-bottom))}.coach-card.at-top{top:calc(var(--sp-lg) + env(safe-area-inset-top) + 56px)}.coach-step{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.coach-title{font-family:var(--font-rounded);font-weight:800;font-size:18px;letter-spacing:-.01em;margin:6px 0 4px;color:var(--text-primary)}.coach-msg{font-size:14px;line-height:1.45;color:var(--text-secondary)}.coach-dots{display:flex;gap:6px;margin:16px 0}.coach-dot{width:7px;height:7px;border-radius:999px;background:var(--separator-strong);transition:width .2s var(--ease-spring)}.coach-dot.is-on{background:var(--accent);width:18px}.coach-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md)}.coach-skip{background:none;border:none;cursor:pointer;padding:8px 6px;font-weight:600;font-size:14px;color:var(--text-secondary)}.coach-next{background:var(--brand-grad);color:var(--text-on-accent);border:none;border-radius:var(--r-pill);cursor:pointer;font-family:var(--font-rounded);font-weight:800;font-size:15px;padding:11px 26px}.modal h2{text-align:center;margin:0 calc(-1 * var(--sp-xl)) var(--sp-lg);padding:0 44px var(--sp-md);border-bottom:1px solid var(--hairline)}.toast-host{z-index:2147483000!important;top:calc(env(safe-area-inset-top) + 70px)!important;bottom:auto!important}.tst{display:flex;align-items:center;gap:var(--sp-sm);background:#16161ce6;backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px);box-shadow:inset 0 1px #ffffff0d,var(--shadow-elevated);animation:toast-in .34s var(--ease-spring) both}.tst__ico{display:inline-flex;flex:0 0 auto;color:var(--accent)}.tst.success .tst__ico{color:var(--success)}.tst.error .tst__ico{color:var(--danger)}.tst__msg{flex:1 1 auto;min-width:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.req-highlight{border-radius:var(--r-lg);box-shadow:0 0 0 2px var(--danger),0 0 0 6px #f78a8a29,0 0 22px #f78a8a52!important;animation:req-shake .45s var(--ease-spring);scroll-margin-top:96px;scroll-margin-bottom:140px}@keyframes req-shake{0%,to{transform:translate(0)}18%{transform:translate(-6px)}38%{transform:translate(6px)}58%{transform:translate(-4px)}78%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.pb__sheen,.pb,.tf__input,.pc{transition:none}.pc:hover{transform:none}.tst,.req-highlight{animation:none}}