:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-family-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-brand:"Orbitron", sans-serif;--background:#07110d;--background-secondary:#0b1913;--surface:#10231b;--surface-hover:#142b22;--border:#284538;--primary:#68f0a8;--primary-soft:#68f0a81f;--text:#eefcf4;--text-muted:#9db7a8;--danger:#ff8b8b}*{box-sizing:border-box}html{min-width:320px}body{background:radial-gradient(circle at top, #68f0a814, transparent 35rem), var(--background);min-height:100vh;color:var(--text);font-family:var(--font-family-ui);margin:0;overflow-x:hidden}button,input,select{font:inherit}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.hero-brand{font-family:var(--font-family-brand)}.app-container{width:min(100% - 2rem,760px);margin-inline:auto;padding-block:2rem 3rem}.app-header{text-align:center;flex-direction:column;margin-bottom:1.5rem;display:flex}.author-link{color:var(--text-muted);white-space:nowrap;align-self:auto;align-items:center;margin-bottom:0;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.author-link:hover{color:var(--primary);transform:translateY(-1px)}.author-link:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:.25rem}.eyebrow{color:var(--primary);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:500}.hero-title{color:var(--primary);letter-spacing:.07em;text-transform:uppercase;margin:.25rem 0;font-size:clamp(2.6rem,15vw,4rem);line-height:1}.app-header p{max-width:34rem;color:var(--text-muted);margin:1rem auto 0;line-height:1.5}.calculator-card,.accordion-section,.results-section{border:1px solid var(--border);background:#10231be6;border-radius:1.25rem}.calculator-card{z-index:2;padding:1.4rem 1.5rem .75rem;position:relative;overflow:visible}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{min-width:0;color:var(--text-muted);gap:.5rem;font-size:.9rem;font-weight:600;display:grid}.input-with-unit{border:1px solid var(--border);background:var(--background-secondary);border-radius:.85rem;align-items:center;display:flex;overflow:visible}.input-with-unit:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-with-unit input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;border-radius:.85rem 0 0 .85rem;outline:0;padding:.9rem 1rem;font-size:1.1rem;font-weight:700}.unit-selector-wrapper{z-index:20;border-left:1px solid #ffffff0d;border-radius:0 .85rem .85rem 0;align-self:stretch;min-width:76px;display:flex;position:relative}.unit-selector-button{width:100%;color:var(--primary);cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-radius:0 .85rem .85rem 0;justify-content:center;align-items:center;gap:.45rem;padding:0 .85rem;font-size:.95rem;font-weight:700;transition:background-color .15s;display:flex}.unit-selector-button:hover,.unit-selector-button[aria-expanded=true]{background:var(--primary-soft)}.unit-selector-button:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.unit-selector-chevron{flex-shrink:0;transition:transform .15s}.unit-selector-button[aria-expanded=true] .unit-selector-chevron{transform:rotate(180deg)}.unit-selector-menu{z-index:1000;border:1px solid var(--border);background:var(--surface);opacity:0;visibility:hidden;pointer-events:none;border-radius:.65rem;min-width:90px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + .4rem);right:0;overflow:hidden;transform:translateY(-6px);box-shadow:0 .75rem 2rem #00000073}.unit-selector-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.unit-selector-option{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;text-transform:uppercase;background:0 0;border:0;padding:.7rem .9rem;font-size:.9rem;font-weight:700}.unit-selector-option:hover,.unit-selector-option:focus-visible{background:var(--surface-hover);color:var(--text);outline:none}.unit-selector-option.is-selected{background:var(--primary-soft);color:var(--primary)}.bar-weight-field{border:0;margin:0;padding:0}.bar-weight-field legend{color:var(--text-muted);margin-bottom:.5rem;padding:0;font-size:.9rem;font-weight:600}.bar-weight-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.bar-weight-option{cursor:pointer;position:relative}.bar-weight-option input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.bar-weight-option span{border:1px solid var(--border);background:var(--background-secondary);min-height:3.25rem;color:var(--text-muted);border-radius:.85rem;place-items:center;font-size:1.05rem;font-weight:700;transition:border-color .15s,background-color .15s,color .15s;display:grid}.bar-weight-option:hover span{border-color:var(--primary)}.bar-weight-option input:checked+span{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.bar-weight-option input:focus-visible+span{outline:2px solid var(--primary);outline-offset:3px}.bar-weight-option input:disabled+span{opacity:.5;cursor:not-allowed}.validation-message{min-height:1.1rem;color:var(--danger);margin:.65rem 0 0;font-size:.85rem}.validation-message:empty{min-height:0;margin-top:.25rem}.results-section{z-index:1;margin-top:1rem;position:relative;overflow:hidden}.results-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex}.results-heading h2{margin:0;font-size:1.15rem}.live-indicator{background:var(--primary-soft);color:var(--primary);border:1px solid #68f0a859;border-radius:999px;flex-shrink:0;padding:.35rem .65rem;font-size:.75rem;font-weight:700}.accordion-section{margin-top:1rem;overflow:hidden}.accordion-button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.7rem;padding:1rem 1.5rem;font-weight:700;transition:background-color .15s,color .15s;display:flex}.accordion-button:hover,.accordion-button[aria-expanded=true]{background:var(--surface-hover)}.accordion-button:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.accordion-icon{width:1rem;color:var(--primary);place-items:center;font-size:.72rem;transition:transform .18s;display:inline-grid}.accordion-button[aria-expanded=true] .accordion-icon{transform:rotate(90deg)}.accordion-content{border-top:1px solid var(--border)}.accordion-content[hidden]{display:none}.custom-percentage{background:#07110d59;padding:1rem 1.5rem 1.25rem}.custom-percentage-row{grid-template-columns:150px minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.custom-percentage-input{border:1px solid var(--border);background:var(--background-secondary);border-radius:.75rem;align-items:center;width:min(100%,150px);display:flex;overflow:hidden}.custom-percentage-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.custom-percentage-input input{width:100%;min-width:0;color:var(--text);text-align:right;background:0 0;border:0;outline:0;padding:.7rem .25rem .7rem .75rem;font-size:1rem;font-weight:800}.custom-percentage-input span{color:var(--primary);padding:0 .75rem 0 .25rem;font-weight:800}.custom-percentage-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.custom-result{background:var(--background-secondary);border:1px solid #284538bf;border-radius:.8rem;gap:.3rem;min-width:0;padding:.8rem .9rem;display:grid}.custom-result span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.custom-result strong{color:var(--text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.custom-result:first-child strong{color:var(--primary)}.custom-percentage-validation{min-height:0;color:var(--danger);margin:0;font-size:.8rem}.custom-percentage-validation:not(:empty){margin-top:.75rem}.results-table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:right;white-space:nowrap;padding:1rem 1.5rem}th:first-child,td:first-child{text-align:left}th{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}tbody tr{border-top:1px solid #284538b3}.result-row{cursor:pointer}.result-row:hover,.result-row[aria-expanded=true]{background:var(--surface-hover)}.result-row:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}td{color:var(--text-muted);font-variant-numeric:tabular-nums}.primary-column{background:var(--primary-soft)}td.primary-column strong{color:var(--primary);font-size:1.05rem}.percentage{border:1px solid var(--border);min-width:3.25rem;color:var(--text);border-radius:999px;place-items:center;padding:.3rem .55rem;font-weight:700;display:inline-grid}.percentage-cell{align-items:center;gap:.55rem;display:inline-flex}.row-accordion-icon{width:.85rem;color:var(--primary);place-items:center;font-size:.64rem;transition:transform .18s;display:inline-grid}.result-row[aria-expanded=true] .row-accordion-icon{transform:rotate(90deg)}.plate-details-row{border-top:0}.plate-details-row[hidden]{display:none}.plate-details-row td{white-space:normal;background:#07110d7a;padding:0}.plate-details{border-top:1px solid #2845388c;gap:.85rem;padding:1rem 1.5rem 1.15rem 3.75rem;display:grid}.plate-list{flex-wrap:wrap;align-items:center;gap:.65rem .85rem;display:flex}.plate-details-label{color:var(--text-muted);margin-right:.15rem;font-size:.82rem;font-weight:700}.plate-chip{color:var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:.38rem;font-size:.9rem;font-weight:800;display:inline-flex}.plate-circle{background:radial-gradient(circle at 34% 28%, #fff9, #fff0 42%), radial-gradient(circle at 62% 72%, #00000047, #0000 55%), radial-gradient(circle at 50% 50%, #000000a6 0 15%, #0000002e 15% 21%, #ffffff29 21% 23%, transparent 23% 100%), var(--plate-color);border-radius:50%;flex-shrink:0;width:1rem;height:1rem;display:inline-block;box-shadow:inset 0 0 0 1px #0006,inset 0 0 1.5px 1px #ffffff2e,0 0 0 1px #00000038}.plate-red{--plate-color:#e53935}.plate-blue{--plate-color:#1e88e5}.plate-yellow{--plate-color:#fbc02d}.plate-orange{--plate-color:#f4791f}.plate-green{--plate-color:#43a047}.plate-lightgreen{--plate-color:#8bc34a}.plate-white{--plate-color:#f2f4f3}.plate-gray{--plate-color:#9aa19c}.plate-black{--plate-color:#252a28}.plate-summary{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.55rem 1.5rem;font-size:.82rem;display:flex}.plate-summary>span{align-items:baseline;gap:.4rem;display:inline-flex}.plate-summary strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:.9rem}.plate-summary .is-exact strong{color:var(--primary)}.plate-summary .has-difference strong{color:#f6c96b}.no-plates{color:var(--text);font-size:.9rem;font-weight:700}.empty-state{color:var(--text-muted);text-align:center;padding:2rem}.mobile-label{display:none}@media (width<=680px){.custom-percentage-row{grid-template-columns:1fr}.custom-percentage-input{width:100%;max-width:none}}@media (width<=560px){.app-container{width:min(100% - 1rem,760px);padding-block:1rem 2rem}.app-header{margin-bottom:1.25rem}.author-link{font-size:.8rem}.eyebrow{letter-spacing:.16em;font-size:.7rem}.hero-title{letter-spacing:.05em;white-space:nowrap;max-width:100%;font-size:clamp(2.35rem,13vw,3.25rem)}.app-header p{margin-top:.75rem;font-size:.95rem}.calculator-card{padding:1.1rem 1rem .65rem}.input-grid{grid-template-columns:1fr;gap:1rem}.results-heading{padding:1rem}.results-heading h2{font-size:1.05rem}.accordion-button,.custom-percentage{padding:1rem}.custom-percentage-results{gap:.6rem}.custom-result{padding:.75rem}table{table-layout:fixed}th,td{padding:.85rem .55rem}th:first-child,td:first-child{width:27%}th:nth-child(2),td:nth-child(2){width:38%}th:nth-child(3),td:nth-child(3){width:35%}th{letter-spacing:.05em;font-size:.67rem}td{font-size:.9rem}td.primary-column strong{font-size:.95rem}.percentage{min-width:2.8rem;padding:.25rem .4rem}.percentage-cell{gap:.35rem}.plate-details{padding:.9rem .75rem 1rem}.plate-list{gap:.55rem .7rem}.plate-details-label{width:100%;margin-right:0}.plate-summary{flex-direction:column;align-items:flex-start;gap:.4rem}.desktop-label{display:none}.mobile-label{display:inline}}@media (width<=430px){.hero-title{letter-spacing:.04em;font-size:clamp(2.2rem,12.5vw,3rem)}.app-header p{font-size:.9rem}.results-heading h2{font-size:.98rem}.live-indicator{padding-inline:.5rem;font-size:.68rem}.custom-percentage-row{grid-template-columns:1fr}.custom-percentage-input{width:100%;max-width:none}.custom-percentage-input input{text-align:left}.custom-percentage-results{grid-template-columns:1fr}th,td{padding-inline:.45rem}th{font-size:.64rem}td{font-size:.84rem}td.primary-column strong{font-size:.9rem}.percentage{min-width:2.6rem;font-size:.88rem}}.custom-plate-details{margin-top:.85rem}.custom-plate-details:empty{display:none}.custom-plate-details .plate-details{background:var(--background-secondary);border:1px solid #284538bf;border-radius:.8rem;padding:.9rem}.gym-plates-section{margin-bottom:1rem}.gym-plates-content{background:#07110d59;padding:1rem 1.5rem 1.25rem}.gym-plates-content p{color:var(--text-muted);margin:0 0 1rem;font-size:.85rem;line-height:1.45}.gym-plate-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.gym-plate-option{cursor:pointer;position:relative}.gym-plate-option input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.gym-plate-option>span{border:1px solid var(--border);background:var(--background-secondary);min-height:3rem;color:var(--text-muted);border-radius:.75rem;align-items:center;gap:.55rem;padding:.7rem .8rem;transition:border-color .15s,background-color .15s,color .15s;display:flex}.gym-plate-option:hover>span{border-color:var(--primary)}.gym-plate-option input:checked+span{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.gym-plate-option input:focus-visible+span{outline:2px solid var(--primary);outline-offset:3px}.gym-plate-option strong{font-variant-numeric:tabular-nums;font-size:.9rem}@media (width<=560px){.custom-plate-details .plate-details{padding:.85rem .75rem}.gym-plates-content{padding:1rem}.gym-plate-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=390px){.gym-plate-options{grid-template-columns:1fr}}.app-footer{border:1px solid var(--border);background:#0b1913c7;border-radius:1.25rem;margin-top:1rem;padding:1.25rem 1.5rem 1rem}.app-footer-content{justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.app-footer-copy{gap:.25rem;display:grid}.app-footer-copy strong{color:var(--text);font-size:.95rem}.app-footer-copy span{color:var(--text-muted);font-size:.82rem;line-height:1.45}.app-footer-actions{flex-shrink:0;gap:.65rem;display:flex}.footer-action{border:1px solid var(--border);background:var(--background-secondary);min-height:2.75rem;color:var(--text-muted);cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s,transform .15s;display:inline-flex}.footer-action:hover{border-color:var(--primary);color:var(--text);transform:translateY(-1px)}.footer-action:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.footer-action-primary{background:var(--primary-soft);color:var(--primary);border-color:#68f0a873}.app-footer-meta{color:var(--text-muted);border-top:1px solid #284538a6;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:.85rem;font-size:.75rem;display:flex}.app-footer-meta a{color:var(--text-muted);font-weight:700;text-decoration:none}.app-footer-meta a:hover{color:var(--primary)}.share-status{min-height:1em;color:var(--primary);text-align:right;font-weight:700}@media (width<=680px){.app-footer-content{flex-direction:column;align-items:stretch}.app-footer-actions{width:100%}.footer-action{flex:1}}@media (width<=460px){.app-footer{padding:1rem}.app-footer-actions{flex-direction:column}.app-footer-meta{flex-direction:column;align-items:flex-start;gap:.4rem}.share-status{text-align:left}}.header-actions{z-index:30;align-self:flex-end;align-items:center;gap:.9rem;margin-bottom:1.15rem;display:flex;position:relative}.language-selector-wrapper{position:relative}.language-selector-button{border:1px solid var(--border);min-height:2.35rem;color:var(--text-muted);cursor:pointer;letter-spacing:.05em;background:#0b1913cc;border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.78rem;font-weight:800;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.language-selector-button:hover,.language-selector-button[aria-expanded=true]{background:var(--primary-soft);color:var(--primary);border-color:#68f0a88c}.language-selector-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.language-selector-globe,.language-selector-chevron{flex-shrink:0}.language-selector-chevron{transition:transform .15s}.language-selector-button[aria-expanded=true] .language-selector-chevron{transform:rotate(180deg)}.language-selector-menu{z-index:1000;border:1px solid var(--border);background:var(--surface);opacity:0;visibility:hidden;pointer-events:none;border-radius:.75rem;min-width:165px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + .45rem);right:0;overflow:hidden;transform:translateY(-6px);box-shadow:0 .85rem 2.25rem #0000007a}.language-selector-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.language-selector-option{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:2.15rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.72rem .85rem;display:grid}.language-selector-option:hover,.language-selector-option:focus-visible{background:var(--surface-hover);color:var(--text);outline:none}.language-selector-option.is-selected{background:var(--primary-soft);color:var(--primary)}.language-code{letter-spacing:.04em;border:1px solid;border-radius:.4rem;place-items:center;min-height:1.6rem;font-size:.67rem;font-weight:900;display:inline-grid}.language-selector-option>span:last-child{font-size:.84rem;font-weight:700}@media (width<=560px){.header-actions{gap:.7rem;margin-bottom:1rem}.language-selector-button{min-height:2.2rem;padding-inline:.6rem}}@media (width<=390px){.header-actions{justify-content:flex-end;gap:.6rem;width:100%}.language-selector-button{gap:.35rem}}body.has-open-modal{overflow:hidden}.install-modal{z-index:2000;opacity:0;place-items:center;padding:1rem;transition:opacity .18s;display:grid;position:fixed;inset:0}.install-modal[hidden]{display:none}.install-modal.is-open{opacity:1}.install-modal-backdrop{-webkit-backdrop-filter:blur(5px);background:#000000b8;position:absolute;inset:0}.install-dialog{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:1.25rem;width:min(100%,440px);max-height:min(90vh,680px);padding:1.5rem;transition:transform .18s;position:relative;overflow-y:auto;transform:translateY(12px)scale(.98);box-shadow:0 1.5rem 4rem #0000008c}.install-modal.is-open .install-dialog{transform:translateY(0)scale(1)}.install-dialog-close{width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;font-size:1.65rem;line-height:1;display:grid;position:absolute;top:.75rem;right:.75rem}.install-dialog-close:hover{background:var(--surface-hover);color:var(--text)}.install-dialog-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.install-dialog-icon{background:var(--background-secondary);border:1px solid #68f0a859;border-radius:1rem;place-items:center;width:4.25rem;height:4.25rem;margin-bottom:1rem;display:grid;overflow:hidden}.install-dialog-icon img{object-fit:cover;width:100%;height:100%;display:block}.install-dialog h2{color:var(--text);margin:0;padding-right:2rem;font-size:1.35rem}.install-dialog-content{margin-top:1rem}.install-instructions p{color:var(--text-muted);margin:0;line-height:1.55}.install-steps{color:var(--text);gap:.75rem;margin:1rem 0 0;padding-left:1.4rem;line-height:1.5;display:grid}.install-steps li::marker{color:var(--primary);font-weight:800}.install-dialog-actions{justify-content:flex-end;gap:.7rem;margin-top:1.4rem;display:flex}.install-dialog-primary,.install-dialog-secondary{cursor:pointer;border-radius:.8rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:800}.install-dialog-primary{border:1px solid var(--primary);background:var(--primary);color:var(--background)}.install-dialog-secondary{border:1px solid var(--border);background:var(--background-secondary);color:var(--text-muted)}.install-dialog-primary:hover{filter:brightness(1.05)}.install-dialog-secondary:hover{border-color:var(--primary);color:var(--text)}.install-dialog-primary:focus-visible,.install-dialog-secondary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (width<=460px){.install-modal{align-items:end;padding:0}.install-dialog{width:100%;max-height:88vh;padding:1.25rem 1rem calc(1rem + env(safe-area-inset-bottom));border-radius:1.25rem 1.25rem 0 0}.install-dialog-actions{flex-direction:column}.install-dialog-primary,.install-dialog-secondary{width:100%}}.view-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.view-switcher-button{border:1px solid var(--border);min-height:2.85rem;color:var(--text-muted);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;background:#10231be6;border-radius:.85rem;place-items:center;font-size:.9rem;font-weight:700;transition:border-color .15s,background-color .15s,color .15s;display:grid}.view-switcher-button:hover{border-color:var(--primary)}.view-switcher-button.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.view-switcher-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.timer-mode-options{grid-template-columns:repeat(4,minmax(0,1fr))}.timer-config-row-tabata{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-config{margin-top:1.1rem}.timer-config[hidden]{display:none}.timer-config-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.timer-config input[type=number]{border:1px solid var(--border);background:var(--background-secondary);width:100%;color:var(--text);border-radius:.85rem;padding:.75rem .9rem;font-size:1rem;font-weight:700}.timer-config input[type=number]:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.timer-config input[type=number]:disabled{opacity:.5}.timer-checkbox{color:var(--text);cursor:pointer;align-items:center;gap:.55rem;margin-bottom:.85rem;font-size:.92rem;font-weight:600;display:flex}.timer-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--primary)}.timer-display-wrapper{text-align:center;justify-items:center;gap:.4rem;margin:1.75rem 0 1.5rem;display:grid}.timer-round-indicator{background:var(--primary-soft);color:var(--primary);border:1px solid #68f0a859;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.timer-round-indicator[hidden]{display:none}.timer-phase-indicator{background:var(--primary-soft);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;border:1px solid #68f0a859;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:800;transition:border-color .15s,background-color .15s,color .15s}.timer-phase-indicator[hidden]{display:none}.timer-phase-indicator.is-rest{color:#f6c96b;background:#f6c96b24;border-color:#f6c96b73}.timer-clock{color:var(--primary);font-family:var(--font-family-brand);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:clamp(3.2rem,18vw,5.5rem);line-height:1}.timer-clock.is-finished,.timer-clock.is-countdown{color:#f6c96b}.timer-status{min-height:1.2rem;color:var(--text-muted);margin:0;font-size:.9rem;font-weight:600}.timer-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-bottom:1.4rem;display:grid}.timer-control-button{border:1px solid var(--border);background:var(--background-secondary);min-height:3.25rem;color:var(--text);cursor:pointer;text-transform:uppercase;border-radius:.85rem;place-items:center;font-size:1rem;font-weight:800;transition:border-color .15s,background-color .15s,color .15s,transform .15s;display:grid}.timer-control-button:hover{border-color:var(--primary);transform:translateY(-1px)}.timer-control-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.timer-control-primary{background:var(--primary-soft);color:var(--primary);border-color:#68f0a873}.timer-control-primary.is-running{color:#f6c96b;background:#f6c96b1f;border-color:#f6c96b80}@media (width<=560px){.timer-mode-options,.timer-config-row-tabata{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=390px){.view-switcher-button{font-size:.8rem}.timer-config-row{grid-template-columns:1fr}}