:root{--app-primary: #ccff00;--app-primary-dark: #66cc00;--app-error-red: #ff4d4d;--app-warning-orange: #ff9900;--app-success-green: #33cc66;--app-danger: #ff3333;--app-bg: #000000;--app-card-bg: #1a1a1a;--app-surface-bg: #0d0d0d;--app-text-primary: #ffffff;--app-text-secondary: #999999;--app-separator: #383838;--app-gray: #8e8e93;--radius-xsmall: 6px;--radius-small: 8px;--radius-button: 10px;--radius-medium: 12px;--radius-medium-large: 14px;--radius-large: 16px;--radius-xl: 20px;--space-xxsmall: 2px;--space-xsmall: 4px;--space-small: 8px;--space-medium: 12px;--space-large: 16px;--space-xl: 20px;--space-xxl: 24px;--space-xxxl: 32px;--space-section: 48px;--font-rounded: ui-rounded, "SF Pro Rounded", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Nunito", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--tabbar-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--content-max-width: 720px}:root[data-theme=light],:root[data-theme=system]{color-scheme:light}:root[data-theme=dark],:root:not([data-theme]){color-scheme:dark}:root[data-theme=light]{--app-bg: #ffffff;--app-card-bg: #ffffff;--app-surface-bg: #f2f2f7;--app-text-primary: #000000;--app-text-secondary: #666666;--app-separator: #d1d1d1;--app-gray: #6c6c70}@media (prefers-color-scheme: light){:root[data-theme=system]{--app-bg: #ffffff;--app-card-bg: #ffffff;--app-surface-bg: #f2f2f7;--app-text-primary: #000000;--app-text-secondary: #666666;--app-separator: #d1d1d1;--app-gray: #6c6c70}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--app-bg);color:var(--app-text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,h4{font-family:var(--font-rounded);font-weight:700;margin:0}p{margin:0}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:inherit}::selection{background:var(--app-primary);color:#000}.shell{display:flex;flex-direction:column;height:100%;background:var(--app-bg)}.shell__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom) + var(--space-large))}.shell__inner{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-large)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--app-surface-bg);border-top:1px solid var(--app-separator)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--app-gray);font-family:var(--font-rounded);font-size:.625rem;font-weight:500;background:none;border:none;cursor:pointer;padding:0}.tabbar__item--active{color:var(--app-primary)}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-small);padding:calc(var(--safe-top) + var(--space-medium)) var(--space-large) var(--space-medium);background:var(--app-bg);border-bottom:1px solid var(--app-separator)}.navbar__title{font-family:var(--font-rounded);font-size:1.0625rem;font-weight:700;color:var(--app-text-primary)}.navbar__action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-small);background:none;color:var(--app-primary);cursor:pointer}.navbar__action:disabled{opacity:.4;cursor:default}.segmented{display:flex;gap:0;padding:var(--space-large) var(--space-large) var(--space-small);background:var(--app-bg)}.segmented__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:38px;border:1px solid rgba(142,142,147,.3);border-radius:18px;background:transparent;color:var(--app-text-primary);font-family:var(--font-rounded);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .3s ease,color .3s ease;white-space:nowrap;overflow:hidden;padding:0 4px}.segmented__item--active{background:var(--app-primary);border-color:transparent;color:#000;box-shadow:0 1px 6px #ccff004d}.card{background:var(--app-card-bg);border:1px solid var(--app-separator);border-radius:var(--radius-medium);padding:var(--space-large)}.statcard{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:44px;padding:6px;background:var(--app-card-bg);border:1px solid rgba(204,255,0,.4);border-radius:12px;cursor:pointer;transition:transform .1s ease,border-color .1s ease}.statcard:active{transform:scale(.95);border-color:#cf0c;border-width:2px}.statcard__icon{color:var(--app-primary)}.statcard__value{font-family:var(--font-rounded);font-size:.75rem;font-weight:700;color:var(--app-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.statcard__title{font-size:.6875rem;color:var(--app-gray);text-align:center;line-height:1.2}.statrow{display:flex;gap:var(--space-small)}.divider{height:1px;background:var(--app-separator);border:none;margin:var(--space-medium) 0}.section{margin-bottom:var(--space-xl)}.section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-small);margin-bottom:var(--space-medium)}.section__title{font-family:var(--font-rounded);font-size:1.25rem;font-weight:700;color:var(--app-text-primary)}.section__link{font-family:var(--font-rounded);font-size:.8125rem;font-weight:500;color:var(--app-primary);background:none;border:none;cursor:pointer;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-small);padding:13px var(--space-large);border:none;border-radius:var(--radius-button);font-family:var(--font-rounded);font-size:.9375rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--app-primary);color:#000}.btn--secondary{background:var(--app-card-bg);color:var(--app-text-primary);border:1px solid var(--app-separator)}.btn--destructive{background:transparent;color:var(--app-danger);border:1px solid var(--app-danger)}.btn--block{width:100%}.quickaction{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xsmall);padding:var(--space-medium) var(--space-small);background:var(--app-card-bg);border:1px solid var(--app-separator);border-radius:var(--radius-medium);color:var(--app-text-primary);font-family:var(--font-rounded);font-size:.6875rem;font-weight:500;text-align:center;line-height:1.25;cursor:pointer}.quickaction__icon{color:var(--app-primary)}.quickaction:active{border-color:var(--app-primary)}.list{display:flex;flex-direction:column;gap:var(--space-small)}.row{display:flex;align-items:center;gap:var(--space-medium);padding:var(--space-medium) var(--space-large);background:var(--app-card-bg);border:1px solid var(--app-separator);border-radius:var(--radius-medium);width:100%;text-align:left}.row--tappable{cursor:pointer}.row--tappable:active{border-color:var(--app-primary)}.row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row__title{display:block;font-family:var(--font-rounded);font-size:.9375rem;font-weight:600;color:var(--app-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{display:block;font-size:.8125rem;color:var(--app-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__trailing{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xsmall);flex-shrink:0}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--app-surface-bg);border:1px solid var(--app-separator);font-family:var(--font-rounded);font-size:.8125rem;font-weight:700;color:var(--app-primary);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.amount{font-family:var(--font-mono);font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--app-text-primary);white-space:nowrap;word-spacing:-.25em}.amount--positive{color:var(--app-success-green)}.amount--negative{color:var(--app-error-red)}.amount--warning{color:var(--app-warning-orange)}.amount--hero{font-size:1.75rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-family:var(--font-rounded);font-size:.6875rem;font-weight:600;white-space:nowrap}.badge--paid{background:#33cc6626;color:var(--app-success-green)}.badge--unpaid{background:#ff990026;color:var(--app-warning-orange)}.badge--danger{background:#ff4d4d26;color:var(--app-error-red)}.badge--neutral{background:var(--app-surface-bg);color:var(--app-gray)}.badge--primary{background:#ccff0026;color:var(--app-primary)}:root[data-theme=light] .badge--primary{color:var(--app-primary-dark)}@media (prefers-color-scheme: light){:root[data-theme=system] .badge--primary{color:var(--app-primary-dark)}}.badge--role{background:var(--app-surface-bg);border:1px solid var(--app-separator);color:var(--app-text-secondary)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-small);padding:var(--space-section) var(--space-large);text-align:center;color:var(--app-gray)}.empty__icon{color:var(--app-separator)}.empty__title{font-family:var(--font-rounded);font-size:.9375rem;font-weight:600;color:var(--app-text-secondary)}.empty__body{font-size:.8125rem;max-width:32ch}.skeleton{background:linear-gradient(90deg,var(--app-card-bg) 25%,var(--app-surface-bg) 50%,var(--app-card-bg) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-medium)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.locked{display:flex;align-items:center;gap:var(--space-medium);padding:var(--space-large);background:var(--app-card-bg);border:1px solid rgba(204,255,0,.4);border-radius:var(--radius-medium);width:100%;text-align:left}.locked__icon{color:var(--app-primary);flex-shrink:0}.locked__title{font-family:var(--font-rounded);font-size:.9375rem;font-weight:700;color:var(--app-text-primary)}.locked__body{font-size:.75rem;color:var(--app-gray);margin-top:2px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;animation:sheet-fade .2s ease}.sheet{width:100%;max-width:var(--content-max-width);max-height:92vh;display:flex;flex-direction:column;background:var(--app-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--app-separator);animation:sheet-up .28s cubic-bezier(.32,.72,0,1);padding-bottom:var(--safe-bottom)}@keyframes sheet-fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion: reduce){.sheet,.sheet-backdrop{animation:none}}.sheet__grabber{width:36px;height:5px;border-radius:3px;background:var(--app-separator);margin:var(--space-small) auto var(--space-xsmall);flex-shrink:0}.sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-medium);padding:var(--space-medium) var(--space-large);border-bottom:1px solid var(--app-separator);flex-shrink:0}.sheet__title{font-family:var(--font-rounded);font-size:1.0625rem;font-weight:700}.sheet__body{flex:1;overflow-y:auto;padding:var(--space-large);display:flex;flex-direction:column;gap:var(--space-large)}.sheet__footer{padding:var(--space-medium) var(--space-large) var(--space-large);border-top:1px solid var(--app-separator);display:flex;gap:var(--space-small);flex-shrink:0}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-family:var(--font-rounded);font-size:.8125rem;font-weight:500;color:var(--app-text-secondary)}.field__input,.field__select,.field__textarea{width:100%;padding:12px var(--space-large);background:var(--app-card-bg);border:1px solid var(--app-separator);border-radius:var(--radius-button);color:var(--app-text-primary);font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field__textarea{min-height:88px;resize:vertical;font-family:inherit}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--app-primary)}.field__hint{font-size:.75rem;color:var(--app-gray)}.field__error{font-size:.75rem;color:var(--app-error-red)}.chipgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-small)}.chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-xsmall);padding:var(--space-medium) var(--space-small);background:var(--app-card-bg);border:1px solid var(--app-separator);border-radius:var(--radius-medium);color:var(--app-text-primary);font-family:var(--font-rounded);font-size:.75rem;font-weight:500;cursor:pointer;text-align:center;overflow:hidden}.chip--selected{background:var(--app-primary);border-color:var(--app-primary);color:#000}.chip--selected .avatar{background:#00000026;border-color:transparent;color:#000}.chip__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{display:flex;align-items:center;gap:var(--space-medium);padding:var(--space-medium) var(--space-large);border-radius:var(--radius-medium);font-size:.8125rem}.banner--error{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:var(--app-error-red)}.banner--info{background:var(--app-card-bg);border:1px solid var(--app-separator);color:var(--app-text-secondary)}.banner--limit{background:#ff99001a;border:1px solid rgba(255,153,0,.3);color:var(--app-warning-orange)}.banner--success{background:#34c7591a;border:1px solid rgba(52,199,89,.3);color:var(--app-success-green);flex-direction:column;align-items:flex-start;gap:4px}.teamheader{display:flex;flex-direction:column;align-items:center;gap:var(--space-small);padding:var(--space-large) 0;text-align:center}.teamheader__logo{width:60px;height:60px;border-radius:50%;border:2px solid var(--app-primary);object-fit:cover;background:var(--app-surface-bg)}.teamheader__crown{color:var(--app-primary)}.teamheader__name{font-family:var(--font-rounded);font-size:1.75rem;font-weight:700;color:var(--app-text-primary);line-height:1.15}.teamheader__welcome{font-family:var(--font-rounded);font-size:.9375rem;font-weight:500;color:var(--app-gray)}.rank{width:26px;font-family:var(--font-rounded);font-size:.8125rem;font-weight:700;color:var(--app-gray);text-align:center;flex-shrink:0}.rank--top{color:var(--app-primary)}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-xxl) var(--space-large);background:var(--app-bg)}.auth__card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-large)}.auth__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-small);margin-bottom:var(--space-small)}.auth__title{font-family:var(--font-rounded);font-size:1.5rem;font-weight:700;text-align:center}.auth__subtitle{font-size:.875rem;color:var(--app-gray);text-align:center}.auth__footer{text-align:center;font-size:.875rem;color:var(--app-gray)}.auth__footer a,.auth__footer button{color:var(--app-primary);background:none;border:none;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.stack{display:flex;flex-direction:column;gap:var(--space-medium)}.hstack{display:flex;align-items:center;gap:var(--space-small)}.spacer{flex:1}.muted{color:var(--app-gray);font-size:.8125rem}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.calnav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-medium);padding:var(--space-medium) 0 var(--space-large)}.calnav__month{font-family:var(--font-rounded);font-size:1.0625rem;font-weight:700;color:var(--app-text-primary)}.calnav__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:none;color:var(--app-primary);cursor:pointer}.calmode{display:flex;gap:var(--space-small);margin-bottom:var(--space-large)}.calmode__btn{display:inline-flex;align-items:center;gap:6px;padding:6px var(--space-medium);border:none;border-radius:var(--radius-large);background:var(--app-card-bg);color:var(--app-text-primary);font-family:var(--font-rounded);font-size:.75rem;font-weight:500;cursor:pointer}.calmode__btn--active{background:var(--app-primary);color:#000}.calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-small);justify-items:center}.calgrid__weekday{font-family:var(--font-rounded);font-size:.75rem;font-weight:500;color:var(--app-gray);text-align:center;padding-bottom:var(--space-xsmall)}.calday{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xsmall);width:100%;max-width:44px;height:50px;padding:0;border:2px solid transparent;border-radius:var(--radius-small);background:var(--app-card-bg);color:var(--app-text-primary);font-family:var(--font-rounded);font-size:.9375rem;font-weight:500;cursor:pointer;position:relative}.calday--outside{background:transparent;color:var(--app-gray);opacity:.5}.calday--today{background:#ccff004d}.calday--selected{background:var(--app-primary);border-color:var(--app-primary);color:#000;opacity:1}.calday__dots{display:flex;align-items:center;gap:2px;height:8px}.calday__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.calday__more{font-size:.5625rem;color:var(--app-gray);line-height:1}.calday--selected .calday__more{color:#0009}.callegend{display:flex;gap:var(--space-large);overflow-x:auto;padding:6px 0;margin-bottom:var(--space-small);scrollbar-width:none}.callegend::-webkit-scrollbar{display:none}.callegend__item{display:inline-flex;align-items:center;gap:5px;font-size:.6875rem;color:var(--app-gray);white-space:nowrap}.callegend__swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.calpanel{margin-top:var(--space-large);padding-top:var(--space-large);border-top:1px solid var(--app-separator)}.calpanel__date{font-family:var(--font-rounded);font-size:.9375rem;font-weight:700;color:var(--app-text-primary);margin-bottom:var(--space-medium)}.calevent{border-left:3px solid var(--app-separator)}.navbar__action{position:relative}.navbar__dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--app-error-red)}.blurred{position:relative;display:inline-block;max-width:100%}.blurred>span{filter:blur(4px);user-select:none;-webkit-user-select:none}.blurred:after{content:"•••";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xsmall);background:color-mix(in srgb,var(--app-text-secondary) 30%,transparent);color:color-mix(in srgb,var(--app-text-primary) 70%,transparent);font-family:var(--font-rounded);font-weight:500;letter-spacing:1px;pointer-events:none}.row--rank .row__meta{white-space:normal}.row--self{border-color:#ccff004d}.row--self .row__title{color:var(--app-primary)}.rankrow__sport{color:var(--app-primary);flex-shrink:0}.seasonpicker{display:inline-flex;align-items:center;gap:var(--space-xsmall);max-width:46vw;padding:5px 10px;border:none;border-radius:999px;background:#ffffff14;color:var(--app-primary);cursor:pointer}:root[data-theme=light] .seasonpicker{background:#0000000f}@media (prefers-color-scheme: light){:root[data-theme=system] .seasonpicker{background:#0000000f}}.seasonpicker__name{font-family:var(--font-rounded);font-size:.875rem;font-weight:600;color:var(--app-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balancecard{position:relative;padding:var(--space-xxl);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--app-primary) 0%,var(--app-primary-dark) 100%);border:1px solid rgba(255,255,255,.1);color:#000}.balancecard__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-medium)}.balancecard__label{font-family:var(--font-rounded);font-size:.9375rem;font-weight:500;color:#0009}.balancecard__amount{font-family:var(--font-mono);font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:#000;line-height:1.15;word-spacing:-.25em;margin-top:var(--space-xsmall)}.balancecard__toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#0000001f;color:#000;cursor:pointer;flex-shrink:0}.balancecard__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-large);margin-top:var(--space-xl);padding-top:var(--space-large);border-top:1px solid rgba(0,0,0,.15)}.balancecard__stat{display:flex;flex-direction:column;gap:2px}.balancecard__stat--end{align-items:flex-end;text-align:right}.balancecard__statLabel{font-size:.75rem;color:#0009}.balancecard__statValue{font-family:var(--font-mono);font-size:.9375rem;font-weight:700;color:#000;word-spacing:-.25em}.balancecard__statNote{font-size:.6875rem;color:#00000080}.detail__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-small);text-align:center;padding-bottom:var(--space-small)}.detail__name{font-family:var(--font-rounded);font-size:1.25rem;font-weight:700}.detail__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-small)}.detail__rows{display:flex;flex-direction:column;gap:0}.detail__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-medium);padding:var(--space-medium) 0;border-bottom:1px solid var(--app-separator);font-size:.875rem}.detail__row:last-child{border-bottom:none}.detail__rowLabel{color:var(--app-gray)}.detail__rowValue{font-weight:600;text-align:right}.avatar--lg{width:64px;height:64px;font-size:1.25rem}.rsvprow{display:flex;gap:var(--space-small)}.rsvpbtn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xsmall);padding:var(--space-medium) var(--space-small);border:1px solid var(--app-separator);border-radius:var(--radius-medium);background:var(--app-card-bg);color:var(--app-text-primary);font-family:var(--font-rounded);font-size:.75rem;font-weight:600;text-align:center;line-height:1.2;cursor:pointer}.rsvpbtn:disabled{opacity:.45;cursor:default}.rsvpbtn--selected{color:#000}.calday__rsvp{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:1px solid var(--app-bg)}.togglerow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-medium);padding:var(--space-medium) var(--space-large);background:var(--app-card-bg);border:1px solid var(--app-separator);border-radius:var(--radius-button);cursor:pointer}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:28px;border-radius:999px;background:var(--app-separator);position:relative;cursor:pointer;flex-shrink:0;transition:background .2s ease}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle:checked{background:var(--app-primary)}.toggle:checked:after{transform:translate(18px)}