.timer-widgets-bar{margin-top:0;animation:widgetsEnter .4s cubic-bezier(.16,1,.3,1)}@keyframes widgetsEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.timer-widgets-bar{display:flex;align-items:center;justify-content:center;width:100%}.timer-widgets-bar__hover-container{flex:1 1;container-type:inline-size;container-name:widgets-bar}.timer-widgets-bar__container,.timer-widgets-bar__hover-container{display:flex;justify-content:center;align-items:center;position:relative}.timer-widgets-bar__container{flex-wrap:nowrap;gap:var(--space-md);overflow:visible;padding:var(--space-xs) 0;width:100%;transform-origin:center center;transition:transform .15s ease-out}@container widgets-bar (max-width: 480px){.timer-widgets-bar__container[data-widget-count="4"]{transform:scale(.85)}}@container widgets-bar (max-width: 420px){.timer-widgets-bar__container[data-widget-count="4"]{transform:scale(.75)}}@container widgets-bar (max-width: 360px){.timer-widgets-bar__container[data-widget-count="4"]{transform:scale(.65)}}.timer-widgets-bar__add-button{position:absolute;z-index:1;top:calc(50% + var(--widget-row-offset, 0px));left:calc(50% + var(--widget-offset, 0px) + var(--space-lg));transform:translate(-50%,-50%);width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.3;margin-left:var(--space-sm);order:1000}.timer-widgets-bar__add-button:hover,.timer-widgets-bar__hover-container:hover .timer-widgets-bar__add-button{opacity:1}.timer-widgets-bar__container::-webkit-scrollbar{height:4px}.timer-widgets-bar__container::-webkit-scrollbar-track{background:transparent}.timer-widgets-bar__container::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-full)}.timer-widgets-bar__container::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.timer-widgets-bar__item{flex:0 0 auto;display:flex;justify-content:center;cursor:-webkit-grab;cursor:grab;transition:all var(--transition-fast);transform:translateZ(0)}.timer-widgets-bar__item:active{cursor:-webkit-grabbing;cursor:grabbing}.timer-widgets-bar__item:active .timer-widget{cursor:-webkit-grabbing!important;cursor:grabbing!important}.timer-widgets-bar__item.dragging{opacity:var(--opacity-semantic-inactive);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover)) translateZ(0);cursor:-webkit-grabbing!important;cursor:grabbing!important;z-index:1000;transition:all .2s var(--motion-spring-gentle)}.timer-widgets-bar__item.dragging-overlay,[data-dnd-kit-drag-overlay] .timer-widgets-bar__item{opacity:1!important;visibility:visible!important;cursor:-webkit-grabbing!important;cursor:grabbing!important;transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover)) translateZ(0)!important;z-index:1000;transition:all .2s var(--motion-spring-gentle)}.timer-widgets-grid{display:flex;gap:var(--space-xl);justify-content:space-between;align-items:flex-start;max-width:650px;margin:0 auto}.timer-widgets-grid__center,.timer-widgets-grid__left,.timer-widgets-grid__right{flex:0 0 75px;display:flex;justify-content:center}.timer-widgets{display:flex;gap:var(--space-md);align-items:flex-start;justify-content:center;width:100%}.timer-widgets__left,.timer-widgets__right{flex:0 0 200px;display:flex;justify-content:center}.timer-widgets__center{flex:1 1;display:flex;justify-content:center}.timer-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:85px;height:85px;flex-shrink:0;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none;padding:var(--space-md);gap:var(--space-xs);transition:all var(--transition-base) var(--motion-spring-gentle);overflow:hidden}.timer-widget,.timer-widget--interactive{cursor:pointer}.timer-widget--non-interactive{cursor:default}.timer-widget:hover{transform:translateY(-1px)}.timer-widget:active{transform:translateY(0) scale(.98);transition:all var(--transition-fast) var(--motion-spring-gentle)}.timer-widget__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-align:center;line-height:var(--line-height-tight);margin:0;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;opacity:var(--opacity-semantic-emphasis-medium)}.timer-widget__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);text-align:center;line-height:1;margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.timer-widget__extra{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-tight);margin:0;letter-spacing:var(--letter-spacing-normal);opacity:var(--opacity-semantic-emphasis-high)}.timer-widget__value--updating{color:var(--color-accent-primary);animation:valueUpdate .3s var(--motion-spring-gentle)}.timer-widget__pr{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-regular);opacity:var(--opacity-semantic-emphasis-high);text-transform:none;letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);text-align:center}@keyframes valueUpdate{0%{transform:scale(1)}50%{transform:scale(1.1);color:var(--color-accent-primary)}to{transform:scale(1)}}.timer-widget__streak-icon{width:16px;height:16px;color:var(--color-accent-primary);opacity:var(--opacity-semantic-emphasis-high);flex-shrink:0;margin-left:var(--space-xs);margin-top:-2px;padding:var(--space-2xs)}.timer-widget--add{border:2px dashed var(--color-border-tertiary);opacity:.3}.timer-widget--add,.timer-widget--add:hover{background:transparent;box-shadow:none!important}.timer-widget--add:hover{opacity:1;border-color:var(--color-border-primary)}.timer-widget__add-icon{width:32px;height:32px;color:var(--color-text-tertiary)!important}.timer-widget--add:hover .timer-widget__add-icon{color:var(--color-text-default)!important;opacity:1;transform:scale(1.05)}.timer-widget--inactive-placeholder{background:transparent;border:2px dashed var(--color-border-tertiary);box-shadow:none!important;opacity:.3;cursor:default}.timer-widget--inactive-placeholder:hover{opacity:.3;border-color:var(--color-border-tertiary);background:transparent;box-shadow:none!important;transform:none}.timer-widget--empty-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:75px;height:75px;background:transparent;border:2px dashed var(--color-border-secondary);border-radius:var(--radius-xl);box-shadow:none;padding:var(--space-md);gap:var(--space-sm);transition:all var(--transition-base) var(--motion-spring-gentle);cursor:pointer;overflow:hidden}.timer-widget--empty-slot:hover{transform:translateY(-1px);border-color:var(--color-border-secondary);box-shadow:none}.timer-widget--empty-slot__icon{width:20px;height:20px;color:var(--color-text-tertiary);opacity:.6;transition:all var(--transition-base) var(--motion-spring-gentle)}.timer-widget--empty-slot:hover .timer-widget--empty-slot__icon{color:var(--color-text-default);opacity:var(--opacity-semantic-emphasis-high);transform:scale(1.05)}.timer-widget--empty-slot__text{font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);text-align:center;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide);opacity:.6}.timer-widget__switch-overlay{position:absolute;inset:0;background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);border-radius:inherit;pointer-events:none;z-index:2}.timer-widget__switch-overlay--visible{opacity:.9}.is-mobile .timer-widget--interactive .timer-widget__switch-overlay{opacity:.3}.is-mobile .timer-widget--interactive:active .timer-widget__switch-overlay{opacity:.9}.timer-widget__switch-icon{color:var(--color-text-tertiary);width:20px;height:20px}.timer-widget__drag-handle{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-2xs);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;z-index:3;cursor:-webkit-grab;cursor:grab;transform:rotate(90deg)}.timer-widget__drag-handle--visible{opacity:.5;pointer-events:auto}.timer-widget__drag-handle--visible:hover{opacity:.9}.timer-widget__drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.timer-widget__drag-icon{color:var(--color-text-tertiary);width:12px;height:12px}.is-mobile .timer-widget__drag-handle{display:none}.timer-widget--pr-glow{border-color:var(--color-accent-primary);box-shadow:0 0 16px var(--color-accent-primary-alpha);animation:widgetPrGlow 2s var(--motion-spring-gentle);background:linear-gradient(135deg,var(--color-surface-secondary),var(--color-accent-subtle))}@keyframes widgetPrGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 20px var(--color-accent-primary-alpha);transform:translateY(-1px) scale(1.02)}}.widget-picker__grid{display:flex;flex-direction:column;gap:var(--space-sm);min-height:424px}.widget-picker__option{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);height:56px;background:transparent;border:none;cursor:pointer;text-align:left;width:100%}.widget-picker__option--selected{cursor:default}.widget-picker__option-radio{flex-shrink:0;pointer-events:none;margin-right:var(--space-sm)}.widget-picker__option-radio .radio-button-wrapper{margin:0}.widget-picker__option-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);opacity:.8;transition:opacity .15s ease}.widget-picker__option-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);opacity:.8;transition:opacity .15s ease}.widget-picker__option-wrapper--selected .widget-picker__option-icon,.widget-picker__option-wrapper--selected .widget-picker__option-label,.widget-picker__option-wrapper:hover .widget-picker__option-icon,.widget-picker__option-wrapper:hover .widget-picker__option-label{opacity:1}.widget-picker__option-wrapper{display:flex;flex-direction:column;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);overflow:hidden;transition:background .25s ease}.widget-picker__option-wrapper--selected{background:var(--color-surface-tertiary);border-color:var(--color-border-tertiary)}.widget-picker__inline-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.widget-picker__inline-panel--open{grid-template-rows:1fr}.widget-picker__inline-settings{min-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,padding .18s ease;padding:0 var(--space-md)}.widget-picker__inline-panel--open .widget-picker__inline-settings{opacity:1;transform:translateY(0);padding:var(--space-xs) var(--space-md) var(--space-sm);transition-delay:30ms}.widget-picker__inline-options{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:flex-start}.widget-picker__custom-input{display:flex;flex-direction:column;gap:var(--space-lg)}.widget-picker__custom-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.widget-picker__divider{height:1px;background:var(--color-border-secondary);margin:var(--space-md) 0}.cube-face--widget{--cube-size:clamp(58px,80%,72px);width:var(--cube-size)!important;height:var(--cube-size)!important;gap:.5px;border:1px solid var(--color-cube-skeleton)!important;border-radius:3px!important;background:var(--color-cube-skeleton)!important;aspect-ratio:1/1}.cube-face--widget .cube-sticker{width:calc((var(--cube-size) - 4px) / 3);height:calc((var(--cube-size) - 4px) / 3);min-width:calc((var(--cube-size) - 4px) / 3);min-height:calc((var(--cube-size) - 4px) / 3);border-radius:2px;transition:none;aspect-ratio:1/1}.timer-widget:has(.cube-face--widget){align-items:center;justify-content:center}.timer-widget[data-widget-type=scramblepreview]{align-items:center;justify-content:center}.timer-widget:has(.cube-face--widget) .timer-widget__value{display:flex;justify-content:center;align-items:center}.timer-widget:has(.cube-face--widget) .timer-widget__extra,.timer-widget:has(.cube-face--widget) .timer-widget__label{display:none}@media (max-width:768px){.is-mobile .timer-widgets-bar{margin-top:var(--space-xs)}.is-mobile .timer-widgets-bar__add-button{opacity:.3}.is-mobile .timer-widgets-bar__add-button:hover{opacity:1}.is-mobile .timer-widgets-bar .timer-widget{width:140px;height:120px;padding:var(--space-lg);gap:var(--space-md)}.is-mobile .timer-widgets-bar .timer-widget:active{transform:translateY(0) scale(.95)}.is-mobile .timer-widgets-bar .timer-widget__value{font-size:var(--font-size-2xl)}}.performance-infographics{display:flex;gap:var(--space-lg);justify-content:center;align-items:flex-start;width:100%;padding:0;pointer-events:auto;margin:0 auto}.performance-infographics--dual-charts{flex-direction:row;gap:var(--space-md);align-items:stretch;width:100%;max-width:1200px;margin:0 auto}.performance-infographics--dual-charts .infographic-container{flex:1 1;min-width:0}@media (min-width:1001px){.performance-infographics--dual-charts .infographic-container{max-width:600px}}.infographic-container{position:relative;display:flex;flex-direction:column;width:100%;height:240px;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none;padding:0;overflow-x:hidden;overflow-y:visible}.infographic-header{display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;right:0;height:40px;z-index:3;padding:0 var(--space-md);pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-surface-secondary) 80%,transparent) 0,color-mix(in srgb,var(--color-surface-secondary) 60%,transparent) 40%,transparent 100%)}.infographic-zoom-btn{width:28px;height:28px;border:1px solid var(--color-border-secondary);color:var(--color-text-default);font-weight:var(--font-weight-medium)}.infographic-zoom-btn:hover:not(:disabled){background:var(--color-surface-quaternary);border-color:var(--color-border-primary);transform:translateY(-1px)}.infographic-zoom-btn:disabled{opacity:.5}.infographic-zoom-btn.active{color:var(--color-text-inverse)}.infographic-zoom-btn .icon{width:16px;height:16px}.infographic-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-default);margin:0;line-height:var(--line-height-tight);pointer-events:auto;text-shadow:0 1px 2px rgba(0,0,0,.1)}.infographic-content{flex:1 1;display:flex;flex-direction:column;position:relative;z-index:2;background:transparent}.infographic-chart{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;background:transparent;z-index:1}.infographic-chart svg{border:none!important;outline:none!important;background:transparent;overflow:visible!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block;pointer-events:auto}.infographic-chart--trend svg{height:100%!important;vertical-align:top}.infographic-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);position:absolute;bottom:0;left:0;right:0;height:35px;z-index:3;padding:0 var(--space-md);pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--color-surface-secondary) 80%,transparent) 0,color-mix(in srgb,var(--color-surface-secondary) 60%,transparent) 40%,transparent 100%);text-shadow:0 1px 2px rgba(0,0,0,.1)}.chart-toggle-container{display:none;width:100%;margin-bottom:var(--space-md);justify-content:center;opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.23,1,.32,1)}.chart-toggle{display:flex;gap:2px;background:var(--color-surface-secondary);border-radius:var(--radius-xl);padding:4px;border:1px solid var(--color-border-secondary)}.chart-toggle-btn{background:transparent;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;position:relative;width:135px;flex:none;text-align:center;display:flex;align-items:center;justify-content:center}.chart-toggle-btn:hover:not(.active){background:var(--color-surface-secondary)}.chart-toggle-btn.active,.chart-toggle-btn:hover:not(.active){color:var(--color-text-default);border-radius:var(--radius-xl)}.chart-toggle-btn.active{background:var(--color-surface-tertiary);font-weight:var(--font-weight-bold)}.infographic-container.chart-active,.infographic-container.chart-inactive{display:flex}@media (min-width:1001px){.chart-toggle-container{opacity:0;transform:translateY(20px)}.performance-infographics--dual-charts .infographic-container.chart-active,.performance-infographics--dual-charts .infographic-container.chart-inactive{position:relative!important;z-index:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;visibility:visible!important;transition:none!important}}@media (max-width:1000px){.chart-toggle-container{display:flex;opacity:1;transform:translateY(0)}.infographic-container.chart-inactive{opacity:0;transform:translateY(30px);pointer-events:none;visibility:hidden;position:absolute;z-index:0}.infographic-container.chart-active{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;width:100%;max-width:800px;margin:0 auto;flex:none;position:relative;z-index:1}.performance-infographics--dual-charts{flex-direction:column;gap:0;min-height:260px;position:relative;overflow:hidden}}@media (max-width:768px){.is-mobile .infographic-container{height:200px;padding:0}.is-mobile .infographic-title{font-size:var(--font-size-sm)}.is-mobile .chart-toggle-container{display:flex;opacity:1;transform:translateY(0)}.is-mobile .infographic-container.chart-inactive{opacity:0!important;transform:translateY(30px)!important;pointer-events:none!important;visibility:hidden!important;position:absolute!important;z-index:0!important}.is-mobile .chart-toggle-btn{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.is-mobile .infographic-container.chart-active{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;visibility:visible!important;position:relative!important;z-index:1!important}}.infographic-container--trend .infographic-chart--trend{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.infographic-container--trend.overview-mode .infographic-chart--trend{overflow-x:hidden!important;overflow-y:hidden!important}.infographic-container--trend.overview-mode .infographic-chart--trend svg{width:100%!important;max-width:100%!important;min-width:100%!important}.infographic-chart--trend::-webkit-scrollbar{height:6px;background:transparent}.infographic-chart--trend::-webkit-scrollbar-track{background:transparent}.infographic-chart--trend::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-full);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.infographic-chart--trend:active::-webkit-scrollbar-thumb,.infographic-chart--trend:hover::-webkit-scrollbar-thumb{background:var(--color-border-secondary)}.infographic-chart--trend:hover::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.infographic-chart--trend:focus,.infographic-chart--trend:hover{scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.infographic-controls{display:flex;gap:var(--space-xs);pointer-events:auto}.infographic-zoom-btn{width:24px;height:24px;background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-icon-neutral);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);line-height:1}.infographic-zoom-btn:hover{background:var(--color-surface-quaternary);border-color:var(--color-border-primary);transform:scale(var(--micro-scale-hover))}.infographic-zoom-btn:active{transform:scale(var(--micro-scale-press))}.infographic-zoom-btn:disabled{opacity:var(--opacity-semantic-disabled);cursor:not-allowed;color:var(--color-disabled-default)}.infographic-zoom-btn:disabled,.infographic-zoom-btn:disabled:hover{background:var(--color-disabled-bg);border-color:var(--color-border-tertiary)}.infographic-zoom-btn:disabled:hover{transform:none}.infographic-zoom-btn.active{background:var(--color-primary-default);color:var(--color-primary-contrast);border-color:var(--color-primary-default)}.infographic-zoom-btn.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:scale(var(--micro-scale-hover))}#bottom-section{padding:var(--space-md,16px);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:720px}#timer-controls{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}#timer-touch-area{text-align:center;color:var(--color-text-secondary,#999);font-size:var(--font-size-md,1rem);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transition:all var(--transition-base,.2s ease);margin-top:var(--space-lg);padding-top:var(--space-lg);line-height:1.5;flex:1 1;display:none;align-items:flex-start;justify-content:center;width:100%;cursor:pointer}#timer-touch-area:hover{background-color:var(--color-surface-secondary);opacity:var(--opacity-semantic-ghost)}@media (max-width:768px){.is-mobile #timer-touch-area{flex:1 1;display:flex!important;align-items:center;justify-content:center;margin:0;padding:0 var(--space-md);border:var(--border-width-thick) solid var(--borderColor);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text-default);cursor:pointer;box-sizing:border-box}.is-mobile #timer-touch-area:active{background-color:var(--color-surface-tertiary);transform:scale(var(--micro-scale-press))}}#mobile-touch-overlay{display:none;position:fixed;inset:0;z-index:var(--z-index-overlay)}.timer-inspecting #timer-display:not([style*=color]){color:var(--color-status-warning-default)}.timer-running #timer-display:not([style*=color]),.timer-stopped #timer-display:not([style*=color]){color:var(--color-text-default)}.timer-ready #timer-display:not([style*=color]){color:var(--color-status-success-default)}.timer-plus-two #timer-display:after{content:"+";color:var(--color-status-warning-default);font-size:.7em;vertical-align:super;margin-left:4px}.timer-dnf #timer-display{color:var(--color-status-error-default)}.timer-dnf #timer-display:after{content:" DNF";font-size:.4em;vertical-align:middle;margin-left:8px;font-weight:var(--font-weight-bold)}@keyframes blink-orange{0%,to{color:var(--color-status-warning-default)}50%{color:var(--color-text-default)}}@keyframes blink-red{0%,to{color:var(--color-status-error-default)}50%{color:var(--color-text-default)}}.blink-orange{animation:blink-orange .3s var(--motion-spring-gentle)}.blink-red{animation:blink-red .3s var(--motion-spring-gentle)}.timer-pb #timer-display:not([style*=color]){animation:pulse 1.5s var(--motion-spring-gentle) infinite;color:var(--color-icon-gold)}.timer-inspection-warning #timer-display{animation:urgentPulse .6s var(--motion-spring-gentle) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:var(--opacity-semantic-emphasis-medium)}}.timer-running-animation{animation:pulse 1.5s ease-in-out infinite}@keyframes urgentPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:var(--opacity-80)}}.timer-urgent-pulse{animation:urgentPulse .6s ease-in-out infinite}.section-header{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin:0 0 var(--space-md) 0;padding:0}.chevron-up{border-top:5px solid var(--color-icon-neutral)}:root{--color-cube-white:#FFFFFF;--color-cube-yellow:#FFFF00;--color-cube-red:#FF0000;--color-cube-orange:#FF6600;--color-cube-blue:#1E88E5;--color-cube-green:#43A047;--color-cube-gray:#444444;--color-cube-target-gray:#888888;--color-cube-border:transparent}@media (prefers-color-scheme:light){:root{--color-cube-white:#FAFAFA;--color-cube-yellow:#FFD700;--color-cube-red:#DC143C;--color-cube-orange:#FF4500;--color-cube-blue:#1565C0;--color-cube-green:#2E7D32;--color-cube-gray:#444444;--color-cube-target-gray:#9a9a9a;--color-cube-border:var(--color-border-secondary)}}.cube-visualization{display:flex;justify-content:center;align-items:center;padding:20px}.cube-net{display:grid;grid-template-columns:repeat(4,80px);grid-template-rows:repeat(3,80px);grid-gap:12px;gap:12px}.cube-net-row{display:contents}.cube-face{display:grid;grid-template-rows:repeat(3,1fr);grid-gap:3px;gap:3px;width:80px;height:80px;border:1px solid var(--color-cube-border);border-radius:4px;background:var(--color-cube-border)}.cube-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px}.cube-sticker{border-radius:3px}.cube-face-placeholder{width:80px;height:80px}@media (max-width:768px){.cube-visualization{width:100%;padding:var(--space-lg)}.cube-net{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:min(1.5vw,12px);width:100%;max-width:70vw;aspect-ratio:4/3}.cube-face{width:100%;height:auto;aspect-ratio:1;border:max(1px,.15vw) solid var(--color-cube-border);border-radius:max(4px,.5vw)}.cube-face,.cube-row{gap:max(3px,.3vw)}.cube-sticker{border-radius:max(3px,.4vw);aspect-ratio:1;width:100%}.cube-face-placeholder{width:100%;height:auto;aspect-ratio:1}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-in{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.15)}}@keyframes panel-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes card-appear{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes content-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-session-bar{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-xs) 0 var(--space-sm) 0;width:100%;position:relative;z-index:10;animation:mobileSessionBarEnter .3s cubic-bezier(.16,1,.3,1)}@keyframes mobileSessionBarEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.is-mobile .mobile-session-bar{display:flex!important;width:100%!important;gap:var(--space-sm)!important}.is-mobile .mobile-session-bar *{max-width:none!important}.is-mobile .mobile-session-bar .mobile-session-icon,.is-mobile .mobile-session-bar .mobile-session-tab-full{flex-shrink:1!important;flex-basis:auto!important}.is-mobile .mobile-session-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1!important;min-width:48px!important;max-width:none!important;width:auto!important;height:48px!important;background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast);box-shadow:none;position:relative;z-index:10;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-session-icon:hover{background:var(--color-surface-secondary);border-color:var(--color-border-secondary);box-shadow:none}.mobile-session-icon:active{transform:scale(.95);background:var(--color-surface-tertiary)}.mobile-session-icon.active{background:var(--color-surface-secondary);border-color:var(--session-theme-color,var(--color-primary-default));box-shadow:none}.mobile-session-icon.active:hover{background:var(--color-surface-tertiary);box-shadow:none}.mobile-session-icon .session-icon,.mobile-session-tab-full .session-icon{width:20px;height:20px}.is-mobile .mobile-session-tab-full{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 var(--space-md)!important;flex:1 1!important;min-width:0!important;max-width:none!important;width:auto!important;height:48px!important;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--session-theme-color,var(--color-primary-default));border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast);box-shadow:none;position:relative;z-index:10;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-session-tab-full:hover{background:var(--color-surface-tertiary);box-shadow:none}.mobile-session-tab-full:active{transform:scale(.95);background:var(--color-surface-tertiary)}.mobile-session-tab-content{display:flex;align-items:center;gap:var(--space-sm)}.mobile-session-tab-label{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.is-mobile .mobile-session-list-button{min-width:48px!important;max-width:48px!important;width:48px!important;height:48px!important;flex-shrink:0!important;flex-grow:0!important;pointer-events:auto!important;background:var(--color-surface-default)!important;border:var(--border-width-thin) solid var(--color-border-secondary)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;z-index:10;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast)}.mobile-session-list-button:hover{background:var(--color-surface-secondary)!important;border-color:var(--color-border-secondary)!important;box-shadow:none!important}.mobile-session-list-button:active{transform:scale(.95);background:var(--color-surface-tertiary)!important}.is-mobile .mobile-session-list-button.session-tab--filter-active{background:var(--color-surface-secondary)!important;border-color:var(--color-primary-default)!important;box-shadow:none!important}.is-mobile .mobile-session-list-button.session-tab--filter-active .mobile-session-list-icon{color:var(--color-primary-default)!important}.is-mobile .mobile-session-list-button.session-tab--filter-active:hover{background:var(--color-surface-tertiary)!important;border-color:var(--color-primary-default)!important;box-shadow:none!important}.mobile-session-list-button .badge{top:6px;right:6px;min-width:12px;height:12px;font-size:8px;padding:0 2px;border-radius:6px}.mobile-session-list-button .badge.badge--primary{color:var(--color-icon-on-action)!important}.mobile-session-list-icon{width:20px;height:20px;color:var(--color-text-secondary)}.mobile-session-icon[data-color-theme=default]{--session-theme-color:var(--color-primary-default)}.mobile-session-icon[data-color-theme=blue]{--session-theme-color:var(--color-icon-blue)}.mobile-session-icon[data-color-theme=green]{--session-theme-color:var(--color-icon-green)}.mobile-session-icon[data-color-theme=purple]{--session-theme-color:var(--color-icon-purple)}.mobile-session-icon[data-color-theme=orange]{--session-theme-color:var(--color-icon-orange)}.mobile-session-icon[data-color-theme=red]{--session-theme-color:var(--color-icon-red)}.mobile-session-icon[data-color-theme=yellow]{--session-theme-color:var(--color-icon-yellow)}.mobile-session-icon[data-color-theme=teal]{--session-theme-color:var(--color-icon-teal)}.mobile-session-icon[data-color-theme=gray]{--session-theme-color:var(--color-icon-neutral-muted)}.mobile-session-tab-full[data-color-theme=default]{--session-theme-color:var(--color-primary-default)}.mobile-session-tab-full[data-color-theme=blue]{--session-theme-color:var(--color-icon-blue)}.mobile-session-tab-full[data-color-theme=green]{--session-theme-color:var(--color-icon-green)}.mobile-session-tab-full[data-color-theme=purple]{--session-theme-color:var(--color-icon-purple)}.mobile-session-tab-full[data-color-theme=orange]{--session-theme-color:var(--color-icon-orange)}.mobile-session-tab-full[data-color-theme=red]{--session-theme-color:var(--color-icon-red)}.mobile-session-tab-full[data-color-theme=yellow]{--session-theme-color:var(--color-icon-yellow)}.mobile-session-tab-full[data-color-theme=teal]{--session-theme-color:var(--color-icon-teal)}.mobile-session-tab-full[data-color-theme=gray]{--session-theme-color:var(--color-icon-neutral-muted)}.mobile-tab-content-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.25);z-index:999;display:flex;align-items:flex-end;justify-content:center;animation:overlay-fade-in .15s ease-out}.mobile-widgets-container{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important;height:402px;min-height:402px;max-height:402px}.mobile-container-header{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-container-header--inline{flex-direction:row;align-items:center;gap:var(--space-sm)}.mobile-container-header-left{display:flex;align-items:center;gap:var(--space-sm);flex:1 1}.mobile-container-header .icon-button{flex-shrink:0;align-self:center;width:24px!important;height:24px!important}.mobile-widgets-container .mobile-container-header{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.mobile-session-container{background:transparent;border:none;box-shadow:none;height:380px;min-height:380px;max-height:380px;display:flex;flex-direction:column;margin-bottom:calc(var(--space-xl) + var(--space-sm))}.mobile-session-container .mobile-container-header{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none;margin-bottom:var(--space-md);flex-shrink:0;padding:var(--space-md) var(--space-lg);transition:transform .2s var(--motion-spring-gentle),opacity .2s var(--motion-spring-gentle),background-color .2s var(--motion-spring-gentle)}.mobile-session-container .mobile-container-header:hover{transform:translateY(-1px);box-shadow:none}.mobile-session-content-container{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;flex:1 1;min-height:0;transition:transform .2s var(--motion-spring-gentle),opacity .2s var(--motion-spring-gentle),background-color .2s var(--motion-spring-gentle);scrollbar-width:none;-ms-overflow-style:none}.mobile-session-content-container::-webkit-scrollbar{display:none}.mobile-session-content-container:hover{transform:translateY(-1px);box-shadow:none}.mobile-times-container{background:transparent!important;border:none!important;box-shadow:none!important;height:380px;min-height:380px;max-height:380px;display:flex;flex-direction:column;margin-bottom:calc(var(--space-xl) + var(--space-sm))}.mobile-times-container .mobile-container-header{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none;margin-bottom:var(--space-md);flex-shrink:0;padding:var(--space-md) var(--space-lg);transition:transform .2s var(--motion-spring-gentle),opacity .2s var(--motion-spring-gentle),background-color .2s var(--motion-spring-gentle)}.mobile-times-container .mobile-container-header:hover{transform:translateY(-1px);box-shadow:none}.mobile-times-content-container{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none;overflow:visible;display:flex;flex-direction:column;flex:1 1;min-height:0;transition:transform .2s var(--motion-spring-gentle),opacity .2s var(--motion-spring-gentle),background-color .2s var(--motion-spring-gentle)}.mobile-times-content-container:hover{transform:translateY(-1px);box-shadow:none}.mobile-trends-container{background:transparent!important;border:none!important;box-shadow:none!important;height:380px;min-height:380px;max-height:380px;display:flex;flex-direction:column;margin-bottom:calc(var(--space-xl) + var(--space-sm))}.mobile-trends-container .mobile-container-header{margin-bottom:var(--space-md);flex-shrink:0;padding:var(--space-md) var(--space-lg)}.mobile-trends-container .mobile-container-header,.mobile-trends-content-container{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl)}.mobile-trends-content-container{overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;flex:1 1;min-height:0}.mobile-distribution-container{background:transparent!important;border:none!important;box-shadow:none!important;height:380px;min-height:380px;max-height:380px;display:flex;flex-direction:column;margin-bottom:calc(var(--space-xl) + var(--space-sm))}.mobile-distribution-container .mobile-container-header{margin-bottom:var(--space-md);flex-shrink:0;padding:var(--space-md) var(--space-lg)}.mobile-distribution-container .mobile-container-header,.mobile-distribution-content-container{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl)}.mobile-distribution-content-container{overflow:visible;display:flex;flex-direction:column;flex:1 1;min-height:0}.mobile-tab-content-panel{background:var(--color-surface-default);border-radius:24px 24px 0 0;width:100%;max-width:600px;max-height:90vh;overflow:hidden;margin-bottom:0;box-shadow:var(--shadow-md);padding:var(--space-md);padding-bottom:calc(100px + env(safe-area-inset-bottom));animation:panel-slide-up .15s ease-out}.mobile-tab-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:998;animation:backdrop-fade-in .25s cubic-bezier(.2,0,0,1)}.mobile-tab-content-direct{position:fixed;bottom:calc(115px + env(safe-area-inset-bottom));left:var(--space-md);right:var(--space-md);z-index:999;animation:card-appear .3s cubic-bezier(.2,0,0,1)}.mobile-unified-card{display:flex;flex-direction:column;max-height:60vh;background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.mobile-unified-card__content--widgets{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-lg) var(--space-xl);gap:var(--space-md)}.mobile-unified-card__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);flex-shrink:0;background:var(--color-surface-default)}.mobile-unified-card__controls{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.mobile-unified-card__divider{height:1px;background:var(--color-border-primary);flex-shrink:0}.mobile-unified-card__content{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:200px;scrollbar-width:none;-ms-overflow-style:none}.mobile-unified-card__content::-webkit-scrollbar{display:none}.mobile-unified-card__content--time-list{height:min(42vh,360px);min-height:220px}.mobile-unified-card__content{animation:content-fade-in .2s cubic-bezier(.2,0,0,1) 50ms both}.is-mobile .mobile-unified-card__content .stat-row,.mobile-unified-card__content .animated-solve-item,.mobile-unified-card__content .stat-row{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}.mobile-unified-card__content--chart{overflow-x:auto;padding:var(--space-sm);min-height:240px}.mobile-unified-card__content--chart .mobile-chart-container-full{height:240px;min-height:240px}.mobile-unified-card__content--chart .infographic-chart--distribution,.mobile-unified-card__content--chart .infographic-chart--trend,.mobile-unified-card__content--chart .infographic-container{height:240px!important;min-height:240px!important}.mobile-unified-card__content:has(.empty-state__title){justify-content:center;align-items:center;min-height:120px;max-height:160px;text-align:center;padding:var(--space-lg)}.mobile-unified-card__content .empty-state__description,.mobile-unified-card__content .empty-state__title{text-align:center}.mobile-container-header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-header-timeframe-toggle--inline{flex-shrink:0}.mobile-header-timeframe-toggle--inline .timeframe-toggle{border-radius:var(--radius-lg)!important;padding:3px!important;background:var(--color-surface-tertiary)!important;border:none!important;transform:none!important;opacity:1!important}.mobile-header-timeframe-toggle--inline .timeframe-toggle:active{transform:none!important}.mobile-header-timeframe-toggle--inline .timeframe-toggle>div:first-of-type{border-radius:var(--radius-md)!important}.mobile-header-timeframe-toggle--inline .timeframe-toggle>div:not(:first-of-type){padding:var(--space-xs) var(--space-md)!important;font-size:var(--font-size-sm)!important;min-width:0!important;height:28px!important}.mobile-widgets-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:var(--space-md)!important;gap:var(--space-md)!important;justify-items:center!important;align-items:center!important;width:100%!important;max-width:320px!important;margin:0 auto!important;box-sizing:border-box!important}.mobile-widgets-grid .timer-widget{padding:var(--space-md)!important;gap:var(--space-xs)!important}.mobile-widgets-grid .timer-widget,.mobile-widgets-grid .timer-widget--empty-slot{width:100%!important;max-width:140px!important;aspect-ratio:1!important;height:auto!important;box-sizing:border-box!important}.mobile-widgets-grid .timer-widget,.mobile-widgets-grid .timer-widget:active,.mobile-widgets-grid .timer-widget:focus,.mobile-widgets-grid .timer-widget:hover{opacity:1!important;transform:none!important}.mobile-widgets-grid .timer-widget .widget-edit-button,.mobile-widgets-grid .timer-widget__action-btn,.mobile-widgets-grid .timer-widget__actions,.mobile-widgets-grid .timer-widget__drag-handle,.mobile-widgets-grid .timer-widget__switch-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.is-mobile .mobile-widgets-grid .timer-widget--interactive .timer-widget__switch-overlay,.is-mobile .mobile-widgets-grid .timer-widget--interactive:active .timer-widget__switch-overlay{display:none!important;opacity:0!important}.mobile-widgets-grid .timer-widget--add{border:var(--border-width-thin) dashed color-mix(in srgb,var(--color-border-secondary) 50%,transparent)!important;opacity:1!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-widgets-grid .timer-widget--add .timer-widget__add-icon{opacity:1!important;color:var(--color-text-secondary)!important}.mobile-widgets-grid .timer-widget--add:active{border-color:var(--color-border-primary)!important}.mobile-widgets-grid .timer-widget--inactive-placeholder{border:var(--border-width-thin) dashed color-mix(in srgb,var(--color-border-secondary) 50%,transparent)!important;opacity:1!important;background:transparent!important}.mobile-widgets-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;text-align:center}.chart-control-icon{width:16px;height:16px;flex-shrink:0;color:inherit}.mobile-chart-btn-overlay .icon,.mobile-chart-btn-overlay svg{color:inherit!important}.mobile-chart-btn-overlay svg *,.mobile-chart-btn-overlay svg path{stroke:currentColor}.mobile-chart-wrapper{position:relative;flex:1 1;display:flex;flex-direction:column;min-height:0}.mobile-chart-container-full{flex:1 1;min-height:0;overflow-x:auto;overflow-y:hidden;background:var(--color-surface-default);scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.mobile-chart-container-full::-webkit-scrollbar{height:6px}.mobile-chart-container-full::-webkit-scrollbar-track{background:transparent}.mobile-chart-container-full::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary);border-radius:3px;-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}.mobile-chart-container-full::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-secondary)}.mobile-chart-container-full>div:first-child{height:100%;width:100%;min-width:100%}.mobile-chart-container-full svg{width:100%!important;height:100%!important}.mobile-chart-controls-overlay{position:absolute;top:var(--space-sm);z-index:10;display:flex;gap:var(--space-xs);align-items:center;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);padding:var(--space-xs)}.mobile-chart-controls-overlay--left{left:var(--space-sm)}.mobile-chart-controls-overlay--right{right:var(--space-sm)}.mobile-chart-btn-overlay{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border-secondary);background:var(--color-surface-default);border-radius:var(--radius-sm);color:var(--color-icon-neutral);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast);outline:none;box-shadow:none}.mobile-chart-btn-overlay:hover:not(:disabled):not(.active){background:var(--color-surface-tertiary);color:var(--color-text-default);border-color:var(--color-border-secondary);transform:translateY(-1px);box-shadow:none}.mobile-chart-btn-overlay:active:not(:disabled){transform:scale(.98)}.mobile-chart-btn-overlay:disabled{opacity:.5;cursor:not-allowed}.mobile-chart-btn-overlay.active{background:var(--color-primary-default);color:var(--color-primary-contrast);border-color:var(--color-primary-default)}.mobile-chart-btn-overlay.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.mobile-persistent-tabs{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--color-surface-default);border-top:var(--border-width-thin) solid var(--color-border-secondary);padding:var(--space-sm) var(--space-lg);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom, 0px))}.mobile-persistent-tabs-content{display:flex;align-items:center;justify-content:space-around;max-width:600px;margin:0 auto;gap:var(--space-md)}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast);min-width:60px;color:var(--color-text-secondary)}.mobile-tab:hover{background:var(--color-surface-secondary);color:var(--color-text-default)}.mobile-tab.active,.mobile-tab.active:hover{background:var(--color-primary-subtle);color:var(--color-primary-default)}.mobile-tab-icon{width:20px;height:20px;flex-shrink:0}.mobile-tab-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.mobile-tab-bar{position:fixed;bottom:calc(var(--space-sm) + env(safe-area-inset-bottom, 0px));left:var(--space-md);right:var(--space-md);z-index:1000;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:var(--shadow-md);transition:padding .25s cubic-bezier(.2,0,0,1),background .2s ease,border-color .2s ease;animation:mobileTabBarEnter .3s cubic-bezier(.16,1,.3,1)}.mobile-tab-bar--expanded{padding-top:calc(var(--space-sm) + 22px);background:var(--color-surface-default);border-color:var(--color-border-primary)}.mobile-tab-bar__icons{display:flex;justify-content:space-evenly;align-items:center;gap:0;position:relative}.mobile-tab-button-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.mobile-tab-bar__title{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--space-xs);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary);white-space:nowrap;pointer-events:none;animation:title-appear .2s cubic-bezier(.2,0,0,1)}@keyframes title-appear{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes mobileTabBarEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm);border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast);min-width:52px;width:52px;height:44px;color:var(--color-text-secondary);opacity:1;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent}.mobile-tab-button:focus{outline:none}.mobile-tab-button:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}@media (hover:hover){.mobile-tab-button:hover{background:var(--color-surface-tertiary);color:var(--color-text-default);opacity:.9;border-radius:var(--radius-lg)}}.mobile-tab-bar--expanded .mobile-tab-button:not(.active){opacity:.7}.mobile-tab-button.active{background:var(--color-surface-quaternary);color:var(--color-primary-default);opacity:1;border-radius:var(--radius-lg);transform:scale(1.05)}.mobile-tab-button .tab-icon{width:24px;height:24px;flex-shrink:0}.mobile-tab-button.active .tab-icon{color:var(--color-primary-default)}.mobile-floating-tab-button{position:fixed;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom, 0px));right:var(--space-lg);z-index:500;width:56px;height:56px;border-radius:50%;background:var(--color-primary-default);color:var(--color-primary-contrast);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast)}.mobile-floating-tab-button:hover{background:var(--color-primary-hover);transform:scale(1.05);box-shadow:var(--shadow-md)}.mobile-floating-tab-button:active{transform:scale(.95)}.mobile-floating-tab-icon{width:24px;height:24px;flex-shrink:0}.mobile-full-screen-gesture-area{position:fixed;top:60px;left:0;right:0;bottom:60px;z-index:5;background:transparent;pointer-events:auto;touch-action:pan-y;overscroll-behavior-y:none;overscroll-behavior-x:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-context-menu:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}.adaptive-layout-floating .mobile-full-screen-gesture-area{bottom:0}.adaptive-layout-persistent .mobile-full-screen-gesture-area{bottom:60px}.gesture-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface-default);color:var(--color-text-default);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border-primary);box-shadow:var(--shadow-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-transform:capitalize;animation:gesture-feedback-appear .3s ease-out;z-index:500}@keyframes gesture-feedback-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mobile-full-screen-gesture-area *{touch-action:manipulation}.mobile-full-screen-gesture-area~*{pointer-events:none}.ReactModal__Overlay,.mobile-bottom-session-tab,.mobile-persistent-tab-bar,.mobile-session-bar,.mobile-session-header,.mobile-session-icon,.mobile-session-list-button,.mobile-session-tab-full,.mobile-tab-bar,.mobile-tab-button,.modal-overlay,.session-tab,[role=dialog]{pointer-events:auto!important}@supports (-webkit-touch-callout:none){.mobile-full-screen-gesture-area{overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media screen and (max-width:768px){.mobile-full-screen-gesture-area{overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom}}@media (max-width:480px){.mobile-full-screen-gesture-area{top:50px}.adaptive-layout-persistent .mobile-full-screen-gesture-area{bottom:50px}}@media (max-width:768px){.is-mobile .mobile-session-content-container .stat-row:first-child,.is-mobile .mobile-times-content-container .animated-solve-list .animated-solve-item:first-child{padding-top:calc(var(--space-xs) + 4px)!important}}.mobile-tab-fullscreen-modal .mobile-tab-fullscreen-content{display:flex;flex-direction:column;height:100%;min-height:0}.mobile-tab-fullscreen-modal .mobile-tab-fullscreen-body{flex:1 1;min-height:0;overflow-y:auto;overflow-x:visible}.mobile-tab-fullscreen-modal .mobile-tab-fullscreen-footer{flex-shrink:0;padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom, 0px));display:flex;justify-content:center;background:var(--color-surface-default)}.mobile-tab-fullscreen-modal .mobile-tab-fullscreen-footer .timeframe-toggle{width:100%!important;border-radius:var(--radius-lg)!important;padding:2px!important;background:var(--color-surface-tertiary)!important;border:none!important;transform:none!important;opacity:1!important}.mobile-tab-fullscreen-modal .mobile-tab-fullscreen-footer .timeframe-toggle:active{transform:none!important}.mobile-tab-fullscreen-modal .mobile-tab-fullscreen-footer .timeframe-toggle>div:first-of-type{border-radius:var(--radius-md)!important}.mobile-tab-fullscreen-modal .mobile-tab-fullscreen-footer .timeframe-toggle>div:not(:first-of-type){padding:var(--space-xs) var(--space-sm)!important;font-size:var(--font-size-xs)!important;min-width:0!important;height:24px!important}.mobile-tab-fullscreen-modal .animated-solve-item:first-child,.mobile-tab-fullscreen-modal .stat-row:first-child{padding-top:calc(var(--space-xs) + 4px)!important}.mobile-tab-fullscreen-modal .modal__header-right{position:static;margin-left:var(--space-sm);display:flex;align-items:center}.mobile-tab-fullscreen-modal .modal__header-center{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}@media (max-width:768px){.is-mobile.adaptive-layout-persistent #main-content{padding-bottom:calc(var(--space-lg) + 60px)}.mobile-persistent-tabs,.mobile-session-header{height:60px;box-sizing:border-box}}@media (max-width:480px){.mobile-session-header{padding:var(--space-xs) var(--space-md);padding-top:calc(var(--space-xs) + env(safe-area-inset-top, 0px))}.mobile-persistent-tabs{padding:var(--space-xs) var(--space-md);padding-bottom:calc(var(--space-xs) + env(safe-area-inset-bottom, 0px))}.mobile-tab{min-width:50px;padding:var(--space-xs)}.mobile-tab-icon{width:18px;height:18px}.mobile-floating-tab-button{width:48px;height:48px;bottom:calc(var(--space-sm) + env(safe-area-inset-bottom, 0px));right:var(--space-md)}.mobile-floating-tab-icon{width:20px;height:20px}}@media (max-width:768px){.is-mobile #scramble-display.scramble-display--clickable{position:relative;z-index:10;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-fast),opacity var(--transition-fast)}.is-mobile #scramble-display.scramble-display--clickable:active{transform:scale(.98);opacity:var(--opacity-semantic-emphasis-high)}.is-mobile #timer-wrapper:not(.timer-running):not(.timer-inspecting){position:relative;z-index:10;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-fast)}.is-mobile #timer-wrapper:not(.timer-running):not(.timer-inspecting):active{transform:scale(var(--micro-scale-press))}.is-mobile #timer-wrapper:not(.timer-running):not(.timer-inspecting):active #timer-display{opacity:var(--opacity-semantic-emphasis-high)}}