.pairing-container{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.pairing-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-width-thin) solid var(--color-border);transition:all var(--motion-normal) var(--motion-ease);background:linear-gradient(135deg,#1e1e28b3,#141419cc);position:relative;box-shadow:0 8px 32px #0000005e}.pairing-card:hover{border-color:var(--color-primary);box-shadow:0 12px 40px #7c3aed26}.partner-card-header{align-items:center;gap:var(--spacing-md);display:flex}.partner-info{flex-grow:1}.partner-title{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.partner-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:linear-gradient(90deg, var(--color-text-primary), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0}.code-box{background-color:var(--color-bg-main);border:var(--border-width-thick) dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) 0;justify-content:space-between;align-items:center;gap:var(--spacing-sm);transition:all var(--motion-fast) var(--motion-ease);display:flex}.code-box-active{border-color:var(--color-primary);box-shadow:0 0 15px #7c3aed26}.code-text{font-family:var(--font-mono);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:.15em;color:var(--color-primary);text-shadow:0 0 10px #7c3aed4d}.copy-btn{transition:transform var(--motion-fast) var(--motion-ease)!important}.copy-btn:active{transform:scale(.9)}.expiration-notice{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.enter-code-form{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}.enter-code-input{font-family:var(--font-mono);font-size:var(--font-size-xl);text-align:center;letter-spacing:.1em;font-weight:var(--font-weight-semibold);transition:all var(--motion-fast) var(--motion-ease)}.enter-code-input:focus{box-shadow:0 0 15px #7c3aed33}.validation-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);animation:shake .3s var(--motion-ease)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pairing-success-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:var(--z-modal);padding:var(--spacing-xl);background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-modal-card{border:var(--border-width-thick) solid var(--color-success);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;opacity:0;background:linear-gradient(135deg,#141e14e6,#0a0f0af2);width:100%;max-width:400px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scale-up;transform:scale(.85);box-shadow:0 0 50px #10b9814d}@keyframes scale-up{to{opacity:1;transform:scale(1)}}.success-icon-ring{background-color:var(--color-success-bg);border:4px solid var(--color-success);width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #10b98133}.success-check-icon{width:40px;height:40px;stroke:var(--color-success);stroke-width:4px;fill:none;stroke-linecap:round;stroke-linejoin:round}.success-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.success-modal-desc{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl);line-height:1.5}.success-party-p{color:var(--color-success);font-weight:var(--font-weight-bold)}.routines-list-container{gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-sm) 100px var(--spacing-sm);box-sizing:border-box;width:100%;max-width:var(--viewport-max-width);animation:fadeIn .35s var(--motion-ease);flex-direction:column;margin:0 auto;display:flex}.list-header{text-align:left;gap:var(--spacing-xxs);flex-direction:column;display:flex}.list-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:linear-gradient(135deg,#a5b4fc,#34d399);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0}.routines-grid{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.routine-list-card{border:var(--border-width-thin) solid #ffffff0d;border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);-webkit-backdrop-filter:blur(12px);transition:all var(--motion-normal) var(--motion-ease);background:linear-gradient(135deg,#151f3299,#0f172a99);flex-direction:column;display:flex;box-shadow:0 8px 32px #0000004d}.routine-list-card:hover{border-color:#818cf84d;transform:translateY(-3px);box-shadow:0 12px 36px #0006}.routine-card-top{justify-content:space-between;align-items:center;display:flex}.routine-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:left;letter-spacing:-.01em;margin:0}.routine-exercises-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;margin:0;line-height:1.5}.routine-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);border-top:var(--border-width-thin) solid #ffffff0d;padding-top:var(--spacing-sm);margin-top:var(--spacing-xxs);justify-content:space-between;align-items:center;display:flex}.routine-card-actions{gap:var(--spacing-xs);margin-top:var(--spacing-xs);display:flex}.routine-card-actions button{min-height:44px;padding:0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex:1}.empty-routines-card{text-align:center;background:#ffffff03;border-style:dashed;border-color:#ffffff1a;padding:4rem 2rem}.picker-backdrop{background-color:var(--color-backdrop);z-index:var(--z-modal);padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-window{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:600px;height:90vh;max-height:800px;box-shadow:var(--shadow-lg);animation:picker-appear var(--motion-normal) cubic-bezier(.16, 1, .3, 1) forwards;background:linear-gradient(135deg,#19191ef2,#0f0f14fa);flex-direction:column;display:flex;overflow:hidden}@keyframes picker-appear{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.picker-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm) var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.picker-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.picker-search-container{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm);border-bottom:var(--border-width-thin) solid var(--color-border);flex-direction:column;display:flex}.search-input-wrapper{width:100%;position:relative}.search-input-clear{right:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xxs);border-radius:var(--radius-full);transition:color var(--motion-fast) var(--motion-ease);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-input-clear:hover{color:var(--color-text-primary)}.tags-scroller{gap:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs) var(--spacing-xs) 0;scrollbar-width:none;display:flex;overflow-x:auto}.tags-scroller::-webkit-scrollbar{display:none}.muscle-tag-btn{background-color:var(--color-bg-card);border:var(--border-width-thin) solid var(--color-border);color:var(--color-text-secondary);padding:var(--spacing-xxs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast) var(--motion-ease);min-width:auto;min-height:auto}.muscle-tag-btn:hover{background-color:var(--color-bg-card-hover);color:var(--color-text-primary);border-color:var(--color-text-muted)}.muscle-tag-btn-active{background-color:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 10px #7c3aed26}.picker-results{padding:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.exercise-result-item{background-color:var(--color-bg-card);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;gap:var(--spacing-xxs);transition:all var(--motion-fast) var(--motion-ease);flex-direction:column;display:flex}.exercise-result-item:hover{border-color:var(--color-primary);background-color:var(--color-bg-card-hover);transform:translateY(-1px)}.exercise-item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.exercise-item-meta{gap:var(--spacing-xs);margin-top:var(--spacing-xxs);flex-wrap:wrap;align-items:center;display:flex}.custom-exercise-panel{gap:var(--spacing-md);animation:slide-in var(--motion-normal) var(--motion-ease) forwards;flex-direction:column;display:flex}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-form-group{gap:var(--spacing-xxs);flex-direction:column;display:flex}.custom-form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.custom-form-select{width:100%;min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-main);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease)}.custom-form-select:focus{border-color:var(--color-border-focus);outline:none}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.empty-state{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);padding:var(--spacing-2xl) 0;text-align:center;flex-direction:column;display:flex}.routine-builder-container{gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-sm) 100px var(--spacing-sm);box-sizing:border-box;width:100%;max-width:var(--viewport-max-width);animation:fadeIn .35s var(--motion-ease);flex-direction:column;margin:0 auto;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.builder-header{gap:var(--spacing-xxs);text-align:left;flex-direction:column;display:flex}.builder-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:linear-gradient(135deg,#a5b4fc,#34d399);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0}.builder-input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.builder-input-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;padding-left:2px}.routine-name-input{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--motion-fast) var(--motion-ease);-webkit-backdrop-filter:blur(12px);background:#151f3266;min-height:44px}.routine-name-input:focus{border-color:var(--color-primary);background:#1e293b99;outline:none;box-shadow:0 0 15px #818cf840}.exercise-list-section{gap:var(--spacing-md);flex-direction:column;display:flex}.section-title-row{margin-top:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.01em;margin:0}.builder-exercise-card{border:var(--border-width-thin) solid #ffffff0d;border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-md);-webkit-backdrop-filter:blur(16px);transition:all var(--motion-normal) var(--motion-ease);background:linear-gradient(135deg,#151f3299,#0f172a99);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.builder-exercise-card:hover{border-color:#818cf84d;transform:translateY(-2px);box-shadow:0 12px 36px #0006}.builder-exercise-card:focus-within{border-color:#818cf880}.exercise-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.exercise-title-area{gap:var(--spacing-xs);text-align:left;flex-direction:column;display:flex}.exercise-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.01em;margin:0}.exercise-metadata{gap:var(--spacing-xxs);flex-wrap:wrap;display:flex}.exercise-controls{gap:var(--spacing-xxs);align-items:center;display:flex}.control-btn{border-radius:var(--radius-md);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--color-text-secondary);transition:all var(--motion-fast) var(--motion-ease);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0d;justify-content:center;align-items:center;padding:0;display:flex}.control-btn:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff14}.control-btn:disabled{opacity:.3;cursor:not-allowed}.partner-tabs{border-radius:var(--radius-md);padding:var(--spacing-xxs);border:var(--border-width-thin) solid #ffffff0d;gap:var(--spacing-xxs);background:#0b0f1980;display:flex}.partner-tab{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) 0;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;flex:1;justify-content:center;align-items:center;min-height:44px;display:flex}.partner-tab.active{background:linear-gradient(135deg, var(--color-primary), #6366f1);color:var(--color-text-primary);box-shadow:0 4px 12px #6366f14d}.config-form-grid{gap:var(--spacing-md);text-align:left;grid-template-columns:1fr 1fr;display:grid}.config-form-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.config-form-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);letter-spacing:.03em;padding-left:2px}.config-select{border:var(--border-width-thin) solid #ffffff14;border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:44px;transition:all var(--motion-fast) var(--motion-ease);cursor:pointer;background:#0b0f1966}.config-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 10px #818cf833}.weight-input-container{align-items:center;width:100%;display:flex;position:relative}.unit-badge{right:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);background:0 0;border:none;outline:none;position:absolute}.weight-input{border:var(--border-width-thin) solid #ffffff14;border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);padding:var(--spacing-xs) 2.5rem var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);box-sizing:border-box;min-height:44px;transition:all var(--motion-fast) var(--motion-ease);background:#0b0f1966}.weight-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 10px #818cf833}.stepper-input-container{align-items:center;display:flex}.inline-error{color:var(--color-danger);font-size:var(--font-size-xs);text-align:left;align-items:center;gap:var(--spacing-xxs);font-weight:var(--font-weight-medium);margin-top:4px;display:flex}.pyramid-steps-builder{border-radius:var(--radius-lg);padding:var(--spacing-md);border:var(--border-width-thin) solid #ffffff0f;gap:var(--spacing-sm);background:#0b0f1980;flex-direction:column;grid-column:span 2;display:flex}.pyramid-step-row{align-items:center;gap:var(--spacing-sm);display:flex}.pyramid-step-index{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-bold);width:28px}.pyramid-step-inputs{gap:var(--spacing-sm);flex:1;display:flex}.pyramid-step-field{flex-direction:column;flex:1;gap:4px;display:flex}.pyramid-input{border:var(--border-width-thin) solid #ffffff14;border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);box-sizing:border-box;width:100%;min-height:44px;transition:all var(--motion-fast) var(--motion-ease);background:#151f3280}.pyramid-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 10px #818cf826}.builder-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.builder-actions button{flex:1;min-height:48px}.banner-container{width:100%}.session-start{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.session-start-header{text-align:left}.session-start-title{margin:0 0 var(--spacing-xs);color:var(--color-text-primary)}.session-start-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.routine-option{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.routine-option-meta{text-align:left}.routine-option-name{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0}.routine-option-detail{margin:var(--spacing-xs) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.session-start-empty{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-lg) 0}.exercise-card{margin-bottom:var(--spacing-lg);border:var(--border-width-thin) solid var(--color-border);background-color:var(--color-bg-card);box-shadow:var(--shadow-md);transition:transform var(--motion-normal) var(--motion-ease), box-shadow var(--motion-normal) var(--motion-ease), border-color var(--motion-normal) var(--motion-ease), opacity var(--motion-normal) var(--motion-ease), filter var(--motion-normal) var(--motion-ease)}.exercise-card-active{border-color:var(--color-primary);box-shadow:var(--shadow-lg), 0 0 var(--spacing-sm) var(--color-primary-bg)}.exercise-card-waiting{opacity:.65;filter:grayscale(20%)}.exercise-card-waiting:hover{opacity:.85;filter:none}.exercise-card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-thin) solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.partner-identity{align-items:center;gap:var(--spacing-sm);display:flex}.partner-details{flex-direction:column;display:flex}.partner-name{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.partner-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.exercise-tags{gap:var(--spacing-xs);display:flex}.exercise-details-section{margin-bottom:var(--spacing-md)}.exercise-name-display{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.01em;margin:0}.set-table-wrapper{width:100%;overflow-x:auto}.set-table{border-collapse:collapse;text-align:left;width:100%}.set-table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-xs);border-bottom:var(--border-width-thin) solid var(--color-border)}.td-set{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary);width:var(--spacing-xl);text-align:center}.td-prev{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.td-weight,.td-reps{width:var(--spacing-2xl)}.td-check{width:var(--spacing-xl);text-align:center;justify-content:center;align-items:center;display:flex}.set-input{width:100%;min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-bg-main);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;text-align:center;transition:border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease)}.set-input:disabled{color:var(--color-text-secondary);cursor:not-allowed;background-color:#0000;border-color:#0000}.set-row-completed .set-input{color:var(--color-text-muted)}.set-input:focus:not(:disabled){border-color:var(--color-border-focus);box-shadow:0 0 0 var(--border-width-thick) var(--color-primary-bg);outline:none}.set-table td{padding:var(--spacing-sm) var(--spacing-xs);vertical-align:middle}.set-row{border-bottom:var(--border-width-thin) solid var(--color-border);transition:background-color var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease)}.set-row-active{background-color:var(--color-primary-bg);border-left:var(--border-width-indicator) solid var(--color-primary);animation:3s ease-in-out infinite active-row-pulse;position:relative}@keyframes active-row-pulse{0%,to{background-color:var(--color-primary-bg)}50%{background-color:var(--color-border)}}.set-row-active .set-input:not(:disabled){border-color:var(--color-primary-hover);background-color:var(--color-bg-card)}.set-row-active-waiting{background-color:var(--color-bg-card-hover);border-left:var(--border-width-indicator) solid var(--color-text-muted);opacity:.8}.exercise-card-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-danger-bg);border-radius:var(--radius-md)}.set-row-completed{opacity:.5}.set-row-completed .td-set{color:var(--color-success);text-decoration:line-through}.set-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.set-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.set-input[type=number]{-moz-appearance:textfield}@media (width<=430px){.exercise-card{padding:var(--spacing-md)}.partner-name{font-size:var(--font-size-sm)}.exercise-name-display{font-size:var(--font-size-base)}.set-table th{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-xxs)}.set-table td{padding:var(--spacing-xs) var(--spacing-xxs)}.td-set{width:var(--spacing-md)}.td-weight,.td-reps{width:var(--spacing-xl)}.set-input{padding:var(--spacing-xs) var(--spacing-xs);font-size:var(--font-size-xs)}}.subentry-row{background-color:var(--color-bg-subentry)}.subentry-container{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-main);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);margin:var(--spacing-xs) 0;animation:slide-down .2s var(--motion-ease)}@keyframes slide-down{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.subentry-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xxs);border-bottom:var(--border-width-thin) solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.subentry-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.btn-add-subentry{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-bg);border:var(--border-width-thin) solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-xxs) var(--spacing-sm);cursor:pointer;min-height:1.75rem;transition:all var(--motion-fast) var(--motion-ease);justify-content:center;align-items:center;display:flex}.btn-add-subentry:disabled{opacity:.5;cursor:not-allowed}.btn-add-subentry:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-primary)}.subentries-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.subentry-item{align-items:center;gap:var(--spacing-sm);animation:fade-in .15s var(--motion-ease);display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.subentry-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);width:5rem}.subentry-fields{align-items:center;gap:var(--spacing-xs);flex-grow:1;display:flex}.subentry-input-group{align-items:center;gap:var(--spacing-xxs);display:flex}.subentry-input-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.subentry-field{max-width:5rem}.btn-remove-subentry{color:var(--color-danger);cursor:pointer;padding:var(--spacing-xxs);border-radius:var(--radius-sm);min-width:var(--touch-target-min);min-height:var(--touch-target-min);transition:background-color var(--motion-fast) var(--motion-ease);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-remove-subentry:disabled{opacity:.3;cursor:not-allowed}.btn-remove-subentry:hover:not(:disabled){background-color:var(--color-danger-bg)}.rest-timer-tag{align-items:center;gap:var(--spacing-xxs);background-color:var(--color-warning-bg);border:var(--border-width-thin) solid var(--color-warning);color:var(--color-warning);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);animation:pulse-border 1.5s infinite alternate var(--motion-ease);display:inline-flex}.btn-dismiss-timer{color:var(--color-warning);font-size:var(--font-size-xs);cursor:pointer;padding:0 var(--spacing-xxs);border-radius:var(--radius-full);min-width:1.25rem;min-height:1.25rem;transition:background-color var(--motion-fast) var(--motion-ease);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-dismiss-timer:hover{background-color:var(--color-warning);color:var(--color-bg-card)}@keyframes pulse-border{0%{box-shadow:0 0 0 0 var(--color-warning-bg)}to{box-shadow:0 0 0 .25rem #0000}}.session-view-container{background-color:var(--color-bg-main);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.session-sticky-header{z-index:var(--z-sticky);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-nav-bg);-webkit-backdrop-filter:blur(12px)saturate(180%);border-bottom:var(--border-width-thin) solid var(--color-border);box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;left:0;right:0}.session-header-left{flex-direction:column;align-items:flex-start;display:flex}.session-header-title{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-xxs) 0}.session-workout-name{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.turn-indicator-pill{align-items:center;gap:var(--spacing-xs);background-color:var(--color-primary-bg);border:var(--border-width-thin) solid var(--color-primary);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);animation:2s ease-in-out infinite turn-pulse;display:flex}@keyframes turn-pulse{0%,to{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}50%{box-shadow:0 0 var(--spacing-xs) var(--color-primary);border-color:var(--color-primary-hover)}}.turn-pill-details{text-align:left;flex-direction:column;display:flex}.turn-label{font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-bottom:var(--spacing-xxs);line-height:1}.turn-owner{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.1}.session-scroll-content{padding:var(--spacing-lg);gap:var(--spacing-lg);box-sizing:border-box;flex-direction:column;flex:1;display:flex;overflow-y:auto}.exercise-header-meta{text-align:left;margin-top:var(--spacing-sm)}.exercise-index-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.active-exercise-title{font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--spacing-xxs) 0;letter-spacing:-.02em}.active-exercise-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.partner-cards-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.session-actions-footer{margin-top:var(--spacing-md);margin-bottom:var(--spacing-xl);gap:var(--spacing-md);display:flex}.completion-card{border:var(--border-width-thick) solid var(--color-success);background-color:var(--color-success-bg);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm)}.completion-card-title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-success);margin:0 0 var(--spacing-xs) 0}.completion-card-text{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.session-view-loading,.session-view-empty{height:100vh;padding:var(--spacing-lg);box-sizing:border-box;justify-content:center;align-items:center;display:flex}@media (width<=430px){.session-sticky-header{padding:var(--spacing-sm) var(--spacing-md)}.session-scroll-content{padding:var(--spacing-md);gap:var(--spacing-md)}.active-exercise-title{font-size:var(--font-size-xl)}}.connection-banner{position:fixed;top:0;left:0}.connection-required{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.connection-required-icon{width:var(--touch-target-min);height:var(--touch-target-min);color:var(--color-text-muted)}.connection-required-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.connection-required-message{font-size:var(--font-size-sm);max-width:28ch;margin:0}.app-container{background-color:var(--color-bg-main);min-height:100svh;color:var(--color-text-primary);box-sizing:border-box;flex-direction:column;display:flex}.app-main{box-sizing:border-box;flex-direction:column;flex:1;width:100%;padding-bottom:4.5rem;display:flex}.bottom-nav{width:100%;max-width:var(--viewport-max-width);background-color:var(--color-nav-bg);border-top:var(--border-width-thin) solid var(--color-border);height:4.5rem;z-index:var(--z-sticky);box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,var(--spacing-xxs));justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{height:100%;min-height:var(--touch-target-min);cursor:pointer;color:var(--color-nav-inactive);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:color var(--motion-fast) var(--motion-ease);justify-content:center;align-items:center;gap:var(--spacing-xxs);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;flex:1;text-decoration:none;display:flex}.nav-item:hover{color:var(--color-text-primary)}.nav-item-active{color:var(--color-nav-active)}.nav-icon{width:var(--spacing-lg);height:var(--spacing-lg);fill:currentColor;transition:transform var(--motion-fast) var(--motion-ease)}.nav-item-active .nav-icon{transform:translateY(-.0625rem)scale(1.05)}.placeholder-view{padding:var(--spacing-xl);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.placeholder-title{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.placeholder-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:20rem}.workout-header{background-color:var(--color-bg-card);border-bottom:var(--border-width-thin) solid var(--color-border);width:100%;padding:var(--spacing-sm) var(--spacing-lg);z-index:var(--z-sticky);box-sizing:border-box;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.workout-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.workout-body{margin-top:var(--spacing-3xl,4rem);width:100%}.partner-status{align-items:center;gap:var(--spacing-xs);display:flex}.partner-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.presence-indicator{border-radius:var(--radius-full);width:.5rem;height:.5rem;display:inline-block}.presence-active{background-color:var(--color-success)}.auth-screen{min-height:100svh;padding:var(--spacing-lg);background-color:var(--color-bg-main);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{gap:var(--spacing-md);flex-direction:column;width:100%;max-width:24rem;display:flex}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin:0}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;margin:0}.auth-banner{margin-bottom:var(--spacing-xs)}.auth-form{gap:var(--spacing-md);flex-direction:column;display:flex}.auth-label{gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex-direction:column;display:flex}.auth-field-error{font-size:var(--font-size-sm);color:var(--color-danger)}.auth-submit{min-height:var(--touch-target-min);margin-top:var(--spacing-xs)}.auth-footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.auth-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.auth-link:hover{text-decoration:underline}.pwa-reload-banner{width:calc(100% - var(--spacing-lg) * 2);max-width:calc(var(--viewport-max-width) - var(--spacing-lg) * 2);background-color:var(--color-bg-card);border:var(--border-width-thin) solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-lg);gap:var(--spacing-sm);z-index:var(--z-overlay);box-sizing:border-box;flex-direction:column;display:flex;position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%)}.pwa-banner-text{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.pwa-banner-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}:root{--color-bg-main:#0b0f19;--color-bg-card:#151f32;--color-bg-card-hover:#1e2b44;--color-bg-subentry:#151f3266;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-primary:#818cf8;--color-primary-hover:#6366f1;--color-primary-bg:#818cf81a;--color-success:#34d399;--color-success-bg:#34d3991a;--color-warning:#fb923c;--color-warning-bg:#fb923c1a;--color-danger:#f87171;--color-danger-bg:#f871711a;--color-border:#1e293b;--color-border-focus:#4f46e5;--color-shadow:#0006;--color-nav-bg:#0d1321;--color-nav-active:#818cf8;--color-nav-inactive:#64748b;--border-width-thin:1px;--border-width-thick:2px;--border-width-indicator:4px;--viewport-max-width:430px;--color-backdrop:#0009;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xxs:.25rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--motion-fast:.15s;--motion-normal:.2s;--motion-slow:.3s;--motion-ease:cubic-bezier(.4, 0, .2, 1);--z-base:0;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--touch-target-min:44px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:var(--border-width-thin) solid transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);-webkit-user-select:none;user-select:none;background-color:#0000;justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-bg-main)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-card-hover);border-color:var(--color-text-muted)}.btn-danger{background-color:var(--color-danger);color:var(--color-bg-main)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger);opacity:.9}.icon-btn{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);border:var(--border-width-thin) solid transparent;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn:hover:not(:disabled){background-color:var(--color-bg-card-hover);color:var(--color-text-primary)}.card{background-color:var(--color-bg-card);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--motion-normal) var(--motion-ease), box-shadow var(--motion-normal) var(--motion-ease);text-align:left}.card-hoverable:hover{box-shadow:var(--shadow-lg);background-color:var(--color-bg-card-hover);transform:translateY(-.125rem)}.input{width:100%;min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-main);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;transition:border-color var(--motion-fast) var(--motion-ease)}.input:focus{border-color:var(--color-border-focus);outline:none}.input:disabled{opacity:.5;background-color:var(--color-bg-card);cursor:not-allowed}.stepper-container{background-color:var(--color-bg-main);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);align-items:center;max-width:11.25rem;display:flex;overflow:hidden}.stepper-input{width:100%;min-height:var(--touch-target-min);text-align:center;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);background:0 0;border:none;padding:0}.stepper-input:focus{outline:none}.stepper-btn{width:var(--touch-target-min);height:var(--touch-target-min);background-color:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);border:none;justify-content:center;align-items:center;display:flex}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-btn:hover:not(:disabled){background-color:var(--color-bg-card-hover)}.checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:var(--touch-target-min);display:inline-flex}.checkbox-hidden{opacity:0;width:0;height:0;position:absolute}.checkbox-custom{border:var(--border-width-thick) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-main);width:1.5rem;height:1.5rem;transition:border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);justify-content:center;align-items:center;display:flex}.checkbox-hidden:checked+.checkbox-custom{background-color:var(--color-success);border-color:var(--color-success)}.checkbox-hidden:focus-visible+.checkbox-custom{border-color:var(--color-border-focus)}.checkbox-hidden:disabled+.checkbox-custom{opacity:.5;cursor:not-allowed}.checkbox-check{fill:none;width:.875rem;height:.875rem;stroke:var(--color-bg-main);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--motion-fast) var(--motion-ease);transform:scale(0)}.checkbox-hidden:checked+.checkbox-custom .checkbox-check{transform:scale(1)}.sheet-backdrop{background-color:var(--color-backdrop);z-index:var(--z-modal);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-content{width:100%;max-width:var(--viewport-max-width);background-color:var(--color-bg-card);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-top:var(--border-width-thin) solid var(--color-border);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-2xl);box-shadow:var(--shadow-lg);animation:slide-up var(--motion-slow) var(--motion-ease) forwards;box-sizing:border-box;transform:translateY(100%)}@keyframes slide-up{to{transform:translateY(0)}}.sheet-handle{width:2.25rem;height:var(--border-width-indicator);background-color:var(--color-border);border-radius:var(--radius-full);margin:0 auto var(--spacing-lg)}.banner{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-sizing:border-box;text-align:center;z-index:var(--z-sticky)}.banner-warning{background-color:var(--color-warning-bg);border-bottom:var(--border-width-thin) solid var(--color-warning);color:var(--color-warning)}.banner-danger{background-color:var(--color-danger-bg);border-bottom:var(--border-width-thin) solid var(--color-danger);color:var(--color-danger)}.toast-container{z-index:var(--z-toast);gap:var(--spacing-xs);width:calc(100% - var(--spacing-xl));max-width:calc(var(--viewport-max-width) - var(--spacing-xl));pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:5rem;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background-color:var(--color-bg-card);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);animation:fade-in var(--motion-fast) var(--motion-ease) forwards;display:flex}.toast-success{border-left:var(--border-width-indicator) solid var(--color-success)}.toast-danger{border-left:var(--border-width-indicator) solid var(--color-danger)}.avatar{border-radius:var(--radius-full);background-color:var(--color-primary-bg);border:var(--border-width-thick) solid var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-bold);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar-sm{width:2rem;height:2rem;font-size:var(--font-size-xs)}.avatar-md{width:2.75rem;height:2.75rem;font-size:var(--font-size-sm)}.avatar-lg{width:4rem;height:4rem;font-size:var(--font-size-lg)}.avatar-img{object-fit:cover;width:100%;height:100%}.tag{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;align-items:center;display:inline-flex}.tag-primary{background-color:var(--color-primary-bg);color:var(--color-primary)}.tag-success{background-color:var(--color-success-bg);color:var(--color-success)}.tag-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.tag-danger{background-color:var(--color-danger-bg);color:var(--color-danger)}:root{--text:var(--color-text-secondary);--text-h:var(--color-text-primary);--bg:var(--color-bg-main);--border:var(--color-border);--code-bg:var(--color-bg-card);--accent:var(--color-primary);--accent-bg:var(--color-primary-bg);--accent-border:var(--color-border-focus);--social-bg:var(--color-bg-card);--shadow:var(--shadow-lg);--sans:var(--font-sans);--heading:var(--font-sans);--mono:var(--font-mono);font:var(--font-size-lg)/145% var(--sans);letter-spacing:.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:var(--font-size-base)}}#root{width:100%;max-width:var(--viewport-max-width);text-align:center;border-inline:var(--border-width-thin) solid var(--border);box-sizing:border-box;flex-direction:column;min-height:100svh;margin:0 auto;display:flex}body{background-color:var(--color-bg-main);margin:0}h1,h2{font-family:var(--heading);font-weight:var(--font-weight-medium);color:var(--text-h)}h1{font-size:var(--font-size-4xl);letter-spacing:-.03em;margin:var(--spacing-xl) 0}@media (width<=1024px){h1{font-size:var(--font-size-3xl);margin:var(--spacing-lg) 0}}h2{font-size:var(--font-size-2xl);letter-spacing:-.01em;margin:0 0 var(--spacing-xs);line-height:1.18}@media (width<=1024px){h2{font-size:var(--font-size-xl)}}p{margin:0}code,.counter{font-family:var(--mono);border-radius:var(--radius-sm);color:var(--text-h);display:inline-flex}code{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--code-bg);line-height:1.35}