:root{--space-0:0;--space-2xs:2px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:12px;--space-xl:16px;--space-2xl:24px;--space-3xl:32px;--radius-2xs:3px;--radius-xs:4px;--radius-sm:5px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:999px;--border-width-md:1px;--border-width-lg:1.5px;--border-width-xl:2px;--border-width-2xl:4px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, Menlo, Monaco, Consolas, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:40px;--line-height-compressed:1;--line-height-default:1.2;--line-height-comfortable:1.4;--motion-fast:.12s;--motion-moderate:.16s;--motion-slow:.24s;--ease-smooth:cubic-bezier(.72, 0, .16, 1);--ease-snap:cubic-bezier(.8, -.4, .5, 1);--ease-enter:cubic-bezier(.24, 1, .32, 1);--ease-exit:cubic-bezier(.64, 0, .8, 0);--disabled-opacity:.6;--bg-primary:var(--tg-theme-section-bg-color,var(--tg-theme-bg-color,#fff));--bg-secondary:var(--tg-theme-secondary-bg-color,#f8f8f9);--bg-tertiary:color-mix(in srgb, var(--bg-secondary) 88%, var(--text-primary));--text-headings:var(--tg-theme-text-color,#181225);--text-primary:var(--tg-theme-text-color,#302e36);--text-secondary:var(--tg-theme-hint-color,#6a6772);--text-accent:var(--tg-theme-accent-text-color,var(--tg-theme-link-color,#653de9));--link:var(--tg-theme-link-color,#653de9);--vibrant-accent:var(--tg-theme-button-color,#7553ff);--on-accent:var(--tg-theme-button-text-color,#fff);--chonk-accent:color-mix(in srgb, var(--vibrant-accent) 70%, #000);--bg-accent-muted:color-mix(in srgb, var(--vibrant-accent) 12%, transparent);--text-danger:var(--tg-theme-destructive-text-color,#d50000);--border-primary:color-mix(in srgb, var(--text-primary) 15%, transparent);--border-secondary:color-mix(in srgb, var(--text-primary) 8%, transparent);--chonk-secondary:color-mix(in srgb, var(--text-primary) 15%, var(--bg-primary));--wash-hover:color-mix(in srgb, var(--text-primary) 4%, transparent);--wash-active:color-mix(in srgb, var(--text-primary) 8%, transparent);--focus:var(--vibrant-accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text-disabled:#878490;--text-success:#008900;--text-warning:#a45200;--text-promotion:#c8007e;--vibrant-success:#00f261;--vibrant-warning:#ffce00;--vibrant-danger:#ff002b;--chonk-danger:#c10000;--bg-success-muted:#00b8001c;--bg-warning-muted:#e0b01030;--bg-danger-muted:#f828081c;--bg-promotion-muted:#f000901a;--invalid:#ff002b;--shadow-high:#10103008;--shadow-low:#0000200f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-danger:var(--tg-theme-destructive-text-color,#f6938c);--text-disabled:#958e9f;--text-success:#5ece73;--text-warning:#ffce00;--text-promotion:#ea95b9;--chonk-danger:#300;--bg-success-muted:#00f8001f;--bg-warning-muted:#e8380029;--bg-danger-muted:#f8000033;--bg-promotion-muted:#f800782e;--shadow-high:#0000181a;--shadow-low:#10082863}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-secondary);color:var(--text-primary);font:var(--font-weight-regular) var(--font-size-md) / var(--line-height-default) var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}#app{min-height:var(--tg-viewport-stable-height,100vh);padding:calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px) + var(--space-xl)) calc(var(--tg-safe-area-inset-right,0px) + var(--tg-content-safe-area-inset-right,0px) + var(--space-xl)) calc(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px) + var(--space-xl)) calc(var(--tg-safe-area-inset-left,0px) + var(--tg-content-safe-area-inset-left,0px) + var(--space-xl));flex-direction:column;display:flex}:focus-visible{box-shadow:0 0 0 2px var(--focus);outline:none}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.separator{border:0;border-top:var(--border-width-md) solid var(--border-secondary);margin:0}.pressable{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:0;transition:background var(--motion-fast) var(--ease-smooth);border:0}.pressable:active{background:var(--wash-active)}.btn{--lift:2px;--face:var(--bg-primary);--chonk:var(--chonk-secondary);justify-content:center;align-items:center;gap:var(--space-sm);color:var(--text-headings);font:var(--font-weight-medium) var(--font-size-md) / 1 var(--font-sans);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;display:inline-flex;position:relative}.btn:before,.btn:after{content:"";border-radius:inherit;position:absolute;inset:0}.btn:before{background:var(--chonk)}.btn:after{background:var(--face);border:var(--border-width-md) solid var(--chonk);transform:translateY(calc(-1 * var(--lift)));transition:transform var(--motion-fast) var(--ease-snap)}.btn>span{z-index:1;display:inherit;align-items:inherit;gap:inherit;transform:translateY(calc(-1 * var(--lift)));transition:transform var(--motion-fast) var(--ease-snap);position:relative}@media (hover:hover){.btn:hover{--lift:3px}}.btn:active,.btn[aria-checked=true],.btn:disabled{--lift:0px}.btn:focus-visible{box-shadow:none}.btn:focus-visible:after{box-shadow:0 0 0 2px var(--focus)}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn-md{height:36px;padding:0 var(--space-xl);border-radius:var(--radius-lg)}.btn-sm{height:32px;padding:0 var(--space-lg);border-radius:var(--radius-md)}.btn-xs{--lift:1px;height:28px;padding:0 var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.btn-square{aspect-ratio:1;padding:0}.btn-primary{--face:var(--vibrant-accent);--chonk:var(--chonk-accent);color:var(--on-accent)}.btn-danger{--face:var(--vibrant-danger);--chonk:var(--chonk-danger);color:#fff}.btn-transparent{--lift:0px;color:var(--text-secondary)}.btn-transparent:before,.btn-transparent:after{transition:background var(--motion-fast) var(--ease-smooth);background:0 0;border:0}@media (hover:hover){.btn-transparent:hover:after{background:var(--wash-hover)}}.btn-transparent:active:after{background:var(--wash-active)}.segmented{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.segmented>.btn{color:var(--text-secondary);border-radius:0}.segmented>.btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.segmented>.btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.segmented>.btn+.btn:after{border-left-width:0}.segmented>.btn[aria-checked=true]{color:var(--text-accent)}.tag{align-items:center;gap:var(--space-xs);height:20px;padding:0 var(--space-md);border-radius:var(--radius-xs);font-size:var(--font-size-sm);white-space:nowrap;line-height:1;display:inline-flex}.tag-muted{color:var(--text-secondary);background:var(--wash-active)}.tag-info{color:var(--text-accent);background:var(--bg-accent-muted)}.tag-success{color:var(--text-success);background:var(--bg-success-muted)}.tag-warning{color:var(--text-warning);background:var(--bg-warning-muted)}.tag-danger{color:var(--text-danger);background:var(--bg-danger-muted)}.tag-promotion{color:var(--text-promotion);background:var(--bg-promotion-muted)}.check{border:var(--border-width-lg) solid var(--border-primary);border-radius:var(--radius-sm);width:20px;height:20px;color:var(--on-accent);transition:background var(--motion-fast) var(--ease-smooth);flex:none;justify-content:center;align-items:center;display:inline-flex}.check[data-on=true]{border-color:var(--vibrant-accent);background:var(--vibrant-accent)}.input{min-width:0;color:var(--text-primary);font:inherit;font-size:var(--font-size-lg);background:0 0;border:0;flex:1}.input:focus-visible{box-shadow:none}.field:focus-within{box-shadow:0 0 0 2px var(--focus)}.play{flex:1}.progress{border-radius:var(--radius-full);background:var(--wash-active);height:4px;overflow:hidden}.progress>div{background:var(--vibrant-accent);height:100%;transition:width var(--motion-slow) var(--ease-smooth)}.stress{-webkit-text-decoration:underline var(--vibrant-accent) 3px;text-decoration:underline var(--vibrant-accent) 3px;text-underline-offset:.2em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.face{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;overflow-wrap:anywhere;flex-direction:column;display:flex}.deck{perspective:1000px;flex:1;min-height:240px;display:flex}.swipe{border-radius:var(--radius-2xl);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;transition:transform var(--motion-moderate) var(--ease-enter);flex:1;display:grid;position:relative}.swipe[data-drag]{transition:none}.swipe[data-out]{transition-timing-function:var(--ease-exit)}.flip{transform-style:preserve-3d;transition:transform var(--motion-moderate) var(--ease-enter);position:relative}.flip[data-flipped=true]{transform:rotateY(180deg)}.flip>.face{padding:var(--space-xl);border:var(--border-width-md) solid var(--border-primary);border-radius:var(--radius-2xl);background:var(--bg-primary);box-shadow:0 4px 0 0 var(--shadow-low);backface-visibility:hidden;position:absolute;inset:0}.flip>.face-back{transform:rotateY(180deg)}.tint{z-index:1;border-radius:inherit;pointer-events:none;opacity:var(--tint,0);background:color-mix(in srgb, var(--vibrant-success) 30%, transparent);position:absolute;inset:0}.swipe[data-dir=again] .tint{background:color-mix(in srgb, var(--vibrant-danger) 30%, transparent)}.actions{gap:var(--space-lg);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}