:root{--pc-primary:var(--main-primary,#6366f1);--pc-primary-light:var(--main-primary-50,#eef2ff);--pc-primary-rgb:var(--main-primary-rgb,99, 102, 241);--pc-text:var(--main-text,#1e293b);--pc-text-secondary:var(--main-gray-600,#475569);--pc-text-muted:var(--main-text-muted,#64748b);--pc-bg:var(--main-bg-primary,#fff);--pc-bg-secondary:var(--main-bg-secondary,#f8fafc);--pc-border:var(--main-border,#e2e8f0);--pc-on-primary:#fff;--pc-placeholder:var(--main-gray-400,#94a3b8);--pc-radius:var(--main-radius,.5rem);--pc-radius-lg:var(--main-radius-lg,.75rem);--pc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--pc-shadow-md:0 4px 12px #00000014}._pc-container{max-width:560px;margin:0 auto}._pc-hidden{display:none!important}._pc-hint{background:var(--pc-primary-light);border-radius:var(--pc-radius);color:var(--pc-primary);align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;line-height:1.4;display:flex}._pc-hint svg{flex-shrink:0;margin-top:.125rem}@media (max-width:768px){._pc-container{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){._pc-container{padding-left:.75rem;padding-right:.75rem}._pc-hint{margin-bottom:1rem}}._pc-cards{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}._pc-card{background:var(--pc-bg);border-style:solid;border-width:1.5px;border-color:var(--pc-border);border-radius:var(--pc-radius-lg);box-shadow:var(--pc-shadow);transition:border-color .2s,box-shadow .2s;overflow:hidden}._pc-card._pc-card-computed{border-color:var(--pc-primary);box-shadow:0 0 0 1px var(--pc-primary), var(--pc-shadow)}._pc-card-header{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem 0;display:flex}._pc-card-icon{color:var(--pc-text-muted);align-items:center;display:flex}._pc-card._pc-card-computed ._pc-card-icon{color:var(--pc-primary)}._pc-card-icon svg{width:18px;height:18px}._pc-card-title{color:var(--pc-text);font-size:.8125rem;font-weight:600}._pc-card-badge{background:var(--pc-primary);color:var(--pc-on-primary);border-radius:var(--pc-radius);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;padding:.125rem .5rem;font-size:.625rem;font-weight:600}._pc-card-reset{width:2rem;height:2rem;color:var(--pc-text-muted);cursor:pointer;border-radius:var(--pc-radius);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-style:none;border-width:0;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex}._pc-card-reset:hover{color:var(--pc-primary);background:rgba(var(--pc-primary-rgb), .08)}._pc-card-reset:active{background:rgba(var(--pc-primary-rgb), .15)}._pc-card-body{padding:.625rem 1rem 1rem}._pc-card._pc-card-computed ._pc-input{background:var(--pc-primary-light);color:var(--pc-primary);box-shadow:none;border-color:#0000;font-weight:700}._pc-distance-presets{flex-wrap:wrap;gap:.375rem;margin-bottom:.625rem;display:flex}._pc-dist-preset{background:var(--pc-bg-secondary);border-style:solid;border-width:1px;border-color:var(--pc-border);border-radius:var(--pc-radius);min-height:2rem;color:var(--pc-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,color .15s,background-color .15s}._pc-dist-preset:hover{border-color:var(--pc-primary);color:var(--pc-primary)}._pc-dist-preset._pc-dist-preset-active{background:var(--pc-primary);border-color:var(--pc-primary);color:var(--pc-on-primary)}._pc-input-row{align-items:stretch;gap:.5rem;display:flex}._pc-input-wrapper{flex:1}._pc-input{background:var(--pc-bg);border-style:solid;border-width:1.5px;border-color:var(--pc-border);border-radius:var(--pc-radius);width:100%;color:var(--pc-text);font-size:1rem;font-family:var(--main-font-mono);-webkit-appearance:none;appearance:none;outline:none;padding:.625rem .75rem;transition:border-color .15s,color .15s,background-color .15s,box-shadow .15s}._pc-input:focus{border-color:var(--pc-primary);box-shadow:0 0 0 3px rgba(var(--pc-primary-rgb), .1)}._pc-input::placeholder{color:var(--pc-placeholder)}._pc-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._pc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._pc-input[type=number]{-moz-appearance:textfield}._pc-unit-toggle{background:var(--pc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--pc-border);border-radius:var(--pc-radius);min-height:2.75rem;color:var(--pc-text-secondary);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,color .15s,background-color .15s}._pc-unit-toggle:hover{border-color:var(--pc-primary);color:var(--pc-primary)}._pc-unit-toggle:active{background:rgba(var(--pc-primary-rgb), .08)}._pc-time-inputs,._pc-pace-inputs{align-items:center;gap:.25rem;display:flex}._pc-pace-inputs{flex:1}._pc-time-field{flex-direction:column;align-items:center;gap:.1875rem;display:flex}._pc-time-input{text-align:center;width:4rem;padding:.625rem .25rem}._pc-time-label{color:var(--pc-text-muted);font-size:.6875rem;font-weight:500}._pc-time-sep{color:var(--pc-text-muted);-webkit-user-select:none;user-select:none;margin-bottom:1.125rem;font-size:1.25rem;font-weight:600}@media (max-width:480px){._pc-time-inputs,._pc-pace-inputs{gap:.125rem}._pc-time-input{width:3rem;padding:.5rem .125rem}._pc-dist-preset{padding:.375rem .625rem;font-size:.75rem}._pc-card-body{padding:.5rem .75rem .75rem}._pc-card-header{padding:.625rem .75rem 0}._pc-time-sep{margin-bottom:1rem}}@media (max-width:360px){._pc-time-input{width:2.625rem}._pc-unit-toggle{padding:.5rem .625rem;font-size:.75rem}}._pc-summary{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}._pc-summary-item{background:var(--pc-bg);border-style:solid;border-width:1px;border-color:var(--pc-border);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}._pc-summary-icon{color:var(--pc-text-muted);flex-shrink:0;align-items:center;display:flex}._pc-summary-label{color:var(--pc-text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.6875rem;font-weight:500}._pc-summary-value{color:var(--pc-text);font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono);text-align:right;word-break:break-word;min-width:0;margin-left:auto}@media (max-width:600px){._pc-summary{grid-template-columns:1fr;gap:.5rem}._pc-summary-item{padding:.625rem .875rem}}._pc-race-section{margin-top:.5rem}._pc-race-toggle{background:var(--pc-bg);border-style:solid;border-width:1px;border-color:var(--pc-border);border-radius:var(--pc-radius);width:100%;min-height:2.75rem;color:var(--pc-text);cursor:pointer;box-shadow:var(--pc-shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:border-color .15s,color .15s,box-shadow .15s;display:flex}._pc-race-toggle:hover{border-color:var(--pc-primary);color:var(--pc-primary)}._pc-race-toggle:active{background:var(--pc-bg-secondary)}._pc-race-icon{align-items:center;display:flex}._pc-race-content{margin-top:.5rem}._pc-race-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-x:auto}._pc-race-table{border-collapse:collapse;width:100%;font-size:.8125rem}@media (max-width:480px){._pc-race-table th,._pc-race-table td{white-space:nowrap;padding:.5rem}}._pc-race-table th{text-align:left;color:var(--pc-text-muted);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--pc-border);text-transform:uppercase;letter-spacing:.03em;padding:.625rem .75rem;font-size:.75rem;font-weight:600}._pc-race-table td{color:var(--pc-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pc-border);font-family:var(--main-font-mono);padding:.5rem .75rem}._pc-race-table tr:hover{background:var(--pc-bg-secondary)}._pc-race-table tr._pc-race-row-highlight{background:var(--pc-primary-light)}._pc-race-table tr._pc-race-row-highlight td{color:var(--pc-primary);font-weight:600}