:root{--pitch-dark:#14532d;--pitch:#15803d;--pitch-bright:#22c55e;--pitch-light:#dcfce7;--pitch-lighter:#f0fdf4;--white:#fff;--off-white:#fafaf9;--lighter-grey:#f5f5f4;--light-grey:#e7e5e4;--grey:#a8a29e;--dark-grey:#78716c;--almost-black:#292524;--success-bg:#f0fdf4;--success:#22c55e;--success-text:#166534;--warning-bg:#fffbeb;--warning:#f59e0b;--warning-text:#92400e;--danger-bg:#fef2f2;--danger:#dc2626;--danger-text:#991b1b;--info-bg:#f0f9ff;--info:#0ea5e9;--info-text:#075985;--body-bg:var(--lighter-grey);--text-color:var(--almost-black);--text-muted:var(--dark-grey);--primary:var(--pitch);--secondary:var(--pitch-dark);--primary-dark:var(--pitch-dark);--primary-bright:var(--pitch-bright);--primary-light:var(--pitch-light);--primary-lighter:var(--pitch-lighter);--primary-ink:var(--pitch);--on-primary:var(--white);--grass:#15803d;--grass-dark:#14532d}@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/archivo-latin.woff2)format("woff2")}:root{--font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-sm:.8125rem;--font-size-base:1rem;--font-size-h4:1.0625rem;--font-size-h3:1.1875rem;--font-size-h2:1.375rem;--font-size-h1:1.625rem;--spacing-xxs:.25rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--app-max-width:32rem;--border-radius-sm:.75rem;--border-radius:1rem;--border-radius-lg:1.25rem;--box-shadow:0 1px 3px #00000012;--box-shadow-hover:0 3px 8px #0000001a;--press-duration:.15s}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-color);background-color:var(--body-bg);min-height:100dvh;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}.page-title{font-size:var(--font-size-h2);font-weight:800}.section-title{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-h4);margin-top:var(--spacing-xs);font-weight:700;display:flex}.section-title:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--secondary));border-radius:999px;width:.3rem;height:1.05em}.text-muted{color:var(--text-muted);font-size:var(--font-size-sm)}[x-cloak]{display:none!important}.numbered-steps{margin-bottom:var(--spacing-sm);padding-left:1.3rem}.numbered-steps li{margin-bottom:var(--spacing-xs)}.app-header{z-index:20;background:var(--primary);color:var(--on-primary);box-shadow:var(--box-shadow);position:sticky;top:0}.app-header__inner{max-width:var(--app-max-width);padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.app-header__actions{align-items:center;gap:var(--spacing-xs);display:flex}.app-header__action{padding:var(--spacing-xxs);color:var(--on-primary);opacity:.85;border-radius:50%;display:flex}.app-header__action svg{width:1.5rem;height:1.5rem}.app-header__action .avatar{border-color:var(--on-primary)}.app-main{width:100%;max-width:var(--app-max-width);padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-md);flex-direction:column;margin:0 auto;display:flex}.app-main--with-nav{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.page-header{justify-content:space-between;align-items:center;display:flex}.bottom-nav{inset-inline:0;z-index:20;background-color:var(--white);border-top:1px solid var(--light-grey);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0}.bottom-nav__inner{max-width:var(--app-max-width);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.bottom-nav__tab{padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-muted);flex-direction:column;align-items:center;gap:2px;display:flex}.bottom-nav__tab svg{width:1.5rem;height:1.5rem}.bottom-nav__tab--active{color:var(--primary-ink);font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);text-align:center;color:var(--on-primary);background:var(--primary);border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow);transition:background-color var(--press-duration) ease, transform var(--press-duration) ease;-webkit-tap-highlight-color:transparent;font-weight:700;display:inline-flex}@media (hover:hover){.btn:hover:not(:disabled){background:var(--primary-dark)}}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{color:var(--text-color);background:var(--white);border:1px solid var(--light-grey)}@media (hover:hover){.btn--secondary:hover:not(:disabled){background:var(--off-white)}}.btn--danger{color:var(--white);background:var(--danger)}@media (hover:hover){.btn--danger:hover:not(:disabled){background:var(--danger-text)}}.btn--ghost{color:var(--primary-ink);box-shadow:none;background:0 0}@media (hover:hover){.btn--ghost:hover:not(:disabled){background:var(--primary-lighter)}}.btn--block{width:100%;display:flex}.btn--grow{flex:1}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-md)}.card__title{font-size:var(--font-size-h4);margin-bottom:var(--spacing-sm);font-weight:700}.card--flush{padding:0}.card--centered{text-align:center}.collapse-card__header{cursor:pointer;align-items:center;gap:var(--spacing-xs);text-align:left;background:0 0;border:0;width:100%;padding:0;display:flex}.collapse-card__title{font-size:var(--font-size-h4);flex:1;font-weight:700}.collapse-card__check{border:2px solid var(--border-color,#d5d5d5);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.8rem;font-weight:700;display:inline-flex}.collapse-card__check--done{background:var(--success);border-color:var(--success);color:var(--white)}.collapse-card__meta{color:var(--text-muted);font-size:var(--font-size-sm);flex-shrink:0;font-weight:700}.collapse-card__chevron{transition:transform .15s;display:inline-flex}.collapse-card__chevron--open{transform:rotate(90deg)}.collapse-card__body{margin-top:var(--spacing-sm)}.badge-row{color:inherit;align-items:center;gap:var(--spacing-xs);text-decoration:none;display:flex}.badge-row__medal{background:var(--body-bg);filter:grayscale();opacity:.55;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.1rem;display:inline-flex}.badge-row__title{flex:1}.badge-row__state{color:var(--text-muted);flex-shrink:0;display:inline-flex}.badge-row--earned .badge-row__medal{background:var(--success-bg);filter:none;opacity:1}.badge-row--earned .badge-row__title{color:var(--text-muted)}.badge-row--earned .badge-row__state{color:var(--success);font-weight:700}.progress{background:var(--body-bg);height:.4rem;margin-top:var(--spacing-sm);border-radius:999px;display:block;overflow:hidden}.progress__fill{background:var(--success);border-radius:inherit;height:100%;transition:width .3s;display:block}.field{width:100%;display:block}.field__label{margin-bottom:var(--spacing-xxs);font-size:var(--font-size-sm);color:var(--text-color);font-weight:600;display:block}.field__required{color:var(--danger)}.field__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border:1px solid var(--light-grey);border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow)}.field__input:focus{outline:2px solid var(--primary-bright);border-color:var(--primary)}.field__input--color{height:2.75rem;padding:var(--spacing-xxs);cursor:pointer}.field__input--code{text-align:center;font-size:var(--font-size-h2);letter-spacing:.5em}.field__error{margin-top:var(--spacing-xxs);font-size:var(--font-size-sm);color:var(--danger);display:block}.field__help{margin-top:var(--spacing-xxs);font-size:var(--font-size-sm);color:var(--text-muted);display:block}.field--grow{flex:1}.form{gap:var(--spacing-sm);flex-direction:column;display:flex}.form--row{align-items:flex-end;gap:var(--spacing-xs);flex-direction:row}.form__columns{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.form__actions{gap:var(--spacing-xs);display:flex}.checkbox{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);display:flex}.checkbox input{width:1.25rem;height:1.25rem;accent-color:var(--primary)}.checkbox-grid{gap:var(--spacing-xs) var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.message-box{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--danger);border-radius:var(--border-radius-sm);background:var(--danger-bg);color:var(--danger-text);font-size:var(--font-size-sm)}.message-box--success{border-color:var(--success);background:var(--success-bg);color:var(--success-text)}.message-box--info{border-color:var(--info);background:var(--info-bg);color:var(--info-text)}.message-box--warning{border-color:var(--warning);background:var(--warning-bg);color:var(--warning-text)}.modal{padding:var(--spacing-md);z-index:40;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__backdrop{background:#00000073;position:absolute;inset:0}.modal__dialog{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-hover);max-width:24rem;padding:var(--spacing-lg);width:100%;position:relative}.modal__close{color:var(--text-muted);padding:var(--spacing-xs);right:var(--spacing-xs);top:var(--spacing-xs);position:absolute}.modal__title{font-size:var(--font-size-h4);margin-bottom:var(--spacing-sm);padding-right:var(--spacing-lg)}.badge{padding:2px var(--spacing-xs);font-size:var(--font-size-sm);background:var(--lighter-grey);color:var(--text-muted);white-space:nowrap;border-radius:999px;font-weight:600;display:inline-block}.badge--success{background:var(--success-bg);color:var(--success-text)}.badge--warning{background:var(--warning-bg);color:var(--warning-text)}.badge--danger{background:var(--danger-bg);color:var(--danger-text)}.link{font-size:var(--font-size-sm);color:var(--primary-ink);font-weight:600}@media (hover:hover){.link:hover{text-decoration:underline}}.link--muted{color:var(--text-muted);font-weight:500}.link--danger{color:var(--danger)}.link--center{text-align:center;display:block}.back-link{color:var(--text-muted);font-size:var(--font-size-sm);align-self:flex-start;align-items:center;gap:var(--spacing-xxs);margin-bottom:calc(-1 * var(--spacing-sm));font-weight:700;display:inline-flex}.swatch-row{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.swatch{border:2px solid var(--light-grey);width:2.75rem;height:2.75rem;transition:transform var(--press-duration) ease;-webkit-tap-highlight-color:transparent;border-radius:50%;position:relative;overflow:hidden}.swatch:active{transform:scale(.94)}.swatch--active{border-color:var(--almost-black)}.swatch__half{position:absolute;inset:0}.swatch__half--second{clip-path:polygon(100% 0,100% 100%,0 100%)}.avatar{border:2px solid var(--primary-light);background:var(--primary-light);width:2.5rem;height:2.5rem;color:var(--primary-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar__photo{object-fit:cover;width:100%;height:100%}.avatar--sm{width:2rem;height:2rem;font-size:var(--font-size-sm)}.avatar--lg{width:3rem;height:3rem}.avatar--pitch{border-color:var(--white);background:var(--white);width:2.25rem;height:2.25rem;color:var(--grass-dark);font-size:var(--font-size-sm)}.tabs{gap:var(--spacing-xxs);padding:var(--spacing-xxs);background:var(--white);box-shadow:var(--box-shadow);border-radius:999px;display:flex}.tabs__tab{padding:var(--spacing-xs) 0;text-align:center;font-size:var(--font-size-sm);color:var(--text-muted);transition:background-color var(--press-duration) ease, color var(--press-duration) ease;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:1;font-weight:700}.tabs__tab--active{background:var(--primary);color:var(--on-primary)}.icon{flex-shrink:0;width:1.25rem;height:1.25rem}.icon--sm{width:1rem;height:1rem}.hero{margin:calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-md)) 0;padding:var(--spacing-md) var(--spacing-md) calc(var(--spacing-xl) + 1rem);background:linear-gradient(150deg, var(--primary) 0%, var(--primary) 45%, var(--secondary) 140%);color:var(--on-primary);position:relative}.hero__greeting{font-family:var(--font-display);font-size:var(--font-size-h1);letter-spacing:-.02em;font-weight:900}.hero__sub{font-size:var(--font-size-sm);opacity:.85;margin-top:2px}.hero__seam{width:100%;height:1.5rem;display:block;position:absolute;bottom:-1px;left:0}.hero__chip{z-index:1;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb, var(--on-primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--on-primary) 22%, transparent);border-radius:var(--border-radius);display:flex;position:relative}.hero__chip-day{text-align:center;min-width:2.6rem;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.1}.hero__chip-day small{font-size:var(--font-size-sm);opacity:.85;font-weight:700;display:block}.hero__chip-body{flex:1;min-width:0}.hero__chip-title{font-weight:700;display:block}.hero__chip-meta{font-size:var(--font-size-sm);opacity:.85;display:block}.team-switcher{position:relative}.team-switcher__toggle{align-items:center;gap:var(--spacing-xxs);padding:0;display:flex}.team-switcher__name{font-family:var(--font-display);font-size:var(--font-size-h4);letter-spacing:-.01em;font-weight:800}.team-switcher__alert{background:var(--warning);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.team-switcher__chevron{opacity:.85;transition:transform .15s;display:inline-flex;transform:rotate(90deg)}.team-switcher__chevron svg{width:1rem;height:1rem}.team-switcher__chevron--open{transform:rotate(-90deg)}.team-switcher__panel{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow-hover);color:var(--text-color);min-width:16rem;padding:var(--spacing-xxs);left:0;top:calc(100% + var(--spacing-xs));position:absolute}.team-switcher__heading{color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm) 0;text-transform:uppercase;font-weight:700}.team-switcher__item{border-radius:var(--border-radius-sm);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:left;justify-content:space-between;width:100%;display:flex}.team-switcher__item:hover{background:var(--lighter-grey)}.team-switcher__item--new{border-top:1px solid var(--light-grey);color:var(--text-muted);margin-top:var(--spacing-xxs);font-weight:700}.podium{justify-content:center;align-items:flex-end;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:flex}.podium__col{align-items:center;gap:var(--spacing-xxs);flex-direction:column;width:5.5rem;display:flex}.podium__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);font-weight:700;overflow:hidden}.podium__points{font-size:var(--font-size-sm);color:var(--text-muted)}.podium__bar{width:100%;padding-top:var(--spacing-xs);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;background:var(--primary-light);color:var(--primary-ink);font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;font-weight:900}.podium__col--1 .podium__bar{background:var(--primary);height:4.25rem;color:var(--on-primary)}.podium__col--2 .podium__bar{height:3rem}.podium__col--3 .podium__bar{height:2.25rem}.auth{gap:var(--spacing-lg);max-width:24rem;padding-top:var(--spacing-xxl);flex-direction:column;margin:0 auto;display:flex}.auth__intro{text-align:center}.auth__emoji{font-size:2.5rem}.auth__logo{width:auto;height:5.5rem;margin:0 auto}.auth__title{margin-top:var(--spacing-xs);font-size:var(--font-size-h1);letter-spacing:-.02em;color:var(--primary-dark);font-weight:900}.auth__subtitle{margin-top:var(--spacing-xxs);font-size:var(--font-size-sm);color:var(--text-muted)}.auth__footer{text-align:center;font-size:var(--font-size-sm);color:var(--text-muted)}.auth__switch{margin-top:var(--spacing-md)}.roster-item__summary{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);text-align:left;display:flex}.roster-item__body{flex:1;min-width:0}.roster-item__name{font-weight:600;display:block}.roster-item__meta{font-size:var(--font-size-sm);color:var(--text-muted);display:block}.roster-item__panel{padding:var(--spacing-md);border-top:1px solid var(--lighter-grey);gap:var(--spacing-md);flex-direction:column;display:flex}.roster-item__panel-section{padding-top:var(--spacing-md);border-top:1px solid var(--lighter-grey)}.event-card{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:transform var(--press-duration) ease;display:flex}.event-card:active{transform:scale(.98)}.event-card--cancelled{opacity:.6}.event-card--highlight{border:1px solid var(--warning);background:linear-gradient(120deg, var(--white) 55%, var(--warning-bg) 130%)}.event-card__icon{border-radius:var(--border-radius-sm);background:var(--primary-lighter);width:2.5rem;height:2.5rem;color:var(--primary-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-card__icon--training{background:var(--success-bg);color:var(--success-text)}.event-card__icon--outing{background:var(--warning-bg);color:var(--warning-text)}.event-card__body{flex:1;min-width:0}.event-card__title{font-weight:600}.event-card--cancelled .event-card__title{text-decoration:line-through}.event-card__meta{font-size:var(--font-size-sm);color:var(--text-muted)}.event-card__alert{background:var(--warning);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.event-card__aside{font-size:var(--font-size-sm);color:var(--primary-ink);white-space:nowrap;font-weight:600}.event-card__aside--score{font-family:var(--font-display);font-size:var(--font-size-h4);font-variant-numeric:tabular-nums;font-weight:900}.tally{font-size:var(--font-size-sm);white-space:nowrap;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;font-weight:600;display:flex}.tally__present{color:var(--success-text)}.tally__absent{color:var(--danger-text)}.tally__unknown{color:var(--text-muted)}.stat-list{gap:var(--spacing-xxs);flex-direction:column;display:flex}.stat-list__row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);display:flex}.stat-list__value{color:var(--primary-ink);font-weight:700}.stat-list__value--success{color:var(--success);letter-spacing:2px}.stat-list__value--danger{color:var(--danger)}.stat-list__person{align-items:center;gap:var(--spacing-xs);min-width:0;display:flex}.stat-list__row--muted{color:var(--text-muted)}.stat-list__stacked{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.stat-list__action{white-space:nowrap;flex-shrink:0}.stack{gap:var(--spacing-xs);flex-direction:column;display:flex}.stack--md{gap:var(--spacing-md)}.attendance-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;display:flex}.attendance-row--unavailable{opacity:.6}.attendance-row__name{align-items:center;gap:var(--spacing-xs);min-width:0;display:flex}.attendance-row__actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.attendance-toggle{border:1px solid var(--light-grey);background:var(--white);width:2.75rem;height:2.75rem;color:var(--grey);transition:all var(--press-duration) ease;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.attendance-toggle--active.attendance-toggle--present{background:var(--success);border-color:var(--success);color:var(--white)}.attendance-toggle--active.attendance-toggle--absent{background:var(--danger);border-color:var(--danger);color:var(--white)}.live-score{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-weight:700;display:flex}.live-score__digits{font-family:var(--font-display);font-size:var(--font-size-h1);font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--primary-ink);font-weight:900}.advice{border:1px solid var(--primary-bright)}.advice__columns{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.lineup__line{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.lineup__slot{align-items:center;gap:var(--spacing-xs);display:flex}.lineup__slot-code{width:2.5rem;font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;flex-shrink:0;font-weight:700}.lineup__slot-select{flex:1}.pitch{gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(180deg, var(--grass) 0%, var(--grass-dark) 100%);border-radius:var(--border-radius);flex-direction:column-reverse;display:flex}.pitch__line{justify-content:space-evenly;gap:var(--spacing-xs);display:flex}.pitch__player{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.pitch__player-number{background:var(--white);width:2.25rem;height:2.25rem;color:var(--grass-dark);font-weight:700;font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.pitch__player-name{text-overflow:ellipsis;white-space:nowrap;max-width:4.5rem;color:var(--white);font-size:.6875rem;overflow:hidden}.mvp{margin-bottom:var(--spacing-sm);border-radius:var(--border-radius);position:relative;overflow:hidden}.mvp__photo{object-fit:cover;object-position:center top;width:100%;height:11rem;display:block}.mvp__scrim{background:linear-gradient(#0000 40%,#000000a6 100%);position:absolute;inset:0}.mvp__tag{top:var(--spacing-sm);left:var(--spacing-sm);padding:2px var(--spacing-xs);color:var(--almost-black);font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;background:#ffffffeb;border-radius:999px;font-weight:700;position:absolute}.mvp__body{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-sm);color:var(--white);position:absolute}.mvp__name{font-size:var(--font-size-h3);letter-spacing:-.01em;font-weight:900}.mvp__meta{font-size:var(--font-size-sm);opacity:.85}.log-row{padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);flex-direction:column;gap:2px;display:flex}.log-row+.log-row{border-top:1px solid var(--lighter-grey)}.balance{gap:var(--spacing-sm);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.balance__stat{flex-direction:column;display:flex}.balance__value{font-family:var(--font-display);font-size:var(--font-size-h2);font-variant-numeric:tabular-nums;color:var(--primary-ink);font-weight:900}.balance__label{font-size:var(--font-size-sm);color:var(--text-muted)}.marketing{background:var(--white)}.marketing-nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--lighter-grey);background:#ffffffeb;position:sticky;top:0}.marketing-nav__inner{align-items:center;gap:var(--spacing-lg);max-width:72rem;padding:var(--spacing-sm) var(--spacing-md);margin:0 auto;display:flex}.marketing-nav__brand{align-items:center;gap:var(--spacing-xs);font-family:var(--font-display);letter-spacing:-.01em;color:var(--primary-dark);font-weight:900;text-decoration:none;display:flex}.marketing-nav__logo{width:auto;height:2rem}.marketing-nav__links{align-items:center;gap:var(--spacing-md);display:flex}@media (width<=640px){.marketing-nav__links{display:none}}.marketing-nav__actions{align-items:center;gap:var(--spacing-md);margin-left:auto;display:flex}.landing-wrap{max-width:72rem;padding:0 var(--spacing-md);margin:0 auto}.landing-wrap--narrow{max-width:46rem}.landing h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--primary-dark);margin-bottom:var(--spacing-xs);font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;line-height:1.15}.section-sub{color:var(--text-muted);max-width:40rem;margin-bottom:var(--spacing-xl)}.landing-section,.band{padding:clamp(3rem,6vw,4.5rem) 0}.band{background:var(--pitch-lighter);border-top:1px solid var(--lighter-grey);border-bottom:1px solid var(--lighter-grey)}.landing-hero{padding-top:clamp(2.5rem,5vw,4.5rem)}.landing-hero__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--primary-dark);text-wrap:balance;max-width:16em;font-size:clamp(2.1rem,5vw,3.8rem);font-weight:900;line-height:1.1}.landing-hero__title em{background:var(--pitch-light);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.2em;padding:.02em .14em;font-style:normal}.landing-hero__sub{margin-top:var(--spacing-md);max-width:38rem;color:var(--text-muted);font-size:clamp(1rem,1.4vw,1.2rem)}.landing-hero__actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.landing-hero__note{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.stage{background:var(--pitch-light);padding:clamp(2rem, 4vw, 3.5rem) var(--spacing-md);border-radius:24px 24px 0 0;margin-top:clamp(2rem,4vw,3.5rem);position:relative;overflow:hidden}.stage__inner{max-width:26rem;margin:0 auto;position:relative}@media (width>=1101px){.stage__extra{display:contents}}@media (width<=1100px){.stage__extra{align-items:center;gap:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}}.stage__note{background:var(--white);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);box-shadow:0 2px 6px #14532d14,0 14px 34px #14532d24}.stage__note b{display:block}@media (width>=1101px){.stage__note{position:absolute}.stage__note--star{width:14rem;top:3rem;left:calc(100% + 3rem)}.stage__note--stat{white-space:nowrap;bottom:3.5rem;right:calc(100% + 3rem)}}.stage__figure{font-family:var(--font-display);font-size:1.4rem;font-weight:900}.stage__tag{font-weight:700;font-size:var(--font-size-sm);color:var(--primary-dark)}@media (width>=1101px){.stage__tag{position:absolute}.stage__tag--left{text-align:right;width:11rem;top:4rem;right:calc(100% + 2.5rem)}.stage__tag--right{width:11rem;top:13rem;left:calc(100% + 3rem)}}.demo{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-md);font-size:var(--font-size-sm);gap:var(--spacing-sm);flex-direction:column;display:flex;position:relative;box-shadow:0 2px 6px #14532d14,0 18px 44px #14532d29}.demo__hint{top:-.9rem;right:var(--spacing-md);background:var(--warning-text);color:var(--white);border-radius:999px;padding:.28rem .65rem;font-size:.74rem;font-weight:700;position:absolute;box-shadow:0 3px 10px #0003}.demo__head{background:var(--primary-dark);color:var(--white);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.demo__head strong{font-family:var(--font-display);display:block}.demo__head span{color:var(--pitch-light);font-size:.78rem}.demo__advice{border:1px solid var(--primary-bright);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;display:flex}.demo__label{font-weight:700}.demo__row{justify-content:space-between;align-items:baseline;gap:var(--spacing-xs);display:flex}.demo__meta{color:var(--text-muted);font-size:.75rem}.demo__events{gap:var(--spacing-xxs);flex-direction:column;display:flex}.demo__event{font-variant-numeric:tabular-nums}.steps{counter-reset:step;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);list-style:none;display:grid}@media (width<=900px){.steps{grid-template-columns:1fr}}.steps__step{counter-increment:step}.steps__step:before{content:counter(step, decimal-leading-zero);font-family:var(--font-display);color:var(--primary-bright);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:900;display:block}.steps__step h3{font-size:var(--font-size-h4);margin-bottom:var(--spacing-xxs)}.steps__step p{color:var(--text-muted);font-size:var(--font-size-sm)}.feature-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);list-style:none;display:grid}@media (width<=960px){.feature-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.feature-grid{grid-template-columns:1fr}}.feature-grid__card{background:var(--white);border:1px solid var(--lighter-grey);border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg)}.feature-grid__card h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-xxs);align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.feature-grid__card p{color:var(--text-muted);font-size:var(--font-size-sm)}.feature-grid__emoji{margin-bottom:var(--spacing-xs);font-size:1.6rem}.pricing{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}@media (width<=960px){.pricing{grid-template-columns:1fr;max-width:30rem}}.pricing__banner{padding:var(--spacing-xs) var(--spacing-md);background:var(--pitch-light);color:var(--success-text);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);border-radius:999px;display:inline-block}.pricing__tier{background:var(--white);border:1px solid var(--lighter-grey);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;align-items:flex-start;display:flex}.pricing__tier h3{font-size:var(--font-size-h4);align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.pricing__tier--featured{border:2px solid var(--primary-bright);box-shadow:0 12px 30px #14532d1f}.pricing__emoji{font-size:1.8rem}.pricing__price{font-family:var(--font-display);font-size:var(--font-size-h1);color:var(--primary-dark);font-weight:900}.pricing__period{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.pricing__flavor{color:var(--text-muted);font-size:var(--font-size-sm)}.pricing__features{font-size:var(--font-size-sm);gap:var(--spacing-xxs);flex-direction:column;flex:1;list-style:none;display:flex}.pricing__features li:not(.pricing__includes):before{content:"✓";color:var(--success-text);margin-right:var(--spacing-xs);font-weight:700}.pricing__includes{color:var(--text-muted);font-weight:700}.pricing__footnote{margin-top:var(--spacing-lg);color:var(--text-muted);font-size:var(--font-size-sm)}.faq{gap:var(--spacing-sm);flex-direction:column;display:flex}.faq__item{background:var(--white);border:1px solid var(--lighter-grey);border-radius:var(--border-radius);padding:var(--spacing-md)}.faq__item summary{cursor:pointer;font-weight:700}.faq__item p{margin-top:var(--spacing-sm);color:var(--text-muted)}.closing{padding-top:0}.closing__card{background:var(--primary-dark);justify-content:space-between;align-items:center;gap:var(--spacing-lg);border-radius:0 0 24px 24px;flex-wrap:wrap;padding:clamp(2rem,4vw,3rem);display:flex}.closing__card h2{color:var(--white)}.closing__card p{color:var(--pitch-light)}.closing__btn{background:var(--white);color:var(--primary-dark);font-weight:800}.landing-footer{padding:var(--spacing-xl) 0}.landing-footer__inner{justify-content:space-between;gap:var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.planner-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xxs) 0;display:flex}.planner-row__icon{border-radius:var(--border-radius-sm);background:var(--primary-lighter);width:2rem;height:2rem;color:var(--primary-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.planner-row__icon--training{background:var(--success-bg);color:var(--success-text)}.planner-row__icon--outing{background:var(--warning-bg);color:var(--warning-text)}.planner-row__body{flex:1;min-width:0}.planner-row__date{font-weight:600;font-size:var(--font-size-sm);display:block}.planner-row__label{font-size:var(--font-size-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.planner-row__lock{font-size:.75em}.toggle{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.toggle__knob{background:var(--light-grey);width:3rem;height:1.75rem;transition:background var(--press-duration) ease;border-radius:999px;position:relative}.toggle__knob:after{content:"";background:var(--white);width:1.35rem;height:1.35rem;box-shadow:var(--box-shadow);transition:transform var(--press-duration) ease;border-radius:50%;position:absolute;top:.2rem;left:.2rem}.toggle--on .toggle__knob{background:var(--success)}.toggle--on .toggle__knob:after{transform:translate(1.25rem)}.toggle__label{text-align:left;width:4.5rem;font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600}.toggle--on .toggle__label{color:var(--success-text)}.timeline{padding:var(--spacing-xs) 0;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);position:relative}.timeline:before{content:"";top:var(--spacing-md);bottom:var(--spacing-md);left:calc(var(--spacing-md) + 1.25rem);background:linear-gradient(to bottom, var(--primary-bright), var(--primary-lighter));width:2px;position:absolute}.timeline__item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:transform var(--press-duration) ease;display:flex;position:relative}.timeline__item:active{transform:scale(.98)}.timeline__node{background:var(--primary-lighter);width:2.5rem;height:2.5rem;color:var(--primary-ink);outline:3px solid var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.timeline__node--training{background:var(--success-bg);color:var(--success-text)}.timeline__node--outing{background:var(--warning-bg);color:var(--warning-text)}.timeline__status{border:2px solid var(--white);background:var(--light-grey);width:1.15rem;height:1.15rem;color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:900;line-height:1;display:flex;position:absolute;bottom:-.3rem;right:-.3rem}.timeline__status--in{background:var(--success);color:var(--white)}.timeline__status--out{background:var(--danger);color:var(--white)}.timeline__body{flex:1;min-width:0}.timeline__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.timeline__meta{font-size:var(--font-size-sm);color:var(--text-muted);display:block}.timeline__count{text-align:right;font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.timeline__count b{font-family:var(--font-display);font-size:var(--font-size-h4);color:var(--primary-ink);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.1;display:block}.unlock{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start;display:flex}.unlock--active{border:2px solid var(--primary-bright)}.unlock__emoji{font-size:2rem}.unlock__price{font-family:var(--font-display);font-size:var(--font-size-h1);color:var(--primary-dark);font-weight:900}.unlock__price-note{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.unlock__features{font-size:var(--font-size-sm);gap:var(--spacing-xxs);flex-direction:column;display:flex}.support-bar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px dashed var(--light-grey);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:none;display:flex}.support-bar__emoji{font-size:1.25rem}.support-bar__cta{color:var(--primary-ink);white-space:nowrap;font-weight:600}