:root{--browser-bg: #c3ccd7;--page-bg: radial-gradient(circle at top, #f9fbff 0, #d9e1eb 58%, #c3ccd7 100%);--text: #273140;--strong-text: #1f2a38;--muted-text: #536276;--heading-text: #47566b;--panel-border: #8f9aaa;--control-border: #9aa5b5;--button-border: #7d8999;--panel-bg: linear-gradient(#f7f9fc, #cfd8e4);--inset-bg: linear-gradient(#dbe2ea, #f8fafc);--button-bg: linear-gradient(#ffffff, #c8d2df);--button-active-bg: linear-gradient(#b9c5d3, #eef3f8);--track-bg: linear-gradient(#c7d1dd, #eef3f8);--thumb-bg: linear-gradient(#ffffff 0%, #eef3f8 48%, #c5cfda 100%);--row-bg: linear-gradient(#ffffff, #f2f5f9);--list-bg: linear-gradient(#ffffff, #eef3f8);--separator: #c7d0dc;--focus: #0a4d8f;--focus-ring: rgb(71 132 191 / 36%);--emboss-shadow: 0 1px 0 #ffffff;--panel-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 rgb(0 0 0 / 12%), 0 22px 48px rgb(43 56 74 / 26%);color:var(--text);background:var(--page-bg);font-family:Helvetica Neue,Helvetica,Arial,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-width:320px;min-height:100%;background-color:var(--browser-bg);background:var(--page-bg)}:root[data-theme=dark]{--browser-bg: #0d131c;--page-bg: radial-gradient(circle at top, #263547 0, #151e2a 58%, #0d131c 100%);--text: #d7e0ea;--strong-text: #f5f8fb;--muted-text: #aebccc;--heading-text: #c8d5e5;--panel-border: #4a5a6d;--control-border: #56677a;--button-border: #64778d;--panel-bg: linear-gradient(#2b394a, #172231);--inset-bg: linear-gradient(#111a25, #263342);--button-bg: linear-gradient(#52657b, #2d3c4e);--button-active-bg: linear-gradient(#202c3a, #4d6177);--track-bg: linear-gradient(#0f1721, #303f50);--thumb-bg: linear-gradient(#6c7f96 0%, #4b5e74 48%, #2d3c4f 100%);--row-bg: linear-gradient(#334253, #253342);--list-bg: linear-gradient(#2c3a4a, #202d3c);--separator: #455569;--focus: #86c5ff;--focus-ring: rgb(134 197 255 / 32%);--emboss-shadow: 0 -1px 0 rgb(0 0 0 / 45%);--panel-shadow: inset 0 1px 0 rgb(255 255 255 / 14%), inset 0 -1px 0 rgb(0 0 0 / 36%), 0 22px 48px rgb(0 0 0 / 34%)}@media(prefers-color-scheme:dark){:root[data-theme=system]{--browser-bg: #0d131c;--page-bg: radial-gradient(circle at top, #263547 0, #151e2a 58%, #0d131c 100%);--text: #d7e0ea;--strong-text: #f5f8fb;--muted-text: #aebccc;--heading-text: #c8d5e5;--panel-border: #4a5a6d;--control-border: #56677a;--button-border: #64778d;--panel-bg: linear-gradient(#2b394a, #172231);--inset-bg: linear-gradient(#111a25, #263342);--button-bg: linear-gradient(#52657b, #2d3c4e);--button-active-bg: linear-gradient(#202c3a, #4d6177);--track-bg: linear-gradient(#0f1721, #303f50);--thumb-bg: linear-gradient(#6c7f96 0%, #4b5e74 48%, #2d3c4f 100%);--row-bg: linear-gradient(#334253, #253342);--list-bg: linear-gradient(#2c3a4a, #202d3c);--separator: #455569;--focus: #86c5ff;--focus-ring: rgb(134 197 255 / 32%);--emboss-shadow: 0 -1px 0 rgb(0 0 0 / 45%);--panel-shadow: inset 0 1px 0 rgb(255 255 255 / 14%), inset 0 -1px 0 rgb(0 0 0 / 36%), 0 22px 48px rgb(0 0 0 / 34%)}}*{box-sizing:border-box}body{min-width:320px;min-height:100%;margin:0;background-color:var(--browser-bg);background:var(--page-bg)}.custom-theme-color{position:fixed;top:0;background-color:var(--browser-bg);height:6px;width:100%;animation-name:hide-on-scroll;animation-timeline:scroll();animation-fill-mode:both;animation-range-start:10px;animation-range-end:11px;animation-duration:.1s;z-index:1}@keyframes hide-on-scroll{0%{transform:translateY(0)}to{transform:translateY(-100px)}}button,input,fieldset{font:inherit}.page-shell{display:grid;min-height:100svh;align-content:center;justify-items:center;gap:16px;padding:28px clamp(10px,4vw,18px)}.page-toolbar{display:flex;justify-content:flex-end;width:min(100%,760px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.theme-toggle{display:grid;grid-template-columns:repeat(3,auto);overflow:hidden;border:1px solid var(--button-border);border-radius:12px;background:var(--inset-bg);box-shadow:inset 0 1px 3px #22304333,0 1px #ffffff73}.theme-toggle button{min-height:30px;border:0;border-right:1px solid var(--control-border);background:transparent;color:var(--heading-text);cursor:pointer;font-size:.68rem;font-weight:800;padding:0 10px;text-shadow:var(--emboss-shadow);text-transform:uppercase}.theme-toggle button:last-child{border-right:0}.theme-toggle button.active{background:linear-gradient(#6f8cae,#415b7b);color:#fff;text-shadow:0 -1px 0 rgb(0 0 0 / 35%)}.theme-toggle button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.app-block{width:min(100%,760px);padding:clamp(12px,4vw,28px);border:1px solid var(--panel-border);border-radius:28px;background:var(--panel-bg);box-shadow:var(--panel-shadow)}.converter{display:grid;gap:clamp(10px,3vw,18px)}.pace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,3vw,16px)}.pace-card{display:grid;gap:10px;min-width:0}.pace-heading{margin:0;color:var(--heading-text);font-size:clamp(.58rem,2.8vw,.76rem);font-weight:800;letter-spacing:.08em;text-shadow:var(--emboss-shadow);text-transform:uppercase}.pace-input{display:grid;grid-template-columns:max-content max-content;column-gap:clamp(5px,1.8vw,24px);width:100%;justify-content:center;margin:0;padding:clamp(10px,3.2vw,34px) clamp(7px,2.2vw,30px);border:1px solid var(--control-border);border-radius:16px;background:var(--inset-bg);box-shadow:inset 0 2px 5px #2f3d4f47,0 1px #ffffff8c}.digit-stack,.label-stack{display:grid;grid-template-rows:repeat(2,1fr);row-gap:14px;align-items:center}.digit-stack{color:var(--strong-text);font-family:SFMono-Regular,Menlo,Consolas,ui-monospace,monospace;font-size:clamp(2.2rem,12vw,5.2rem);font-weight:850;font-variant-numeric:tabular-nums lining-nums;line-height:.9}.digit-stack input{box-sizing:content-box;display:block;width:2.2ch;min-height:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:0;outline:none;padding:0;text-align:center;text-shadow:var(--emboss-shadow)}.digit-stack input:focus{color:var(--focus)}.label-stack{color:var(--muted-text);font-size:clamp(.72rem,3.2vw,1.35rem);font-weight:800;letter-spacing:.02em;justify-items:start;text-shadow:var(--emboss-shadow);text-transform:uppercase}.pace-input:has(.digit-stack input:first-child:focus) .label-stack span:first-child,.pace-input:has(.digit-stack input:last-child:focus) .label-stack span:last-child{color:var(--focus)}.slider-field{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;gap:clamp(8px,2.8vw,14px);align-items:center;margin-top:4px}.slider-field button{min-height:36px;border:1px solid var(--button-border);border-radius:18px;background:var(--button-bg);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #1c293a42;color:var(--text);cursor:pointer;font-size:.78rem;font-weight:800;padding:0 clamp(10px,3vw,14px);text-shadow:var(--emboss-shadow);text-transform:uppercase}.slider-field button:active{background:var(--button-active-bg);box-shadow:inset 0 2px 5px #1c293a47}.slider-field button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.slider-field input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:32px;background:transparent;cursor:pointer}.slider-field input::-webkit-slider-runnable-track{height:14px;border:1px solid var(--control-border);border-radius:999px;background:var(--track-bg);box-shadow:inset 0 2px 4px #23324433,0 1px #ffffff7f}.slider-field input::-webkit-slider-thumb{-webkit-appearance:none;width:68px;height:30px;margin-top:-9px;border:1px solid var(--button-border);border-radius:15px;background:var(--thumb-bg);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #303e5024,0 1px 3px #24314247}.slider-field input::-moz-range-track{height:14px;border:1px solid var(--control-border);border-radius:999px;background:var(--track-bg);box-shadow:inset 0 2px 4px #23324433,0 1px #ffffff7f}.slider-field input::-moz-range-thumb{width:68px;height:30px;border:1px solid var(--button-border);border-radius:15px;background:var(--thumb-bg);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #303e5024,0 1px 3px #24314247}.race-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden;margin-bottom:12px;border:1px solid var(--button-border);border-radius:10px;background:var(--inset-bg);box-shadow:inset 0 1px 3px #22304333,0 1px #ffffff73}.race-tabs button{min-height:34px;border:0;border-right:1px solid var(--control-border);background:transparent;color:var(--heading-text);cursor:pointer;font-size:.78rem;font-weight:800;text-shadow:var(--emboss-shadow);text-transform:uppercase}.race-tabs button:last-child{border-right:0}.race-tabs button.active{background:linear-gradient(#6f8cae,#415b7b);color:#fff;text-shadow:0 -1px 0 rgb(0 0 0 / 35%)}.race-tabs button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.race-list{overflow:hidden;border:1px solid var(--control-border);border-radius:14px;background:var(--list-bg);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #22304333}.race-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:42px;padding:0 12px;border-bottom:1px solid var(--separator);background:var(--row-bg);color:var(--text);text-shadow:var(--emboss-shadow)}.race-row:last-child{border-bottom:0}.race-row span{font-size:.86rem;font-weight:700}.race-row:focus-within>span{color:var(--focus)}.race-info-button{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--button-border);border-radius:50%;background:var(--button-bg);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #1c293a3d;color:var(--heading-text);cursor:pointer;font-family:Georgia,Times New Roman,serif;font-size:.88rem;font-style:italic;font-weight:700;line-height:1;text-shadow:var(--emboss-shadow)}.race-info-button:active{background:var(--button-active-bg);box-shadow:inset 0 2px 5px #1c293a47}.race-info-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.race-inspector{display:grid;gap:12px}.race-inspector-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.race-inspector-header h3{margin:0;color:var(--strong-text);font-size:1.25rem;line-height:1.15;text-shadow:var(--emboss-shadow)}.race-inspector-header button{min-height:30px;border:1px solid var(--button-border);border-radius:15px;background:var(--button-bg);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #1c293a3d;color:var(--text);cursor:pointer;font-size:.72rem;font-weight:800;padding:0 12px;text-shadow:var(--emboss-shadow);text-transform:uppercase}.race-inspector-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.race-inspector-list div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:42px;padding:0 12px;border:1px solid var(--control-border);background:var(--row-bg);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #22304333;color:var(--text);text-shadow:var(--emboss-shadow)}.race-inspector-list div:first-child{border-radius:14px 0 0 14px}.race-inspector-list div:last-child{margin-left:-1px;border-radius:0 14px 14px 0}.race-inspector-list dt,.race-inspector-list dd{margin:0}.race-inspector-list dt{color:var(--text);font-size:.86rem;font-weight:700;text-shadow:var(--emboss-shadow)}.race-inspector-list dd{color:var(--strong-text);font-family:SFMono-Regular,Menlo,Consolas,ui-monospace,monospace;font-size:.88rem;font-variant-numeric:tabular-nums lining-nums;font-weight:800;text-shadow:var(--emboss-shadow)}.race-predictions{display:grid;gap:12px}.prediction-note{margin:0;color:var(--heading-text);font-size:.78rem;font-weight:700;text-shadow:var(--emboss-shadow)}.race-detail-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden;border:1px solid var(--button-border);border-radius:10px;background:var(--inset-bg);box-shadow:inset 0 1px 3px #22304333,0 1px #ffffff73}.race-detail-tabs button{min-height:34px;border:0;border-right:1px solid var(--control-border);background:transparent;color:var(--heading-text);cursor:pointer;font-size:.74rem;font-weight:800;text-shadow:var(--emboss-shadow);text-transform:uppercase}.race-detail-tabs button:last-child{border-right:0}.race-detail-tabs button.active{background:linear-gradient(#6f8cae,#415b7b);color:#fff;text-shadow:0 -1px 0 rgb(0 0 0 / 35%)}.race-detail-tabs button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.race-detail-placeholder{display:grid;align-items:center;min-height:42px;padding:0 12px;border:1px solid var(--control-border);border-radius:14px;background:var(--row-bg);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #22304333;color:var(--text);text-shadow:var(--emboss-shadow)}.race-detail-placeholder span{font-size:.86rem;font-weight:700}.custom-distance-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:12px}.custom-distance-list label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:42px;padding:0 12px;border:1px solid var(--control-border);background:var(--row-bg);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #22304333;color:var(--text);text-shadow:var(--emboss-shadow)}.custom-distance-list label:first-child{border-radius:14px 0 0 14px}.custom-distance-list label:last-child{margin-left:-1px;border-radius:0 14px 14px 0}.custom-distance-list span{font-size:.86rem;font-weight:700}.custom-distance-list label:focus-within span{color:var(--focus)}.custom-distance-list input{width:8ch;border:0;background:transparent;color:var(--strong-text);font-family:SFMono-Regular,Menlo,Consolas,ui-monospace,monospace;font-size:.88rem;font-variant-numeric:tabular-nums lining-nums;font-weight:800;outline:none;text-align:right;text-shadow:var(--emboss-shadow)}.custom-distance-list input:focus{color:var(--focus)}.prediction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prediction-group{min-width:0}.prediction-group h4{margin:0;padding:0 0 7px 10px;color:var(--heading-text);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-shadow:var(--emboss-shadow);text-transform:uppercase}.prediction-list{overflow:hidden;border:1px solid var(--control-border);border-radius:14px;background:var(--list-bg);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #22304333}.prediction-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:42px;padding:0 12px;border-bottom:1px solid var(--separator);background:var(--row-bg);color:var(--text);text-shadow:var(--emboss-shadow)}.prediction-row:last-child{border-bottom:0}.prediction-row.source{border-bottom-color:#294d78;background:linear-gradient(#6f8cae,#415b7b);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000002e;color:#fff;text-shadow:0 -1px 0 rgb(0 0 0 / 35%)}.prediction-row.source span:first-child{color:#fff}.prediction-row.source span:last-child{color:#fff}.prediction-row span:first-child{font-size:.86rem;font-weight:700}.prediction-row span:last-child{color:var(--strong-text);font-family:SFMono-Regular,Menlo,Consolas,ui-monospace,monospace;font-size:.88rem;font-variant-numeric:tabular-nums lining-nums;font-weight:800}.finish-time{display:flex;align-items:center;color:var(--strong-text);font-family:SFMono-Regular,Menlo,Consolas,ui-monospace,monospace;font-size:.88rem;font-variant-numeric:tabular-nums lining-nums;font-weight:800}.finish-time input{width:2.35ch;border:0;background:transparent;color:inherit;font:inherit;outline:none;padding:0;text-align:center;text-shadow:var(--emboss-shadow)}.finish-time input:focus{color:var(--focus)}.finish-time span{color:var(--muted-text);padding:0 1px}@media(max-width:560px){.race-inspector-list{grid-template-columns:1fr}.race-inspector-list div:first-child{border-radius:14px 14px 0 0}.race-inspector-list div:last-child{margin-top:-1px;margin-left:0;border-radius:0 0 14px 14px}.custom-distance-list{grid-template-columns:1fr}.custom-distance-list label:first-child{border-radius:14px 14px 0 0}.custom-distance-list label:last-child{margin-top:-1px;margin-left:0;border-radius:0 0 14px 14px}}@media(max-width:760px){.page-shell{align-content:start}.prediction-grid{grid-template-columns:1fr}}@media(max-width:420px){.app-block{padding:12px;border-radius:22px}}