.timer-page{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;overflow:hidden}.timer-page--app-shell{flex:1 1;display:flex;flex-direction:column;min-height:0}.timer-page__infographics{display:grid;grid-template-rows:1fr;margin-top:auto;width:100%;padding-top:var(--space-lg);opacity:1;overflow:hidden;transform:translateY(0);transition:grid-template-rows .36s cubic-bezier(.22,1,.36,1),opacity .18s var(--transition-fast),padding-top .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1);will-change:grid-template-rows,opacity,padding-top,transform}.timer-page__infographics-inner{min-height:0;overflow:hidden}.timer-page__infographics--collapsed{grid-template-rows:0fr;padding-top:0;opacity:0;pointer-events:none;transform:translateY(var(--space-md));transition:none}.timer-page__infographics--instant{transition:none}.page__main:has(.timer-virtual-cube) .timer-page__infographics{transition:none}.timer-page__shortcut-hints{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding-top:var(--space-md);padding-bottom:0;margin-top:0}.timer-page__shortcut-hints--hidden{opacity:0;pointer-events:none}.shortcut-hint{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-tertiary);opacity:.35;transition:opacity var(--transition-fast)}.shortcut-hint:hover{opacity:.7}.shortcut-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);background:var(--color-surface-tertiary);border-radius:var(--radius-xs);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);opacity:.7}.shortcut-hint__separator{color:var(--color-text-tertiary);opacity:.25;font-size:var(--font-size-sm)}.timer-page__floating-keyboard-toggle{position:fixed;right:max(var(--space-xl),env(safe-area-inset-right,0px));bottom:max(var(--space-xl),env(safe-area-inset-bottom,0px));z-index:1090;width:64px;height:64px;inline-size:64px;block-size:64px}.timer-page__floating-keyboard-toggle .tooltip-trigger{display:grid;place-items:center;width:100%;height:100%;inline-size:100%;block-size:100%}.timer-page__floating-keyboard-tooltip{display:inline-block;width:96px;text-align:center}.timer-page__floating-keyboard-toggle-button.btn{width:64px;height:64px;min-width:64px;max-width:64px;min-height:64px;max-height:64px;inline-size:64px;block-size:64px;flex:0 0 64px;aspect-ratio:1/1;padding:0;border-radius:var(--radius-full);color:var(--color-text-on-action);--color-icon-neutral:var(--color-icon-on-action);--color-icon-neutral-secondary:color-mix(in srgb,var(--color-icon-on-action) 20%,transparent);background:linear-gradient(145deg,var(--color-primary-default) 0,color-mix(in srgb,var(--color-primary-default) 84%,var(--color-primary-hover)) 100%);border:var(--border-width-thin) solid color-mix(in srgb,var(--color-primary-default) 70%,white);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--color-glass-highlight) 22%,transparent)}.timer-page__floating-keyboard-toggle-button.btn .btn__icon{width:26px;height:26px;color:var(--color-text-on-action)}.timer-page__floating-keyboard-toggle-button.btn .btn__icon path{stroke:var(--color-icon-neutral)}.timer-page__floating-keyboard-toggle-button.btn .btn__icon path[fill]:not([fill=none]){fill:var(--color-icon-neutral-secondary)}.timer-page__floating-keyboard-toggle-button.btn:hover:not(:disabled){background:linear-gradient(145deg,var(--color-primary-hover) 0,color-mix(in srgb,var(--color-primary-hover) 84%,var(--color-primary-active)) 100%);border-color:color-mix(in srgb,var(--color-primary-hover) 70%,white);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--color-glass-highlight) 30%,transparent);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover))}.timer-page__floating-keyboard-toggle-button--active.btn{color:var(--color-text-on-action);background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary-active) 88%,var(--color-primary-default)) 0,var(--color-primary-active) 100%);border-color:color-mix(in srgb,var(--color-primary-active) 70%,white);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--color-glass-highlight) 24%,transparent)}#main-content{flex:1 1;justify-content:flex-start;overflow:hidden}#main-content,#top-section{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;box-sizing:border-box}#top-section{justify-content:center;max-width:720px}#top-section:has(.timer-virtual-cube){flex:1 1;min-height:0;justify-content:flex-start}#main-content:has(.timer-virtual-cube):after,#main-content:has(.timer-virtual-cube):before{content:none;display:none}#bottom-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:720px;box-sizing:border-box}#timer-display{min-width:280px}#scramble-display{width:clamp(200px,550px,100%);text-align:center}.session-bar{width:100%;max-width:min(600px,92vw);transition:max-width var(--transition-base) var(--motion-spring-gentle)}@media (max-width:768px){.is-mobile .timer-page{height:100%;flex:1 1;min-height:0;overflow:hidden;min-width:0}.is-mobile #main-content{min-width:200px;padding:var(--space-sm)}.is-mobile #bottom-section,.is-mobile #top-section{min-width:0;padding:var(--space-sm)}.is-mobile #scramble-display,.is-mobile .session-bar{min-width:0;max-width:none}}#scramble-display,#timer-display,.session-bar{transform:translateZ(0);will-change:contents}.timer-complete #scramble-display,.timer-complete #timer-display{will-change:auto}.timer-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center;opacity:0;animation:fadeInEmpty .5s ease-out .3s forwards;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes fadeInEmpty{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timer-page__empty-instruction{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-sm)}.timer-page__empty-hint{font-size:var(--font-size-md);color:var(--color-text-tertiary);margin:0}.timer-page__empty-state--mobile{padding:var(--space-xl) var(--space-lg)}.timer-page__empty-state--mobile .timer-page__empty-instruction{font-size:var(--font-size-md)}