html{background:#0b0f0e}body{min-width:320px;margin:0}.punch-card-reader{--ink:#e8e5dc;--muted:#898d87;--line:#303633;--panel:#151a19;--canvas:#0e1211;--acid:#d7ff5e;--orange:#ff835c}:where(.punch-card-reader) *{box-sizing:border-box}.punch-card-reader{color:var(--ink);background:#0b0f0e;font-family:system-ui,sans-serif}:where(.punch-card-reader) button,:where(.punch-card-reader) select,:where(.punch-card-reader) input{font:inherit}:where(.punch-card-reader) .app-shell{max-width:1600px;min-height:100vh;margin:auto;padding:28px 34px 18px}:where(.punch-card-reader) .topbar,:where(.punch-card-reader) .workspace,:where(.punch-card-reader) .footer-note{max-width:1440px;margin:auto}:where(.punch-card-reader) .topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:28px;display:flex}:where(.punch-card-reader) .brand-lockup{align-items:center;gap:14px;display:flex}:where(.punch-card-reader) .brand-mark{background:var(--acid);color:#121811;place-items:center;width:42px;height:42px;font:500 14px ui-monospace,monospace;display:grid}:where(.punch-card-reader) .eyebrow,:where(.punch-card-reader) .field-label,:where(.punch-card-reader) .section-number,:where(.punch-card-reader) .status,:where(.punch-card-reader) .live-label,:where(.punch-card-reader) .resolution,:where(.punch-card-reader) .camera-label,:where(.punch-card-reader) .footer-note,:where(.punch-card-reader) .field-note,:where(.punch-card-reader) .message,:where(.punch-card-reader) output,:where(.punch-card-reader) kbd,:where(.punch-card-reader) pre{font-family:ui-monospace,monospace}:where(.punch-card-reader) .eyebrow{color:var(--acid);letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font-size:10px}:where(.punch-card-reader) h1{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,32px);line-height:1}:where(.punch-card-reader) h2{margin:0 0 3px;font-size:15px}:where(.punch-card-reader) p{margin:0}:where(.punch-card-reader) .status{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}:where(.punch-card-reader) .status-dot{background:#5c665e;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}:where(.punch-card-reader) .status-dot.live{background:var(--acid);box-shadow:0 0 12px var(--acid)}:where(.punch-card-reader) .workspace{background:var(--line);border:1px solid var(--line);grid-template-columns:250px minmax(400px,1fr);gap:1px;margin-top:28px;display:grid}:where(.punch-card-reader) .panel{background:var(--panel);padding:22px}:where(.punch-card-reader) .control-panel,:where(.punch-card-reader) .data-panel{min-width:0}:where(.punch-card-reader) .viewer{min-width:0;padding:0}:where(.punch-card-reader) .panel-heading{gap:12px;margin-bottom:28px;display:flex}:where(.punch-card-reader) .section-number{color:var(--acid);padding-top:2px;font-size:11px}:where(.punch-card-reader) .panel-heading p{color:var(--muted);font-size:11px}:where(.punch-card-reader) .recognition-heading{margin-top:34px;margin-bottom:18px}:where(.punch-card-reader) .field-label{color:#bfc2b9;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}:where(.punch-card-reader) .field-label span{color:var(--muted);text-transform:none;letter-spacing:0}:where(.punch-card-reader) select{border:1px solid var(--line);width:100%;color:var(--ink);background:#0e1312;border-radius:0;padding:10px;font-size:12px}:where(.punch-card-reader) .field-note,:where(.punch-card-reader) .message{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.5}:where(.punch-card-reader) .field-row{margin:18px 0}:where(.punch-card-reader) output{color:var(--acid);text-transform:none;letter-spacing:0;font-size:10px}:where(.punch-card-reader) input[type=range]{width:100%;accent-color:var(--acid)}:where(.punch-card-reader) .roi-controls{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}:where(.punch-card-reader) .roi-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}:where(.punch-card-reader) .roi-grid label{color:var(--muted);text-transform:uppercase;font:10px ui-monospace,monospace}:where(.punch-card-reader) .roi-grid input{border:1px solid var(--line);width:100%;color:var(--ink);background:#0e1312;margin-top:5px;padding:7px;font:11px ui-monospace,monospace;display:block}:where(.punch-card-reader) .capture-button{background:var(--acid);color:#11170e;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:24px;padding:13px 12px;font-size:12px;font-weight:700;display:flex}:where(.punch-card-reader) .capture-button:hover{background:#eeffad}:where(.punch-card-reader) .capture-icon{border:2px solid;width:13px;height:10px;position:relative}:where(.punch-card-reader) .capture-icon:before{content:"";border:1px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:1px;left:2px}:where(.punch-card-reader) .capture-icon:after{content:"";background:currentColor;width:5px;height:2px;position:absolute;top:-4px;left:2px}:where(.punch-card-reader) kbd{color:#607230;margin-left:auto;font-size:9px}:where(.punch-card-reader) .viewer-toolbar,:where(.punch-card-reader) .viewer-footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:53px;padding:0 18px;display:flex}:where(.punch-card-reader) .viewer-footer{border-top:1px solid var(--line);color:var(--muted);border-bottom:0;font:10px ui-monospace,monospace}:where(.punch-card-reader) .live-label{color:var(--acid);text-transform:uppercase;letter-spacing:.1em;font-size:10px}:where(.punch-card-reader) .resolution,:where(.punch-card-reader) .camera-label{color:var(--muted);margin-left:12px;font-size:10px}:where(.punch-card-reader) .image-stage{aspect-ratio:4/3;background:var(--canvas);position:relative;overflow:hidden}:where(.punch-card-reader) .image-stage video,:where(.punch-card-reader) .captured-image{object-fit:contain;width:100%;height:100%;display:block}:where(.punch-card-reader) .image-stage video{position:absolute}:where(.punch-card-reader) .image-stage video.is-dimmed{opacity:.16}:where(.punch-card-reader) .captured-image{position:relative}:where(.punch-card-reader) .roi-box{border:1px solid var(--acid);pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #050a0838}:where(.punch-card-reader) .roi-box>span:first-child{color:var(--acid);font:9px ui-monospace,monospace;position:absolute;top:-18px;left:-1px}:where(.punch-card-reader) .hole-marker{background:#10151366;border:1px solid #e8e5dcb3;border-radius:50%;width:16px;height:16px;margin:-8px;position:absolute}:where(.punch-card-reader) .hole-marker.punched{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 3px #ff835c33}:where(.punch-card-reader) .empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}:where(.punch-card-reader) .empty-icon{color:var(--acid);margin-bottom:12px;font-size:44px;line-height:1}:where(.punch-card-reader) .empty-state strong{color:var(--ink);font-size:13px}:where(.punch-card-reader) .empty-state p{max-width:260px;margin-top:6px;font-size:11px}:where(.punch-card-reader) .legend-dot{border-radius:50%;width:7px;height:7px;margin:0 5px 0 12px;display:inline-block}:where(.punch-card-reader) .punched-dot{background:var(--orange);margin-left:0}:where(.punch-card-reader) .empty-dot{border:1px solid var(--muted)}:where(.punch-card-reader) .result-summary{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:17px 0 20px;display:flex}:where(.punch-card-reader) .result-summary strong{color:var(--acid);letter-spacing:-.08em;font-size:42px;line-height:1}:where(.punch-card-reader) .result-summary span{color:var(--muted);font-size:10px}:where(.punch-card-reader) .pattern-grid{gap:5px;padding:20px 0;display:grid}:where(.punch-card-reader) .pattern-hole{aspect-ratio:1;border:1px solid #4b5550;border-radius:50%}:where(.punch-card-reader) .pattern-hole.punched{border-color:var(--orange);background:var(--orange)}:where(.punch-card-reader) .data-panel pre{color:#9ba39a;background:#0e1312;min-height:150px;margin:0;padding:14px;font-size:9px;line-height:1.6;overflow:auto}:where(.punch-card-reader) .hidden-canvas{display:none}:where(.punch-card-reader) .footer-note{color:#59615b;justify-content:space-between;padding-top:16px;font-size:10px;display:flex}@media (width<=1050px){:where(.punch-card-reader) .workspace{grid-template-columns:220px minmax(350px,1fr)}:where(.punch-card-reader) .data-panel{grid-column:1/-1;grid-template-columns:1fr 1fr 2fr;gap:20px;display:grid}:where(.punch-card-reader) .data-panel .panel-heading{margin:0}:where(.punch-card-reader) .data-panel pre{min-height:100px}}@media (width<=700px){:where(.punch-card-reader) .app-shell{padding:18px 12px}:where(.punch-card-reader) .topbar{flex-direction:column;align-items:flex-start;gap:15px}:where(.punch-card-reader) .workspace{flex-direction:column;display:flex}:where(.punch-card-reader) .control-panel{order:2}:where(.punch-card-reader) .viewer{order:1}:where(.punch-card-reader) .data-panel{order:3;display:block}:where(.punch-card-reader) .data-panel .panel-heading{margin-bottom:16px}:where(.punch-card-reader) .footer-note{font-size:9px}:where(.punch-card-reader) .viewer-toolbar,:where(.punch-card-reader) .viewer-footer{padding:0 12px}}:where(.punch-card-reader) .auto-region{color:var(--ink);align-items:center;gap:8px;font-size:12px;display:flex}:where(.punch-card-reader) .auto-region input{accent-color:var(--acid)}:where(.punch-card-reader) .roi-controls>.field-note{margin-bottom:16px}:where(.punch-card-reader) .scan-actions{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:24px;display:grid}:where(.punch-card-reader) .scan-actions .capture-button{margin-top:0}:where(.punch-card-reader) .scan-button{border:1px solid var(--acid);color:var(--acid);cursor:pointer;text-transform:uppercase;background:0 0;padding:13px 12px;font:700 12px ui-monospace,monospace}:where(.punch-card-reader) .scan-button:hover{background:var(--acid);color:#11170e}:where(.punch-card-reader) .pattern-hole-button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;min-width:0;padding:2px}:where(.punch-card-reader) .pattern-hole-button:disabled{cursor:default}:where(.punch-card-reader) .pattern-hole-button:focus-visible{outline:1px solid var(--acid);outline-offset:2px}:where(.punch-card-reader) .pattern-hole-button .pattern-hole{width:100%;height:100%;display:block}:where(.punch-card-reader) .pattern-hole-button.corrected .pattern-hole{outline:2px solid var(--acid);outline-offset:2px}:where(.punch-card-reader) .review-actions{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}:where(.punch-card-reader) .confirm-button{border:1px solid var(--acid);width:100%;color:var(--acid);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:0 0;margin-top:12px;padding:11px 12px;font:700 11px ui-monospace,monospace}:where(.punch-card-reader) .confirm-button:hover:not(:disabled){background:var(--acid);color:#11170e}:where(.punch-card-reader) .confirm-button:disabled{border-color:var(--line);color:var(--muted);cursor:default}:where(.punch-card-reader) .roi-box{pointer-events:auto}:where(.punch-card-reader) .roi-label{pointer-events:none}:where(.punch-card-reader) .hole-marker{cursor:pointer;padding:0}:where(.punch-card-reader) .hole-marker:disabled{cursor:default}:where(.punch-card-reader) .roi-cell-button{cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute}:where(.punch-card-reader) .roi-cell-button:disabled{cursor:default}:where(.punch-card-reader) .roi-cell-button:focus-visible{outline:1px solid var(--acid);outline-offset:-1px}:where(.punch-card-reader) .roi-cell-button .hole-marker{pointer-events:none}:where(.punch-card-reader) .reader-settings-button{width:100%;margin-top:18px}:where(.punch-card-reader) .reader-sidebar{align-content:start;gap:18px;min-width:0;display:grid}.punch-card-reader .cleans-panel .panel-heading{margin-bottom:6px}:where(.punch-card-reader) .cleans-count{color:var(--acid);font:600 40px/1 ui-monospace,monospace}@media (width<=700px){:where(.punch-card-reader) .reader-sidebar{order:2;width:100%}}.punch-card-reader .panel.score-summary{grid-template-columns:1fr 1fr;gap:16px;padding-top:10px;padding-bottom:10px;display:grid}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-surface:#f6fbf4;--md-container:#fff;--md-container-high:#e8efe6;--md-on-surface:#182019;--md-on-surface-variant:#465247;--md-primary:#29683c;--md-on-primary:#fff;--md-primary-container:#c1efc7;--md-on-primary-container:#10391c;--md-outline:#707d70;--md-outline-variant:#c3cec1;--md-error:#a32924;--md-error-container:#ffdad6;--md-shadow:0 4px 16px #1820191f;color:var(--md-on-surface);background:var(--md-surface);font-family:system-ui,sans-serif;font-size:16px;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-surface:#101510;--md-container:#19211a;--md-container-high:#253027;--md-on-surface:#e1e9df;--md-on-surface-variant:#bdcbbb;--md-primary:#9dd6a6;--md-on-primary:#073917;--md-primary-container:#20512e;--md-on-primary-container:#b9edc2;--md-outline:#899786;--md-outline-variant:#465445;--md-error:#ffb4ab;--md-error-container:#68201b;--md-shadow:0 4px 16px #0000003d}html,body{background:var(--md-surface);color:var(--md-on-surface)}button,input,select,textarea{font-family:system-ui,sans-serif}button,summary,input,select,textarea,[role=option],a{-webkit-tap-highlight-color:transparent}button,summary,[role=option]{touch-action:manipulation}:root :focus-visible{outline:3px solid var(--md-primary);outline-offset:3px}:root button:disabled{opacity:.45;cursor:not-allowed}:root input:disabled,:root select:disabled,:root textarea:disabled{opacity:.65;cursor:not-allowed}.skip-link{z-index:30;background:var(--md-primary);color:var(--md-on-primary);border-radius:24px;padding:12px 24px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.dashboard-shell{width:min(1440px,100% - 48px);padding:24px 0 40px}.dashboard-header{justify-content:flex-start;padding-bottom:20px}.title-lockup{text-align:left;width:100%;min-width:0}.header-context{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.header-context .current-event-heading{text-align:right;overflow-wrap:anywhere;margin-left:auto}.title-lockup p{color:var(--md-on-surface-variant);letter-spacing:.02em;text-transform:none;font:500 14px/1.5 system-ui,sans-serif}.title-lockup h1{letter-spacing:0;word-spacing:normal;margin-top:4px;font:500 clamp(26px,3vw,36px)/1.2 system-ui,sans-serif}.main-menubar{background:var(--md-container-high);border:0;border-radius:20px;gap:8px;min-height:64px;padding:8px}.menu-group{gap:8px}.menu-button,.admin-menu summary{min-width:48px;min-height:48px;color:var(--md-on-surface-variant);text-transform:none;letter-spacing:normal;border-radius:24px;padding:12px 20px;font:500 14px/1.4 system-ui,sans-serif}.home-button{padding:8px 14px;font-size:24px}.menu-button:hover,.menu-button.active,.menu-button[aria-current=page],.admin-menu summary:hover,.admin-menu[open] summary,.admin-menu summary[aria-current=page]{color:var(--md-on-primary-container);background:var(--md-primary-container)}.admin-menu summary{gap:8px}.admin-dropdown{border:1px solid var(--md-outline-variant);background:var(--md-container);min-width:224px;box-shadow:var(--md-shadow);z-index:10;border-radius:16px;padding:8px}.admin-dropdown button{min-height:48px;color:var(--md-on-surface);border-radius:8px;padding:12px 16px;font:500 14px/1.5 system-ui,sans-serif}.admin-dropdown button:hover,.admin-dropdown button[aria-current=page]{color:var(--md-on-primary-container);background:var(--md-primary-container)}.dashboard-content{min-height:0;padding-top:16px}.dashboard-content:focus{outline:none}.event-workspace,.calibration-workspace{max-width:1280px}.event-heading{border-color:var(--md-outline-variant);flex-wrap:wrap;align-items:center;padding-bottom:16px}.event-heading .eyebrow,.calibration-workspace .topbar .eyebrow{letter-spacing:0;text-transform:none;color:var(--md-on-surface);font:500 clamp(20px,2.5vw,28px)/1.3 system-ui,sans-serif}.event-form,.event-table-panel{border:1px solid var(--md-outline-variant);background:var(--md-container);border-radius:16px}.event-form{gap:20px;min-width:0;padding:24px}.event-form>.eyebrow{color:var(--md-on-surface);font:500 16px/1.5 system-ui,sans-serif}.event-form label,.score-loop-picker legend{color:var(--md-on-surface-variant);letter-spacing:0;text-transform:none;min-width:0;font:500 14px/1.5 system-ui,sans-serif}.event-form input,.event-form select,.event-form textarea{border:1px solid var(--md-outline);min-height:56px;color:var(--md-on-surface);background:var(--md-container);border-radius:8px;min-width:0;padding:12px 16px;font:400 16px/1.5 system-ui,sans-serif}.event-form textarea{font-family:ui-monospace,monospace}.event-form input::placeholder,.event-form textarea::placeholder{color:var(--md-on-surface-variant);opacity:1}.event-form input[readonly]{background:var(--md-container-high);color:var(--md-on-surface-variant);border-color:var(--md-outline-variant)}.event-details input[readonly]{font-synthesis:style;font-style:italic}.event-form .class-inactive,.event-form .score-loop-picker label{cursor:pointer;gap:12px;min-height:48px;padding:8px}.event-rider-form .class-inactive{justify-content:flex-start}.event-rider-flags{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.new-rider-dialog{border:1px solid var(--md-outline-variant);background:var(--md-container);width:min(760px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--md-on-surface);box-shadow:var(--md-shadow);border-radius:24px;padding:0}.new-rider-dialog::backdrop{background:#00000080}.new-rider-dialog .event-form{border:0}.new-rider-dialog .class-inactive{justify-content:flex-start}.new-rider-dialog .form-actions{justify-content:flex-end}.event-form input[type=checkbox],.event-form input[type=radio]{width:24px;height:24px;min-height:24px;accent-color:var(--md-primary);flex-shrink:0;padding:0}.event-actions,.form-actions{flex-wrap:wrap;gap:8px}.dashboard-shell .secondary-action,.event-form .primary-action,.event-form .danger-action{border:1px solid var(--md-outline);letter-spacing:0;text-transform:none;cursor:pointer;border-radius:24px;min-height:48px;margin:0;padding:12px 24px;font:500 14px/1.4 system-ui,sans-serif}.dashboard-shell .secondary-action{background:var(--md-container);color:var(--md-primary)}.event-form .primary-action{background:var(--md-primary);color:var(--md-on-primary);border-color:#0000}.event-form .danger-action{color:var(--md-error)!important;border-color:var(--md-error)!important;background:0 0!important}.event-form .danger-action:hover:not(:disabled){background:var(--md-error-container)!important}.dashboard-shell .secondary-action:hover:not(:disabled){background:var(--md-primary-container);color:var(--md-on-primary-container)}.event-form .primary-action:hover:not(:disabled){box-shadow:var(--md-shadow);filter:brightness(.95)}.form-message,.table-empty{color:var(--md-on-surface-variant);overflow-wrap:anywhere;font:400 14px/1.5 system-ui,sans-serif}.table-empty{padding:32px 20px}.table-heading{border-color:var(--md-outline-variant);color:var(--md-on-surface-variant);text-transform:none;letter-spacing:0;gap:12px;padding:16px;font:500 14px/1.5 system-ui,sans-serif}.event-table-wrap{border-radius:16px}.event-table{font-size:14px}.event-table th{color:var(--md-on-surface-variant);letter-spacing:0;text-transform:none;padding:16px;font:500 14px/1.5 system-ui,sans-serif}.event-table td{color:var(--md-on-surface);border-color:var(--md-outline-variant)}.event-table tbody tr:hover,.event-table tbody tr.selected{background:var(--md-container-high)}.class-select{min-width:48px;min-height:48px;color:var(--md-primary)}.rider-options{border:1px solid var(--md-outline);background:var(--md-container);border-radius:12px;max-height:288px}.rider-options [role=option]{min-height:48px;color:var(--md-on-surface);overflow-wrap:anywhere;padding:12px 16px;font-size:16px}.rider-options [role=option]:hover,.rider-options [aria-selected=true]{color:var(--md-on-primary-container);background:var(--md-primary-container)}.score-loop-picker{border-color:var(--md-outline-variant);border-radius:12px}.home-workspace{min-height:360px}.home-workspace img{filter:brightness(.25);max-height:55vh}:root[data-theme=dark] .home-workspace img{filter:none}.offline-notice{background:var(--md-primary-container);color:var(--md-on-primary-container);border-radius:12px;margin:12px 0;padding:12px 16px;font-size:14px}.punch-card-reader,.calibration-workspace .punch-card-reader{--ink:var(--md-on-surface);--muted:var(--md-on-surface-variant);--line:var(--md-outline-variant);--panel:var(--md-container);--acid:var(--md-primary);--canvas:#101510;color:var(--md-on-surface);background:0 0}.punch-card-reader .topbar{border-color:var(--md-outline-variant)}.punch-card-reader .workspace{background:0 0;border:0;align-items:start;gap:16px}.punch-card-reader .panel,.calibration-workspace .panel{border:1px solid var(--md-outline-variant);border-radius:16px}.punch-card-reader .viewer{overflow:hidden}.punch-card-reader .panel-heading h2{font:500 18px/1.4 system-ui,sans-serif}.punch-card-reader .panel-heading p,.punch-card-reader .field-note,.punch-card-reader .message,.punch-card-reader .footer-note{color:var(--md-on-surface-variant);font:400 14px/1.5 system-ui,sans-serif}.punch-card-reader .field-label,.punch-card-reader .roi-grid label,.punch-card-reader .status{letter-spacing:0;text-transform:none;color:var(--md-on-surface-variant);font:500 14px/1.5 system-ui,sans-serif}.punch-card-reader select,.punch-card-reader .roi-grid input,.calibration-workspace select,.calibration-workspace .roi-grid input{border:1px solid var(--md-outline);background:var(--md-container);min-height:48px;color:var(--md-on-surface);border-radius:8px;padding:10px 12px;font:400 16px/1.5 system-ui,sans-serif}.punch-card-reader input[type=range]{min-height:48px;accent-color:var(--md-primary)}.punch-card-reader .scan-button,.punch-card-reader .capture-button,.calibration-workspace .scan-button,.calibration-workspace .capture-button{letter-spacing:0;text-transform:none;border-radius:24px;min-height:48px;padding:12px 16px;font:500 14px/1.4 system-ui,sans-serif}.punch-card-reader .scan-button{border-color:var(--md-outline);color:var(--md-primary)}.punch-card-reader .capture-button{background:var(--md-primary);color:var(--md-on-primary)}.punch-card-reader .capture-button:hover:not(:disabled){background:var(--md-primary);filter:brightness(.95)}.punch-card-reader .scan-button:hover:not(:disabled){color:var(--md-on-primary-container);background:var(--md-primary-container)}.punch-card-reader kbd{color:inherit;font-size:11px}.punch-card-reader .viewer-toolbar,.punch-card-reader .viewer-footer{flex-wrap:wrap;gap:8px;min-height:48px;padding:12px 16px}.punch-card-reader .live-label,.punch-card-reader .resolution,.punch-card-reader .camera-label,.punch-card-reader .viewer-footer{color:var(--md-on-surface-variant);text-transform:none;letter-spacing:0;font:400 12px/1.5 ui-monospace,monospace}.punch-card-reader .roi-box{--acid:#d9ff68}.punch-card-reader .roi-cell-button:focus-visible{outline-offset:-3px;outline:3px solid #d9ff68}.punch-card-reader .cleans-count{font-variant-numeric:tabular-nums}.punch-card-reader .roi-grid{gap:12px}@media (width<=840px){.dashboard-shell{width:calc(100% - 32px);padding-top:16px}.event-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.dashboard-shell{width:calc(100% - 24px);padding-top:12px}.main-menubar{flex-wrap:nowrap;gap:4px}.menu-group{flex:initial;gap:4px}.menu-button,.admin-menu summary{padding:12px}.admin-menu summary svg{display:none}.event-form{padding:16px}.rider-record{grid-template-columns:minmax(0,1fr)}.event-heading{flex-direction:column;align-items:flex-start;gap:12px}.event-heading .event-actions{width:100%}.event-heading .event-actions button{flex:1}.home-workspace{min-height:280px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){:root :focus-visible{outline-color:highlight}button,input,select,textarea,.panel,.event-form{border:1px solid buttontext}[aria-current=page],[aria-selected=true]{outline-offset:-2px;outline:2px solid highlight}}