:root{color-scheme:light dark;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--primary: #5b7c99;--on-primary: #ffffff;--primary-container: #d8e6f3;--on-primary-container: #1a3a52;--secondary: #5c6b7a;--on-secondary: #ffffff;--tertiary: #6b7c8c;--on-tertiary: #ffffff;--tertiary-container: #d4dfe9;--on-tertiary-container: #1f2f3d;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--surface: #fbfcfd;--on-surface: #1a1c1e;--background: #f7f9fa;--surface-variant: #e2e8f0;--on-surface-variant: #44474e;--outline: #74777f;--shadow: rgba(0, 0, 0, .12);--action-orange: #f57c00;--on-action-orange: #ffffff;--action-purple: #6d28d9;--on-action-purple: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}@media(prefers-color-scheme:dark){:root{--primary: #acc7e3;--on-primary: #1a3a52;--primary-container: #3d5a73;--on-primary-container: #d8e6f3;--secondary: #bcc7d6;--on-secondary: #2e3842;--tertiary: #b8c8d8;--on-tertiary: #344451;--tertiary-container: #3a4b5a;--on-tertiary-container: #d4dfe9;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--surface: #1a1c1e;--on-surface: #e2e8f0;--background: #1a1c1e;--surface-variant: #44474e;--on-surface-variant: #c4c7cf;--outline: #8e9099;--shadow: rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-ui);font-size:14px;line-height:1.45;color:var(--on-surface);background:var(--page-background, var(--background));-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:4px;min-height:56px;padding:4px 8px}.topbar__title{flex:1;font-size:22px;font-weight:600;padding-left:8px}.topbar__spacer{flex:1}.page-body{flex:1;display:flex;flex-direction:column}.panel-wrap{flex:1;display:flex;justify-content:center;padding:16px}.panel{width:100%;align-self:flex-start;background:var(--surface);border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);border-radius:var(--radius-md);box-shadow:0 10px 18px var(--shadow);padding:16px 20px}.panel--center{align-self:center}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--stack-gap, 12px)}.row{display:flex;align-items:center;gap:10px}.row--wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.title-lg{font-size:22px;font-weight:800;margin:0}.title-md{font-size:16px;font-weight:700;margin:0}.title-sm{font-size:14px;font-weight:700;margin:0}.body-md{font-size:14px;margin:0;color:color-mix(in srgb,var(--on-surface-variant) 90%,transparent)}.body-sm{font-size:12px;margin:0;color:var(--on-surface-variant)}.label-sm{font-size:11px;letter-spacing:.5px;font-weight:500;margin:0;color:color-mix(in srgb,var(--on-surface-variant) 80%,transparent);line-height:1.4}.text-center{text-align:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);padding:12px 18px;font-weight:700;font-size:15px;cursor:pointer;background:var(--surface-variant);color:var(--on-surface);transition:filter .12s ease,opacity .12s ease;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){filter:brightness(.96)}.btn:active:not(:disabled){filter:brightness(.9)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--block{width:100%;min-height:54px;font-size:17px;font-weight:800;letter-spacing:.4px}.btn--orange{background:var(--action-orange);color:var(--on-action-orange)}.btn--purple{background:var(--action-purple);color:var(--on-action-purple)}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--tonal{background:var(--primary-container);color:var(--on-primary-container)}.btn--outline{background:transparent;border:1px solid color-mix(in srgb,var(--outline) 50%,transparent);color:var(--on-surface-variant)}.btn--text{background:transparent;color:var(--primary);padding:8px 10px}.btn--error{background:var(--error);color:var(--on-error)}.btn--secondary{background:var(--secondary);color:var(--on-secondary)}.btn--sm{padding:8px 12px;font-size:13px;border-radius:var(--radius-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:999px;background:transparent;color:var(--primary);cursor:pointer}.icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 10%,transparent)}.icon-btn:disabled{color:var(--outline);cursor:not-allowed}.icon-btn svg{width:24px;height:24px;fill:currentColor}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-size:12px;font-weight:600;color:var(--on-surface-variant)}.field__helper{font-size:11px;color:var(--on-surface-variant);line-height:1.4}.input,.select{width:100%;min-height:46px;padding:10px 12px;border-radius:var(--radius-sm);border:2px solid color-mix(in srgb,var(--outline) 40%,transparent);background:color-mix(in srgb,var(--surface-variant) 55%,transparent);color:var(--on-surface);outline:none}.input:focus,.select:focus{border-color:var(--primary)}.input--error{border-color:var(--error)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .input{padding-right:88px}.input-wrap__actions{position:absolute;right:4px;display:flex}.input-wrap__actions .icon-btn{width:38px;height:38px}.input-wrap__actions .icon-btn svg{width:20px;height:20px}.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.slider{width:100%;accent-color:var(--primary)}.color-swatch{width:44px;height:32px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--outline) 25%,transparent);padding:0;cursor:pointer;background:transparent}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:none;border-radius:var(--radius-md)}.color-swatch::-moz-color-swatch{border:none;border-radius:var(--radius-md)}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--outline) 40%,transparent);background:transparent;color:var(--on-surface);cursor:pointer;font-weight:600;max-width:100%}.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip--selected{background:var(--primary-container);color:var(--on-primary-container);border-color:transparent}.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.card{background:var(--surface);border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);border-radius:var(--radius-md)}.tile{background:color-mix(in srgb,var(--surface-variant) 35%,transparent);border-radius:var(--radius-md);padding:12px 14px}.tile--clickable{cursor:pointer;border:none;width:100%;text-align:left}.tile--clickable:hover{background:color-mix(in srgb,var(--surface-variant) 55%,transparent)}.info-box{width:100%;padding:16px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-variant) 55%,transparent);border:1px solid color-mix(in srgb,var(--outline) 35%,transparent)}.error-panel{width:100%;padding:14px;border-radius:var(--radius-lg);background:var(--error-container);border:1px solid color-mix(in srgb,var(--error) 35%,transparent);color:var(--on-error-container)}.error-panel__head{display:flex;align-items:center;gap:10px}.error-panel__head .icon-btn{color:var(--on-error-container)}.error-panel__title{flex:1;font-weight:700;font-size:14px}.error-panel__body{margin-top:10px;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;font-size:14px}.progress{position:relative;height:4px;width:100%;overflow:hidden;border-radius:999px;background:var(--primary-container)}.progress:after{content:"";position:absolute;left:-40%;width:40%;height:100%;background:var(--primary);animation:progress-slide 1.2s infinite ease-in-out}@keyframes progress-slide{0%{left:-40%}to{left:100%}}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid var(--primary-container);border-top-color:var(--primary);animation:spin .9s linear infinite;margin:20px auto}.spinner--sm{width:22px;height:22px;border-width:2.5px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal-sheet{width:100%;max-width:720px;max-height:92vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:8px 20px 20px}.modal-sheet__handle{width:36px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--outline) 60%,transparent);margin:6px auto 14px}@media(min-width:720px){.modal-backdrop{align-items:center}.modal-sheet{border-radius:var(--radius-lg)}}.toast-host{position:fixed;left:0;right:0;bottom:16px;display:flex;justify-content:center;pointer-events:none;z-index:60}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100% - 32px));padding:12px 16px;border-radius:var(--radius-sm);background:var(--on-surface);color:var(--surface);box-shadow:0 8px 18px var(--shadow)}.toast__action{border:none;background:transparent;color:var(--primary-container);font-weight:700;cursor:pointer;padding:4px 6px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad__key{border:none;border-radius:6px;padding:14px 0;font-size:22px;font-weight:800;background:var(--surface-variant);color:var(--on-surface);cursor:pointer}.keypad__key:active{filter:brightness(.9)}.keypad__key--clear{background:var(--error);color:var(--on-error)}.keypad__key--delete{background:var(--secondary);color:var(--on-secondary)}.logo-frame{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md);background:transparent}.logo-frame--placeholder{background:var(--surface);border:1px solid color-mix(in srgb,var(--outline) 18%,transparent)}.logo-frame img{display:block;max-width:100%;max-height:100%;object-fit:contain}.logo-frame--error{border-color:color-mix(in srgb,var(--error) 35%,transparent);color:var(--error)}.hover-scale{transition:transform .18s ease-out}.hover-scale:hover{transform:scale(1.04)}.results{width:100%;max-width:980px;margin:0 auto;padding:18px 16px;text-align:center}.results__logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 16px;margin-bottom:18px}.results__events{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px}.results__name{cursor:pointer;border:none;background:transparent;width:100%;padding:0;margin:0;-webkit-text-stroke:2px #ffffff;paint-order:stroke fill}.results__block{margin:0}.results__metric{margin-top:18px}.results__metric>*{margin:0}.results__metric>*+*{margin-top:6px}.results__value{display:inline-flex;align-items:center;justify-content:center;gap:.35em}.metric-action{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:.15em;margin:-.15em 0;border-radius:999px;cursor:pointer;color:inherit;line-height:1;opacity:.85;transition:opacity .12s ease,background .12s ease}.metric-action:hover{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent)}.metric-action svg{width:1.15em;height:1.15em;fill:currentColor;display:block}.candidate-list{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto}.candidate{display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--outline) 25%,transparent);background:var(--surface);color:var(--on-surface);cursor:pointer;text-align:left;width:100%}.candidate:hover{background:color-mix(in srgb,var(--surface-variant) 40%,transparent)}.pill{padding:6px 10px;border-radius:999px;background:var(--primary-container);color:var(--on-primary-container);font-weight:600;font-size:13px;white-space:nowrap}.icon-circle{width:72px;height:72px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--error-container);color:var(--on-error-container)}.icon-circle svg{width:36px;height:36px;fill:currentColor}.expander{border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);border-radius:var(--radius-md);margin-bottom:10px;background:var(--surface)}.expander>summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;align-items:center;gap:10px}.expander>summary::-webkit-details-marker{display:none}.expander__body{padding:0 16px 16px}.preview-box{background:color-mix(in srgb,var(--surface-variant) 35%,transparent);border-radius:var(--radius-sm);padding:12px 8px;text-align:center;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.standings{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}.standings__row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);background:var(--surface)}.standings__row--me{background:var(--primary-container);color:var(--on-primary-container);border-color:transparent;font-weight:700}.standings__place{font-weight:800;font-size:16px}.standings__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings__meta{font-size:12px;color:var(--on-surface-variant)}.standings__row--me .standings__meta{color:inherit}.standings__time{font-variant-numeric:tabular-nums;font-weight:600}