@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&family=DM+Mono:wght@300;400;500&display=swap);:root{--baize:#0d3d2b;--baize-deep:#071f16;--baize-mid:#134d37;--baize-light:#1a6347;--gold:#c9a84c;--gold-light:#e8c97a;--gold-dim:#8a6e30;--chalk:#f5f0e8;--chalk-dim:#b8b0a0;--chalk-faint:#6b6358;--danger:#e74c3c;--success:#2ecc71;--warning:#e67e22;--tier-beginner:#7f8c8d;--tier-amateur:#2980b9;--tier-semipro:#8e44ad;--tier-candidate:#d35400;--tier-pro:#c9a84c;--font-display:"Sora",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"DM Mono","Courier New",monospace;--border-subtle:1px solid rgba(201,168,76,.1);--border-dim:1px solid rgba(201,168,76,.22);--border-card:1px solid hsla(0,0%,100%,.06);--glass-bg:rgba(13,61,43,.45);--glass-bg-dark:rgba(7,31,22,.65);--glass-blur:blur(12px);--transition-fast:0.15s ease;--transition-med:0.25s ease;--transition-slow:0.4s cubic-bezier(0.23,1,0.32,1);--max-content:1200px;--sidebar-width:220px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#071f16;background:var(--baize-deep);color:#f5f0e8;color:var(--chalk);font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-weight:400;line-height:1.6;min-height:100vh}body:before{background:radial-gradient(ellipse 80% 60% at 0 0,rgba(13,61,43,.55) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(19,77,55,.25) 0,transparent 60%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4{font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(1.5rem,3vw,2rem);font-weight:800}h2{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700}h3{font-size:1.05rem;font-weight:600}p{color:#b8b0a0;color:var(--chalk-dim);font-size:.875rem;line-height:1.65}a{color:#c9a84c;color:var(--gold);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#e8c97a;color:var(--gold-light)}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{background:hsla(0,0%,100%,.05);border:1px solid rgba(201,168,76,.1);border:var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#f5f0e8;color:var(--chalk);font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;padding:10px 14px;transition:border-color .15s ease,background .15s ease;transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{background:hsla(0,0%,100%,.07);border-color:#8a6e30;border-color:var(--gold-dim);outline:none}input::placeholder{color:#6b6358;color:var(--chalk-faint)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(201,168,76,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8a6e30;background:var(--gold-dim)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{color:#e8c97a;color:var(--gold-light);transform:scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}.u-fade-up{animation:fadeUp .35s ease forwards}.u-fade-in{animation:fadeIn .25s ease forwards}.u-pulse{animation:pulse .3s ease}.u-center{text-align:center}.u-mono{font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono)}.u-gold{color:#c9a84c;color:var(--gold)}.u-italic{font-style:italic}.u-gold-line{background:linear-gradient(90deg,transparent,rgba(201,168,76,.25),transparent);height:1px;margin:32px 0}.u-two-col{grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}.u-stats-grid,.u-two-col{display:grid;margin-bottom:14px}.u-stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:768px){.u-two-col{grid-template-columns:1fr}.u-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.u-stats-grid{grid-template-columns:1fr}}.layout{display:flex;min-height:100vh}.sidebar{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:rgba(7,31,22,.65);background:var(--glass-bg-dark);border-right:1px solid rgba(201,168,76,.1);border-right:var(--border-subtle);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:220px;width:var(--sidebar-width);z-index:100}.sidebar__logo{border-bottom:1px solid rgba(201,168,76,.1);border-bottom:var(--border-subtle);padding:22px 18px 16px}.sidebar__logo-text{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:-.03em}.sidebar__logo-text span{color:#f5f0e8;color:var(--chalk);font-weight:300}.sidebar__logo-sub{color:#6b6358;color:var(--chalk-faint);font-size:.62rem;font-weight:600;letter-spacing:.12em;margin-top:3px;text-transform:uppercase}.sidebar__nav{flex:1 1;overflow-y:auto;padding:10px 0}.sidebar__divider{background:rgba(201,168,76,.08);height:1px;margin:6px 14px}.sidebar__link{align-items:center;border-left:2px solid transparent;color:#b8b0a0;color:var(--chalk-dim);display:flex;font-size:.78rem;font-weight:500;gap:10px;padding:9px 18px;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.sidebar__link:hover{background:hsla(0,0%,100%,.04);color:#f5f0e8;color:var(--chalk)}.sidebar__link--active{background:rgba(201,168,76,.07);border-left-color:#c9a84c;border-left-color:var(--gold);color:#c9a84c;color:var(--gold);font-weight:600}.sidebar__icon{flex-shrink:0;font-size:.9rem;width:16px}.sidebar__footer{border-top:1px solid rgba(201,168,76,.1);border-top:var(--border-subtle);padding:14px 18px}.sidebar__footer-name{color:#f5f0e8;color:var(--chalk);font-size:.8rem;font-weight:500;margin-bottom:1px}.sidebar__footer-plan{color:#6b6358;color:var(--chalk-faint);font-size:.68rem;margin-bottom:10px}.sidebar__signout{background:none;border:none;color:#6b6358;color:var(--chalk-faint);cursor:pointer;font-size:.7rem;font-weight:500;padding:0;transition:color .15s ease;transition:color var(--transition-fast)}.sidebar__signout:hover{color:#c9a84c;color:var(--gold)}.mobile-bar{align-items:center;backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:rgba(7,31,22,.65);background:var(--glass-bg-dark);border-bottom:1px solid rgba(201,168,76,.1);border-bottom:var(--border-subtle);display:none;height:52px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:100}.mobile-bar__logo{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.mobile-bar__logo span{color:#f5f0e8;color:var(--chalk);font-weight:300}.mobile-bar__menu{background:none;border:none;color:#b8b0a0;color:var(--chalk-dim);cursor:pointer;font-size:1.2rem;padding:4px}.mobile-nav{display:none;inset:0;position:fixed;z-index:99}.mobile-nav--open{display:block}.mobile-nav__overlay{background:rgba(0,0,0,.5);inset:0;position:absolute}.mobile-nav__drawer{background:#071f16;background:var(--baize-deep);border-right:1px solid rgba(201,168,76,.1);border-right:var(--border-subtle);bottom:0;left:0;overflow-y:auto;padding:10px 0;position:absolute;top:52px;width:220px}.main-content{flex:1 1;margin-left:220px;margin-left:var(--sidebar-width);min-height:100vh;padding:36px}@media (max-width:900px){.sidebar{display:none}.mobile-bar{display:flex}.main-content{margin-left:0;padding:68px 18px 32px}}@media (max-width:480px){.main-content{padding:64px 12px 24px}}.page{animation:fadeUp .35s ease forwards;max-width:1200px;max-width:var(--max-content)}.page__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:24px}.page__title{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:800;letter-spacing:-.02em;margin-bottom:2px}.page__sub{color:#b8b0a0;color:var(--chalk-dim);font-size:.82rem}.page__eyebrow{color:#8a6e30;color:var(--gold-dim);font-size:.62rem;letter-spacing:.12em;margin-bottom:4px}.btn,.page__eyebrow{font-weight:600;text-transform:uppercase}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.78rem;gap:6px;justify-content:center;letter-spacing:.03em;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.4}.btn--full{width:100%}.btn--gold{background:#c9a84c;background:var(--gold);color:#071f16;color:var(--baize-deep)}.btn--gold:hover:not(:disabled){background:#e8c97a;background:var(--gold-light);box-shadow:0 4px 14px rgba(201,168,76,.3);transform:translateY(-1px)}.btn--outline{background:transparent;border:1px solid hsla(37,39%,94%,.14);color:#b8b0a0;color:var(--chalk-dim)}.btn--outline:hover:not(:disabled){border-color:rgba(201,168,76,.35);color:#f5f0e8;color:var(--chalk)}.btn--ghost{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07);color:#b8b0a0;color:var(--chalk-dim)}.btn--ghost:hover:not(:disabled){background:hsla(0,0%,100%,.09)}.btn--danger{background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.25);color:#e74c3c;color:var(--danger)}.btn--danger:hover:not(:disabled){background:rgba(231,76,60,.2)}.btn--sm{font-size:.7rem;padding:7px 14px}.btn--md{font-size:.78rem;padding:10px 18px}.btn--lg{font-size:.82rem;padding:12px 26px}.btn__spinner{animation:spin .7s linear infinite;border:2px solid rgba(0,0,0,.15);border-radius:50%;border-top-color:currentcolor;display:inline-block;height:12px;width:12px}.stat-card{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:rgba(13,61,43,.45);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.06);border:var(--border-card);border-radius:10px;border-radius:var(--radius-md);overflow:hidden;padding:18px;position:relative;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.25);transform:translateY(-2px)}.stat-card:after{background:linear-gradient(90deg,transparent,rgba(201,168,76,.4),transparent);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.stat-card:hover:after{opacity:1}.stat-card__accent{display:none}.stat-card__label{color:#6b6358;color:var(--chalk-faint);font-size:.62rem;font-weight:600;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.stat-card__value{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1.9rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:4px}.stat-card__sub{color:#6b6358;color:var(--chalk-faint);font-size:.7rem}.stat-card__delta{border-radius:4px;font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.68rem;font-weight:500;padding:2px 6px;position:absolute;right:16px;top:16px}.stat-card__delta--up{background:rgba(46,204,113,.1);color:#2ecc71;color:var(--success)}.stat-card__delta--down{background:rgba(231,76,60,.1);color:#e74c3c;color:var(--danger)}.panel{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:rgba(13,61,43,.45);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.06);border:var(--border-card);border-radius:10px;border-radius:var(--radius-md);padding:22px}.panel__header{align-items:center;border-bottom:1px solid rgba(201,168,76,.1);border-bottom:var(--border-subtle);color:#6b6358;color:var(--chalk-faint);display:flex;font-size:.62rem;font-weight:600;justify-content:space-between;letter-spacing:.1em;margin-bottom:16px;padding-bottom:12px;text-transform:uppercase}.insight{background:rgba(13,61,43,.45);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.06);border:var(--border-card);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;margin-bottom:8px;overflow:hidden;padding:14px 16px;position:relative;transition:background .15s ease,transform .15s ease;transition:background var(--transition-fast),transform var(--transition-fast)}.insight:before{background:linear-gradient(180deg,#c9a84c,#8a6e30);background:linear-gradient(to bottom,var(--gold),var(--gold-dim));border-radius:6px 0 0 6px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.insight:hover{background:rgba(19,77,55,.55);transform:translateX(2px)}.insight:last-child{margin-bottom:0}.insight__header{align-items:flex-start;display:flex;gap:10px}.insight__icon{flex-shrink:0;font-size:1rem;line-height:1;margin-top:1px}.insight__text{color:#f5f0e8;color:var(--chalk);font-size:.83rem;line-height:1.55;margin:0}.insight__action{align-items:center;align-self:flex-start;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.15);border-radius:4px;color:#8a6e30;color:var(--gold-dim);cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:600;gap:4px;letter-spacing:.05em;margin-left:30px;padding:4px 8px;text-transform:uppercase;transition:color .15s ease;transition:color var(--transition-fast)}.insight__action:hover{background:rgba(201,168,76,.14);color:#c9a84c;color:var(--gold)}.tier-badge{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:rgba(13,61,43,.45);background:var(--glass-bg);border:1px solid rgba(201,168,76,.22);border:var(--border-dim);border-radius:10px;border-radius:var(--radius-md);gap:12px;padding:12px 16px}.tier-badge,.tier-badge__icon{align-items:center;display:flex}.tier-badge__icon{border-radius:50%;border-style:solid;border-width:2px;flex-shrink:0;font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:800;height:40px;justify-content:center;width:40px}.tier-badge__label{color:#6b6358;color:var(--chalk-faint);font-size:.6rem;font-weight:600;letter-spacing:.1em;margin-bottom:2px;text-transform:uppercase}.tier-badge__name{font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:-.01em}.tier-badge__next{color:#b8b0a0;color:var(--chalk-dim);font-size:.68rem;margin-top:1px}.empty-state{padding:56px 20px;text-align:center}.empty-state__icon{font-size:2.2rem;margin-bottom:12px;opacity:.3}.empty-state__title{font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.empty-state__sub{font-size:.82rem;line-height:1.6;margin:0 auto 22px;max-width:320px}.spinner-wrap{align-items:center;display:flex;justify-content:center;padding:48px}.spinner-ring{animation:spin .8s linear infinite;border:2px solid rgba(201,168,76,.12);border-radius:50%;border-top:2px solid var(--gold)}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.auth-page__wrap{max-width:390px;width:100%}.auth-logo{margin-bottom:28px;text-align:center}.auth-logo__text{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1.9rem;font-weight:800;letter-spacing:-.03em}.auth-logo__text span{color:#f5f0e8;color:var(--chalk);font-weight:300}.auth-logo__sub{color:#6b6358;color:var(--chalk-faint);font-size:.65rem;font-weight:600;letter-spacing:.12em;margin-top:4px;text-transform:uppercase}.auth-card{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:rgba(13,61,43,.45);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.06);border:var(--border-card);border-radius:16px;border-radius:var(--radius-lg);padding:28px}.auth-card__title{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.auth-card__sub{font-size:.8rem;margin-bottom:22px}.auth-alert{border-radius:6px;border-radius:var(--radius-sm);font-size:.8rem;margin-bottom:16px;padding:9px 13px}.auth-alert--error{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.22);color:#e74c3c;color:var(--danger)}.auth-alert--success{background:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.22);color:#2ecc71;color:var(--success)}.auth-form{gap:13px}.auth-form,.auth-form__field{display:flex;flex-direction:column}.auth-form__field{gap:5px}.auth-form__label{color:#b8b0a0;color:var(--chalk-dim);font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.auth-divider{align-items:center;display:flex;gap:10px;margin:16px 0}.auth-divider__line{background:hsla(0,0%,100%,.07);flex:1 1;height:1px}.auth-divider__text{color:#6b6358;color:var(--chalk-faint);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.auth-links{display:flex;flex-direction:column;gap:7px;margin-top:18px;text-align:center}.auth-link-btn{background:none;border:none;color:#6b6358;color:var(--chalk-faint);cursor:pointer;font-size:.76rem;padding:0;transition:color .15s ease;transition:color var(--transition-fast)}.auth-link-btn:hover{color:#c9a84c;color:var(--gold)}.progress-row{margin-bottom:13px}.progress-row__labels{display:flex;justify-content:space-between;margin-bottom:5px}.progress-row__label{color:#b8b0a0;color:var(--chalk-dim);font-size:.68rem;font-weight:500}.progress-row__label--done{color:#2ecc71;color:var(--success)}.progress-row__track{background:hsla(0,0%,100%,.06);border-radius:4px;height:4px;overflow:hidden}.progress-row__fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.23,1,.32,1)}.progress-row__hint{color:#6b6358;color:var(--chalk-faint);font-size:.66rem;margin-top:4px}.break-bars{align-items:flex-end;display:flex;gap:6px;height:76px}.break-bars__col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.break-bars__val{color:#6b6358;color:var(--chalk-faint);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.58rem}.break-bars__bar{background:linear-gradient(0deg,#8a6e30,#c9a84c);background:linear-gradient(to top,var(--gold-dim),var(--gold));border-radius:3px 3px 0 0;min-height:4px;transition:height .8s cubic-bezier(.23,1,.32,1);width:100%}.logger{animation:fadeUp .35s ease forwards;margin:0 auto;max-width:400px}.logger__counters{display:flex;gap:28px;justify-content:center;margin-bottom:18px}.logger__counter{text-align:center}.logger__counter-val{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1.8rem;font-weight:800;letter-spacing:-.03em;line-height:1}.logger__counter-label{color:#6b6358;color:var(--chalk-faint);font-size:.6rem;font-weight:600;letter-spacing:.1em;margin-top:2px;text-transform:uppercase}.logger__break-display{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:rgba(13,61,43,.45);background:var(--glass-bg);border:1px solid rgba(201,168,76,.22);border:var(--border-dim);border-radius:10px;border-radius:var(--radius-md);margin-bottom:14px;padding:22px;text-align:center}.logger__break-label{color:#6b6358;color:var(--chalk-faint);font-size:.62rem;font-weight:600;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.logger__break-val{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:4.5rem;font-weight:800;letter-spacing:-.04em;line-height:1}.logger__break-val--pulse{animation:pulse .3s ease}.logger__break-seq{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:12px;min-height:22px}.logger__ball-dot{align-items:center;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.4);display:flex;font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.55rem;font-weight:600;height:20px;justify-content:center;width:20px}.logger__ball-picker{animation:fadeIn .15s ease;backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:rgba(7,31,22,.65);background:var(--glass-bg-dark);border:1px solid rgba(201,168,76,.22);border:var(--border-dim);border-radius:10px;border-radius:var(--radius-md);margin-bottom:12px;padding:18px}.logger__ball-picker-label{color:#c9a84c;color:var(--gold);font-size:.62rem;font-weight:600;letter-spacing:.1em;margin-bottom:14px;text-align:center;text-transform:uppercase}.logger__ball-picker-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.logger__ball-picker-cancel{margin-top:12px;text-align:center}.logger__ball-btn{border:2px solid transparent;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:pointer;font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.62rem;font-weight:600;height:46px;transition:transform .15s,border-color .15s,box-shadow .15s;width:46px}.logger__ball-btn:hover{border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 16px rgba(0,0,0,.5);transform:scale(1.14)}.logger__ball-btn:active{transform:scale(.95)}.logger__cancel-btn{background:none;border:none;color:#6b6358;color:var(--chalk-faint);cursor:pointer;font-size:.68rem;font-weight:500;letter-spacing:.03em}.logger__cancel-btn:hover{color:#b8b0a0;color:var(--chalk-dim)}.logger__shot-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.logger__shot-btn{background:rgba(13,61,43,.45);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.06);border:var(--border-card);border-radius:6px;border-radius:var(--radius-sm);color:#b8b0a0;color:var(--chalk-dim);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:15px 8px;text-transform:uppercase;transition:all .15s ease;transition:all var(--transition-fast)}.logger__shot-btn:hover{background:hsla(0,0%,100%,.08);color:#f5f0e8;color:var(--chalk);transform:translateY(-1px)}.logger__shot-btn:active{transform:scale(.97)}.logger__shot-btn--pot{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.28);color:#c9a84c;color:var(--gold);font-size:.9rem;grid-column:span 2;padding:20px}.logger__shot-btn--pot:hover{background:rgba(201,168,76,.17);box-shadow:0 4px 18px rgba(201,168,76,.18)}.logger__shot-btn--miss{background:rgba(192,57,43,.06);border-color:rgba(192,57,43,.22);color:#e57373}.logger__shot-btn--miss:hover{background:rgba(192,57,43,.12)}.logger__controls{display:flex;gap:8px;margin-bottom:16px}.logger__ctrl-btn{background:hsla(0,0%,100%,.04);border:1px solid rgba(201,168,76,.1);border:var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#b8b0a0;color:var(--chalk-dim);cursor:pointer;flex:1 1;font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:10px;text-transform:uppercase;transition:all .15s ease;transition:all var(--transition-fast)}.logger__ctrl-btn:hover{background:hsla(0,0%,100%,.08);color:#f5f0e8;color:var(--chalk)}.logger__ctrl-btn--end{background:#c9a84c;background:var(--gold);border:none;color:#071f16;color:var(--baize-deep);flex:2 1;font-weight:700}.logger__ctrl-btn--end:hover:not(:disabled){background:#e8c97a;background:var(--gold-light);box-shadow:0 4px 12px rgba(201,168,76,.28)}.logger__ctrl-btn--end:disabled{cursor:not-allowed;opacity:.38}.logger__log{max-height:150px;overflow-y:auto}.logger__log-entry{align-items:center;animation:slideInLeft .2s ease;border-bottom:1px solid rgba(201,168,76,.1);border-bottom:var(--border-subtle);display:flex;gap:9px;padding:6px 0}.logger__log-entry:last-child{border-bottom:none}.logger__log-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.logger__log-text{color:#b8b0a0;color:var(--chalk-dim);font-size:.73rem}.logger__log-break{color:#c9a84c;color:var(--gold);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.65rem;margin-left:auto}.logger__start-screen{margin:60px auto;max-width:360px;text-align:center}.logger__start-icon{font-size:2.8rem;margin-bottom:14px}.logger__type-row{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.logger__type-btn{border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.76rem;font-weight:600;letter-spacing:.03em;padding:10px 22px;text-transform:uppercase;transition:all .15s ease;transition:all var(--transition-fast)}.logger__type-btn--selected{background:rgba(201,168,76,.14);border:1px solid #c9a84c;border:1px solid var(--gold);color:#c9a84c;color:var(--gold)}.logger__type-btn--idle{background:hsla(0,0%,100%,.04);border:1px solid rgba(201,168,76,.1);border:var(--border-subtle);color:#b8b0a0;color:var(--chalk-dim)}.logger__type-btn--idle:hover{background:hsla(0,0%,100%,.07);color:#f5f0e8;color:var(--chalk)}.result-page{animation:fadeUp .35s ease;margin:0 auto;max-width:580px}.result-header{margin-bottom:28px;text-align:center}.result-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.result-stat{background:rgba(13,61,43,.45);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.06);border:var(--border-card);border-radius:10px;border-radius:var(--radius-md);padding:16px;text-align:center}.result-stat__val{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.result-stat__label{font-size:.6rem;letter-spacing:.08em;margin-top:3px}.result-insights-title,.result-stat__label{color:#6b6358;color:var(--chalk-faint);font-weight:600;text-transform:uppercase}.result-insights-title{font-size:.62rem;letter-spacing:.1em;margin-bottom:10px}.share-card{background:linear-gradient(135deg,rgba(13,61,43,.75),rgba(7,31,22,.85));border:1px solid rgba(201,168,76,.22);border:var(--border-dim);border-radius:16px;border-radius:var(--radius-lg);margin:18px 0;padding:28px;text-align:center}.share-card__logo{font-size:.82rem;font-weight:700;letter-spacing:.04em;margin-bottom:8px}.share-card__break,.share-card__logo{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display)}.share-card__break{font-size:4.5rem;font-weight:800;letter-spacing:-.04em;line-height:1}.share-card__label{color:#6b6358;color:var(--chalk-faint);font-size:.6rem;font-weight:600;letter-spacing:.1em;margin-top:6px;text-transform:uppercase}.result-actions{display:flex;gap:8px}.drill-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:580px){.drill-grid{grid-template-columns:1fr}}.drill-card{background:rgba(13,61,43,.45);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.06);border:var(--border-card);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;padding:18px;text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.drill-card:hover{background:rgba(19,77,55,.55);box-shadow:0 6px 20px rgba(0,0,0,.22);transform:translateY(-2px)}.drill-card--active{background:rgba(201,168,76,.08);border-color:rgba(201,168,76,.22)}.drill-card__icon{font-size:1.4rem;margin-bottom:10px}.drill-card__name{color:#f5f0e8;color:var(--chalk);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:-.01em;margin-bottom:5px}.drill-card__desc{color:#b8b0a0;color:var(--chalk-dim);font-size:.76rem;line-height:1.5;margin-bottom:12px}.drill-card__balls{display:flex;flex-wrap:wrap;gap:5px}.drill-card__ball{border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.35);height:9px;width:9px}.active-drill{animation:fadeUp .3s ease;margin:0 auto;max-width:400px}.active-drill__header{margin-bottom:24px;text-align:center}.active-drill__icon{font-size:2.2rem;margin-bottom:8px}.drill-counters{display:flex;gap:32px;justify-content:center;margin-bottom:24px}.drill-counter{text-align:center}.drill-counter__val{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1}.drill-counter__label{color:#6b6358;color:var(--chalk-faint);font-size:.6rem;font-weight:600;letter-spacing:.1em;margin-top:2px;text-transform:uppercase}.drill-btn-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px}.drill-btn-grid button{border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:700;letter-spacing:.02em;padding:26px;text-transform:uppercase;transition:all .15s ease;transition:all var(--transition-fast)}.drill-btn-grid button:hover{transform:translateY(-2px)}.drill-btn--pot{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.28);color:#c9a84c;color:var(--gold)}.drill-btn--pot:hover{background:rgba(201,168,76,.17);box-shadow:0 4px 14px rgba(201,168,76,.18)}.drill-btn--miss{background:rgba(192,57,43,.07);border:1px solid rgba(192,57,43,.22);color:#e57373}.drill-btn--miss:hover{background:rgba(192,57,43,.14)}.drill-actions,.drill-best-row{display:flex;gap:10px}.drill-best-row{margin-bottom:16px}.drill-best-stat{background:hsla(0,0%,100%,.04);border:1px solid rgba(201,168,76,.1);border:var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);flex:1 1;padding:11px 14px;text-align:center}.drill-best-stat__val{color:#c9a84c;color:var(--gold);font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.drill-best-stat__label{color:#6b6358;color:var(--chalk-faint);font-size:.58rem;font-weight:600;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.drill-history-item{align-items:center;border-bottom:1px solid rgba(201,168,76,.1);border-bottom:var(--border-subtle);display:flex;justify-content:space-between;padding:8px 0}.drill-history-item:last-child{border-bottom:none}.drill-history-item__date{color:#b8b0a0;color:var(--chalk-dim);font-size:.76rem}.drill-history-item__stats{color:#b8b0a0;color:var(--chalk-dim);display:flex;font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.7rem;gap:14px}.history-row{grid-gap:12px;align-items:center;border-bottom:1px solid rgba(201,168,76,.1);border-bottom:var(--border-subtle);display:grid;gap:12px;grid-template-columns:78px 12px 1fr repeat(4,auto) 32px;padding:13px 0}.history-row:last-child{border-bottom:none}.history-row__date{font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:-.01em}.history-row__type{color:#6b6358;color:var(--chalk-faint);font-size:.58rem;font-weight:600;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.history-row__dot{border-radius:50%;height:7px;width:7px}@media (max-width:600px){.history-row{gap:8px;grid-template-columns:68px 10px repeat(2,1fr)}}.history-row__delete{align-items:center;background:transparent;border:1px solid transparent;border-radius:50%;color:#6b6358;color:var(--chalk-faint);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:28px}.history-row__delete:hover{background:rgba(231,76,60,.12);border-color:rgba(231,76,60,.3);color:#e74c3c;color:var(--danger)}.delete-confirm{align-items:center;animation:fadeIn .15s ease;background:rgba(231,76,60,.08);border:1px solid rgba(231,76,60,.2);border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:8px;margin-bottom:2px;padding:10px 14px}.delete-confirm__text{color:#b8b0a0;color:var(--chalk-dim);flex:1 1;font-size:.75rem}.delete-confirm__yes{background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.3);border-radius:4px;color:#e74c3c;color:var(--danger);cursor:pointer;font-size:.68rem;font-weight:600;padding:4px 10px;transition:background .15s ease;transition:background var(--transition-fast)}.delete-confirm__yes:hover{background:rgba(231,76,60,.25)}.delete-confirm__no{background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:#6b6358;color:var(--chalk-faint);cursor:pointer;font-size:.68rem;font-weight:600;padding:4px 10px;transition:background .15s ease;transition:background var(--transition-fast)}.delete-confirm__no:hover{background:hsla(0,0%,100%,.05);color:#b8b0a0;color:var(--chalk-dim)}.stat-cell{text-align:right}.stat-cell__val{font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:-.01em}.stat-cell__label{color:#6b6358;color:var(--chalk-faint);font-size:.56rem;font-weight:600;letter-spacing:.08em;margin-top:1px;text-transform:uppercase}.admin-table{border-collapse:collapse;font-size:.8rem;width:100%}.admin-table th{color:#6b6358;color:var(--chalk-faint);font-size:.6rem;font-weight:600;letter-spacing:.1em;padding:8px 12px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid rgba(201,168,76,.1);border-bottom:var(--border-subtle)}.admin-table td{color:#f5f0e8;color:var(--chalk);padding:10px 12px;vertical-align:middle}.admin-table td.mono{color:#b8b0a0;color:var(--chalk-dim);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.7rem}.admin-table tr:hover td{background:hsla(0,0%,100%,.02)}.badge{border-radius:4px;font-size:.6rem;font-weight:600;letter-spacing:.05em;padding:3px 7px;text-transform:uppercase}.badge--active{background:rgba(46,204,113,.1);color:#2ecc71;color:var(--success)}.badge--trial{background:rgba(201,168,76,.1);color:#c9a84c;color:var(--gold)}.badge--cancelled{background:rgba(231,76,60,.1);color:#e74c3c;color:var(--danger)}.badge--expired{background:hsla(0,0%,100%,.05);color:#6b6358;color:var(--chalk-faint)}.tier-ladder{display:flex;gap:8px}.tier-ladder__item{border-radius:6px;border-radius:var(--radius-sm);border-top:3px solid;flex:1 1;padding:14px 10px;text-align:center;transition:all .15s ease;transition:all var(--transition-fast)}.tier-ladder__name{font-size:.58rem;font-weight:600;letter-spacing:.1em;margin-bottom:5px;text-transform:uppercase}.tier-ladder__break{font-family:Sora,system-ui,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.tier-ladder__unit{color:#6b6358;color:var(--chalk-faint);font-size:.6rem;margin-top:3px}.tier-ladder__you{font-size:.58rem;font-weight:700;margin-top:5px}@media (max-width:600px){.tier-ladder{flex-direction:column;gap:6px}.tier-ladder__item{align-items:center;display:flex;justify-content:space-between;padding:10px 14px;text-align:left}}
/*# sourceMappingURL=main.ecb09193.css.map*/