.frontend-update{box-sizing:border-box;position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:80;width:min(420px,calc(100vw - 32px));padding:18px;border:1px solid #705279;border-top:3px solid #ed6ac4;border-radius:12px;background:#23192e;color:#f3edf8;box-shadow:0 12px 36px #0007;font-family:var(--font-ui, "Segoe UI", system-ui, sans-serif)}.frontend-update strong{font-size:15px}.frontend-update p{margin:7px 0 14px;color:#c5b8d2;font-size:13px;line-height:1.5}.frontend-update-actions{display:flex;gap:10px}.frontend-update button{min-height:38px;padding:8px 16px;border:1px solid #705279;border-radius:7px;background:#35263f;color:#f3edf8;cursor:pointer;font:inherit;font-size:13px;font-weight:600}.frontend-update .frontend-update-refresh{background:#ed6ac4;color:#211225;border-color:#ed6ac4}.frontend-update button:hover{filter:brightness(1.1)}.frontend-update button:focus-visible{outline:2px solid #f5c5e8;outline-offset:3px}@media(max-width:480px){.frontend-update{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}:root{--font-ui: "Segoe UI", system-ui, sans-serif;font-family:var(--font-ui);color:#f3edf8;background:#12101c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{max-width:1280px;margin:0 auto;padding:36px 32px}.race-workspace{margin-top:24px}.race-sync{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:14px 4px 20px;color:#c5b8d2}.race-sync a{color:#ff77b6}.account-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.account-dialog{width:min(640px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 80px #0008}.backup-import{margin-top:32px;padding-top:20px;border-top:1px solid #4c3c60}.backup-file{margin-top:24px}.backup-import li{font-size:12px;overflow-wrap:anywhere}header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px}header{padding-bottom:28px;border-bottom:1px solid #3f3451}.wordmark,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700}.brand{font-size:26px;font-weight:900;font-style:italic;letter-spacing:-1px;line-height:1.1;color:#f3edf8;white-space:nowrap}.brand span{color:#ff3c98}@media(max-width:600px){.brand{font-size:21px}.shell>header{flex-wrap:wrap;align-items:flex-start}.header-right{gap:10px}}.status{display:inline-flex;align-items:center;gap:8px;color:#c5b8d2;font-size:13px}.dot{width:7px;height:7px;border-radius:50%;background:#96889f}.connected .dot{background:#ff77b6}.intro{padding:78px 0 54px}.eyebrow{color:#cdb5e4;margin:0 0 18px}h1{font-size:clamp(38px,6vw,62px);font-weight:600;letter-spacing:-.055em;line-height:1.1;margin:0}h1 span{color:#ff77b6}.lede{color:#c5b8d2;font-size:19px;margin:22px 0 0}.counter-panel{padding:32px;background:#211a30;border:1px solid #4c3c60;border-radius:16px}h2{font-size:24px;font-weight:550;letter-spacing:-.025em;margin:0 0 12px}.muted{color:#c5b8d2;font-size:14px;line-height:1.6}.count{display:block;font-size:90px;font-variant-numeric:tabular-nums;letter-spacing:-.07em;margin:22px 0;line-height:1.1}.actions{display:flex;flex-wrap:wrap;gap:10px}button{font:inherit;font-size:14px;font-weight:600;padding:13px 21px;border:1px solid transparent;border-radius:8px;cursor:pointer;background:#ff77b6;color:#210d1d}button span{margin-left:24px}button:hover{background:#ff9aca}button.secondary{color:#f0e5f7;background:transparent;border-color:#695278}button.secondary:hover{background:#35283f}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid #f3edf8;outline-offset:4px}input,select,textarea{width:100%;padding:13px 14px;background:#171221;border:1px solid #5a466d;border-radius:8px;color:#f3edf8;font:inherit;font-size:14px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff77b6;outline-offset:2px}input::placeholder,textarea::placeholder{color:#9888ab}label{display:block;font-size:13px;font-weight:600;margin:0 0 20px}label input,label select,label textarea{margin-top:9px}textarea{min-height:110px;resize:vertical}select{min-height:50px;padding:12px 40px 12px 14px;border-color:#51405e;border-radius:10px;background:#17111f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%23baa7c9' stroke-width='1.5'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 14px center;font-size:15px;font-weight:400;-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:dark;cursor:pointer;transition:border-color .15s,box-shadow .15s}select:hover:not(:disabled){border-color:#857091}select:focus{border-color:#ff85bd;outline:none;box-shadow:0 0 0 3px #ff85bd20}select:disabled{opacity:.5;cursor:default}option{background:#21192e;color:#f3edf8}@media(forced-colors:active){select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-image:none}}.archive-log p{overflow-wrap:anywhere}.admin-panel>summary{cursor:pointer;font-size:18px;font-weight:700}.archive-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;border-bottom:1px solid #4c3c60;padding-bottom:14px}.archive-tabs button{color:#c5b8d2;background:transparent;padding:10px 16px}.archive-tabs button[aria-selected=true]{color:#ff9bcd;background:#38233c;border-color:#b45287}.archive-tabs span{display:inline-block;min-width:24px;border-radius:20px;padding:2px 6px;background:#ffffff12;font-size:12px;margin-left:6px}.archive-filters{display:grid;grid-template-columns:1fr 180px;gap:16px}.archive-items strong,.archive-log strong{display:block}.archive-kind{display:inline-block;color:#d6abd0;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:6px}.archive-empty{padding:28px;border:1px dashed #695278;border-radius:12px;text-align:center}.archive-driver-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.archive-confirm-item{padding:14px 16px;border:1px solid #4c3c60;border-radius:10px;background:#171221;overflow-wrap:anywhere}.archive-confirm-options{border:0;padding:0;margin:0;min-width:0}.reason-options{border:0;padding:0;margin:22px 0 0;min-width:0}.reason-options legend{font-size:14px;font-weight:600;margin-bottom:12px}.reason-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.reason-choices button{padding:9px 12px;font-size:13px}.reason-choices button[aria-pressed=true]{color:#ffb3d8;background:#51243e;border-color:#ff77b6}.reason-note summary{font-size:13px;color:#c5b8d2;cursor:pointer;margin-bottom:12px}.archive-result-option{border:1px solid #4c3c60;border-radius:10px;padding:14px;margin-top:18px}.archive-result-option label{margin:0;cursor:pointer}.archive-result-option input{width:auto;margin:0 10px 0 0}.archive-result-option small{display:block;color:#c5b8d2;line-height:1.6;font-weight:400;margin-top:8px;text-transform:none}.archive-result-option p{margin:0}.archive-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:12px;padding:14px 18px;width:max-content;max-width:calc(100vw - 32px);background:#211a30;border:1px solid #94628c;border-radius:12px;box-shadow:0 12px 45px #0008}.archive-toast>div{min-width:0}.archive-toast strong,.archive-toast span{display:block}.archive-toast span{color:#c5b8d2;font-size:12px;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.archive-filters{grid-template-columns:1fr;gap:0}.archive-toast{flex-wrap:wrap;width:calc(100vw - 32px)}.archive-toast>div{flex-basis:100%}.archive-tabs button{padding:10px}}.header-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:16px}.account-name{font-size:13px}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:52px;padding:88px 0 50px}.login-intro h1{font-size:clamp(38px,4.7vw,54px);line-height:1.13}.login-intro .lede{font-size:17px;line-height:1.7;max-width:320px}.invite-note{margin-top:48px;max-width:290px}.invite-note p{color:#b5a3c7;font-size:14px;line-height:1.7}.badge{display:inline-block;color:#ff77b6;background:#38203b;border:1px solid #75425e;border-radius:5px;padding:5px 8px;font-size:10px;letter-spacing:.1em}.form-panel,.admin-panel{padding:30px;background:#211a30;border:1px solid #4c3c60;border-radius:16px}.form-panel>.muted{margin-bottom:28px}.form-panel h2{font-size:26px}.password-input{position:relative}.password-input input{padding-right:68px}.password-input button{position:absolute;right:9px;top:19px}.text-button{padding:3px 5px;color:#ff77b6;background:transparent;font-size:13px}.text-button:hover{background:#35283f}.full-width{width:100%;display:flex;align-items:center;justify-content:space-between}.below-form{margin-top:24px}.small{font-size:12px}.invite-entry{padding-top:16px}.compact{padding:8px 12px;font-size:12px}.admin-panel{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.invite-form{display:grid;grid-template-columns:1fr 130px auto;align-items:end;gap:14px;margin-top:28px}.invite-form label{margin:0}.invite-form button{white-space:nowrap;padding-top:14px;padding-bottom:14px}.link-result{background:#171221;border:1px solid #75425e;padding:18px;border-radius:10px;margin-top:24px}.link-result input{margin-bottom:12px}.record-list{list-style:none;margin:0;padding:0}.record-list li{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0;border-top:1px solid #4c3c60}.record-list li>div:first-child{flex:1;min-width:130px}.record-list strong{font-size:14px}.record-list p{margin:5px 0 0}.pill{background:#3f3451;padding:5px 9px;font-size:11px;border-radius:20px;color:#ccbbd9}h3{font-size:16px;font-weight:550;margin:32px 0 14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error{color:#ffb6a3;font-size:14px}footer{margin-top:38px;color:#b5a3c7;font-size:12px}@media(max-width:540px){.shell{padding:24px 20px}.wordmark{font-size:9px}.intro{padding:56px 0 38px}.counter-panel{padding:24px}.status{font-size:12px}}@media(max-width:760px){.login-layout{grid-template-columns:1fr;padding:50px 0 24px;gap:32px}.login-intro .lede{max-width:none}.invite-note{margin-top:24px;max-width:none}.invite-form{grid-template-columns:1fr 120px}.invite-form button{grid-column:1 / -1}.form-panel,.admin-panel{padding:24px}.header-right{gap:10px}}:root{color-scheme:dark;--page: #12101c;--panel: #211a30;--accent: #ff77b6;--text: #f3edf8;--muted: #c5b8d2;--border: #4c3c60}body{background:radial-gradient(ellipse at top right,#301b3a55,transparent 65%),var(--page)}.wordmark{color:#ead9fa}.status.connected{color:#e2cde9}.badge{color:#ff9bcd}.race-sync a:hover{color:#ffb1d7}input,select,textarea{accent-color:var(--accent)}::selection{background:#d33e8b66;color:#fff}.account-dialog-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}button,label,legend,summary,nav a{text-transform:capitalize}input,textarea,select,option{text-transform:none}