@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Italic.woff2) format("woff2")}:root{--font-family-body: "Inter", system-ui, -apple-system, sans-serif;--font-family-heading: "Ubuntu", system-ui, -apple-system, sans-serif;font-family:var(--font-family-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);margin:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:340px;min-height:100vh;background-color:var(--color-bg-default, #121319);color:var(--color-text-default, #FCFCFC)}h1{font-size:3.2em;line-height:1.1}*{font-feature-settings:"zero"}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border-primary) 70%,transparent) transparent}*::-webkit-scrollbar{width:16px;height:16px}*::-webkit-scrollbar-track{background:transparent;margin:6px 0}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border-primary) 70%,transparent);background-clip:padding-box;border:4px solid transparent;border-radius:9999px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border-primary) 90%,transparent);background-clip:padding-box}*::-webkit-scrollbar-thumb{opacity:0;transition:opacity .3s ease}*:hover::-webkit-scrollbar-thumb{opacity:1}*::-webkit-scrollbar-thumb:active{opacity:1}.typography-display-2xl{font-family:var(--font-family-heading);font-size:64px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.typography-display-xl{font-family:var(--font-family-heading);font-size:48px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.typography-display-lg{font-family:var(--font-family-heading);font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.015em}.typography-heading-xl{font-family:var(--font-family-heading);font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.typography-heading-lg{font-family:var(--font-family-heading);font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.typography-heading-md{font-family:var(--font-family-heading);font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.005em}.typography-heading-sm{font-family:var(--font-family-heading);font-size:18px;font-weight:600;line-height:1.4;letter-spacing:0}.typography-body-xl{font-family:var(--font-family-body);font-size:20px;font-weight:400;line-height:1.6;letter-spacing:0}.typography-body-lg{font-family:var(--font-family-body);font-size:18px;font-weight:400;line-height:1.6;letter-spacing:0}.typography-body-md{font-family:var(--font-family-body);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0}.typography-body-sm{font-family:var(--font-family-body);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}.typography-body-xs{font-family:var(--font-family-body);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0}.typography-label-lg{font-family:var(--font-family-body);font-size:16px;font-weight:500;line-height:1.4;letter-spacing:0}.typography-label-md{font-family:var(--font-family-body);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:0}.typography-label-sm{font-family:var(--font-family-body);font-size:12px;font-weight:500;line-height:1.3;letter-spacing:.01em}.typography-label-xs{font-family:var(--font-family-body);font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.02em;text-transform:uppercase}.typography-caption-md{font-family:var(--font-family-body);font-size:13px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--color-text-secondary)}.typography-caption-sm{font-family:var(--font-family-body);font-size:11px;font-weight:400;line-height:1.3;letter-spacing:.01em;color:var(--color-text-secondary)}.typography-code-lg{font-family:var(--font-family-mono);font-feature-settings:var(--font-feature-mono);font-size:16px;font-weight:400;line-height:1.6;letter-spacing:0}.typography-code-md{font-family:var(--font-family-mono);font-feature-settings:var(--font-feature-mono);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}.typography-code-sm{font-family:var(--font-family-mono);font-feature-settings:var(--font-feature-mono);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0}.typography-timer-display{font-family:var(--font-family-mono);font-feature-settings:var(--font-feature-mono);font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:1;letter-spacing:-.02em;text-align:center}.typography-timer-small{font-family:var(--font-family-mono);font-feature-settings:var(--font-feature-mono);font-size:20px;font-weight:500;line-height:1.2;letter-spacing:0}.typography-bold{font-weight:700}.typography-semibold{font-weight:600}.typography-medium{font-weight:500}.typography-uppercase{text-transform:uppercase;letter-spacing:.05em}.typography-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography-balance{text-wrap:balance}.glass-surface{background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface-secondary) 70%,transparent),color-mix(in srgb,var(--color-surface-tertiary) 50%,transparent));backdrop-filter:blur(var(--micro-blur-glass)) saturate(var(--saturation-glass));-webkit-backdrop-filter:blur(var(--micro-blur-glass)) saturate(var(--saturation-glass));position:relative}.glass-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-glass-border-dark) 60%,transparent),color-mix(in srgb,var(--color-glass-border-light) 20%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.5}.glass-surface:after{content:"";position:absolute;top:1px;left:var(--space-lg);right:var(--space-lg);height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-glass-highlight) 30%,transparent) 50%,transparent 100%);opacity:.5;pointer-events:none}.glass-surface--subtle{background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface-secondary) 60%,transparent),color-mix(in srgb,var(--color-surface-tertiary) 40%,transparent));backdrop-filter:blur(var(--micro-blur-glass-subtle)) saturate(var(--saturation-glass));-webkit-backdrop-filter:blur(var(--micro-blur-glass-subtle)) saturate(var(--saturation-glass))}.glass-surface--subtle:before{opacity:.4}.glass-surface--subtle:after{opacity:.3}.glass-surface--heavy{background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface-secondary) 80%,transparent),color-mix(in srgb,var(--color-surface-tertiary) 70%,transparent));backdrop-filter:blur(var(--micro-blur-glass-heavy)) saturate(var(--saturation-glass));-webkit-backdrop-filter:blur(var(--micro-blur-glass-heavy)) saturate(var(--saturation-glass))}.glass-surface--heavy:before{opacity:.6}.glass-surface--no-glow:after{display:none}.glass-surface--no-border:before{display:none}.glass-surface--glow-inset:after{left:var(--space-md);right:var(--space-md)}@media (max-width: 768px){.glass-surface--mobile-overlay{backdrop-filter:blur(var(--micro-blur-glass-medium)) saturate(180%);-webkit-backdrop-filter:blur(var(--micro-blur-glass-medium)) saturate(180%)}}@keyframes overlayEnter{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.96)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes backdropFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(var(--micro-blur-glass-heavy));-webkit-backdrop-filter:blur(var(--micro-blur-glass-heavy))}}@keyframes backdropFadeInMobile{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.content-appear{animation:slideUp var(--transition-slow) var(--motion-spring-gentle)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{visibility:hidden;background-color:#121319;font-family:var(--font-family-base, "Poppins", sans-serif);font-weight:var(--font-weight-regular, 400);color:var(--color-text-default, #FCFCFC)}@media (prefers-color-scheme: light){html{background-color:#fcfcfc;color:#121319;font-family:var(--font-family-base, "Poppins", sans-serif);font-weight:var(--font-weight-regular, 400)}}.is-desktop .mobile-only,.is-desktop .tablet-only,.is-mobile .desktop-only,.is-tablet .desktop-only,.is-mobile .tablet-only,.is-tablet .mobile-only,.has-touch .hover-only,.has-hover .touch-only{display:none!important}.is-mobile{--mobile-padding: var(--space-sm);--mobile-font-size: var(--font-size-sm)}.is-tablet{--tablet-padding: var(--space-md);--tablet-font-size: var(--font-size-base)}.is-desktop{--desktop-min-padding: var(--space-md);--desktop-font-size: var(--font-size-base)}:root{--layout-side-nav-width: 272px;--layout-side-panel-width: 280px;--layout-main-content-min-width: 480px;--layout-main-content-max-width: 1200px;--layout-algorithm-content-max-width: 780px;--layout-container-padding: 24px;--layout-panel-padding-h: 20px;--layout-panel-padding-v: 16px;--layout-section-gap: 20px;--layout-panel-gap: 24px;--layout-nav-header-height: 44px;--layout-panel-header-height: 36px;--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1200px;--breakpoint-xl: 1440px;--breakpoint-collapse: 1160px;--layout-breakpoint-mobile: var(--breakpoint-sm);--layout-breakpoint-tablet: var(--breakpoint-md);--layout-breakpoint-desktop: var(--breakpoint-lg);--layout-breakpoint-wide: var(--breakpoint-xl);--layout-z-background: 0;--layout-z-content: 1;--layout-z-side-panel: 10;--layout-z-side-nav: 20;--layout-z-dropdown: 1000;--layout-z-modal: 9999;--layout-z-toast: 10500;--layout-total-side-width: calc( var(--layout-side-nav-width) + var(--layout-side-panel-width) + (var(--layout-panel-gap) * 2) );--layout-content-width: calc( 100vw - var(--layout-total-side-width) )}@media (max-width: 768px){.is-mobile{--layout-container-padding: 16px;--layout-panel-padding-h: 16px;--layout-panel-padding-v: 12px;--layout-section-gap: 16px;--layout-panel-gap: 16px;--layout-nav-header-height: 40px;--layout-panel-header-height: 32px;--layout-side-panel-width: 100%;--layout-content-width: 100vw}}.layout-grid{display:grid;grid-template-columns:var(--layout-side-nav-width) 1fr var(--layout-side-panel-width);grid-template-areas:"nav content panel";height:100vh;width:100vw;gap:0}.layout-nav{grid-area:nav;width:var(--layout-side-nav-width);background:var(--color-bg-default);border-right:var(--border-width-thin) solid var(--color-border-secondary);z-index:var(--layout-z-side-nav)}.layout-content{grid-area:content;min-width:var(--layout-main-content-min-width);max-width:var(--layout-main-content-max-width);margin:0 auto;padding:var(--layout-container-padding);overflow-y:auto;overflow-x:hidden;z-index:var(--layout-z-content)}.layout-panel{grid-area:panel;width:var(--layout-side-panel-width);padding:var(--layout-container-padding);background:var(--color-bg-default);border-left:var(--border-width-thin) solid var(--color-border-secondary);z-index:var(--layout-z-side-panel);overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.is-mobile .layout-grid{grid-template-columns:1fr;grid-template-areas:"nav" "content" "panel";grid-template-rows:auto 1fr auto}.is-mobile .layout-nav{width:100%;border-right:none;border-bottom:var(--border-width-thin) solid var(--color-border-secondary)}.is-mobile .layout-panel{width:100%;border-left:none;border-top:var(--border-width-thin) solid var(--color-border-secondary)}.is-mobile .layout-content{min-width:unset;max-width:unset;width:100%;padding:var(--layout-container-padding)}}.layout-panel-section{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;transition:all var(--transition-fast);display:flex;flex-direction:column;margin-bottom:var(--layout-section-gap)}.layout-panel-section:last-child{margin-bottom:0}.layout-panel-section:hover{box-shadow:0 4px 12px #00000026;border-color:var(--color-border-primary)}.layout-panel-section__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--layout-panel-padding-v) var(--layout-panel-padding-h);border-bottom:var(--border-width-thin) solid var(--color-border-secondary);background:var(--color-bg-secondary);min-height:var(--layout-panel-header-height);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.layout-panel-section__content{padding:var(--layout-panel-padding-v) var(--layout-panel-padding-h);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.layout-panel-section__content--full{padding:0}.layout-panel-section__content--compact{padding:var(--space-sm) var(--layout-panel-padding-h)}.layout-constrain-width{width:100%;max-width:var(--layout-main-content-max-width);margin:0 auto;padding:0 var(--layout-container-padding)}.layout-panel-padding{padding:var(--layout-panel-padding-v) var(--layout-panel-padding-h)}.layout-section-gap{margin-bottom:var(--layout-section-gap)}@media (prefers-reduced-motion: reduce){.layout-panel-section{transition:none}}@media (prefers-contrast: high){.layout-nav,.layout-panel,.layout-panel-section{border-color:var(--color-text-default)}}.show-xs{display:block}.show-sm,.show-md,.show-lg,.show-xl{display:none}@media (min-width: 768px){.show-xs{display:none}.show-sm{display:block}.hide-sm{display:none}}@media (min-width: 1024px){.show-sm{display:none}.show-md{display:block}.hide-md{display:none}}@media (min-width: 1200px){.show-md{display:none}.show-lg{display:block}.hide-lg{display:none}}@media (min-width: 1440px){.show-lg{display:none}.show-xl{display:block}.hide-xl{display:none}}.container-responsive{width:100%;max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--space-lg)}@media (max-width: 768px){.container-responsive{padding:0 var(--space-md)}}.nav-expanded-only{display:block}.nav-collapsed-only{display:none}@media (max-width: 1440px){.nav-expanded-only{display:none}.nav-collapsed-only{display:block}}.grid-responsive{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media (min-width: 768px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.text-responsive{font-size:var(--font-size-sm)}@media (min-width: 768px){.text-responsive{font-size:var(--font-size-md)}}@media (min-width: 1200px){.text-responsive{font-size:var(--font-size-lg)}}.scrollable-fade{overflow-y:auto;overflow-x:hidden;position:relative;padding-top:20px;padding-bottom:20px;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 20px,black calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0px,black 20px,black calc(100% - 20px),transparent 100%)}.scrollable-fade--strong{padding-top:40px;padding-bottom:40px;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 40px,black calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0px,black 40px,black calc(100% - 40px),transparent 100%)}.scrollable-fade--subtle{padding-top:10px;padding-bottom:10px;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 10px,black calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0px,black 10px,black calc(100% - 10px),transparent 100%)}.scrollable-fade--top{padding-top:20px;padding-bottom:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 20px,black 100%);mask-image:linear-gradient(to bottom,transparent 0px,black 20px,black 100%)}.scrollable-fade--bottom{padding-top:0;padding-bottom:20px;-webkit-mask-image:linear-gradient(to bottom,black 0px,black calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to bottom,black 0px,black calc(100% - 20px),transparent 100%)}:root{--side-rail-width: 288px;--side-rail-gap: 40px;--z-index-header: 500;--z-index-dropdown: 1000;--z-index-modal: 9999;--z-index-modal-dropdown: 10000;--z-index-tooltip: 10200;--z-index-toast: 10500;--z-index-overlay: 11000;--hover-bg: var(--color-surface-secondary);--hover-transition: all .2s var(--motion-spring-gentle);--shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, .08);--shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, .06), 0px 1px 2px 0px rgba(0, 0, 0, .04);--shadow-md: 0px 2px 6px -1px rgba(0, 0, 0, .08), 0px 1px 3px 0px rgba(0, 0, 0, .04);--shadow-lg: 0px 4px 12px -2px rgba(0, 0, 0, .1), 0px 2px 4px -1px rgba(0, 0, 0, .04)}[data-theme=light]{--shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, .03);--shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, .04), 0px 1px 2px 0px rgba(0, 0, 0, .02);--shadow-md: 0px 2px 6px -1px rgba(0, 0, 0, .05), 0px 1px 3px 0px rgba(0, 0, 0, .03);--shadow-lg: 0px 4px 12px -2px rgba(0, 0, 0, .06), 0px 2px 4px -1px rgba(0, 0, 0, .03)}html{background:var(--color-bg-default, #121319);color:var(--color-text-default, #FCFCFC);height:100%;overflow:hidden}body{height:100%;margin:0;overflow:hidden}.main-layout{display:flex;align-items:stretch;height:100vh;width:100vw;overflow:hidden}.main-content{flex:1 1 0;min-width:0;padding-right:var(--side-rail-gap);overflow-y:auto;overflow-x:hidden;height:100%;position:relative}.main-content:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background-color:var(--color-border-secondary)}.side-rail{flex:0 0 var(--side-rail-width);max-width:var(--side-rail-width);min-width:var(--side-rail-width);background:transparent;padding:40px;margin:0;box-sizing:border-box;display:flex;flex-direction:column;transition:transform .25s,opacity .25s;overflow:hidden;height:100vh;max-height:100vh}@media (max-width: 900px){.main-layout{flex-direction:column}.main-content{padding-right:0}.main-content:after{display:none}.side-rail{display:none}}.side-rail-header{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.04em;padding-bottom:6px}.hover-bg{transition:var(--hover-transition)}.hover-bg:hover{background-color:var(--hover-bg);transform:scale(var(--micro-scale-hover))}@media (hover: none) and (pointer: coarse){*:focus-visible{outline:none!important}*{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion: no-preference) and (min-resolution: 96dpi){.glass-base{-webkit-backdrop-filter:blur(var(--micro-blur-glass));backdrop-filter:blur(var(--micro-blur-glass));border:var(--border-width-thin) solid;border-color:color-mix(in srgb,var(--color-border-tertiary) 50%,transparent);box-shadow:none}.glass-light{background:var(--color-surface-secondary);opacity:var(--opacity-semantic-glass-light);border:var(--border-width-thin) solid var(--color-border-tertiary);box-shadow:none}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.glass-light{background:color-mix(in srgb,var(--color-surface-secondary) 92%,transparent);-webkit-backdrop-filter:blur(var(--micro-blur-glass-subtle));backdrop-filter:blur(var(--micro-blur-glass-subtle));border-color:color-mix(in srgb,var(--color-border-tertiary) 30%,transparent);opacity:1}}.glass-medium{background:var(--color-surface-secondary);opacity:var(--opacity-semantic-glass-medium);border:var(--border-width-thin) solid var(--color-border-tertiary);box-shadow:none}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.glass-medium{background:color-mix(in srgb,var(--color-surface-secondary) 84%,transparent);-webkit-backdrop-filter:blur(var(--micro-blur-glass));backdrop-filter:blur(var(--micro-blur-glass));border-color:color-mix(in srgb,var(--color-border-tertiary) 50%,transparent);opacity:1}}.glass-heavy{background:var(--color-surface-tertiary);opacity:var(--opacity-semantic-glass-heavy);border:var(--border-width-thin) solid var(--color-border-tertiary);box-shadow:var(--shadow-md)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.glass-heavy{background:color-mix(in srgb,var(--color-surface-tertiary) 76%,transparent);-webkit-backdrop-filter:blur(var(--micro-blur-glass-medium));backdrop-filter:blur(var(--micro-blur-glass-medium));border-color:color-mix(in srgb,var(--color-border-tertiary) 60%,transparent);opacity:1}}.glass-tooltip{background:var(--color-surface-quaternary);opacity:var(--opacity-semantic-glass-light);border:var(--border-width-thin) solid var(--color-border-tertiary);box-shadow:none}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.glass-tooltip{background:color-mix(in srgb,var(--color-surface-quaternary) 92%,transparent);-webkit-backdrop-filter:blur(var(--micro-blur-glass-subtle));backdrop-filter:blur(var(--micro-blur-glass-subtle));border-color:color-mix(in srgb,var(--color-border-tertiary) 40%,transparent);opacity:1}}}@media (prefers-reduced-motion: reduce),(max-resolution: 95dpi){.glass-light,.glass-medium,.glass-heavy,.glass-tooltip{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1}}.glass-overlay{background:var(--color-overlay-default);-webkit-backdrop-filter:blur(var(--micro-blur-glass-heavy));backdrop-filter:blur(var(--micro-blur-glass-heavy))}.glass-interactive{transition:all var(--transition-fast) var(--motion-spring-gentle)}.glass-interactive:hover{-webkit-backdrop-filter:blur(var(--micro-blur-glass-medium));backdrop-filter:blur(var(--micro-blur-glass-medium));transform:translateY(var(--micro-translate-hover));box-shadow:var(--shadow-md)}.btn.glass{background:var(--color-surface-secondary);opacity:var(--opacity-semantic-glass-medium);border-color:var(--color-border-secondary)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.btn.glass{background:color-mix(in srgb,var(--color-surface-secondary) 84%,transparent);-webkit-backdrop-filter:blur(var(--micro-blur-glass-subtle));backdrop-filter:blur(var(--micro-blur-glass-subtle));border-color:color-mix(in srgb,var(--color-border-secondary) 50%,transparent);opacity:1}}.btn.glass:hover:not(:disabled){background:var(--color-surface-tertiary);opacity:var(--opacity-semantic-glass-heavy)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.btn.glass:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface-tertiary) 76%,transparent);-webkit-backdrop-filter:blur(var(--micro-blur-glass));backdrop-filter:blur(var(--micro-blur-glass));opacity:1}}.dropdown.glass{background:var(--color-surface-default);opacity:var(--opacity-semantic-glass-medium);border-color:var(--color-border-secondary)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.dropdown.glass{background:color-mix(in srgb,var(--color-surface-secondary) 84%,transparent);-webkit-backdrop-filter:blur(var(--micro-blur-glass));backdrop-filter:blur(var(--micro-blur-glass));border-color:color-mix(in srgb,var(--color-border-secondary) 50%,transparent);opacity:1}}.toast.glass{background:var(--color-surface-secondary);opacity:var(--opacity-semantic-glass-heavy);border-color:var(--color-border-tertiary)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.toast.glass{background:color-mix(in srgb,var(--color-surface-secondary) 76%,transparent);-webkit-backdrop-filter:blur(var(--micro-blur-glass));backdrop-filter:blur(var(--micro-blur-glass));border-color:color-mix(in srgb,var(--color-border-tertiary) 60%,transparent);opacity:1}}.btn{display:inline-flex!important;align-items:center;justify-content:center;gap:var(--space-sm);font-family:inherit;font-weight:var(--font-weight-medium);text-align:center;text-decoration:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s var(--motion-spring-gentle);transform:translateZ(0);box-shadow:none;position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none;border:var(--border-width-thin) solid transparent}.btn:disabled{opacity:var(--opacity-50);cursor:not-allowed}.btn:focus-visible{outline:var(--border-width-thick) solid var(--color-primary-default);outline-offset:2px}.btn--loading{pointer-events:none}.btn__spinner{margin-right:var(--space-xs)}.btn--small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);min-height:32px}.btn--medium{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);min-height:40px}.btn--large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-md);min-height:48px}.btn--primary{background-color:var(--color-primary-default);color:var(--color-text-on-action);border-color:transparent}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover));box-shadow:none}.btn--primary:active:not(:disabled){background-color:var(--color-primary-active);transform:translateY(var(--micro-translate-press)) scale(var(--micro-scale-press));box-shadow:none;transition:all .1s var(--motion-spring-snappy)}.btn--secondary{background-color:var(--color-surface-secondary);color:var(--color-text-default);border-color:var(--color-border-secondary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover));box-shadow:none}.btn--ghost{background-color:transparent;color:var(--color-text-default);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface-tertiary);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover))}.btn--outline{background-color:transparent;color:var(--color-text-disabled);border:1px solid var(--color-border-secondary)}.btn--outline:hover:not(:disabled){background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary);color:var(--color-text-default);transform:scale(1.02)}.btn--outline:active:not(:disabled){background-color:var(--color-surface-secondary);transform:scale(.98);transition:all .1s var(--motion-spring-snappy)}.btn--outline-primary{background-color:var(--color-surface-secondary);color:var(--color-text-default);border:1px solid var(--color-primary-default)}.btn--outline-primary:hover:not(:disabled){background-color:var(--color-surface-tertiary);border-color:var(--color-primary-hover);transform:scale(1.02)}.btn--outline-primary:active:not(:disabled){background-color:var(--color-surface-secondary);transform:scale(.98);transition:all .1s var(--motion-spring-snappy)}.btn--danger{background-color:transparent;color:var(--color-status-error-default);border-color:var(--color-border-secondary)}.btn--danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-status-error-default) 8%,transparent);border-color:color-mix(in srgb,var(--color-status-error-default) 60%,var(--color-border-primary));color:var(--color-status-error-default);transform:translateY(var(--micro-translate-hover)) scale(1.01)}.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-xs);border:var(--border-width-thick) solid var(--color-border-primary);border-radius:var(--radius-lg);background-color:var(--color-surface-default);color:var(--color-text-default);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;transition:var(--transition-base)}.secondary-button:hover{background:var(--color-surface-tertiary);color:var(--color-primary-default)}.secondary-button .icon{display:inline-block;width:1em;height:1em;color:var(--color-icon-neutral)}@media (min-width: 769px){#session-btn{max-width:400px}}.dropdown{position:absolute;z-index:var(--z-index-dropdown);min-width:calc(var(--space-xl) * 7);max-width:calc(var(--space-xl) * 12);background-color:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-sm) 0;box-shadow:var(--shadow-md)}.dropdown-section{padding:var(--space-xs) 0}.dropdown-section+.dropdown-section{border-top:var(--border-width-thin) solid var(--color-border-secondary);margin-top:var(--space-xs);padding-top:var(--space-xs)}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all .2s var(--motion-spring-gentle);min-height:36px}.dropdown-item:hover{background-color:var(--color-surface-tertiary);transform:translate(2px) scale(var(--micro-scale-hover))}.dropdown-item:focus-visible{outline:var(--border-width-thick) solid var(--color-primary-default);outline-offset:-2px}.dropdown-item--control{cursor:default;justify-content:space-between;gap:var(--space-sm);padding-right:var(--space-sm)}.dropdown-item--control:hover{background-color:transparent}.dropdown-item--control .toggle,.dropdown-item--control .select,.dropdown-item--control .input-wrapper{flex-shrink:0;max-width:120px}.dropdown-item__icon{flex-shrink:0;width:var(--space-md);height:var(--space-md)}.dropdown-item__label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item__arrow{margin-left:auto;width:var(--space-sm);height:var(--space-sm);opacity:var(--opacity-50);flex-shrink:0}.dropdown-item__right{margin-left:auto;font-size:var(--font-size-xs);opacity:var(--opacity-70)}.dropdown-item--danger{color:var(--color-danger, var(--color-red-500))}.dropdown-item--danger:hover{background-color:color-mix(in srgb,var(--color-status-error-default) 8%,transparent);transform:translate(2px) scale(1.01)}.dropdown-item--confirm{background-color:var(--color-status-error-bg);color:var(--color-status-error-default)}.dropdown-divider{height:var(--border-width-thin);background-color:var(--color-border-secondary);margin:var(--space-xs) 0}.settings-modal-content{background-color:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-lg);max-width:440px;width:100%;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-md)}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-bold)}.section{display:flex;flex-direction:column;gap:var(--space-sm)}.group-title{font-size:var(--font-size-fluid-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-xs) 0}.setting-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);flex:1}.setting-control{flex-shrink:0}.setting-dropdown-toggle{background:var(--color-surface-secondary);color:var(--color-text-default);border:var(--border-width-thin) solid var(--color-border-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-base)}.setting-dropdown-toggle:hover{background-color:var(--color-surface-tertiary);transform:scale(var(--micro-scale-hover))}.danger-button{background:none;color:var(--color-status-error);font-weight:var(--font-weight-bold);border:none;cursor:pointer;font-size:var(--font-size-sm)}.session-dropdown,.dropdown-sub{position:fixed;background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown);min-width:calc(var(--space-xl) * 4.5);display:flex;flex-direction:column}.session-dropdown.hidden,.dropdown-sub.hidden{display:none}.session-dropdown .dropdown-item,.dropdown-sub .dropdown-item{all:unset;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-default);cursor:pointer;transition:background var(--transition-fast)}.session-dropdown .dropdown-item:hover,.dropdown-sub .dropdown-item:hover{background:var(--color-surface-tertiary);transform:translate(2px) scale(var(--micro-scale-hover))}.session-dropdown .icon{width:var(--space-md);height:var(--space-md);flex-shrink:0}.dropdown-back{display:none}@media (max-width: 768px){.dropdown-back{display:block;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-default);cursor:pointer;border-bottom:var(--border-width-thin) solid var(--color-border-secondary);background:var(--color-surface-tertiary)}}.session-dropdown button.danger{color:var(--color-status-error)}.session-dropdown button{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-default);cursor:pointer;transition:background var(--transition-base);all:unset;display:flex}.dropdown.glass{background:var(--color-surface-default);opacity:.84;border-color:var(--color-border-secondary)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.dropdown.glass{background:color-mix(in srgb,var(--color-surface-default) 84%,transparent);-webkit-backdrop-filter:blur(var(--micro-blur-glass));backdrop-filter:blur(var(--micro-blur-glass));border-color:color-mix(in srgb,var(--color-border-primary) 50%,transparent);opacity:1}}#confirm-modal.full-modal{display:none;position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;background:#0009;justify-content:center;align-items:center}#confirm-modal .modal-card{background:var(--color-bg-elevated, #1d1e28);color:var(--color-text, #fff);padding:24px;border-radius:12px;max-width:320px;width:100%;text-align:center;box-shadow:var(--shadow-md)}#confirm-modal .confirm-title{font-size:18px;font-weight:700;margin-bottom:12px}#confirm-modal .confirm-message{font-size:14px;margin-bottom:20px}#confirm-modal .modal-buttons{display:flex;gap:12px;justify-content:center}#confirm-modal .confirm-btn.danger{background:var(--color-status-error-default);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background-color var(--transition-fast)}#confirm-modal .confirm-btn.danger:hover{background:var(--color-status-error-contrast)}#confirm-modal .cancel-btn{background:var(--color-bg-secondary, #2a2b38);color:var(--color-text, #fff);padding:8px 16px;border-radius:6px;border:none;cursor:pointer}.settings-sections{display:flex;flex-direction:column;gap:var(--space-lg);padding:0}.tabbed-session-settings-modal .settings-sections>.settings-section:first-child .settings-section__title{margin-top:0}.settings-section{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-section__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-xs) var(--space-xs)}.settings-section__content{border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);overflow:hidden;position:relative;background-color:var(--color-surface-secondary)}.settings-section__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:var(--space-xs) var(--space-xs) 0;line-height:1.4}.settings-section__content .setting-row{position:static}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);min-height:44px;padding:var(--space-sm) var(--space-md);background-color:var(--color-surface-secondary)}.setting-row--clickable{cursor:pointer;transition:background-color var(--transition-fast)}.setting-row--clickable:hover{background-color:var(--color-surface-tertiary);opacity:var(--opacity-semantic-ghost)}.setting-row--clickable:active{background-color:var(--color-surface-tertiary);opacity:var(--opacity-semantic-emphasis-medium)}.setting-row--clickable .setting-label{color:var(--color-text-default);-webkit-user-select:none;user-select:none}.setting-row__chevron{width:16px;height:16px;opacity:var(--opacity-semantic-emphasis-low);margin-left:auto;flex-shrink:0}.settings-section__content .setting-row:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.settings-section__content .setting-row:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.settings-section__content .setting-row:only-child{border-radius:var(--radius-lg)}.settings-section__content .setting-row--clickable:last-child:hover{background-color:var(--color-surface-tertiary);opacity:var(--opacity-semantic-ghost)}.setting-row:not(:last-child){position:relative}.setting-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:var(--space-md);right:0;height:1px;background-color:var(--color-border-secondary);opacity:var(--opacity-50)}.settings-section__content .setting-row:last-child:after{display:none}.setting-label{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-default)}.setting-label__content{display:flex;flex-direction:column;gap:var(--space-xxs)}.setting-label__main{display:flex;align-items:center;gap:var(--space-sm)}.setting-label__icon{width:16px;height:16px;color:var(--color-text-secondary);flex-shrink:0}.setting-label__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-base);font-weight:var(--font-weight-regular)}.setting-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}@media (min-width: 480px){.setting-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.setting-actions>*:not(:last-child){flex:1 1 calc(50% - var(--space-sm))}.setting-actions>*:last-child{flex:1 1 100%;margin-top:var(--space-xs)}}.template-selection{margin:var(--space-lg) 0}.template-selection__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-default);margin:0 0 var(--space-md) 0}.template-list{display:flex;flex-direction:column;gap:var(--space-xs)}.template-item{all:unset;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:transparent;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease-out;text-align:left;width:100%;box-sizing:border-box}.template-item:hover:not(.template-item--selected){background:var(--color-surface-secondary)}.template-item--selected{background:var(--color-surface-tertiary);border-color:var(--color-primary-default)}.template-item__icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.template-item--selected .template-item__icon{color:var(--color-primary-default)}.template-item__content{flex:1;display:flex;flex-direction:column;gap:var(--space-xxs)}.template-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.template-item__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-compact)}.tabbed-session-settings-modal{display:flex;flex-direction:column}.tabbed-session-settings-modal .tabs{min-height:unset;flex:1}.tabbed-session-settings-modal .tabs__content{overflow-y:auto;align-content:start}.global-settings-modal{display:flex;flex-direction:column;max-height:600px}.global-settings-modal .tabs{min-height:unset;flex:1;min-height:0}.global-settings-modal .tabs--vertical{height:100%}.global-settings-modal .tabs__content{overflow-y:auto;align-content:start}.global-settings-modal .settings-sections{padding-bottom:var(--space-md)}.solve-details{display:flex;flex-direction:column;gap:var(--space-lg);padding:0}@media (max-width: 768px){.is-mobile .solve-details{gap:var(--space-xl)}}.solve-details__card{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width: 768px){.is-mobile .solve-details__card{padding:var(--space-md);gap:var(--space-sm)}.is-mobile .solve-details__card--scramble{background:transparent;border:none;padding:0;gap:var(--space-xs)}}.solve-details__header{display:flex;align-items:center;gap:var(--space-sm)}.solve-details__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin:0;flex:1}.solve-details__content{display:flex;flex-direction:column;gap:var(--space-sm);padding-left:28px}@media (max-width: 768px){.is-mobile .solve-details__content{padding-left:0}.is-mobile .solve-details__card--scramble .solve-details__header{padding:0;margin-bottom:var(--space-sm)}.is-mobile .solve-details__card--scramble .solve-details__scramble{margin:0;padding:0;text-align:center}.is-mobile .solve-details__card--scramble .solve-details__label{font-size:var(--font-size-md)}.is-mobile .solve-details__card--scramble .solve-details__copy-btn .icon{width:20px!important;height:20px!important}}.solve-details__scramble{font-family:var(--font-family-mono);font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text-default);word-break:break-word}.solve-details__copy-btn{all:unset;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-tertiary);position:relative}.solve-details__copy-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-default)}.solve-details__copy-btn:focus-visible{outline:var(--border-width-thick) solid var(--color-primary-default);outline-offset:2px}.solve-details__copy-feedback{position:absolute;right:calc(100% + var(--space-sm));font-size:var(--font-size-xs);color:var(--color-status-success-default);white-space:nowrap;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.solve-details__time-section{display:flex;align-items:flex-start;justify-content:space-between;margin:var(--space-sm) 0;padding:0 var(--space-xl);width:100%;box-sizing:border-box}.solve-details__time-section>.btn{margin-top:var(--space-lg);flex-shrink:0}@media (max-width: 768px){.is-mobile .solve-details__time-section{margin:var(--space-xs) 0}.is-mobile .solve-details__time-section>.btn{margin-top:var(--space-md)}}.solve-details__time-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;flex:1;min-width:0}.solve-details__time-hero-value{font-size:4rem;font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);color:var(--color-text-default);letter-spacing:-.02em;line-height:1;min-width:200px;text-align:center;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.is-mobile .solve-details__time-hero-value{font-size:3rem;min-width:150px}}.solve-details__time-hero-value.dnf{color:var(--color-status-error-default)}.solve-details__quick-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md)}.solve-details__quick-btn{min-width:50px;height:28px;padding:var(--space-xs);font-size:var(--font-size-sm);border-radius:var(--radius-lg)!important}.solve-details__time-hero-modifier{font-size:1.5rem;font-weight:var(--font-weight-medium);color:var(--color-status-warning-default);opacity:var(--opacity-80)}.solve-details__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-xs);margin-bottom:var(--space-lg)}.solve-details__toggle-btn,.solve-details__delete-btn{min-width:60px!important;width:60px!important;padding:var(--space-sm) var(--space-xs)!important;display:flex!important;align-items:center!important;justify-content:center!important}.solve-details__toggle-btn--active{background-color:var(--color-primary-default)!important;color:var(--color-text-on-primary)!important;border-color:var(--color-primary-default)!important;box-shadow:inset 0 2px 4px #0003}.solve-details__toggle-btn--active:hover:not(:disabled){background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;transform:none}.solve-details__toggle-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-lg) 0}.solve-details__toggle-btn{min-width:80px}.solve-details__actions-container{position:relative;display:flex;align-items:center;margin-left:var(--space-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);font-family:var(--font-family-base);line-height:1}.solve-details__menu-trigger{opacity:.7;transition:opacity .2s ease}.solve-details__menu-trigger:hover{opacity:1}@media (max-width: 768px){.is-mobile .modal.modal--mobile-fullscreen.average-breakdown-modal{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;position:fixed!important}.is-mobile .average-breakdown-modal .modal__content{flex:0 0 auto;min-height:auto;max-height:none;padding:var(--space-md);overflow-y:auto}.is-mobile .average-breakdown-modal .lazy-scrollable-list{height:auto;max-height:none;flex:0 0 auto}}.mobile-stats-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;animation:fadeIn .2s cubic-bezier(.25,.46,.45,.94)}.mobile-stats-modal{width:100%;background:var(--color-surface-default);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 -8px 32px #0000001f,0 -4px 16px #00000014;animation:slideUp .25s cubic-bezier(.16,1,.3,1);transform:translateZ(0)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-stats-tab-bar{display:flex;justify-content:space-evenly;align-items:center;background:var(--color-surface-default);border-top:var(--border-width-thin) solid var(--color-border-tertiary);padding:var(--space-lg) var(--space-md);border-radius:0 0 var(--radius-xl) var(--radius-xl);order:2}.mobile-stats-tab{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;position:relative;flex-shrink:0}.mobile-stats-tab:hover{background:var(--color-surface-secondary)}.mobile-stats-tab.active{background:var(--color-surface-secondary);border-color:var(--color-primary-default);border-width:2px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a}.mobile-stats-tab .tab-icon{width:24px;height:24px;color:var(--color-text-secondary);transition:color var(--transition-fast)}.mobile-stats-tab.active .tab-icon{color:var(--color-primary-default)}.mobile-stats-content{flex:1;padding:var(--space-md);overflow:hidden;min-height:300px;order:1;display:flex;flex-direction:column}.mobile-stats-top-section{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--space-md);padding:0}.mobile-stats-timeframe-filter{display:flex;background:var(--color-surface-secondary);border-radius:var(--radius-md);padding:var(--space-xs);gap:var(--space-xs)}.mobile-timeframe-button{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-width:36px;height:28px}.mobile-timeframe-button:hover{background:var(--color-surface-tertiary);color:var(--color-text-default)}.mobile-timeframe-button.active{background:var(--color-surface-default);color:var(--color-text-default);box-shadow:none}.mobile-timeframe-button.active:hover{background:var(--color-surface-default)}.content-placeholder{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-secondary)}.content-placeholder h3{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-default)}.content-placeholder p{margin:0;font-size:var(--font-size-sm)}.mobile-times-list-container{height:400px;min-height:400px;max-height:400px;background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000a,0 4px 0 0 var(--color-border-secondary)}.mobile-container-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-surface-default);border-bottom:var(--border-width-thin) solid var(--color-border-tertiary);flex-shrink:0;min-height:30px}.mobile-container-icon{width:16px;height:16px;color:var(--color-text-secondary)}.mobile-container-title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-text-default)}.mobile-times-list-container .animated-solve-list{flex:1;overflow-y:auto;overflow-x:hidden;background:transparent;padding:0;scrollbar-width:thin;position:relative;box-sizing:border-box}.mobile-times-list-container .animated-solve-list{overflow-y:auto!important;scrollbar-width:none;-ms-overflow-style:none}.mobile-times-list-container .animated-solve-list::-webkit-scrollbar{width:0;background:transparent}.mobile-times-list-container .animated-solve-list.is-scrolling{scrollbar-width:thin}.mobile-times-list-container .animated-solve-list.is-scrolling::-webkit-scrollbar{width:6px;background:transparent}.mobile-times-list-container .animated-solve-list.is-scrolling::-webkit-scrollbar-track{background:transparent;border-radius:3px}.mobile-times-list-container .animated-solve-list.is-scrolling::-webkit-scrollbar-thumb{background:var(--color-border-tertiary);border-radius:3px;transition:background var(--transition-fast)}.mobile-times-list-container .animated-solve-list.is-scrolling::-webkit-scrollbar-thumb:hover{background:var(--color-border-secondary)}.mobile-stats-modal .animated-solve-list .modal-overlay{display:none!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:var(--space-xl);height:100%;min-height:300px;flex:1;padding-top:var(--space-xxl);padding-bottom:var(--space-xl)}.empty-state-icon{width:48px;height:48px;color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.empty-state h3{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.empty-state p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.mobile-stats-modal .animated-solve-list .animated-solve-item.selected{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.mobile-stats-modal .animated-solve-list .animated-solve-item.selected:before{display:none!important}.mobile-stats-modal .animated-solve-list .animated-solve-item{background:transparent;border:none}.mobile-stats-modal .animated-solve-list .animated-solve-item:hover{background:var(--color-surface-secondary)}@media (max-width: 768px){.is-mobile .mobile-stats-modal .animated-solve-list .animated-solve-item,.is-mobile .mobile-times-content-container .animated-solve-list .animated-solve-item{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}.is-mobile .time-list-column-headers .ao5-header{margin-left:calc(var(--space-xl) + var(--space-md) + 4px)!important}.is-mobile .time-list-column-headers .single-header{margin-right:calc(var(--space-lg) + 8px)!important}}.mobile-chart-container-full{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;background:var(--color-surface-secondary);background-image:radial-gradient(circle,var(--color-border-tertiary) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;background-repeat:repeat;scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.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-md);color:var(--color-icon-neutral);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);outline:none;box-shadow:none}.chart-control-icon{width:16px;height:16px;color:inherit}.mobile-chart-select-overlay{height:32px;padding:0 var(--space-sm);border:1px solid var(--color-border-secondary);background:var(--color-surface-default);border-radius:var(--radius-md);color:var(--color-text-default);font-size:var(--font-size-xs);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);cursor:pointer;outline:none;min-width:50px;transition:all var(--transition-fast);box-shadow:none}.mobile-chart-select-overlay:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-default);transform:translateY(-1px);box-shadow:none}.mobile-chart-select-overlay:focus{border-color:var(--color-primary-default);box-shadow:0 0 0 2px var(--color-primary-default-alpha)}.chart-controls-overlay-desktop{position:absolute;top:12px;z-index:1000;opacity:0;transition:opacity .2s ease;pointer-events:none;display:flex;gap:4px}.chart-controls-overlay-desktop--left{left:12px}.chart-controls-overlay-desktop--right{right:12px}.infographic-container--trend:hover .chart-controls-overlay-desktop,.infographic-container--distribution:hover .chart-controls-overlay-desktop{opacity:1!important;pointer-events:auto!important}.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-md);color:var(--color-icon-neutral);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);outline:none;pointer-events:auto;box-shadow:none}.chart-btn-overlay:hover:not(:disabled):not(.active){background:var(--color-surface-tertiary);color:var(--color-text-default);border-color:var(--color-border-default);transform:translateY(-1px);box-shadow:none}.chart-btn-overlay:active:not(:disabled){transform:scale(.98)}.chart-btn-overlay:disabled{opacity:.5;cursor:not-allowed}.chart-btn-overlay.active{background:var(--color-primary-default);color:var(--color-primary-contrast);border-color:var(--color-primary-default)}.chart-btn-overlay.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.chart-btn-overlay .icon,.chart-btn-overlay svg{color:inherit!important}.chart-btn-overlay svg path,.chart-btn-overlay svg *{stroke:currentColor}.chart-select-overlay{height:32px;padding:0 var(--space-sm);border:1px solid var(--color-border-secondary);background:var(--color-surface-default);border-radius:var(--radius-md);color:var(--color-text-default);font-size:var(--font-size-xs);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);cursor:pointer;outline:none;min-width:50px;transition:all var(--transition-fast);pointer-events:auto!important;position:relative;z-index:1001;box-shadow:none}.chart-select-overlay:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-default);transform:translateY(-1px);box-shadow:none}.chart-select-overlay:focus{border-color:var(--color-primary-default);box-shadow:0 0 0 2px var(--color-primary-default-alpha)}.chart-zoom-indicator,.mobile-chart-zoom-indicator{background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-mono);padding:4px 8px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:500;display:flex;align-items:center;box-shadow:none}.mobile-settings-container{display:flex;flex-direction:column;background:var(--color-surface-primary);border-radius:var(--radius-lg);overflow:hidden;border:var(--border-width-thin) solid var(--color-border-secondary)}.mobile-settings-container .row{margin:0;border-radius:0;border-left:none;border-right:none;border-top:none}.mobile-settings-container .row:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.mobile-settings-container .row:last-child{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-bottom:none}@media (max-width: 768px){.mobile-settings-container .row{min-height:50px;padding:var(--space-sm) var(--space-lg);display:flex;align-items:center}.mobile-settings-container .row__content{display:flex;align-items:center;gap:var(--space-md)}}.input-wrapper{position:relative}.input{all:unset;display:block;width:100%;padding:var(--space-xs) var(--space-md);padding-right:30px;background-color:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-default);transition:all .15s ease-out;box-sizing:border-box}.input-wrapper--medium .input{padding:var(--space-sm) var(--space-md);padding-right:30px;min-height:40px;box-sizing:border-box}.input-wrapper--small .input{padding:var(--space-xs) var(--space-sm);padding-right:25px;font-size:var(--font-size-xs);min-height:32px;box-sizing:border-box}.input:hover:not(:disabled){background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:scale(1.005)}.input:active:not(:disabled){transition:all 80ms ease-out}.input:focus{outline:var(--border-width-thick) solid var(--color-primary-default);outline-offset:2px;background-color:var(--color-surface-tertiary);border-color:var(--color-primary-default)}.input::placeholder{color:var(--color-text-tertiary);opacity:var(--opacity-semantic-placeholder)}.input__suffix{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:var(--font-size-sm);pointer-events:none}.input-wrapper--small .input__suffix{right:var(--space-sm);font-size:var(--font-size-xs)}.input-wrapper--disabled .input{opacity:var(--opacity-50);cursor:not-allowed}.input[type=number]{-moz-appearance:textfield}.input-wrapper--width-xs .input{max-width:60px;width:60px}.input-wrapper--width-sm .input{max-width:80px;width:80px}.input-wrapper--width-md .input{max-width:120px;width:120px}.input-wrapper--width-lg .input{max-width:160px;width:160px}.input-wrapper--narrow .input{max-width:120px;width:120px}.input-wrapper--compact-width .input{max-width:80px;width:80px}.input-wrapper--width-xs .labeled-input__label,.input-wrapper--width-sm .labeled-input__label,.input-wrapper--width-md .labeled-input__label,.input-wrapper--width-lg .labeled-input__label,.input-wrapper--narrow .labeled-input__label,.input-wrapper--compact-width .labeled-input__label,.input-wrapper--width-xs .labeled-input,.input-wrapper--width-sm .labeled-input,.input-wrapper--width-md .labeled-input,.input-wrapper--width-lg .labeled-input,.input-wrapper--narrow .labeled-input,.input-wrapper--compact-width .labeled-input{width:auto;max-width:none}.input--error{border-color:var(--color-status-error-default)}.input--error:hover:not(:disabled){border-color:var(--color-status-error-hover)}.input--error:focus{outline-color:var(--color-status-error-default);border-color:var(--color-status-error-default)}.input-wrapper--error .input__suffix{color:var(--color-status-error-default)}.labeled-input{display:flex;flex-direction:column;gap:var(--space-xs)}.labeled-input__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);line-height:var(--line-height-tight)}.labeled-input__required{color:var(--color-status-error-default);margin-left:var(--space-xs)}.labeled-input__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-base);opacity:var(--opacity-semantic-emphasis-medium)}.input-wrapper--valid .input{border-color:var(--color-success);background-color:var(--color-success-light)}.input-wrapper--valid .input:hover:not(:disabled){border-color:var(--color-success);background-color:var(--color-success-light)}.input-wrapper--warning .input{border-color:var(--color-warning);background-color:var(--color-warning-light)}.input-wrapper--warning .input:hover:not(:disabled){border-color:var(--color-warning);background-color:var(--color-warning-light)}.input-wrapper--error .input{border-color:var(--color-danger);background-color:var(--color-danger-light)}.input-wrapper--error .input:hover:not(:disabled){border-color:var(--color-danger);background-color:var(--color-danger-light)}.icon-button{all:unset;cursor:pointer;border-radius:var(--radius-pill);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);position:relative;overflow:hidden}.icon-button--small{width:24px;height:24px}.icon-button--medium{width:32px;height:32px}.icon-button--large{width:40px;height:40px}.icon-button--primary{background:var(--color-primary-default);border:var(--border-width-thin) solid transparent;color:var(--color-text-on-primary, #fff)}.icon-button--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(var(--micro-scale-hover))}.icon-button--subtle{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-subtle);color:var(--color-text-tertiary)}.icon-button--subtle:hover:not(:disabled){background:var(--color-surface-tertiary);color:var(--color-text-default);border-color:var(--color-border-default);transform:scale(var(--micro-scale-hover))}.icon-button--ghost{background:transparent;border:var(--border-width-thin) solid transparent;color:var(--color-text-tertiary)}.icon-button--ghost:hover:not(:disabled){background:var(--color-surface-tertiary);color:var(--color-text-default);transform:scale(var(--micro-scale-hover))}.icon-button--danger{background:transparent;border:var(--border-width-thin) solid transparent;color:var(--color-status-error-default)}.icon-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-status-error-default) 8%,transparent);color:var(--color-status-error-default);transform:scale(1.01)}.icon-button--minimal{background:transparent;border:var(--border-width-thin) solid transparent;color:var(--color-text-secondary);opacity:var(--opacity-semantic-emphasis-medium)}.icon-button--minimal:hover:not(:disabled){opacity:1;transform:scale(var(--micro-scale-hover))}.icon-button--transparent-primary{background:transparent;border:var(--border-width-thin) solid transparent;color:var(--color-primary-default)}.icon-button--transparent-primary:hover:not(:disabled){background:transparent;color:var(--color-primary-hover);transform:scale(var(--micro-scale-hover))}.icon-button:active:not(:disabled){transform:scale(var(--micro-scale-press));transition:all .1s var(--motion-spring-snappy)}.icon-button:disabled{opacity:var(--opacity-semantic-disabled, .4);cursor:not-allowed}.icon-button:focus-visible{outline:var(--border-width-thick) solid var(--color-border-focus);outline-offset:2px}.icon-button--small .icon{width:14px;height:14px}.icon-button--medium .icon{width:18px;height:18px}.icon-button--large .icon{width:20px;height:20px}.icon-button--animating{color:var(--feedback-color, var(--color-status-success-default));animation:iconFeedback 1.2s var(--motion-spring-gentle)}@keyframes iconFeedback{0%{color:var(--color-text-tertiary);transform:scale(1)}15%{color:var(--feedback-color, var(--color-status-success-default));transform:scale(var(--micro-scale-hover))}85%{color:var(--feedback-color, var(--color-status-success-default));transform:scale(1)}to{color:var(--color-text-tertiary);transform:scale(1)}}.icon{display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;line-height:1;-webkit-user-select:none;user-select:none;flex-shrink:0}.icon-small{width:1em!important;height:1em!important}.icon-medium{width:1.5em!important;height:1.5em!important}.icon-large{width:2em!important;height:2em!important}.icon-on-action{color:#fff}.icon-error{color:var(--color-icon-red, #e74c3c)!important}.icon-success{color:var(--icon-success, #27ae60)}.icon-warning{color:var(--icon-warning, #ffc107)}.icon-info{color:var(--icon-info, #3498db)}.icon-muted{color:var(--icon-muted, #aaa)}.icon svg{width:100%;height:100%;display:block}.keyboard-shortcuts-content{display:flex;flex-direction:column;gap:32px;margin-bottom:16px;padding-top:var(--space-lg);height:65vh;max-height:700px;min-height:450px;overflow-y:auto}.keyboard-shortcuts-columns{display:flex;gap:48px;align-items:start}.keyboard-shortcuts-column{flex:1;display:flex;flex-direction:column;gap:32px}.keyboard-shortcuts-group{display:flex;flex-direction:column;gap:8px}.keyboard-shortcuts-group-header{margin-bottom:0;padding-bottom:2px;border-bottom:1px solid var(--color-border)}.keyboard-shortcuts-group-header h3{margin:0;font-size:15px;font-weight:700;color:var(--color-text-primary)}.keyboard-shortcuts-list{display:flex;flex-direction:column;gap:0}.keyboard-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0;border-bottom:1px solid var(--color-border)}.keyboard-shortcut-row:last-child{border-bottom:none}.keyboard-shortcut-description{font-size:14px;color:var(--color-text-primary);line-height:1.4;flex:1}.keyboard-shortcut-keys{display:flex;align-items:center;gap:6px;flex-shrink:0}.keyboard-shortcut-plus{font-size:11px;color:var(--color-text-secondary);margin:0 3px;font-weight:500}.keyboard-shortcut-note{font-size:12px;color:var(--color-text-secondary);margin-left:8px;font-style:italic}.keyboard-shortcuts-footer{border-top:1px solid var(--color-border);padding-top:16px;margin-top:8px}.keyboard-shortcuts-footer p{margin:0;font-size:12px;color:var(--color-text-secondary);text-align:center}@media (max-width: 768px){.keyboard-shortcuts-columns{flex-direction:column;gap:24px}.keyboard-shortcuts-column{gap:24px}.keyboard-shortcut-row{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0}.keyboard-shortcut-keys{align-self:flex-end}.keyboard-shortcuts-content{gap:24px}}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-secondary);transition:all var(--transition-fast)}.row>.auto-expanding-textarea,.row>.auto-expanding-textarea-container{flex:1;min-width:0}.row>*:not(.row__content):not(.row__chevron){max-width:400px;flex-shrink:0}.row>.textarea{max-width:600px}.row:last-child{border-bottom:none}.row--normal{min-height:44px;padding:var(--space-sm) var(--space-md)}.row--compact{min-height:36px;padding:var(--space-xs) var(--space-md)}.row__content{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.row__icon{width:20px;height:20px;flex-shrink:0;color:var(--color-text-secondary)}.row--compact .row__icon{width:18px;height:18px}.row__label{flex:1;min-width:0}.row__label-content{display:flex;flex-direction:column;gap:var(--space-xxs)}.row__label-main{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.row--compact .row__label-main{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.row__label-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-base)}.row__chevron{width:16px;height:16px;flex-shrink:0;color:var(--color-text-tertiary)}.row--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.row--clickable:hover{background:var(--color-surface-tertiary)}.row--clickable:active{background:var(--color-surface-tertiary);transform:scale(.99)}.row--clickable:focus-visible{outline:var(--border-width-thick) solid var(--color-border-focus);outline-offset:-2px}.row[data-color-theme=blue] .row__icon{--color-icon-orange: var(--color-icon-blue);--color-icon-orange-secondary: var(--color-icon-blue-secondary);--color-icon-red: var(--color-icon-blue);--color-icon-red-secondary: var(--color-icon-blue-secondary);--color-icon-green: var(--color-icon-blue);--color-icon-green-secondary: var(--color-icon-blue-secondary);--color-icon-purple: var(--color-icon-blue);--color-icon-purple-secondary: var(--color-icon-blue-secondary);--color-icon-yellow: var(--color-icon-blue);--color-icon-yellow-secondary: var(--color-icon-blue-secondary);--color-icon-teal: var(--color-icon-blue);--color-icon-teal-secondary: var(--color-icon-blue-secondary);--color-icon-brown: var(--color-icon-blue);--color-icon-brown-secondary: var(--color-icon-blue-secondary);--color-icon-gold: var(--color-icon-blue);--color-icon-gold-secondary: var(--color-icon-blue-secondary)}.row[data-color-theme=green] .row__icon{--color-icon-orange: var(--color-icon-green);--color-icon-orange-secondary: var(--color-icon-green-secondary);--color-icon-red: var(--color-icon-green);--color-icon-red-secondary: var(--color-icon-green-secondary);--color-icon-blue: var(--color-icon-green);--color-icon-blue-secondary: var(--color-icon-green-secondary);--color-icon-purple: var(--color-icon-green);--color-icon-purple-secondary: var(--color-icon-green-secondary);--color-icon-yellow: var(--color-icon-green);--color-icon-yellow-secondary: var(--color-icon-green-secondary);--color-icon-teal: var(--color-icon-green);--color-icon-teal-secondary: var(--color-icon-green-secondary);--color-icon-brown: var(--color-icon-green);--color-icon-brown-secondary: var(--color-icon-green-secondary);--color-icon-gold: var(--color-icon-green);--color-icon-gold-secondary: var(--color-icon-green-secondary)}.row[data-color-theme=red] .row__icon{--color-icon-orange: var(--color-icon-red);--color-icon-orange-secondary: var(--color-icon-red-secondary);--color-icon-blue: var(--color-icon-red);--color-icon-blue-secondary: var(--color-icon-red-secondary);--color-icon-green: var(--color-icon-red);--color-icon-green-secondary: var(--color-icon-red-secondary);--color-icon-purple: var(--color-icon-red);--color-icon-purple-secondary: var(--color-icon-red-secondary);--color-icon-yellow: var(--color-icon-red);--color-icon-yellow-secondary: var(--color-icon-red-secondary);--color-icon-teal: var(--color-icon-red);--color-icon-teal-secondary: var(--color-icon-red-secondary);--color-icon-brown: var(--color-icon-red);--color-icon-brown-secondary: var(--color-icon-red-secondary);--color-icon-gold: var(--color-icon-red);--color-icon-gold-secondary: var(--color-icon-red-secondary)}.side-panel{display:flex;flex-direction:column;gap:var(--layout-section-gap);height:100%;overflow:visible;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.side-panel-section{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-bottom:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none;transition:all .2s var(--motion-spring-gentle);display:flex;flex-direction:column}.side-panel-section__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--layout-panel-padding-v) var(--layout-panel-padding-h);border-bottom:var(--border-width-thin) solid var(--color-border-primary);background:var(--color-surface-default);min-height:var(--layout-panel-header-height);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.side-panel-section__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-secondary)}.side-panel-section__title{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-text-default);margin:0;flex:1}.side-panel-section__title--clickable:hover{opacity:.7}.side-panel-section__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.side-panel-section__action{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;opacity:0;transition:all var(--transition-fast)}.side-panel-section:hover .side-panel-section__action{opacity:1}.side-panel-section__content{padding:var(--layout-panel-padding-v) var(--layout-panel-padding-h);flex:1;min-height:0;overflow-y:auto;overflow-x:visible;width:100%;box-sizing:border-box}.side-panel-section--stats{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}.side-panel-section--stats .side-panel-section__content{padding:0}.side-panel-section--stats .side-panel-section__header{background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.side-panel-section--list{flex:1;min-height:0;display:flex;flex-direction:column;overflow:visible;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none}.side-panel-section--list .side-panel-section__header{background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.side-panel-section--list .side-panel-section__content{padding:0;display:flex;flex-direction:column;flex:1;min-height:0;height:100%;max-height:100%;width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:visible;scrollbar-width:none;-ms-overflow-style:none}.side-panel-section--list .side-panel-section__content::-webkit-scrollbar{display:none}.layout-panel-section--stats .layout-panel-section__content{padding:0 var(--layout-panel-padding-h)}.layout-panel-section--list .layout-panel-section__content{padding:0}.layout-panel-section--compact .layout-panel-section__content{padding:var(--space-sm) var(--layout-panel-padding-h)}@media (max-width: 1200px){.side-panel{gap:var(--layout-section-gap);width:100%;max-width:100%;min-width:100%;height:100%;overflow:visible}.side-panel-section--list{height:100%;max-height:100%;overflow:visible;padding:0}.side-panel-section--list .side-panel-section__content{height:100%;max-height:100%;overflow-y:auto;overflow-x:visible;padding:0}}@media (max-width: 768px){.is-mobile .side-panel{gap:var(--layout-section-gap);width:100%;max-width:100%;min-width:100%;height:100%;overflow:visible}.is-mobile .side-panel-section__header{padding:var(--space-xs) var(--layout-panel-padding-h);min-height:var(--layout-panel-header-height)}.is-mobile .side-panel-section__content{padding:var(--layout-panel-padding-v) var(--layout-panel-padding-h)}.is-mobile .side-panel-section--stats .side-panel-section__content{padding:0}.is-mobile .side-panel-section--list .side-panel-section__content{padding:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:visible}.is-mobile .side-panel-section__action{opacity:.4}.is-mobile .side-panel-section:hover .side-panel-section__action,.is-mobile .side-panel-section:active .side-panel-section__action{opacity:1}}.step-description{margin-bottom:var(--space-md)}.step-description h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-default);margin:0 0 var(--space-xs) 0}.step-description p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.choose-type-step{display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width: 768px){.choose-type-step{gap:var(--space-sm)}}.template-info-container{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-md)}.template-info-container__content{display:flex;align-items:flex-start;gap:var(--space-sm)}.template-info-container__icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.template-info-container__text{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.template-info-container__text strong{color:var(--color-text-default);font-weight:var(--font-weight-medium)}.type-selection{display:flex;flex-direction:column;gap:var(--space-sm)}.type-option{all:unset;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease-out;text-align:left;width:100%;box-sizing:border-box}.type-option:hover:not(.type-option--selected){background:var(--color-surface-tertiary)}.type-option--selected{background:var(--color-surface-tertiary);border-color:var(--color-primary-default)}.type-option__icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.type-option--selected .type-option__icon{color:var(--color-primary-default)}.type-option__content{flex:1;display:flex;flex-direction:column;gap:var(--space-xxs)}.type-option__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.type-option__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-compact)}.template-selection{margin-top:var(--space-md)}@media (max-width: 768px){.template-selection{margin-top:var(--space-sm)}}.template-selection h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);margin:0 0 var(--space-sm) 0}.template-selection .type-option{margin-top:var(--space-md)}@media (max-width: 768px){.template-selection .type-option{padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);display:flex;flex-direction:row;align-items:center;gap:var(--space-md)}.template-selection .type-option__icon{width:20px;height:20px;flex-shrink:0}.template-selection .type-option__content{flex:1;text-align:left;display:flex;flex-direction:column;gap:var(--space-xxs)}.template-selection .type-option__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.template-selection .type-option__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-compact)}.template-selection .type-option__chevron{width:16px;height:16px;flex-shrink:0;color:var(--color-text-tertiary)}}.final-step{display:flex;flex-direction:column;gap:var(--space-md)}.template-summary{padding:var(--space-md);background:var(--color-surface-secondary);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border-secondary)}.template-summary h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);margin:0 0 var(--space-xs) 0}.template-summary p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0;line-height:var(--line-height-relaxed)}.template-preview{display:flex;flex-direction:column;gap:var(--space-xxs)}.template-preview__item{font-size:var(--font-size-xs);color:var(--color-text-default);line-height:var(--line-height-relaxed)}.configuration-step{display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width: 768px){.type-option{flex-direction:column;text-align:center;gap:var(--space-md)}.type-option__icon{width:40px;height:40px}.step-description h2{font-size:var(--font-size-lg)}}.template-selection .template-list{display:flex;flex-direction:column;gap:var(--space-xs)}.template-item--selected{background:color-mix(in srgb,var(--color-primary-default) 8%,var(--color-surface-secondary));border-color:var(--color-primary-default)}.template-item--copy{border-style:dashed;border-color:var(--color-border-secondary)}.template-item--copy:hover{border-style:solid}.solve-list{position:relative;display:flex;flex-direction:column;gap:0;font-family:var(--font-family-default);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:100%;padding:0}.solve-item{display:flex;align-items:stretch;gap:var(--space-lg);height:48px;min-height:48px;max-height:48px;transition:all .2s var(--motion-spring-gentle);padding:0 var(--layout-panel-padding-h);border-bottom:none;position:relative;flex-shrink:0}.solve-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:var(--space-md);right:var(--space-md);height:1px;background-color:var(--color-border-primary);opacity:var(--opacity-50)}.solve-index{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);width:44px;min-width:44px;flex-shrink:0;text-align:left;font-variant-numeric:tabular-nums;display:flex;align-items:center}.solve-index--milestone{color:var(--color-milestone-primary, #8B5CF6)!important;font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(139,92,246,.4)}.solve-index--milestone-100k{color:gold!important;font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(255,215,0,.5)}.solve-time-wrapper{flex:1;display:flex;align-items:center;gap:var(--space-xs);min-width:0;overflow:hidden}.solve-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);font-family:var(--font-family-mono);margin-right:0;padding:2px var(--space-xs);border-radius:var(--radius-sm);transition:all .2s var(--motion-spring-gentle);cursor:pointer}.solve-time:hover{background-color:var(--color-surface-tertiary);transform:scale(var(--micro-scale-hover))}.solve-time.in-parentheses{color:var(--color-text-secondary)}.solve-time.ao5-best{color:var(--color-status-success-default)}.solve-time.ao5-worst{color:var(--color-status-error-default)}.solve-tags{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.solve-tag{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.solve-tag svg{width:12px;height:12px}.solve-tag.gold-star{color:var(--color-icon-gold)}.solve-tag.tag-fast{color:var(--color-status-success-default)}.solve-tag.tag-slow{color:var(--color-status-error-default)}.inspection-dot{display:inline-block;width:4px;height:4px;background-color:var(--color-text-secondary);border-radius:50%;margin-right:4px;flex-shrink:0;vertical-align:middle;opacity:.8}.solve-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);flex-shrink:0;margin:0;max-width:120px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;background:transparent;border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s var(--motion-spring-gentle);-webkit-user-select:none;user-select:none;flex-shrink:0;vertical-align:top;position:relative}.action-btn:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary);color:var(--color-text-default);transform:scale(var(--micro-scale-hover))}.action-btn:active{transform:scale(var(--micro-scale-press));transition:all .1s var(--motion-spring-snappy)}.action-btn.active{background-color:var(--color-primary-default);border-color:var(--color-primary-default);color:var(--color-text-on-primary)}.action-btn.active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.action-btn.delete{color:var(--color-text-tertiary);border-color:var(--color-border-secondary)}.action-btn.delete:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary);color:var(--color-status-error-default)}.action-btn .icon{width:14px;height:14px}.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--space-xl)}.time-list-header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin-bottom:var(--space-lg)}.time-list-header svg{width:20px;height:20px}@media (max-width: 768px){.is-mobile .solve-item{padding:0 var(--layout-panel-padding-h)}.is-mobile .solve-index{width:36px;min-width:36px}}.solve-list-item.deleting{animation:fadeOut .3s var(--motion-ease-out-expo) forwards;pointer-events:none}@keyframes fadeOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-20px) scale(var(--micro-scale-press))}}.animated-solve-list[data-color-theme=blue]{--time-list-theme-color: var(--color-icon-blue)}.animated-solve-list[data-color-theme=green]{--time-list-theme-color: var(--color-icon-green)}.animated-solve-list[data-color-theme=teal]{--time-list-theme-color: var(--color-icon-teal)}.animated-solve-list[data-color-theme=purple]{--time-list-theme-color: var(--color-icon-purple)}.animated-solve-list[data-color-theme=orange]{--time-list-theme-color: var(--color-icon-orange)}.animated-solve-list[data-color-theme=red]{--time-list-theme-color: var(--color-icon-red)}.animated-solve-list[data-color-theme=yellow]{--time-list-theme-color: var(--color-icon-yellow)}.animated-solve-list[data-color-theme=gray]{--time-list-theme-color: var(--color-icon-grey)}.animated-solve-list{position:relative;display:flex;flex-direction:column;gap:0;font-family:var(--font-family-default);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:100%;height:100%;padding:0 0 var(--space-md) 0;margin:0;outline:none;scroll-behavior:smooth;background:transparent;scrollbar-width:none}@media (max-width: 1200px){.animated-solve-list{height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}}@media (max-width: 768px){.is-mobile .animated-solve-list{height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}}.animated-solve-list:hover,.animated-solve-list.is-scrolling{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border-secondary) 60%,transparent) transparent}.animated-solve-list::-webkit-scrollbar{width:4px}.animated-solve-list::-webkit-scrollbar-track{background:transparent;margin:2px}.animated-solve-list::-webkit-scrollbar-thumb{background:transparent;border-radius:2px;transition:background .2s ease}.animated-solve-list:hover::-webkit-scrollbar-thumb,.animated-solve-list.is-scrolling::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border-secondary) 60%,transparent)}.animated-solve-list:hover::-webkit-scrollbar-thumb:hover,.animated-solve-list.is-scrolling::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border-primary) 80%,transparent)}.animated-solve-list .scroll-gradient--top{position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(to bottom,var(--color-surface-secondary) 0%,color-mix(in srgb,var(--color-surface-secondary) 90%,transparent) 40%,transparent 100%);pointer-events:none;z-index:10;transition:opacity .2s ease;border-radius:0}.animated-solve-item{display:flex;align-items:center;gap:0;height:48px;padding:0 var(--layout-panel-padding-h);background:transparent;border:none;border-radius:0;flex-shrink:0;cursor:pointer;outline:none;box-shadow:none;margin:0;transition:opacity var(--transition-fast);position:relative;z-index:2;--item-hover-bg: var(--color-surface-tertiary);--item-focus-bg: color-mix(in srgb, var(--color-border-focus) 10%, transparent)}.animated-solve-item:after{content:"";position:absolute;bottom:0;left:var(--space-md);right:var(--space-md);height:1px;background-color:var(--color-border-primary);opacity:var(--opacity-50)}.animated-solve-item.ao5-last-solve:not(:last-child):after{height:1px;background-color:var(--color-border-primary);opacity:var(--opacity-50)}.animated-solve-item.ao5-last-solve.ao5-separator-bright:not(:last-child){margin-bottom:var(--space-lg)}.animated-solve-list .animated-solve-item,.animated-solve-list .animated-solve-item.visible{opacity:1;transform:none}.animated-solve-list .animated-solve-item.visible:hover{position:relative}.animated-solve-list .animated-solve-item.visible:hover:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--item-hover-bg);border-radius:0;z-index:-1}.animated-solve-list .animated-solve-item.visible.selected{position:relative;background-color:color-mix(in srgb,var(--time-list-theme-color, var(--color-primary-default)) 6%,transparent);transition:none}.animated-solve-list .animated-solve-item.solve-restored{animation:solveRestored 2s ease-out}@keyframes solveRestored{0%{background-color:color-mix(in srgb,var(--color-status-success-default) 30%,transparent);transform:scale(1.02)}50%{background-color:color-mix(in srgb,var(--color-status-success-default) 15%,transparent);transform:scale(1.01)}to{background-color:transparent;transform:scale(1)}}.animated-solve-list .animated-solve-item.visible.selected:before{content:"";position:absolute;left:0;top:0;bottom:1px;width:3px;background-color:var(--time-list-theme-color, var(--color-primary-default));border-radius:0 2px 2px 0;z-index:-1}.animated-solve-list .animated-solve-item:not(.visible){pointer-events:none}.animated-solve-item .solve-index{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);width:44px;min-width:44px;flex-shrink:0;text-align:left;font-variant-numeric:tabular-nums;display:flex;align-items:center;transition:color .2s var(--motion-spring-gentle);margin-right:var(--space-xs)}.animated-solve-item:hover .solve-index{color:var(--color-text-default)}.animated-solve-item .solve-index--milestone{color:var(--color-milestone-primary, #8B5CF6)!important;font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(139,92,246,.4)}.animated-solve-item:hover .solve-index--milestone{color:var(--color-milestone-primary, #8B5CF6)!important;text-shadow:0 0 12px rgba(139,92,246,.6)}.animated-solve-item .solve-index--milestone-100k{color:gold!important;font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(255,215,0,.5)}.animated-solve-item:hover .solve-index--milestone-100k{color:gold!important;text-shadow:0 0 12px rgba(255,215,0,.7)}.animated-solve-item .solve-time-wrapper{flex:1;display:flex;align-items:center;gap:var(--space-xs);min-width:0;overflow:hidden}.animated-solve-item .solve-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);font-family:var(--font-family-mono);position:relative}.animated-solve-item .solve-time:hover{background-color:transparent;transform:none}.animated-solve-item .solve-time-inner{display:inline-block;padding:2px var(--space-xs);border-radius:var(--radius-sm);transition:all .2s var(--motion-spring-gentle);cursor:pointer}.animated-solve-item .solve-time-inner:hover{background-color:var(--color-surface-tertiary);transform:scale(var(--micro-scale-hover))}.animated-solve-item .solve-time-inner:active{transform:scale(var(--micro-scale-press))}.animated-solve-item .solve-time.ao5-best{color:var(--color-status-success-default);position:relative}.animated-solve-item .solve-time.ao5-worst{color:var(--color-status-error-default);position:relative}.animated-solve-item .solve-time.dnf{color:var(--color-status-error-default);font-weight:var(--font-weight-bold)}.invisible-header-placeholder{opacity:0}.animated-solve-item .solve-tags{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.animated-solve-item .solve-tag{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;transition:opacity .15s ease;opacity:.8}.animated-solve-item .solve-tag:hover{opacity:1}.animated-solve-item .solve-tag svg{width:12px;height:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.animated-solve-item .solve-tag.gold-star{color:var(--color-icon-gold)}.animated-solve-item .solve-tag.tag-fast{color:var(--color-status-success-default)}.animated-solve-item .solve-tag.tag-slow{color:var(--color-status-error-default)}.animated-solve-item .inspection-dot{display:inline-block;width:4px;height:4px;background-color:var(--color-text-secondary);border-radius:50%;margin-right:4px;flex-shrink:0;vertical-align:middle;opacity:.8;transition:all .2s var(--motion-spring-gentle);box-shadow:0 0 4px #0000004d}.animated-solve-item:hover .inspection-dot{opacity:1;box-shadow:0 0 6px #00000080}.animated-solve-item .solve-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);flex-shrink:0;margin:0;max-width:200px;opacity:.7;transition:opacity .2s var(--motion-spring-gentle)}.animated-solve-item:hover .solve-actions,.animated-solve-item:focus .solve-actions,.animated-solve-item.selected .solve-actions{opacity:1}.keyboard-hints{display:flex;align-items:center;gap:var(--space-xs);margin-left:var(--space-sm)}.kbd-hint{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 var(--space-xs);background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-xs);font-size:9px;font-weight:var(--font-weight-medium);font-family:var(--font-family-mono);color:var(--color-text-tertiary);line-height:1;text-transform:uppercase;cursor:pointer;transition:all .15s var(--motion-spring-gentle);-webkit-user-select:none;user-select:none}.kbd-hint:hover{background:var(--color-surface-quaternary);border-color:var(--color-border-primary);color:var(--color-text-secondary);transform:scale(1.05)}.kbd-hint:active{transform:scale(.95)}.kbd-hint.active{background:var(--color-primary-default);border-color:var(--color-primary-default);color:var(--color-primary-contrast)}.kbd-hint.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.kbd-hint.delete{opacity:.8}.kbd-hint.delete:hover{background:color-mix(in srgb,var(--color-status-error-default) 8%,transparent);border-color:color-mix(in srgb,var(--color-status-error-default) 60%,var(--color-border-primary));color:var(--color-status-error-default);opacity:1;transform:scale(1.02)}.animated-solve-list .empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--space-xl);animation:fadeIn .5s var(--motion-spring-gentle) both}@media (max-width: 768px){.is-mobile .animated-solve-item{padding:0 var(--layout-panel-padding-h)}.is-mobile .animated-solve-item .solve-index{width:36px;min-width:36px}.is-mobile .animated-solve-list{padding:0 0 var(--space-md) 0}.is-mobile .animated-solve-list .animated-solve-item.visible.selected{background:none!important;border:none!important}.is-mobile .animated-solve-list .animated-solve-item.visible.selected:before{display:none!important}.animated-solve-list .animated-solve-item.visible:hover:before{left:0;right:0;z-index:-1}.animated-solve-list .animated-solve-item.visible.selected:before{left:0;bottom:1px;width:3px;z-index:-1}.animated-solve-list .animated-solve-item.visible.selected.ao5-last-solve:before{content:"";position:absolute;left:0;top:0;bottom:1px;width:3px;background-color:var(--time-list-theme-color, var(--color-primary-default));border-radius:0 2px 2px 0;z-index:-1;right:auto;font-size:inherit;font-weight:inherit;color:inherit;padding:0;opacity:1}.animated-solve-item:not(:last-child):after{left:var(--space-md);right:var(--space-md)}.animated-solve-list .animated-solve-item{transition:opacity .15s ease;transform:none}.animated-solve-list .animated-solve-item.visible{transform:none}}.animated-solve-list:focus{outline:none}.animated-solve-item:nth-child(1){transition-delay:0ms}.animated-solve-item:nth-child(2){transition-delay:20ms}.animated-solve-item:nth-child(3){transition-delay:40ms}.animated-solve-item:nth-child(4){transition-delay:60ms}.animated-solve-item:nth-child(5){transition-delay:80ms}.animated-solve-item:nth-child(6){transition-delay:.1s}.animated-solve-item:nth-child(7){transition-delay:.12s}.animated-solve-item:nth-child(8){transition-delay:.14s}.animated-solve-item{will-change:opacity}@media (prefers-reduced-motion: reduce){.animated-solve-item{transition:opacity .1s ease;transform:none}.animated-solve-item.visible{transform:none}.animated-solve-item:nth-child(n){transition-delay:0ms}}.animated-solve-list--compact .animated-solve-item{height:40px}.animated-solve-item.deleting{animation:solveDelete .18s ease-out forwards;pointer-events:none}@keyframes solveDelete{0%{opacity:1;transform:translate(0) scale(1);height:48px}50%{opacity:.4;transform:translate(-20px) scale(.98);height:48px}to{opacity:0;transform:translate(-40px) scale(.95);height:0;padding:0;overflow:hidden}}.animated-solve-list--compact .animated-solve-item.deleting{animation:solveDeleteCompact .18s ease-out forwards}@keyframes solveDeleteCompact{0%{opacity:1;transform:translate(0) scale(1);height:40px}50%{opacity:.4;transform:translate(-20px) scale(.98);height:40px}to{opacity:0;transform:translate(-40px) scale(.95);height:0;padding:0;overflow:hidden}}@media (prefers-reduced-motion: reduce){.animated-solve-item.deleting{animation:solveDeleteSimple .12s ease-out forwards}@keyframes solveDeleteSimple{0%{opacity:1}to{opacity:0;height:0;overflow:hidden}}}.status-selector__dropdown{min-width:200px;padding:var(--space-xs)}.status-selector__option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.status-selector__option:hover{background-color:var(--color-surface-quaternary)}.status-selector__option--remove{color:var(--color-status-warning-default)}.status-selector__option--remove:hover{background-color:var(--color-status-warning-bg)}.status-selector__option-content{flex:1}.status-selector__option-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);line-height:var(--line-height-tight)}.status-selector__option-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight);margin-top:var(--space-xs)}.status-selector__option--remove .status-selector__option-label{color:var(--color-status-warning-default)}.status-selector__divider{height:1px;background-color:var(--color-border-secondary);margin:var(--space-xs) 0}.learning-journey{padding:0;max-width:100%;margin:0}.learning-journey-block{margin-bottom:var(--space-2xl)}.learning-journey-block-header{margin-bottom:var(--space-lg);text-align:center}.learning-journey-block-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin-bottom:var(--space-xs)}.learning-journey-block-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary)}.learning-journey-step{position:relative;margin-bottom:var(--space-lg)}.learning-journey-step:last-child{margin-bottom:0}.learning-step-card{position:relative;border-radius:var(--radius-xl);background:var(--color-surface-default);overflow:hidden;transition:all var(--transition-base);min-height:180px;cursor:pointer;display:flex;flex-direction:column}.learning-step-card--completed{background:var(--color-surface-secondary)}.learning-step-card--selected{border:2px dashed var(--color-primary-default)}.learning-step-card--focused{border:2px solid var(--color-border-primary)}.learning-step-card--default{border:2px solid var(--color-border-secondary)}.learning-step-card--locked{cursor:default}.learning-step-card:hover:not(.learning-step-card--locked):not(.learning-step-card--selected){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.learning-step-card--selected:hover{transform:none}.learning-step-card--selected svg{stroke-dasharray:none!important}.learning-step-card-status{position:absolute;top:calc(var(--space-xs) + var(--space-sm));left:calc(var(--space-xs) + var(--space-sm));z-index:2}.learning-step-card-bookmark{position:absolute;top:calc(var(--space-xs) + var(--space-sm));right:calc(var(--space-xs) + var(--space-sm));z-index:2}.learning-step-card-main{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-xl);min-height:110px}.learning-step-card-icon{flex-shrink:0}.learning-step-card-content{flex:1;min-width:120px}.learning-step-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin-bottom:var(--space-2xs)}.learning-step-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.learning-step-card-progress{display:flex;align-items:center;gap:var(--space-sm)}.learning-step-card-progress-bar{flex:1;height:var(--space-xs);background:var(--color-surface-quaternary);border-radius:var(--radius-full);overflow:hidden}.learning-step-card-progress-fill{height:100%;background:var(--color-primary-default);border-radius:var(--radius-full);transition:width var(--transition-base)}.learning-step-card-progress-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.learning-step-expanded-content{overflow:hidden;transition:all var(--transition-base)}.learning-step-expanded-content--collapsed{max-height:0;opacity:0}.learning-step-expanded-content--expanded{max-height:1000px;opacity:1}.learning-step-expanded-inner{padding:0 var(--space-xl) var(--space-2xl)}.learning-step-benefits{margin-bottom:var(--space-md)}.learning-step-benefits-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin-bottom:var(--space-sm)}.learning-step-benefits-list{margin:0;padding-left:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.learning-step-benefits-list li{margin-bottom:var(--space-2xs)}.learning-step-achievement{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-icon-achievement-background);border-radius:var(--radius-lg);border:1px solid var(--color-icon-achievement);margin-top:var(--space-md);transition:opacity var(--transition-base)}.learning-step-achievement--locked{opacity:.4}.learning-step-achievement--unlocked{opacity:1}.learning-step-achievement-icon{width:var(--space-xl);height:var(--space-xl);border-radius:50%;background:var(--color-icon-achievement);display:flex;align-items:center;justify-content:center;flex-shrink:0}.learning-step-achievement-content{flex:1}.learning-step-achievement-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin-bottom:var(--space-xxs)}.learning-step-achievement-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.learning-step-chevron{position:absolute;bottom:var(--space-xs);left:var(--space-md);right:var(--space-md);z-index:2;display:flex;justify-content:center}.learning-step-chevron-button{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--space-sm);position:relative;transition:opacity var(--transition-fast);width:100%}.learning-step-chevron-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-surface-elevated);color:var(--color-text-default);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;box-shadow:var(--shadow-md);margin-bottom:-10px;z-index:10;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.learning-step-actions{display:flex;justify-content:space-between;align-items:center}.learning-step-bookmark{cursor:pointer;transition:transform var(--transition-fast)}.learning-step-bookmark:hover{transform:scale(1.1)}.time-range-selector{display:flex;flex-direction:column;gap:var(--space-sm);outline:none;padding:var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d}.time-range-selector:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.time-range-selector__header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.time-range-selector__icon{width:16px;height:16px;color:#fff;flex-shrink:0}.time-range-selector__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;text-transform:uppercase;letter-spacing:.5px}.time-range-selector__controls{display:flex;align-items:center;gap:var(--space-sm);outline:none}.time-range-selector__nav{all:unset;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);color:#fff;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.time-range-selector__nav:hover:not(:disabled){background:var(--color-surface-quaternary);border-color:var(--color-border-primary);color:#fff;transform:scale(var(--micro-scale-hover))}.time-range-selector__nav:active:not(:disabled){transform:scale(var(--micro-scale-press))}.time-range-selector__nav:disabled{opacity:var(--opacity-semantic-emphasis-low);cursor:not-allowed;background:var(--color-surface-secondary)}.time-range-selector__nav svg{width:16px;height:16px}.time-range-selector__options{display:flex;align-items:center;background:var(--color-bg-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:4px;gap:2px;flex:1;box-shadow:inset 0 1px 2px #0000000d}.time-range-selector__option{all:unset;display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;cursor:pointer;transition:all .2s var(--motion-spring-gentle);flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;text-align:center}.time-range-selector__option:hover:not(.time-range-selector__option--active){color:#fff;background:var(--color-surface-secondary);border-radius:var(--radius-md)}.time-range-selector__option--active{background:var(--color-primary-default);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);box-shadow:0 1px 3px #0000001a,0 1px 2px rgba(var(--color-primary-rgb),.3)}.time-range-selector__option--active:hover{background:var(--color-primary-hover)}@media (max-width: 768px){.is-mobile .time-range-selector{gap:var(--space-sm);width:100%}.is-mobile .time-range-selector__nav{width:28px;height:28px}.is-mobile .time-range-selector__nav svg{width:14px;height:14px}.is-mobile .time-range-selector__option{padding:var(--space-xs) var(--space-md);min-width:36px;font-size:var(--font-size-xs)}.is-mobile .time-range-selector__options{padding:3px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sortable-item{transition:all var(--transition-standard) var(--motion-spring-gentle);cursor:grab}.sortable-item:active{cursor:grabbing}.sortable-item--dragging{cursor:grabbing!important;transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);z-index:9999;opacity:var(--opacity-semantic-emphasis-high)}.sortable-drop-indicator{background:var(--color-primary-default);border-radius:var(--radius-pill);transition:all var(--transition-fast) var(--motion-spring-gentle);opacity:.8}.sortable-drop-indicator--horizontal{width:3px;height:80%;margin:0 var(--space-xs)}.sortable-drop-indicator--vertical{height:2px;width:80%;margin:var(--space-xs) 0}.sortable-ghost{opacity:0;visibility:hidden;transform:none!important;box-shadow:none!important}.sortable-container--active{background:linear-gradient(135deg,transparent 0%,var(--color-primary-bg) 2%,transparent 4%)}.sortable-item:not(.sortable-item--dragging){animation:sortableReorder var(--transition-standard) var(--motion-spring-gentle)}@keyframes sortableReorder{0%{transform:scale(.98)}50%{transform:scale(1.01)}to{transform:scale(1)}}.sortable-item:focus-visible{outline:var(--border-width-thick) solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.sortable-item,.sortable-drop-indicator,.sortable-ghost{transition:none;animation:none}.sortable-item--dragging{transform:scale(1.02)}}: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-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-border: var(--color-neutral-850)}}.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);gap:12px}.cube-net-row{display:contents}.cube-face{display:grid;grid-template-rows:repeat(3,1fr);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);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);gap:max(3px,.3vw)}.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:#0000}to{background:#00000026}}@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-unified-header{position:fixed;top:0;left:0;right:0;z-index:500;height:48px;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);padding-top:calc(env(safe-area-inset-top) + var(--space-lg))}.mobile-unified-header__profile{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:var(--border-width-thin) solid var(--color-border-primary);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast);flex-shrink:0;overflow:visible;padding:0}.mobile-unified-header__profile:hover{transform:scale(1.05)}.mobile-unified-header__profile:active{transform:scale(.95)}.mobile-unified-header__profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.mobile-unified-header__level{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.mobile-unified-header__level-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:none;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.mobile-unified-header__progress-container{width:50px;flex-shrink:0}.mobile-unified-header__progress-container .progress-bar__track{height:10px!important;border-radius:3px!important;overflow:hidden!important}.mobile-unified-header__progress-container .progress-bar__fill{border-radius:3px!important}.mobile-unified-header__menu{display:flex;align-items:center;justify-content:center;width:48px;height:48px;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);flex-shrink:0;color:var(--color-text-secondary)}.mobile-unified-header__menu:hover{background:var(--color-surface-secondary);color:var(--color-text-default)}.mobile-unified-header__menu:active{transform:scale(.95);background:var(--color-surface-tertiary)}.mobile-unified-header__menu .icon{width:24px;height:24px}.mobile-session-bar{display:flex;align-items:center;gap:var(--space-sm);margin:0 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!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;user-select:none;-webkit-tap-highlight-color:rgba(var(--color-primary-500-rgb),.1);touch-action:manipulation}.mobile-session-icon:hover{background:var(--color-surface-secondary);border-color:var(--color-border-default);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!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;user-select:none;-webkit-tap-highlight-color:rgba(var(--color-primary-500-rgb),.1);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-default)!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-grey)}.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-grey)}.mobile-tab-content-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;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}.mobile-widgets-container{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}.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;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;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{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-md);flex-shrink:0;padding:var(--space-md) var(--space-lg)}.mobile-trends-content-container{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;flex: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{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-md);flex-shrink:0;padding:var(--space-md) var(--space-lg)}.mobile-distribution-content-container{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:visible;display:flex;flex-direction:column;flex: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;top:0;right:0;bottom:0;left:0;background:#00000040;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;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{animation:content-fade-in .2s cubic-bezier(.2,0,0,1) 50ms both}.mobile-unified-card__content .stat-row,.is-mobile .mobile-unified-card__content .stat-row,.mobile-unified-card__content .animated-solve-item{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-container,.mobile-unified-card__content--chart .infographic-chart--trend,.mobile-unified-card__content--chart .infographic-chart--distribution{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__title,.mobile-unified-card__content .empty-state__description{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;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{width:100%!important;max-width:140px!important;aspect-ratio:1!important;height:auto!important;padding:var(--space-md)!important;gap:var(--space-xs)!important;box-sizing:border-box!important}.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{opacity:1!important;transform:none!important}.mobile-widgets-grid .timer-widget:hover,.mobile-widgets-grid .timer-widget:active,.mobile-widgets-grid .timer-widget:focus{transform:none!important;opacity:1!important}.mobile-widgets-grid .timer-widget__actions,.mobile-widgets-grid .timer-widget__action-btn,.mobile-widgets-grid .timer-widget__switch-overlay,.mobile-widgets-grid .timer-widget__drag-handle,.mobile-widgets-grid .timer-widget .widget-edit-button{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 path,.mobile-chart-btn-overlay svg *{stroke:currentColor}.mobile-chart-wrapper{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.mobile-chart-container-full{flex: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;transition:background-color var(--transition-fast)}.mobile-chart-container-full::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-default)}.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:#0000001a;-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-default);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))}.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-md) + env(safe-area-inset-bottom));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:translate(-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:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-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));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}.mobile-persistent-tab-bar,.mobile-session-header,.mobile-session-bar,.mobile-session-icon,.mobile-session-tab-full,.mobile-session-list-button,.mobile-bottom-session-tab,.mobile-tab-bar,.mobile-tab-button,.session-tab,.modal-overlay,[role=dialog],.ReactModal__Overlay{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;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-times-content-container .animated-solve-list .animated-solve-item:first-child,.is-mobile .mobile-session-content-container .stat-row: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;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));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{margin-top:calc(52px + var(--space-md) + 60px);padding-bottom:calc(var(--space-lg) + 60px);height:calc(100% - 52px - var(--space-md) - 60px - 60px)}.is-mobile.adaptive-layout-floating #main-content{margin-top:calc(52px + var(--space-md) + 60px);height:calc(100% - 52px - var(--space-md) - 60px)}.mobile-session-header,.mobile-persistent-tabs{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))}.mobile-persistent-tabs{padding:var(--space-xs) var(--space-md);padding-bottom:calc(var(--space-xs) + env(safe-area-inset-bottom))}.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-md) + env(safe-area-inset-bottom));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)}}.pr-effect-container{position:absolute;top:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:100;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pr-effect-pulse{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);border:3px solid var(--color-icon-gold);border-radius:50%;will-change:width,height,opacity,border-width;animation:goldenPulse 1.5s var(--motion-ease-out-expo) forwards}.pr-effect-star{position:absolute;top:30%;left:50%;transform:translate(-50%);width:40px;height:40px;will-change:transform,opacity;animation:starAppear 1.5s var(--motion-spring-bouncy) forwards}.pr-effect-star .icon{width:100%;height:100%;filter:drop-shadow(0 0 10px var(--color-icon-gold))}@keyframes goldenPulse{0%{width:150px;height:150px;opacity:var(--opacity-semantic-emphasis-high);border-width:3px}to{width:300px;height:300px;opacity:0;border-width:1px}}@keyframes starAppear{0%{transform:translate(-50%) scale(0) rotate(0);opacity:0}50%{transform:translate(-50%) scale(1.2) rotate(180deg);opacity:1}to{transform:translate(-50%) scale(1) rotate(360deg);opacity:0}}.timer-pr-glow #timer-display:not([style*=color]){animation:prGlow 1.5s var(--motion-ease-out-expo) forwards}@keyframes prGlow{0%,to{color:var(--color-text-default);text-shadow:none}50%{color:var(--color-icon-gold);text-shadow:0 0 20px var(--color-icon-gold-secondary)}}.timer-page,#timer-display,#scramble-display,#timer-touch-area,.solve-list,.noselect,.solve-row,.solve-time{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.solve-details__scramble,.modal__content input,.modal__content textarea,.input__field{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.main-layout{display:flex;align-items:stretch;height:100vh;height:100svh;width:100vw;overflow:hidden;background:var(--color-bg-default)}#main-content{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:0}#main-content:before{content:"";flex:.618;display:block}#main-content:after{content:"";flex:1.618;display:block}#bottom-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:720px}#top-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:720px;gap:var(--space-lg);transition:all .4s var(--motion-spring-gentle);padding:var(--space-md) 0}.mobile-touch-area,.mobile-touch-dot{display:none}@media (max-width: 768px){.is-mobile #timer-page{width:100%;height:100%;padding:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;overflow:visible}.is-mobile #main-content{flex:1 1 0;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;width:100%;min-width:0;padding:0 var(--space-lg) var(--space-lg)}.is-mobile .mobile-session-bar{flex-shrink:0;flex-grow:0;width:100%;order:-1}.is-mobile #top-section{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:600px;align-self:center;position:relative;gap:var(--space-sm)}.is-mobile #top-section:before{content:"";flex:.05;display:block}.is-mobile #top-section:after{content:"";flex:1;display:block}.is-mobile .mobile-touch-area{display:flex!important}.is-mobile .mobile-touch-dot{position:fixed;width:60px;height:60px;border-radius:50%;pointer-events:none;z-index:1000;transition:background-color .2s ease;box-shadow:var(--shadow-md)}.is-mobile .mobile-touch-dot.holding{background-color:var(--color-warning-default, #f59e0b)}.is-mobile .mobile-touch-dot.ready{background-color:var(--color-success-default, #10b981)}.is-mobile #main-content:before,.is-mobile #main-content:after{display:none}.is-mobile #bottom-section{padding:var(--space-md)}}#scramble-display{font-family:var(--font-family-mono);font-size:1.9rem;text-align:center;-webkit-user-select:none;user-select:none;margin:0;line-height:1.5;font-weight:var(--font-weight-medium);transition:none;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-wrap:balance;animation:scrambleEnter .4s cubic-bezier(.16,1,.3,1)}@keyframes scrambleEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#scramble-display::-webkit-scrollbar{display:none}.scramble-display--clickable{cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast);border-radius:var(--radius-md)}#scramble-display.scramble-display--clickable:hover{opacity:var(--opacity-semantic-emphasis-high);transform:scale(1.01) translateZ(0)}#scramble-display.scramble-display--clickable:active{transform:scale(.99) translateZ(0)}.scramble-actions{display:none}.scramble-visualization-modal{display:flex;flex-direction:column;gap:var(--space-xl)}.scramble-header{border-bottom:var(--border-width-thin) solid var(--color-border-secondary);padding-bottom:var(--space-md)}.scramble-text-with-copy{display:flex;align-items:flex-start;gap:var(--space-md)}.scramble-text{font-family:var(--font-family-mono);font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-default);margin:0;word-break:break-word;flex:1}.scramble-visualization-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.scramble-visualization-shortcut{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0;padding-top:var(--space-lg)}.scramble-visualization-shortcut strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}#timer-wrapper{font-family:var(--font-family-mono);position:relative;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;width:100%;cursor:pointer;transition:transform var(--transition-fast);overflow:visible;animation:timerEnter .5s cubic-bezier(.16,1,.3,1)}@keyframes timerEnter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}#timer-wrapper:not(.timer-running):not(.timer-inspecting):hover{transform:scale(var(--micro-scale-hover))}body:has(.select__dropdown--timer-page) #timer-wrapper{pointer-events:none!important}.dropdown-open #timer-wrapper{pointer-events:none!important}#timer-wrapper:not(.timer-running):not(.timer-inspecting):active{transform:scale(var(--micro-scale-press))}#timer-wrapper.timer-running,#timer-wrapper.timer-inspecting{cursor:default}@media (max-width: 768px){.is-mobile #timer-wrapper{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}}#timer-display-wrapper{position:relative}#timer-display{font-size:5.5rem;font-weight:var(--font-weight-bold, 700);font-family:var(--font-family-mono);transition:transform .3s var(--motion-spring-gentle);text-align:center;transform:translateZ(0);display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;min-height:120px;max-height:120px;position:relative;overflow:visible}#timer-display:not([style*=color]){color:var(--color-text-default, #6672f4)}#timer-wrapper:not(.timer-running):not(.timer-inspecting):hover #timer-display{opacity:var(--opacity-semantic-emphasis-high)}.timer-display-container{display:flex;justify-content:center;align-items:center;margin:0;max-width:650px;overflow:visible}.timer-display-time{display:block;width:100%;text-align:center}.timer-centiseconds{font-size:.8em}.timer-instruction-area{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:100%;pointer-events:none}.timer-instruction{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-regular);opacity:var(--opacity-semantic-emphasis-medium);text-align:center;margin:0;white-space:nowrap}.timer-instruction-progress{margin-top:var(--space-xs);width:100%;max-width:300px}.timer-instruction-progress-container{width:100%;height:4px;background:var(--color-surface-tertiary);border-radius:var(--radius-pill);overflow:hidden}.timer-instruction-progress-bar{height:100%;background:var(--color-orange-500);transition:width 50ms linear;border-radius:var(--radius-pill)}.timer-instruction-progress-bar.ready{background:var(--color-status-success-default)}#timer-display{width:clamp(280px,360px,100%);white-space:nowrap;text-align:center}#scramble-display{width:clamp(200px,550px,100%);text-align:center;word-wrap:break-word;overflow-wrap:break-word}.timer-label{min-width:80px;text-align:center;white-space:nowrap}.averages-display{min-width:200px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.average-item{min-width:80px;white-space:nowrap;flex-shrink:0}@media (max-width: 768px){.is-mobile #timer-display{width:clamp(200px,90vw,100%)!important;max-width:100%!important;height:140px;font-size:clamp(4.5rem,16vw,8rem)!important;overflow:visible}.is-mobile .timer-display-container{width:fit-content;max-width:100%;overflow:visible;align-self:center}.is-mobile #timer-wrapper{width:fit-content;max-width:100%;overflow:visible;min-height:140px;align-self:center}.is-mobile #scramble-display{font-size:var(--font-size-xxl);margin-bottom:var(--space-lg);width:100%;max-width:100%}.is-mobile .averages-display{min-width:0;flex-direction:column;gap:var(--space-xs)}.is-mobile .average-item,.is-mobile .timer-label{min-width:60px}}@media (max-width: 768px){.is-mobile #scramble-display{font-size:var(--font-size-xxl);margin-bottom:var(--space-lg)}.is-mobile #timer-wrapper{min-height:44px;padding:var(--space-sm);-webkit-tap-highlight-color:rgba(var(--color-primary-500-rgb),.1);touch-action:manipulation}.is-mobile #timer-wrapper:active{transform:scale(.98);transition:transform .1s ease-out}.is-mobile .timer-instruction{font-size:var(--font-size-md);padding:var(--space-xs) var(--space-sm);margin-top:var(--space-xs)}.is-mobile .timer-instruction-progress-container{min-height:6px}.is-mobile .timer-instruction-progress-bar{height:6px}}@media (max-width: 480px){.is-mobile #scramble-display{font-size:var(--font-size-xxl);width:100%;margin-bottom:var(--space-md)}.is-mobile #timer-display{width:clamp(200px,260px,100%);height:90px;font-size:3.5rem}.is-mobile .timer-instruction{font-size:var(--font-size-sm)}}@media (max-width: 320px){.is-mobile #timer-display{width:clamp(140px,100%,100%);height:80px;font-size:2.8rem}.is-mobile #scramble-display{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}}@media (orientation: landscape) and (max-height: 500px){.is-mobile #scramble-display{margin-bottom:var(--space-sm);font-size:var(--font-size-xxl)}.is-mobile #timer-display{width:clamp(180px,240px,100%);height:80px;font-size:3rem}.is-mobile .timer-instruction{font-size:var(--font-size-xs)}}#session-bar-container{position:relative;padding:0;margin:0;overflow:visible;width:100%;height:60px;animation:sessionBarEnter .4s cubic-bezier(.16,1,.3,1)}@keyframes sessionBarEnter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.time-range-indicator{display:flex;justify-content:center;align-items:center;height:24px;margin-top:var(--space-md)}.time-range-indicator__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;text-align:center;opacity:.9}.time-range-indicator__text .select{margin-left:var(--space-md);display:inline-block}.time-range-indicator__container{position:relative;display:inline-block}.time-range-indicator .select__dropdown--portal,.time-range-indicator .select__dropdown--timer-page{background-color:var(--color-surface-default)!important}.time-range-indicator .select__trigger{background:var(--color-surface-secondary)!important;border:var(--border-width-thin) solid var(--color-border-secondary)!important;border-radius:var(--radius-md)!important;color:var(--color-text-default)!important;position:relative!important;z-index:1000!important}body:has(.time-range-indicator .select__dropdown--portal) #timer-wrapper{pointer-events:none!important;opacity:.5!important;transition:opacity .2s ease!important}.time-range-dropdown-open #timer-wrapper{pointer-events:none!important;opacity:.5!important;transition:opacity .2s ease!important}#session-bar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background:transparent;margin:0 auto;overflow:visible;gap:var(--space-md)}.session-tabs-centered{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex:1;overflow:visible}.session-tabs-divider{width:1px;height:32px;background:var(--color-border-primary);margin:0 var(--space-xs);flex-shrink:0}#session-bar .timeframe-toggle{flex-shrink:0}@media (min-width: 769px){.timeframe-toggle{border-radius:var(--radius-lg)!important}.timeframe-toggle>div:first-of-type{border-radius:var(--radius-md)!important}}.session-time-toggle.session-tab.session-tab--time-filter{min-width:80px!important;max-width:80px!important;width:80px!important;flex-basis:80px!important;flex-shrink:0!important;flex-grow:0!important;height:56px;aspect-ratio:unset;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:var(--space-xs)!important;cursor:pointer;transition:all .2s var(--motion-spring-gentle);flex-shrink:0;flex-grow:0;background:var(--color-surface-secondary);color:var(--color-text-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:none}.session-time-toggle-content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.session-time-toggle-background{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--color-primary-subtle);border-radius:calc(var(--radius-lg) - 3px);transition:transform .2s var(--motion-spring-gentle);z-index:0}.session-time-toggle[data-selected="1D"] .session-time-toggle-background{transform:translate(calc(100% + 3px))}.session-time-toggle-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:50%;height:100%;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);line-height:1;text-align:center;transition:all .2s var(--motion-spring-gentle)}.session-time-toggle-option.selected{font-weight:var(--font-weight-bold);color:var(--color-text-default)}.session-time-toggle.session-tab.session-tab--time-filter:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:translateY(-2px)}.session-time-toggle.session-tab.session-tab--time-filter:hover .session-time-toggle-background{background:var(--color-primary-default);opacity:.2}.session-time-toggle.session-tab.session-tab--time-filter:hover .session-time-toggle-option:not(.selected){color:var(--color-text-default)}.session-time-toggle.session-tab.session-tab--time-filter:active{transform:scale(.95)!important}.session-time-toggle.session-tab.session-tab--time-filter:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.session-time-toggle.session-tab.session-tab--time-filter[data-selected="1D"]{border-color:var(--color-primary-default);box-shadow:none}.session-bar__left-actions,.session-bar__right-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;opacity:1;visibility:visible;transform:translate(0);min-width:0}.session-bar__left-actions .mobile-only{opacity:.3;transition:all var(--transition-fast)}.session-bar__left-actions .mobile-only:hover{opacity:1}#session-bar .mobile-only{margin:0}.session-tab.session-tab--widgets .session-widgets-icon{width:18px;height:18px;color:var(--color-text-secondary)}.session-tab.session-tab--widgets.session-tab--filter-active .session-widgets-icon{color:var(--color-text-default)!important}.session-tab.session-tab--widgets.session-tab--filter-active{background:var(--color-surface-secondary);border-color:var(--color-border-primary);box-shadow:none}.session-tab.session-tab--widgets.session-tab--filter-active:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:translateY(-2px);cursor:pointer}.session-tab.session-tab--graphs .session-graphs-icon{width:18px;height:18px;color:var(--color-text-secondary)}.session-tab.session-tab--graphs.session-tab--filter-active .session-graphs-icon{color:var(--color-text-default)!important}.session-tab.session-tab--graphs.session-tab--filter-active{background:var(--color-surface-secondary);border-color:var(--color-border-primary);box-shadow:none}.session-tab.session-tab--graphs.session-tab--filter-active:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:translateY(-2px);cursor:pointer}.session-tab.session-tab--filter{min-width:60px;max-width:60px;width:60px;position:relative;border-radius:var(--radius-lg);transition:all .2s var(--motion-spring-gentle);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;flex-shrink:0;flex-grow:0;pointer-events:auto;cursor:pointer;background:var(--color-surface-secondary);color:var(--color-text-default);border:var(--border-width-thin) solid var(--color-border-primary);box-shadow:none}.session-tab.session-tab--filter:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:translateY(-2px);cursor:pointer}.session-tab.session-tab--filter:active{transform:scale(.95)!important}.session-tab.session-tab--filter:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.session-tab.session-tab--filter .session-tab-content{padding:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.session-filter-icon{width:18px;height:18px;color:var(--color-text-secondary)}.session-tab.session-tab--filter.session-tab--filter-active .session-filter-icon{color:var(--color-text-default)!important}.session-tab.session-tab--filter.session-tab--filter-active{background:var(--color-surface-secondary);border-color:var(--color-border-primary);box-shadow:none}.session-tab.session-tab--filter.session-tab--filter-active:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);transform:translateY(-2px);cursor:pointer}.session-tab.session-tab--filter .badge{top:8px;right:8px;min-width:14px;height:14px;font-size:9px;padding:0 3px;border-radius:7px}.session-tab.session-tab--filter .badge.badge--primary{color:var(--color-icon-on-action)!important}.session-bar__left-actions:has(.session-tab--filter-active){opacity:1!important}.session-tabs{display:flex;align-items:center;gap:var(--space-sm);min-width:0;justify-content:center;flex:1 1 auto;max-width:100%;overflow:visible;transition:max-width var(--transition-base) var(--motion-spring-gentle);container-type:inline-size;container-name:session-tabs}.session-tab-content .icon{width:20px;height:20px;flex-shrink:0}.session-tab[data-color-theme=default] .session-icon,.session-row[data-color-theme=default] .session-icon,[data-color-theme=default] .session-icon{--color-icon-blue: var(--color-icon-grey);--color-icon-blue-secondary: var(--color-icon-grey-secondary);--color-icon-orange: var(--color-icon-grey);--color-icon-orange-secondary: var(--color-icon-grey-secondary);--color-icon-red: var(--color-icon-grey);--color-icon-red-secondary: var(--color-icon-grey-secondary);--color-icon-green: var(--color-icon-grey);--color-icon-green-secondary: var(--color-icon-grey-secondary);--color-icon-purple: var(--color-icon-grey);--color-icon-purple-secondary: var(--color-icon-grey-secondary);--color-icon-yellow: var(--color-icon-grey);--color-icon-yellow-secondary: var(--color-icon-grey-secondary);--color-icon-teal: var(--color-icon-grey);--color-icon-teal-secondary: var(--color-icon-grey-secondary);--color-icon-brown: var(--color-icon-grey);--color-icon-brown-secondary: var(--color-icon-grey-secondary);--color-icon-gold: var(--color-icon-grey);--color-icon-gold-secondary: var(--color-icon-grey-secondary);--color-icon-neutral: var(--color-icon-grey);--color-icon-neutral-secondary: var(--color-icon-grey-secondary)}.session-tab[data-color-theme=blue] .session-icon,.session-row[data-color-theme=blue] .session-icon,[data-color-theme=blue] .session-icon{--color-icon-grey: var(--color-icon-blue);--color-icon-grey-secondary: var(--color-icon-blue-secondary);--color-icon-orange: var(--color-icon-blue);--color-icon-orange-secondary: var(--color-icon-blue-secondary);--color-icon-red: var(--color-icon-blue);--color-icon-red-secondary: var(--color-icon-blue-secondary);--color-icon-green: var(--color-icon-blue);--color-icon-green-secondary: var(--color-icon-blue-secondary);--color-icon-purple: var(--color-icon-blue);--color-icon-purple-secondary: var(--color-icon-blue-secondary);--color-icon-yellow: var(--color-icon-blue);--color-icon-yellow-secondary: var(--color-icon-blue-secondary);--color-icon-teal: var(--color-icon-blue);--color-icon-teal-secondary: var(--color-icon-blue-secondary);--color-icon-brown: var(--color-icon-blue);--color-icon-brown-secondary: var(--color-icon-blue-secondary);--color-icon-gold: var(--color-icon-blue);--color-icon-gold-secondary: var(--color-icon-blue-secondary);--color-icon-neutral: var(--color-icon-blue);--color-icon-neutral-secondary: var(--color-icon-blue-secondary)}.session-tab[data-color-theme=green] .session-icon,.session-row[data-color-theme=green] .session-icon,[data-color-theme=green] .session-icon{--color-icon-grey: var(--color-icon-green);--color-icon-grey-secondary: var(--color-icon-green-secondary);--color-icon-blue: var(--color-icon-green);--color-icon-blue-secondary: var(--color-icon-green-secondary);--color-icon-orange: var(--color-icon-green);--color-icon-orange-secondary: var(--color-icon-green-secondary);--color-icon-red: var(--color-icon-green);--color-icon-red-secondary: var(--color-icon-green-secondary);--color-icon-purple: var(--color-icon-green);--color-icon-purple-secondary: var(--color-icon-green-secondary);--color-icon-yellow: var(--color-icon-green);--color-icon-yellow-secondary: var(--color-icon-green-secondary);--color-icon-teal: var(--color-icon-green);--color-icon-teal-secondary: var(--color-icon-green-secondary);--color-icon-brown: var(--color-icon-green);--color-icon-brown-secondary: var(--color-icon-green-secondary);--color-icon-gold: var(--color-icon-green);--color-icon-gold-secondary: var(--color-icon-green-secondary);--color-icon-neutral: var(--color-icon-green);--color-icon-neutral-secondary: var(--color-icon-green-secondary)}.session-tab[data-color-theme=purple] .session-icon,.session-row[data-color-theme=purple] .session-icon,[data-color-theme=purple] .session-icon{--color-icon-grey: var(--color-icon-purple);--color-icon-grey-secondary: var(--color-icon-purple-secondary);--color-icon-blue: var(--color-icon-purple);--color-icon-blue-secondary: var(--color-icon-purple-secondary);--color-icon-orange: var(--color-icon-purple);--color-icon-orange-secondary: var(--color-icon-purple-secondary);--color-icon-red: var(--color-icon-purple);--color-icon-red-secondary: var(--color-icon-purple-secondary);--color-icon-green: var(--color-icon-purple);--color-icon-green-secondary: var(--color-icon-purple-secondary);--color-icon-yellow: var(--color-icon-purple);--color-icon-yellow-secondary: var(--color-icon-purple-secondary);--color-icon-teal: var(--color-icon-purple);--color-icon-teal-secondary: var(--color-icon-purple-secondary);--color-icon-brown: var(--color-icon-purple);--color-icon-brown-secondary: var(--color-icon-purple-secondary);--color-icon-gold: var(--color-icon-purple);--color-icon-gold-secondary: var(--color-icon-purple-secondary);--color-icon-neutral: var(--color-icon-purple);--color-icon-neutral-secondary: var(--color-icon-purple-secondary)}.session-tab[data-color-theme=orange] .session-icon,.session-row[data-color-theme=orange] .session-icon,[data-color-theme=orange] .session-icon{--color-icon-grey: var(--color-icon-orange);--color-icon-grey-secondary: var(--color-icon-orange-secondary);--color-icon-blue: var(--color-icon-orange);--color-icon-blue-secondary: var(--color-icon-orange-secondary);--color-icon-red: var(--color-icon-orange);--color-icon-red-secondary: var(--color-icon-orange-secondary);--color-icon-green: var(--color-icon-orange);--color-icon-green-secondary: var(--color-icon-orange-secondary);--color-icon-purple: var(--color-icon-orange);--color-icon-purple-secondary: var(--color-icon-orange-secondary);--color-icon-yellow: var(--color-icon-orange);--color-icon-yellow-secondary: var(--color-icon-orange-secondary);--color-icon-teal: var(--color-icon-orange);--color-icon-teal-secondary: var(--color-icon-orange-secondary);--color-icon-brown: var(--color-icon-orange);--color-icon-brown-secondary: var(--color-icon-orange-secondary);--color-icon-gold: var(--color-icon-orange);--color-icon-gold-secondary: var(--color-icon-orange-secondary);--color-icon-neutral: var(--color-icon-orange);--color-icon-neutral-secondary: var(--color-icon-orange-secondary)}.session-tab[data-color-theme=red] .session-icon,.session-row[data-color-theme=red] .session-icon,[data-color-theme=red] .session-icon{--color-icon-grey: var(--color-icon-red);--color-icon-grey-secondary: var(--color-icon-red-secondary);--color-icon-blue: var(--color-icon-red);--color-icon-blue-secondary: var(--color-icon-red-secondary);--color-icon-orange: var(--color-icon-red);--color-icon-orange-secondary: var(--color-icon-red-secondary);--color-icon-green: var(--color-icon-red);--color-icon-green-secondary: var(--color-icon-red-secondary);--color-icon-purple: var(--color-icon-red);--color-icon-purple-secondary: var(--color-icon-red-secondary);--color-icon-yellow: var(--color-icon-red);--color-icon-yellow-secondary: var(--color-icon-red-secondary);--color-icon-teal: var(--color-icon-red);--color-icon-teal-secondary: var(--color-icon-red-secondary);--color-icon-brown: var(--color-icon-red);--color-icon-brown-secondary: var(--color-icon-red-secondary);--color-icon-gold: var(--color-icon-red);--color-icon-gold-secondary: var(--color-icon-red-secondary);--color-icon-neutral: var(--color-icon-red);--color-icon-neutral-secondary: var(--color-icon-red-secondary)}.session-tab[data-color-theme=yellow] .session-icon,.session-row[data-color-theme=yellow] .session-icon,[data-color-theme=yellow] .session-icon{--color-icon-grey: var(--color-icon-yellow);--color-icon-grey-secondary: var(--color-icon-yellow-secondary);--color-icon-blue: var(--color-icon-yellow);--color-icon-blue-secondary: var(--color-icon-yellow-secondary);--color-icon-orange: var(--color-icon-yellow);--color-icon-orange-secondary: var(--color-icon-yellow-secondary);--color-icon-red: var(--color-icon-yellow);--color-icon-red-secondary: var(--color-icon-yellow-secondary);--color-icon-green: var(--color-icon-yellow);--color-icon-green-secondary: var(--color-icon-yellow-secondary);--color-icon-purple: var(--color-icon-yellow);--color-icon-purple-secondary: var(--color-icon-yellow-secondary);--color-icon-teal: var(--color-icon-yellow);--color-icon-teal-secondary: var(--color-icon-yellow-secondary);--color-icon-brown: var(--color-icon-yellow);--color-icon-brown-secondary: var(--color-icon-yellow-secondary);--color-icon-gold: var(--color-icon-yellow);--color-icon-gold-secondary: var(--color-icon-yellow-secondary);--color-icon-neutral: var(--color-icon-yellow);--color-icon-neutral-secondary: var(--color-icon-yellow-secondary)}.session-tab[data-color-theme=teal] .session-icon,.session-row[data-color-theme=teal] .session-icon,[data-color-theme=teal] .session-icon{--color-icon-grey: var(--color-icon-teal);--color-icon-grey-secondary: var(--color-icon-teal-secondary);--color-icon-blue: var(--color-icon-teal);--color-icon-blue-secondary: var(--color-icon-teal-secondary);--color-icon-orange: var(--color-icon-teal);--color-icon-orange-secondary: var(--color-icon-teal-secondary);--color-icon-red: var(--color-icon-teal);--color-icon-red-secondary: var(--color-icon-teal-secondary);--color-icon-green: var(--color-icon-teal);--color-icon-green-secondary: var(--color-icon-teal-secondary);--color-icon-purple: var(--color-icon-teal);--color-icon-purple-secondary: var(--color-icon-teal-secondary);--color-icon-yellow: var(--color-icon-teal);--color-icon-yellow-secondary: var(--color-icon-teal-secondary);--color-icon-brown: var(--color-icon-teal);--color-icon-brown-secondary: var(--color-icon-teal-secondary);--color-icon-gold: var(--color-icon-teal);--color-icon-gold-secondary: var(--color-icon-teal-secondary);--color-icon-neutral: var(--color-icon-teal);--color-icon-neutral-secondary: var(--color-icon-teal-secondary)}.session-tab[data-color-theme=gray] .session-icon,.session-row[data-color-theme=gray] .session-icon,[data-color-theme=gray] .session-icon{--color-icon-blue: var(--color-icon-grey);--color-icon-blue-secondary: var(--color-icon-grey-secondary);--color-icon-orange: var(--color-icon-grey);--color-icon-orange-secondary: var(--color-icon-grey-secondary);--color-icon-red: var(--color-icon-grey);--color-icon-red-secondary: var(--color-icon-grey-secondary);--color-icon-green: var(--color-icon-grey);--color-icon-green-secondary: var(--color-icon-grey-secondary);--color-icon-purple: var(--color-icon-grey);--color-icon-purple-secondary: var(--color-icon-grey-secondary);--color-icon-yellow: var(--color-icon-grey);--color-icon-yellow-secondary: var(--color-icon-grey-secondary);--color-icon-teal: var(--color-icon-grey);--color-icon-teal-secondary: var(--color-icon-grey-secondary);--color-icon-brown: var(--color-icon-grey);--color-icon-brown-secondary: var(--color-icon-grey-secondary);--color-icon-gold: var(--color-icon-grey);--color-icon-gold-secondary: var(--color-icon-grey-secondary);--color-icon-neutral: var(--color-icon-grey);--color-icon-neutral-secondary: var(--color-icon-grey-secondary)}.session-tab{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:80px;flex:1 1 120px;max-width:240px;background:var(--color-surface-secondary);color:var(--color-text-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-xs);height:56px;overflow:hidden;cursor:grab;transition:all .25s var(--motion-spring-gentle);box-sizing:border-box;box-shadow:none;transform:translateZ(0)}.session-tab.active{cursor:pointer}.session-tab:active{cursor:grabbing}.session-tab.active:active{cursor:pointer}.session-tab.dragging{cursor:grabbing!important}.session-tab.dragging{opacity:0;visibility:hidden;transform:none!important;box-shadow:none!important}[data-dnd-kit-drag-overlay] .session-tab,.session-tab.dragging-overlay{opacity:1!important;visibility:visible!important;transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover)) translateZ(0)!important;box-shadow:var(--shadow-md)!important;z-index:1000;transition:all .2s var(--motion-spring-gentle);cursor:grabbing!important;flex:none!important}[data-dnd-kit-drag-overlay] .session-tab.active,.session-tab.active.dragging-overlay{min-width:280px!important;max-width:280px!important;width:280px!important;justify-content:space-between!important}[data-dnd-kit-drag-overlay] .session-tab:not(.active),.session-tab:not(.active).dragging-overlay{min-width:60px!important;max-width:60px!important;width:60px!important}.session-tab-content{display:flex;align-items:center;gap:var(--space-sm);min-width:0;width:0;flex:1;justify-content:flex-start}.session-tab .icon{width:20px;height:20px;color:var(--color-text-secondary);flex-shrink:0}.session-tab .label{flex:1 1 0;min-width:0;width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:-.01em}.session-tab.active{background:var(--color-surface-secondary);flex:1 1 140px;max-width:264px;min-width:80px}.session-tab.active.square-mode{min-width:60px;max-width:60px;width:60px;flex:0 0 60px;padding:var(--space-md);justify-content:center;transition:all .2s var(--motion-spring-gentle)}.session-tab.active.square-mode .session-tab-content{flex-direction:column;align-items:center;justify-content:center;gap:0}.session-tab.active.square-mode .session-settings-icon{display:none;width:24px;height:24px}.session-tab.active.square-mode.hover-allowed:hover .session-icon{display:none}.session-tab.active.square-mode.hover-allowed:hover .session-settings-icon{display:block}.session-tab.active .label{font-weight:var(--font-weight-bold)}.session-tab:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.session-tab.active:hover{background:var(--color-surface-tertiary);transform:translateY(-2px);cursor:pointer}.session-tab:not(.active):hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:translateY(-2px);cursor:pointer}.session-tab .session-settings-btn{position:relative;padding:4px;margin-left:var(--space-xs);background:transparent;border:none;cursor:pointer;opacity:0;pointer-events:none;transition:all .2s var(--motion-spring-gentle);display:flex;align-items:center;justify-content:center;z-index:2}.session-tab.active:hover .session-settings-btn.visible{opacity:1;transform:scale(var(--micro-scale-hover));pointer-events:none}.session-tab .session-settings-btn .icon{width:16px;height:16px}@media (max-width: 700px){.is-mobile .session-tab{min-width:120px;max-width:200px;height:52px;padding:var(--space-sm) var(--space-md)}.is-mobile .session-tab .label{font-size:var(--font-size-sm)}.is-mobile .session-tab-content .icon{width:18px;height:18px}.is-mobile .session-bar__left-actions,.is-mobile .session-bar__right-actions{opacity:1;visibility:visible;transform:translate(0)}}.session-bar__right-actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}#session-bar{display:flex;align-items:center;gap:var(--space-lg)}.session-tabs-centered{display:flex;align-items:center;gap:var(--space-sm)}.session-tab.session-tab--list{min-width:60px;max-width:60px;width:60px;position:relative;border-radius:var(--radius-lg);transition:all .2s var(--motion-spring-gentle);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;flex-shrink:0;flex-grow:0;pointer-events:auto;cursor:pointer}.session-tab.session-tab--list:hover{transform:translateY(-1px);cursor:pointer}.session-tab.session-tab--list:active{transform:scale(.95)!important}.session-tab.session-tab--list.session-tab--filter-active .session-list-icon{color:var(--color-text-default)}.session-tab.session-tab--list.session-tab--filter-active{background:var(--color-surface-secondary);border-color:var(--color-border-primary);box-shadow:none}.session-tab.session-tab--list.session-tab--filter-active:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);transform:translateY(-2px)}.session-tab.session-tab--list .session-tab-content{padding:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.session-list-icon{width:18px;height:18px;color:var(--color-text-secondary)}.session-tab.session-tab--list .badge{top:8px;right:8px;min-width:14px;height:14px;font-size:9px;padding:0 3px;border-radius:7px}.session-tab.session-tab--list .badge.badge--primary{color:var(--color-icon-on-action)!important}@media (max-width: 768px){.is-mobile .session-tabs{flex:1;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.is-mobile .session-tabs::-webkit-scrollbar{display:none}}.session-stats{display:flex;flex-direction:column}.stat-row{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--layout-panel-padding-h);border-bottom:none;position:relative;transition:all var(--transition-fast)}.session-stats--compact .stat-row{height:40px}@media (max-width: 768px){.is-mobile .stat-row{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}}.stat-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:var(--space-md);right:var(--space-md);height:1px;background-color:var(--color-border-primary);opacity:var(--opacity-50)}.stat-row.clickable{cursor:pointer;transition:all var(--transition-fast)}.stat-row.clickable:active{transition:all .1s var(--motion-spring-snappy)}.stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.5px}.stat-label-muted{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);opacity:.8;text-align:center}.stat-row.unavailable-averages{min-height:36px;height:auto;border-bottom:none;padding:var(--space-xs) var(--layout-panel-padding-h);justify-content:center}.stat-single-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);font-family:var(--font-family-mono);transition:all var(--transition-fast)}.penalty-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);transition:all var(--transition-fast)}.penalty-breakdown{font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:.8;transition:all var(--transition-fast);margin-left:var(--space-xs)}.stat-dual-value .current.clickable{cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-sm))}.stat-dual-value .current.clickable:hover{background:color-mix(in srgb,var(--color-surface-secondary) 50%,transparent)}.stat-dual-value .current.clickable:active{transition:all .1s var(--motion-spring-snappy)}.stat-dual-value .best.clickable{cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-sm))}.stat-dual-value .best.clickable:hover{background:color-mix(in srgb,var(--color-surface-secondary) 50%,transparent)}.stat-dual-value .best.clickable:active{transition:all .1s var(--motion-spring-snappy)}.stat-dual-value .current.is-best,.stat-dual-value .best.is-best{color:var(--color-icon-gold);position:relative;transition:none}.stat-single-value.clickable{cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-sm))}.stat-single-value.clickable:hover{background:color-mix(in srgb,var(--color-surface-secondary) 50%,transparent)}.stat-single-value.clickable:active{transition:all .1s var(--motion-spring-snappy)}.stat-dual-value{display:flex;align-items:center;gap:var(--space-xl);font-family:var(--font-family-mono)}.stat-dual-value .current{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);transition:all var(--transition-fast);width:36px;text-align:right}.stat-dual-value .best{font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:.8;transition:all var(--transition-fast);width:36px;text-align:right}.solve-actions{display:flex;align-items:center;gap:var(--space-sm)}.solve-action{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s var(--motion-spring-gentle)}.solve-action:hover{border-color:var(--color-border-primary);background-color:var(--color-surface-tertiary);color:var(--color-text-default);transform:scale(var(--micro-scale-hover))}.solve-action:active{transform:scale(var(--micro-scale-press));transition:all .1s var(--motion-spring-snappy)}.solve-action__icon{width:14px;height:14px}.solve-action--danger{color:var(--color-status-error-default);border-color:var(--color-status-error-default)}.solve-action--danger:hover{background-color:var(--color-status-error-bg);border-color:var(--color-status-error-default)}.solve-action--success{color:var(--color-status-success-default);border-color:var(--color-status-success-default)}.solve-action--success:hover{background-color:var(--color-status-success-bg);border-color:var(--color-status-success-default)}#session-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.session-row .icon{width:1em;height:1em}.session-name{flex:1;font-weight:var(--font-weight-medium);color:var(--color-text-default);padding-left:var(--space-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row .secondary-button{margin-left:var(--space-md);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.drag-handle{cursor:grab;margin-right:var(--space-sm);display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}[data-color-theme=blue] .select__value-icon,[data-color-theme=blue] .select__option-icon{--color-icon-grey: var(--color-icon-blue);--color-icon-grey-secondary: var(--color-icon-blue-secondary);--color-icon-orange: var(--color-icon-blue);--color-icon-orange-secondary: var(--color-icon-blue-secondary);--color-icon-red: var(--color-icon-blue);--color-icon-red-secondary: var(--color-icon-blue-secondary);--color-icon-green: var(--color-icon-blue);--color-icon-green-secondary: var(--color-icon-blue-secondary);--color-icon-purple: var(--color-icon-blue);--color-icon-purple-secondary: var(--color-icon-blue-secondary);--color-icon-yellow: var(--color-icon-blue);--color-icon-yellow-secondary: var(--color-icon-blue-secondary);--color-icon-teal: var(--color-icon-blue);--color-icon-teal-secondary: var(--color-icon-blue-secondary);--color-icon-gold: var(--color-icon-blue);--color-icon-gold-secondary: var(--color-icon-blue-secondary)}[data-color-theme=green] .select__value-icon,[data-color-theme=green] .select__option-icon{--color-icon-grey: var(--color-icon-green);--color-icon-grey-secondary: var(--color-icon-green-secondary);--color-icon-orange: var(--color-icon-green);--color-icon-orange-secondary: var(--color-icon-green-secondary);--color-icon-red: var(--color-icon-green);--color-icon-red-secondary: var(--color-icon-green-secondary);--color-icon-blue: var(--color-icon-green);--color-icon-blue-secondary: var(--color-icon-green-secondary);--color-icon-purple: var(--color-icon-green);--color-icon-purple-secondary: var(--color-icon-green-secondary);--color-icon-yellow: var(--color-icon-green);--color-icon-yellow-secondary: var(--color-icon-green-secondary);--color-icon-teal: var(--color-icon-green);--color-icon-teal-secondary: var(--color-icon-green-secondary);--color-icon-gold: var(--color-icon-green);--color-icon-gold-secondary: var(--color-icon-green-secondary)}[data-color-theme=purple] .select__value-icon,[data-color-theme=purple] .select__option-icon{--color-icon-grey: var(--color-icon-purple);--color-icon-grey-secondary: var(--color-icon-purple-secondary);--color-icon-orange: var(--color-icon-purple);--color-icon-orange-secondary: var(--color-icon-purple-secondary);--color-icon-red: var(--color-icon-purple);--color-icon-red-secondary: var(--color-icon-purple-secondary);--color-icon-green: var(--color-icon-purple);--color-icon-green-secondary: var(--color-icon-purple-secondary);--color-icon-blue: var(--color-icon-purple);--color-icon-blue-secondary: var(--color-icon-purple-secondary);--color-icon-yellow: var(--color-icon-purple);--color-icon-yellow-secondary: var(--color-icon-purple-secondary);--color-icon-teal: var(--color-icon-purple);--color-icon-teal-secondary: var(--color-icon-purple-secondary);--color-icon-gold: var(--color-icon-purple);--color-icon-gold-secondary: var(--color-icon-purple-secondary)}[data-color-theme=orange] .select__value-icon,[data-color-theme=orange] .select__option-icon{--color-icon-grey: var(--color-icon-orange);--color-icon-grey-secondary: var(--color-icon-orange-secondary);--color-icon-blue: var(--color-icon-orange);--color-icon-blue-secondary: var(--color-icon-orange-secondary);--color-icon-red: var(--color-icon-orange);--color-icon-red-secondary: var(--color-icon-orange-secondary);--color-icon-green: var(--color-icon-orange);--color-icon-green-secondary: var(--color-icon-orange-secondary);--color-icon-purple: var(--color-icon-orange);--color-icon-purple-secondary: var(--color-icon-orange-secondary);--color-icon-yellow: var(--color-icon-orange);--color-icon-yellow-secondary: var(--color-icon-orange-secondary);--color-icon-teal: var(--color-icon-orange);--color-icon-teal-secondary: var(--color-icon-orange-secondary);--color-icon-gold: var(--color-icon-orange);--color-icon-gold-secondary: var(--color-icon-orange-secondary)}[data-color-theme=red] .select__value-icon,[data-color-theme=red] .select__option-icon{--color-icon-grey: var(--color-icon-red);--color-icon-grey-secondary: var(--color-icon-red-secondary);--color-icon-orange: var(--color-icon-red);--color-icon-orange-secondary: var(--color-icon-red-secondary);--color-icon-blue: var(--color-icon-red);--color-icon-blue-secondary: var(--color-icon-red-secondary);--color-icon-green: var(--color-icon-red);--color-icon-green-secondary: var(--color-icon-red-secondary);--color-icon-purple: var(--color-icon-red);--color-icon-purple-secondary: var(--color-icon-red-secondary);--color-icon-yellow: var(--color-icon-red);--color-icon-yellow-secondary: var(--color-icon-red-secondary);--color-icon-teal: var(--color-icon-red);--color-icon-teal-secondary: var(--color-icon-red-secondary);--color-icon-gold: var(--color-icon-red);--color-icon-gold-secondary: var(--color-icon-red-secondary)}[data-color-theme=yellow] .select__value-icon,[data-color-theme=yellow] .select__option-icon{--color-icon-grey: var(--color-icon-yellow);--color-icon-grey-secondary: var(--color-icon-yellow-secondary);--color-icon-orange: var(--color-icon-yellow);--color-icon-orange-secondary: var(--color-icon-yellow-secondary);--color-icon-red: var(--color-icon-yellow);--color-icon-red-secondary: var(--color-icon-yellow-secondary);--color-icon-green: var(--color-icon-yellow);--color-icon-green-secondary: var(--color-icon-yellow-secondary);--color-icon-purple: var(--color-icon-yellow);--color-icon-purple-secondary: var(--color-icon-yellow-secondary);--color-icon-teal: var(--color-icon-yellow);--color-icon-teal-secondary: var(--color-icon-yellow-secondary);--color-icon-gold: var(--color-icon-yellow);--color-icon-gold-secondary: var(--color-icon-yellow-secondary)}[data-color-theme=teal] .select__value-icon,[data-color-theme=teal] .select__option-icon{--color-icon-grey: var(--color-icon-teal);--color-icon-grey-secondary: var(--color-icon-teal-secondary);--color-icon-orange: var(--color-icon-teal);--color-icon-orange-secondary: var(--color-icon-teal-secondary);--color-icon-red: var(--color-icon-teal);--color-icon-red-secondary: var(--color-icon-teal-secondary);--color-icon-green: var(--color-icon-teal);--color-icon-green-secondary: var(--color-icon-teal-secondary);--color-icon-purple: var(--color-icon-teal);--color-icon-purple-secondary: var(--color-icon-teal-secondary);--color-icon-yellow: var(--color-icon-teal);--color-icon-yellow-secondary: var(--color-icon-teal-secondary);--color-icon-blue: var(--color-icon-teal);--color-icon-blue-secondary: var(--color-icon-teal-secondary);--color-icon-gold: var(--color-icon-teal);--color-icon-gold-secondary: var(--color-icon-teal-secondary)}[data-color-theme=gray] .select__value-icon,[data-color-theme=gray] .select__option-icon,[data-color-theme=default] .select__value-icon,[data-color-theme=default] .select__option-icon{--color-icon-blue: var(--color-icon-grey);--color-icon-blue-secondary: var(--color-icon-grey-secondary);--color-icon-orange: var(--color-icon-grey);--color-icon-orange-secondary: var(--color-icon-grey-secondary);--color-icon-red: var(--color-icon-grey);--color-icon-red-secondary: var(--color-icon-grey-secondary);--color-icon-green: var(--color-icon-grey);--color-icon-green-secondary: var(--color-icon-grey-secondary);--color-icon-purple: var(--color-icon-grey);--color-icon-purple-secondary: var(--color-icon-grey-secondary);--color-icon-yellow: var(--color-icon-grey);--color-icon-yellow-secondary: var(--color-icon-grey-secondary);--color-icon-teal: var(--color-icon-grey);--color-icon-teal-secondary: var(--color-icon-grey-secondary);--color-icon-gold: var(--color-icon-grey);--color-icon-gold-secondary: var(--color-icon-grey-secondary)}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:8px;padding:8px}.icon-picker-btn{all:unset;background:transparent;border:1px solid transparent;padding:6px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-picker-btn:hover{background:var(--color-surface-tertiary);transform:scale(var(--micro-scale-hover))}.icon-picker-btn.selected{border-color:var(--color-primary-default)}.icon-picker-btn .icon{width:20px;height:20px}.setting-value{font-weight:700;color:var(--color-primary-default);margin-right:4px}.selector-vertical{display:flex;flex-direction:column;gap:2px;justify-content:center}.selector-vertical .up,.selector-vertical .down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;cursor:pointer}.selector-vertical .up{border-bottom:5px solid var(--color-icon-neutral)}.selector-vertical .down{border-top:5px solid var(--color-icon-neutral)}.session-list-modal{display:flex;flex-direction:column;height:500px}.session-list-modal__header{margin-bottom:var(--space-lg)}.session-list-modal__controls{display:flex;align-items:center;gap:var(--space-md)}.session-list-modal__controls .search-bar-wrapper{flex:1;min-width:0}.session-list-modal__controls .btn{flex-shrink:0}.session-list-modal .session-list{flex:1;overflow-y:auto;min-height:0}.session-list-container,.session-list{display:flex;flex-direction:column;gap:0}.session-container{margin-bottom:var(--space-lg)}.session-container__header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);min-height:20px;justify-content:flex-start}.session-container__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;line-height:1.2;height:20px;display:flex;align-items:center;flex-shrink:0}.session-container__header .icon-button{display:flex;align-items:center;justify-content:center;margin:0;padding:var(--space-xxs);flex-shrink:0;width:20px;height:20px}.session-container__content{border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-surface-secondary)}.session-container:last-child{margin-bottom:0}.session-rows{display:flex;flex-direction:column}.session-no-results{padding:var(--space-lg) var(--space-md);text-align:center}.session-no-results__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.session-no-results__icon{width:24px;height:24px;color:var(--color-text-tertiary);opacity:.6}.session-no-results__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.session-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:transparent;border:none;border-bottom:var(--border-width-thin) solid var(--color-border-primary);transition:all .2s var(--motion-spring-gentle);border-radius:0}@media (min-width: 769px){.session-row{padding:var(--space-sm) var(--space-md)}}.session-row:last-child{border-bottom:none}.session-row--active{background:var(--color-surface-secondary)}.session-row:hover:not(.session-row--active){background:var(--color-surface-tertiary)}.session-row--active:hover{background:var(--color-surface-secondary)}.drag-handle{all:unset;cursor:grab;padding:var(--space-xxs) var(--space-xs);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.drag-handle:active{cursor:grabbing}.drag-handle:hover{color:var(--color-text-secondary)}.session-info{flex:1;display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) 0}.session-icon{width:20px;height:20px;color:var(--color-text-secondary)}.session-name-container{display:flex;align-items:center;gap:var(--space-xs)}.session-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-default)}.session-row--active .session-name{font-weight:var(--font-weight-bold);color:var(--color-text-default)}.session-row--active .drag-handle{color:var(--color-text-tertiary)}.session-row .drag-handle,.session-row .drag-handle *{color:var(--color-text-tertiary)!important;fill:var(--color-text-tertiary)!important;stroke:var(--color-text-tertiary)!important}.session-row .icon-button{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pin-button,.pin-button-active,.pin-button-disabled{display:flex;align-items:center;justify-content:center;flex-shrink:0}.pin-button{opacity:.6;transition:opacity .2s var(--motion-spring-gentle)}.pin-button:hover,.pin-button-active{opacity:1}.pin-button-active .icon-button{color:var(--color-icon-red)}.pin-button-active .icon-button .icon,.pin-button-active .icon-button .icon *{fill:var(--color-icon-red)}.pin-button-disabled{cursor:not-allowed}.pin-button-disabled:hover{opacity:1}.pin-button-disabled .icon-button{cursor:not-allowed;color:var(--color-text-tertiary)!important}.pin-button-disabled svg{color:var(--color-text-tertiary)!important}.session-list-container{display:flex;flex-direction:column;gap:var(--space-lg)}.session-section{display:flex;flex-direction:column;gap:var(--space-sm)}.session-section-header{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-sm)}.session-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px}.session-tab:not(.active):not(.mobile-session-stats-left):not(.mobile-session-stats-right){min-width:60px!important;max-width:60px!important;width:60px!important;flex:0 0 60px!important;padding:var(--space-md);justify-content:center}.session-tab:not(.active):not(.mobile-session-stats-left):not(.mobile-session-stats-right) .session-tab-content{flex-direction:column;align-items:center;justify-content:center;gap:0}.session-tab:not(.active) .icon{width:24px;height:24px}.session-tab.active .session-tab-content .icon{width:24px;height:24px}.session-help-button .icon-button,.session-help-button .icon-button .icon{color:var(--color-primary-default)}@media (min-width: 768px){.mobile-only{display:none!important}}.session-tab--disabled{opacity:.4!important;cursor:not-allowed!important;pointer-events:none!important}.session-tab--disabled:hover{transform:none!important;background:var(--color-surface-secondary)!important;border-color:var(--color-border-primary)!important}.session-tab--disabled .icon{opacity:.3!important}.session-bar{overflow-x:visible;overflow-y:hidden;white-space:nowrap}.session-tab__icon{flex-shrink:0}.session-tab__name{min-width:40px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.is-mobile .session-bar{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.is-mobile .session-bar::-webkit-scrollbar{display:none}.is-mobile .session-tab{min-width:60px}}.session-tab[data-color-theme=default]{--session-theme-color: var(--color-primary-default)}.session-tab[data-color-theme=blue]{--session-theme-color: var(--color-icon-blue)}.session-tab[data-color-theme=green]{--session-theme-color: var(--color-icon-green)}.session-tab[data-color-theme=purple]{--session-theme-color: var(--color-icon-purple)}.session-tab[data-color-theme=orange]{--session-theme-color: var(--color-icon-orange)}.session-tab[data-color-theme=red]{--session-theme-color: var(--color-icon-red)}.session-tab[data-color-theme=yellow]{--session-theme-color: var(--color-icon-yellow)}.session-tab[data-color-theme=teal]{--session-theme-color: var(--color-icon-teal)}.session-tab[data-color-theme=gray]{--session-theme-color: var(--color-icon-grey)}.session-tab.active{border-color:var(--session-theme-color, var(--color-primary-default));box-shadow:none}.mobile-bottom-session-tab-container{display:none}.is-mobile .mobile-bottom-session-tab-container{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:9999;justify-content:center;align-items:center;padding:var(--space-lg) var(--space-lg);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));background:transparent;pointer-events:none;gap:var(--space-md);overflow:visible!important}.is-mobile .mobile-bottom-session-tab{min-width:150px;max-width:200px;width:auto!important;height:60px;cursor:pointer;transition:all var(--transition-fast);transform:none!important;pointer-events:auto}.is-mobile .mobile-bottom-session-tab:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f,0 3px 6px #00000014}.is-mobile .mobile-bottom-session-tab:active{transform:translateY(0);box-shadow:0 2px 4px #00000014}.is-mobile .mobile-bottom-session-tab .session-tab-content{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:var(--space-sm)!important;width:100%;flex:1}.is-mobile .mobile-bottom-session-tab .session-icon{width:24px;height:24px;flex-shrink:0}.is-mobile .mobile-bottom-session-tab-container .session-tab--widgets.mobile-stats-button{position:relative;display:flex!important;align-items:center;justify-content:center;width:60px!important;height:60px;min-width:60px!important;max-width:60px!important;flex:0 0 60px!important;background:var(--color-surface-secondary);color:var(--color-text-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);padding:0!important;cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;box-shadow:0 1px 2px #0000000a;transform:translateZ(0);pointer-events:auto;opacity:1!important;visibility:visible!important}.is-mobile .mobile-bottom-session-tab-container .session-tab--widgets.mobile-stats-button:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a}.is-mobile .mobile-bottom-session-tab-container .session-tab--widgets.mobile-stats-button:active{transform:translateY(0);background:var(--color-surface-tertiary)}.is-mobile .mobile-bottom-session-tab-container .session-tab--widgets.mobile-stats-button .session-tab-content{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.is-mobile .mobile-bottom-session-tab-container .session-tab--widgets .session-widgets-icon{width:24px!important;height:24px!important;color:var(--color-text-secondary)!important;display:block!important;visibility:visible!important;opacity:1!important}.is-mobile .mobile-bottom-session-tab-container .icon{display:block!important;visibility:visible!important;opacity:1!important}.is-mobile .mobile-bottom-session-tab-container .icon svg{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important}.is-mobile .mobile-bottom-session-tab-container .session-stats-icon,.is-mobile .mobile-bottom-session-tab-container .session-info-icon{display:inline-block!important;visibility:visible!important;opacity:1!important;width:20px!important;height:20px!important}.is-mobile .mobile-bottom-session-tab-container .session-tab,.is-mobile .mobile-bottom-session-tab-container .session-tab-content{display:flex!important;visibility:visible!important;opacity:1!important}.session-stats-icon,.session-info-icon{width:18px;height:18px;color:var(--color-text-secondary)}.mobile-bottom-session-tab-container .label,.mobile-bottom-session-tab .label{display:inline-block!important;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1!important;visibility:visible!important}.session-row,.session-row .drag-handle,.session-container,.session-rows{touch-action:auto!important;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width: 768px){.session-row{touch-action:auto!important;padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);gap:var(--space-xxs);-webkit-tap-highlight-color:rgba(0,0,0,.1)}.session-row .drag-handle{min-width:44px;min-height:44px;touch-action:auto!important;padding:0;display:flex;align-items:center;justify-content:center}.session-row .session-info{gap:var(--space-xs)}}.inspection-settings{display:flex;flex-direction:column;gap:var(--space-md)}.inspection-settings__tip{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.inspection-settings__tip-icon{flex-shrink:0}.timer-widgets-bar{display:flex;justify-content:center;margin-top:0;width:100%;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{display:flex;justify-content:center;align-items:center;flex:1;position:relative;container-type:inline-size;container-name:widgets-bar}.timer-widgets-bar__container{display:flex;flex-wrap:nowrap;gap:var(--space-md);justify-content:center;align-items:center;overflow:visible;padding:var(--space-xs) 0;position:relative;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;width:40px;height:40px;display:flex;align-items:center;justify-content:center;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%)}.timer-widgets-bar__add-button{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-pill)}.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:grab;transition:all var(--transition-fast);transform:translateZ(0)}.timer-widgets-bar__item:active{cursor:grabbing}.timer-widgets-bar__item:active .timer-widget{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:grabbing!important;z-index:1000;transition:all .2s var(--motion-spring-gentle)}[data-dnd-kit-drag-overlay] .timer-widgets-bar__item,.timer-widgets-bar__item.dragging-overlay{opacity:1!important;visibility:visible!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__left,.timer-widgets-grid__center,.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;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-standard) var(--motion-spring-gentle);cursor:pointer;overflow:hidden}.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-wider);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-primary);text-align:center;line-height:var(--line-height-none);margin:0;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-compact);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-xxs)}.timer-widget--add{background:transparent;border:2px dashed var(--color-border-tertiary);box-shadow:none!important;opacity:.3}.timer-widget--add:hover{opacity:1;border-color:var(--color-border-primary);background:transparent;box-shadow:none!important}.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-primary)!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-standard) 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-standard) var(--motion-spring-gentle)}.timer-widget--empty-slot:hover .timer-widget--empty-slot__icon{color:var(--color-text-primary);opacity:var(--opacity-semantic-emphasis-high);transform:scale(1.05)}.timer-widget--empty-slot__text{font-size:var(--font-size-xxs);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-wider);opacity:.6}.timer-widget__switch-overlay{position:absolute;top:0;right:0;bottom:0;left: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: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: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:hover .widget-picker__option-icon,.widget-picker__option-wrapper:hover .widget-picker__option-label,.widget-picker__option-wrapper--selected .widget-picker__option-icon,.widget-picker__option-wrapper--selected .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 cubic-bezier(.25,.1,.25,1)}.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 cubic-bezier(.25,.1,.25,1),transform .15s cubic-bezier(.25,.1,.25,1),padding .18s cubic-bezier(.25,.1,.25,1);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__label,.timer-widget:has(.cube-face--widget) .timer-widget__extra{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-xxl)}}.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;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);border-radius:var(--radius-sm);background:var(--color-surface-tertiary);color:var(--color-text-default);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);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;cursor:not-allowed}.infographic-zoom-btn.active{background:var(--color-primary-default);color:var(--color-text-inverse);border-color:var(--color-primary-default)}.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;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;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){color:var(--color-text-default);background:var(--color-surface-secondary);border-radius:var(--radius-xl)}.chart-toggle-btn.active{background:var(--color-surface-tertiary);color:var(--color-text-default);border-radius:var(--radius-xl);font-weight:var(--font-weight-bold)}.infographic-container.chart-inactive,.infographic-container.chart-active{display:flex}@media (min-width: 1001px){.chart-toggle-container{opacity:0;transform:translateY(20px)}.performance-infographics--dual-charts .infographic-container.chart-inactive,.performance-infographics--dual-charts .infographic-container.chart-active{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-pill);transition:background var(--transition-fast)}.infographic-chart--trend:hover::-webkit-scrollbar-thumb,.infographic-chart--trend:active::-webkit-scrollbar-thumb{background:var(--color-border-secondary)}.infographic-chart--trend:hover::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.infographic-chart--trend:hover,.infographic-chart--trend:focus{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;background:var(--color-disabled-bg);color:var(--color-disabled-default);border-color:var(--color-border-tertiary)}.infographic-zoom-btn:disabled:hover{transform:none;background:var(--color-disabled-bg);border-color:var(--color-border-tertiary)}.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;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;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;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;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-overlay)}.timer-inspecting #timer-display:not([style*=color]){color:var(--color-orange-500)}.timer-running #timer-display:not([style*=color]){color:var(--color-text-default)}.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-orange-500);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-orange-500)}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)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(var(--micro-scale-hover));opacity:var(--opacity-semantic-emphasis-high)}}.timer-pb #timer-display:not([style*=color]){animation:pulse 1.5s var(--motion-spring-gentle) infinite;color:var(--color-icon-gold)}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:var(--opacity-semantic-emphasis-medium)}}.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)}.app-shell{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);grid-template-areas:"nav content";height:100vh;width:100vw;overflow:hidden;background:var(--color-bg-default);transition:grid-template-columns .2s ease}.app-shell:has(.navigation-menu-btn){--nav-width: 60px;grid-template-columns:var(--nav-width) minmax(0,1fr)}.navigation-menu-btn{position:fixed;top:var(--space-lg);left:var(--space-md);z-index:1000}.app-shell.bg-diagonal{background:repeating-linear-gradient(45deg,transparent,transparent 16px,color-mix(in srgb,var(--color-border-primary) 30%,transparent) 16px,color-mix(in srgb,var(--color-border-primary) 30%,transparent) 17px),var(--color-bg-default)}.app-shell.bg-grid{background:linear-gradient(color-mix(in srgb,var(--color-border-primary) 30%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-border-primary) 30%,transparent) 1px,transparent 1px),var(--color-bg-default);background-size:16px 16px,16px 16px,100% 100%}.app-shell.bg-synthwave{background:linear-gradient(90deg,rgba(255,20,147,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(0,191,255,.05) 1px,transparent 1px),radial-gradient(ellipse at 40% center,rgba(138,43,226,.03) 0%,transparent 70%),var(--color-bg-default);background-size:16px 16px,16px 16px,100% 100%,100% 100%}.app-shell.bg-neural{background:radial-gradient(circle at 25% 25%,rgba(99,102,241,.04) 2px,transparent 2px),radial-gradient(circle at 75% 25%,rgba(99,102,241,.04) 2px,transparent 2px),radial-gradient(circle at 25% 75%,rgba(99,102,241,.04) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(99,102,241,.04) 2px,transparent 2px),linear-gradient(45deg,rgba(99,102,241,.02) 1px,transparent 1px),linear-gradient(-45deg,rgba(99,102,241,.02) 1px,transparent 1px),var(--color-bg-default);background-size:60px 60px,60px 60px,60px 60px,60px 60px,60px 60px,60px 60px,100% 100%}.app-shell.bg-glass{background:radial-gradient(ellipse 120% 80% at 20% 30%,rgba(120,119,198,.08) 0%,transparent 70%),radial-gradient(ellipse 120% 80% at 80% 70%,rgba(255,119,198,.06) 0%,transparent 70%),radial-gradient(ellipse 100% 60% at 50% 0%,rgba(139,69,19,.04) 0%,transparent 60%),radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px),var(--color-bg-default);background-size:100% 100%,100% 100%,100% 100%,40px 40px,100% 100%}.app-shell.bg-dotted{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--color-border-primary) 60%,transparent) 1px,transparent 0),var(--color-bg-default);background-size:16px 16px}.app-shell.bg-none{background:var(--color-bg-default)}.app-shell__content-area{grid-area:content;display:flex;justify-content:center;align-items:stretch;overflow-x:hidden;overflow-y:auto;padding:var(--space-xl) var(--space-lg) var(--space-xl) 0;box-sizing:border-box;height:100%;min-width:0}.app-shell__main{flex:1 1 auto;min-width:0;max-width:1200px;width:100%;margin:0 auto;background:transparent;display:flex;flex-direction:column}:root{--nav-card-width: 220px;--nav-card-width-collapsed: 64px;--nav-padding: var(--space-md);--nav-padding-collapsed: var(--space-sm);--nav-width: calc(var(--nav-card-width) + var(--nav-padding) * 2);--navigation-width-collapsed: calc(var(--nav-card-width-collapsed) + var(--nav-padding-collapsed) * 2);--navigation-card-padding: var(--space-xs);--navigation-item-height: 44px;--navigation-card-radius: var(--radius-xl);--page-max-width: 1200px;--page-padding: var(--space-xl);--page-sidebar-width: 280px}.navigation{grid-area:nav;width:100%;height:100vh;background:transparent;z-index:1000;display:flex;flex-direction:column;box-sizing:border-box;padding:var(--space-md);overflow:visible}.navigation__card{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;height:100%;overflow:hidden;gap:var(--space-sm);padding:var(--space-sm) 0}.navigation__collapse-btn{display:flex;justify-content:flex-start;padding:var(--space-xs) var(--space-md) 0}.navigation__bottom-section{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);width:100%;padding:0 var(--space-md) var(--space-md);box-sizing:border-box}.navigation__main-items{padding:0 var(--space-md);box-sizing:border-box;position:relative;width:100%}.navigation-item-wrapper{width:100%;display:flex;justify-content:flex-start;position:relative}.is-mobile .navigation{display:none}.is-mobile .app-shell{--nav-width: 0px;grid-template-columns:0 1fr}.nav-popover{min-width:200px;margin-top:-4px}.nav-popover__content{display:flex;flex-direction:column;gap:var(--space-xs)}.nav-popover .navigation__main-items{padding:0!important;margin:0!important}.nav-popover .navigation-item-wrapper{padding:0!important}.nav-popover .navigation__settings{padding:0!important;margin:0!important}.nav-popover .navigation__settings .navigation-item-wrapper{padding:0!important}.nav-popover .navigation__settings .navigation-item{padding-left:var(--space-md)!important}.nav-popover__expand{margin-top:var(--space-sm)}.nav-popover .divider{margin:var(--space-sm) 0}.nav-popover__profile-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm);height:40px;padding:var(--space-xs) var(--space-md);margin:0;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;width:100%;box-shadow:none;min-width:0;text-decoration:none;-webkit-user-select:none;user-select:none;position:relative;font-family:inherit;opacity:.8;transition:none}.nav-popover__profile-item:hover{color:var(--color-text-default);background:transparent;border:none;box-shadow:none;opacity:1}.nav-popover__profile-item--active{color:var(--color-text-default);background:var(--color-surface-secondary);border:none;position:relative;box-shadow:none;border-radius:var(--radius-md);opacity:1}.nav-popover__profile-item--active:hover{color:var(--color-text-default);background:var(--color-surface-secondary);border-radius:var(--radius-md);box-shadow:none;cursor:default;opacity:1}.nav-popover__profile-avatar{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.85}.nav-popover__profile-item--active .nav-popover__profile-avatar{opacity:1}.nav-popover__profile-avatar svg{width:100%;height:100%}.nav-popover__profile-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:inherit}@media (min-width: 1201px){.navigation__profile-info{display:flex}}.app-shell__mobile-content{width:100vw;height:100vh;height:100dvh;padding-top:calc(48px + env(safe-area-inset-top) + var(--space-md) + var(--space-sm));padding-left:0;padding-right:0;padding-bottom:0;margin:0;overflow-x:hidden;overflow-y:auto;flex:1 1 0;display:flex;flex-direction:column;box-sizing:border-box}.page{padding:0 var(--page-padding);height:100%;box-sizing:border-box}.is-mobile .page{padding:0;display:flex;flex-direction:column}.page--full{padding:0;width:100%}.page--centered{max-width:var(--page-max-width);margin:0 auto}.page--with-sidebar{display:flex;gap:var(--space-xl);max-width:calc(720px + var(--page-sidebar-width) + var(--space-xl));margin:0 auto;height:100%}.page__main{flex:1;min-width:0;display:flex;flex-direction:column}.page__sidebar{width:var(--page-sidebar-width);flex-shrink:0;display:flex;flex-direction:column;animation:sidebarReveal .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes sidebarReveal{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.is-mobile .page--with-sidebar{flex-direction:column}.is-mobile .page__sidebar{width:100%}.ds-page{display:flex;height:100vh;width:100vw;background-color:var(--color-bg-default);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--color-border-primary) 80%,transparent) 1px,transparent 0);background-size:20px 20px;background-position:0 0;position:fixed;top:0;left:0;gap:0;padding:var(--space-lg);box-sizing:border-box}.ds-content{flex:1;overflow-y:auto;padding:var(--space-2xl);position:relative}.ds-content>div{max-width:900px;margin:0 auto}.token-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.token-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-default);border-radius:var(--radius-md);border:1px solid var(--color-border-tertiary)}.token-item code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-status-info-default);font-weight:var(--font-weight-medium)}.token-item span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.component-placeholder{text-align:center;padding:var(--space-2xl)}.component-placeholder h1{font-size:var(--font-size-xxl);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.component-placeholder p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.migration-order{font-size:var(--font-size-sm);font-style:italic}.ds-mobile-header,.ds-mobile-backdrop{display:none}@media (max-width: 768px){.ds-page{flex-direction:column;padding:0}.ds-mobile-header{display:flex;position:fixed;top:var(--space-md);right:var(--space-md);z-index:1002}.ds-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-bg-default) 60%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .25s var(--motion-spring-gentle)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ds-content{padding:var(--space-lg);padding-top:calc(var(--space-lg) + 60px)}.token-list{gap:var(--space-xs)}.token-item{flex-direction:column;align-items:flex-start;gap:var(--space-2xs)}}.ds-sidebar{width:260px;flex-shrink:0;border-radius:var(--radius-xl);padding:0;display:flex;flex-direction:column;margin-right:var(--space-lg);align-self:stretch;overflow:hidden}.ds-sidebar__header{padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl);flex-shrink:0;position:relative}.ds-sidebar__header:after{content:"";position:absolute;bottom:0;left:var(--space-lg);right:var(--space-lg);height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border-secondary) 20%,var(--color-border-secondary) 80%,transparent 100%)}.ds-sidebar__title-container{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-xs)}.ds-sidebar__title{font-family:"Ubuntu",var(--font-family-heading),system-ui,sans-serif;font-size:var(--font-size-xl);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--color-text-default);margin:0}.ds-sidebar__version{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.ds-sidebar__status{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-family-mono);display:flex;gap:2px;flex-shrink:0}.ds-sidebar__status .migrated{color:var(--color-status-success-default);font-weight:var(--font-weight-bold)}.ds-sidebar__status .separator,.ds-sidebar__status .total{color:var(--color-text-secondary)}.ds-sidebar__nav{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-height:0;overflow-y:auto;padding:var(--space-lg)}.ds-nav-section{margin-bottom:var(--space-lg)}.ds-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-disabled);margin:0 0 var(--space-md) 0;padding:0 var(--space-md)}.ds-nav-category{margin-bottom:var(--space-xs)}.ds-category-header{width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--transition-fast) var(--motion-spring-snappy);display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-sm);opacity:.6}.ds-category-header:hover{opacity:.8}.ds-category-header.expanded{opacity:1}.ds-category-header.active{opacity:1;font-weight:var(--font-weight-bold)}.ds-category-header__left{display:flex;align-items:center;gap:var(--space-sm)}.ds-category-icon{width:18px;height:18px;flex-shrink:0}.ds-category-name{font-size:var(--font-size-sm);color:var(--color-text-default)}.ds-chevron{font-size:var(--font-size-md);color:var(--color-text-secondary);transition:transform .25s var(--motion-spring-gentle);transform:rotate(0);display:inline-block}.ds-chevron.expanded{transform:rotate(90deg)}.ds-category-items{padding-left:var(--space-md);margin-top:var(--space-xs);display:flex;flex-direction:column;gap:2px;animation:slideDown .25s var(--motion-spring-gentle);transform-origin:top;position:relative}.ds-category-items:before{content:"";position:absolute;left:var(--space-md);top:0;bottom:0;width:1px;background:var(--color-border-secondary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.ds-component-item{padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast) var(--motion-spring-snappy);width:100%;border-radius:var(--radius-sm);opacity:.6}.ds-component-item:hover:not(:disabled){opacity:.8}.ds-component-item.active{color:var(--color-text-default);font-weight:var(--font-weight-bold);opacity:1;position:relative;z-index:10}.ds-component-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:var(--color-primary-default);z-index:100}.ds-component-item:disabled{opacity:var(--opacity-semantic-disabled);cursor:not-allowed}.ds-sidebar__footer{padding:var(--space-lg);flex-shrink:0;position:relative}.ds-sidebar__footer:before{content:"";position:absolute;top:0;left:var(--space-lg);right:var(--space-lg);height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border-secondary) 20%,var(--color-border-secondary) 80%,transparent 100%)}@media (max-width: 768px){.ds-sidebar--mobile{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;border-radius:0!important;z-index:1001!important;background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface-secondary) 80%,transparent),color-mix(in srgb,var(--color-surface-tertiary) 70%,transparent))!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:none!important}.ds-sidebar--mobile:before{display:none!important}.ds-sidebar--mobile:after{display:none!important}.ds-sidebar--mobile .ds-category-header,.ds-sidebar--mobile .ds-component-item{padding:var(--space-md) var(--space-lg)!important;font-size:var(--font-size-md)!important}.ds-sidebar--mobile .ds-category-icon{width:20px!important;height:20px!important}.ds-sidebar--mobile .ds-sidebar__footer{display:flex;justify-content:center;padding:var(--space-xl) var(--space-lg)!important}}.icon{display:inline-block;flex-shrink:0;vertical-align:middle}.icon--xs{width:12px;height:12px}.icon--sm{width:16px;height:16px}.icon--md{width:20px;height:20px}.icon--lg{width:24px;height:24px}.icon--xl{width:32px;height:32px}.icon-error{display:inline-block;font-size:12px;color:var(--color-status-error-default);font-family:var(--font-family-mono)}.icon[role=img]{cursor:default}button .icon,a .icon,[role=button] .icon{pointer-events:none}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner--spinner svg{animation:spin 1s linear infinite}.spinner--small{width:16px;height:16px}.spinner--small svg{width:16px;height:16px}.spinner--medium{width:20px;height:20px}.spinner--medium svg{width:20px;height:20px}.spinner--large{width:24px;height:24px}.spinner--large svg{width:24px;height:24px}.spinner svg,.spinner__dot{color:var(--color-icon-neutral)}.btn--primary .spinner svg,.btn--primary .spinner__dot,.btn--danger .spinner svg,.btn--danger .spinner__dot{color:var(--color-icon-on-action)}.spinner--dots{display:inline-flex;gap:8px;align-items:center;height:24px}.spinner__dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background-color:currentColor;animation:dotBounce 1s cubic-bezier(.4,0,.2,1) infinite}.spinner__dot:nth-child(1){animation-delay:-.32s}.spinner__dot:nth-child(2){animation-delay:-.16s}.spinner__dot:nth-child(3){animation-delay:0s}.spinner--dots.spinner--small{height:16px;gap:5px}.spinner--dots.spinner--small .spinner__dot{width:5px;height:5px}.spinner--dots.spinner--medium{height:20px;gap:6px}.spinner--dots.spinner--medium .spinner__dot{width:6px;height:6px}.spinner--dots.spinner--large{height:24px;gap:7px}.spinner--dots.spinner--large .spinner__dot{width:7px;height:7px}@keyframes dotBounce{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-6px) scale(1.15);opacity:1}}@media (prefers-reduced-motion: reduce){.spinner--spinner svg{animation:pulse 1.5s ease-in-out infinite}.spinner__dot{animation:pulse 1.5s ease-in-out infinite}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:inherit;font-weight:var(--font-weight-medium);text-align:center;text-decoration:none;cursor:pointer;transition:all var(--transition-base) var(--motion-spring-gentle);transform:translateZ(0);box-shadow:none;position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none;border:var(--border-width-thin) solid transparent;backdrop-filter:blur(var(--micro-blur-glass-subtle));-webkit-backdrop-filter:blur(var(--micro-blur-glass-subtle));overflow:hidden}.btn:disabled{opacity:.4!important;cursor:not-allowed;pointer-events:none}.btn--loading:disabled{opacity:1;cursor:wait}.btn:focus-visible{outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:2px;animation:focus-pulse var(--transition-slow) var(--motion-spring-gentle)}@keyframes focus-pulse{0%{outline-offset:0px}50%{outline-offset:3px}to{outline-offset:2px}}.btn--loading{pointer-events:none;position:relative}.btn--loading .spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;height:fit-content}.btn--small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);min-height:32px;border-radius:var(--radius-sm)}.btn--medium{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);min-height:40px;border-radius:var(--radius-md)}.btn--large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-md);min-height:48px;border-radius:var(--radius-lg)}.btn--icon-only{padding:var(--space-sm);aspect-ratio:1}.btn--icon-only.btn--small{padding:var(--space-xs);width:32px;height:32px}.btn--icon-only.btn--medium{padding:var(--space-sm);width:40px;height:40px}.btn--icon-only.btn--large{padding:var(--space-md);width:48px;height:48px}.btn--primary{background:linear-gradient(145deg,var(--color-primary-default) 0%,color-mix(in srgb,var(--color-primary-default) 85%,var(--color-primary-hover)) 100%);color:var(--color-text-on-action);border-color:transparent}.btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,color-mix(in srgb,white 20%,transparent) 0%,transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.4}.btn--primary .icon,.btn--primary .btn__icon{color:var(--color-icon-on-action)!important}.btn--primary .icon path,.btn--primary .btn__icon path{stroke:var(--color-icon-on-action)!important}.btn--primary:hover:not(:disabled){background:linear-gradient(145deg,var(--color-primary-hover) 0%,color-mix(in srgb,var(--color-primary-hover) 85%,var(--color-primary-active)) 100%);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover));box-shadow:none}.btn--primary:hover:not(:disabled):before{opacity:.6}.btn--primary:active:not(:disabled){background-color:var(--color-primary-active);transform:translateY(var(--micro-translate-press)) scale(var(--micro-scale-press));box-shadow:none;transition:all var(--transition-instant) var(--motion-spring-snappy)}.btn--secondary{background:linear-gradient(145deg,var(--color-surface-tertiary) 0%,color-mix(in srgb,var(--color-surface-tertiary) 90%,var(--color-surface-quaternary)) 100%);color:var(--color-text-default);border-color:transparent}.btn--secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-glass-highlight) 15%,transparent) 0%,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.3}.btn--secondary:hover:not(:disabled){background:linear-gradient(145deg,var(--color-surface-quaternary) 0%,color-mix(in srgb,var(--color-surface-quaternary) 95%,var(--color-surface-secondary)) 100%);border-color:transparent;transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover));box-shadow:none}.btn--secondary:hover:not(:disabled):before{opacity:.5}.btn--secondary:active:not(:disabled){background-color:var(--color-surface-tertiary);transform:translateY(var(--micro-translate-press)) scale(var(--micro-scale-press));box-shadow:none;transition:all var(--transition-instant) var(--motion-spring-snappy)}.btn--ghost{background-color:transparent;color:var(--color-text-default);border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.btn--ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-surface-tertiary) 50%,transparent);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover))}.btn--ghost:active:not(:disabled){background-color:color-mix(in srgb,var(--color-surface-tertiary) 30%,transparent);transform:translateY(var(--micro-translate-press)) scale(var(--micro-scale-press));transition:all var(--transition-instant) var(--motion-spring-snappy)}@media (hover: none){.btn--ghost:hover:not(:active){background-color:transparent;transform:none}}.btn--outline{background:color-mix(in srgb,var(--color-surface-secondary) 40%,transparent);color:var(--color-text-default);border:1px solid var(--color-border-tertiary);backdrop-filter:blur(var(--micro-blur-glass-subtle));-webkit-backdrop-filter:blur(var(--micro-blur-glass-subtle))}.btn--outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-glass-highlight) 10%,transparent) 0%,transparent 40%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.3}.btn--outline:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface-secondary) 60%,transparent);border-color:var(--color-border-secondary);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover))}.btn--outline:hover:not(:disabled):before{opacity:.5}.btn--outline:active:not(:disabled){background:color-mix(in srgb,var(--color-surface-tertiary) 50%,transparent);transform:translateY(var(--micro-translate-press)) scale(var(--micro-scale-press));transition:all var(--transition-instant) var(--motion-spring-snappy)}.btn--danger{background-color:transparent;color:var(--color-status-error-default);border:1px solid var(--color-status-error-default)}.btn--danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-status-error-default) 12%,transparent);color:var(--color-status-error-default);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover))}.btn--danger:active:not(:disabled){background-color:color-mix(in srgb,var(--color-status-error-default) 8%,transparent);transform:translateY(var(--micro-translate-press)) scale(var(--micro-scale-press));transition:all var(--transition-instant) var(--motion-spring-snappy)}.btn--danger .icon path,.btn--danger .icon circle,.btn--danger .icon line,.btn--danger .icon rect,.btn--danger .icon polygon{stroke:currentColor}.btn--danger .icon path:not([fill=none]),.btn--danger .icon circle:not([fill=none]),.btn--danger .icon rect:not([fill=none]),.btn--danger .icon polygon:not([fill=none]){fill:var(--color-icon-red-secondary)}.btn--danger:hover .icon path:not([fill=none]),.btn--danger:hover .icon circle:not([fill=none]),.btn--danger:hover .icon rect:not([fill=none]),.btn--danger:hover .icon polygon:not([fill=none]){fill:var(--color-icon-red-secondary)}.btn--danger-ghost{background-color:transparent;color:var(--color-status-error-default);border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.btn--danger-ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-status-error-default) 10%,transparent);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover))}.btn--danger-ghost:active:not(:disabled){background-color:color-mix(in srgb,var(--color-status-error-default) 6%,transparent);transform:translateY(var(--micro-translate-press)) scale(var(--micro-scale-press));transition:all var(--transition-instant) var(--motion-spring-snappy)}.btn--danger-ghost .icon path,.btn--danger-ghost .icon circle,.btn--danger-ghost .icon line,.btn--danger-ghost .icon rect,.btn--danger-ghost .icon polygon{stroke:currentColor}.btn--danger-ghost .icon path:not([fill=none]),.btn--danger-ghost .icon circle:not([fill=none]),.btn--danger-ghost .icon rect:not([fill=none]),.btn--danger-ghost .icon polygon:not([fill=none]){fill:var(--color-icon-red-secondary)}.btn__text{min-width:0}.btn__text--loading{opacity:.2}.btn .icon{color:inherit}.btn--full-width{width:100%}.btn .icon,.btn__icon{width:1.2em;height:1.2em;flex-shrink:0;color:inherit}@media (max-width: 768px){.btn--hide-text-mobile .btn__text{display:none}.btn--hide-text-mobile.btn--small{width:36px;height:36px;min-width:36px;padding:0}.btn--hide-text-mobile.btn--medium{width:44px;height:44px;min-width:44px;padding:0}.btn--hide-text-mobile.btn--large{width:52px;height:52px;min-width:52px;padding:0}.btn--small{min-height:36px;font-size:var(--font-size-sm)}.btn--medium{min-height:44px}.btn--large{min-height:52px}.btn:not(.btn--small){min-height:44px}.btn--icon-only.btn--small{width:36px!important;height:36px!important;min-height:36px!important}.btn--icon-only.btn--medium{width:44px!important;height:44px!important;min-height:44px!important}.btn--icon-only.btn--large{width:52px!important;height:52px!important;min-height:52px!important}}@media (prefers-reduced-motion: reduce){.btn{transition:none;animation:none}.btn:hover:not(:disabled),.btn:active:not(:disabled){transform:none}@keyframes focus-pulse{0%,50%,to{outline-offset:2px}}}.button-group{display:inline-flex;flex-direction:row;align-items:center;gap:var(--space-xs);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md)}.button-group--medium{padding:var(--space-3xs)}.button-group--small{padding:var(--space-4xs)}.button-group--full-width{width:100%}.button-group--full-width>*{flex:1}.button-group .btn:hover:not(:disabled),.button-group .icon-button:hover:not(:disabled),.button-group .toggle-icon-button:hover:not(:disabled){transform:none!important}.button-group .btn:active:not(:disabled),.button-group .icon-button:active:not(:disabled),.button-group .toggle-icon-button:active:not(:disabled){transform:scale(.95)!important}.button-group .btn:disabled,.button-group .icon-button:disabled,.button-group .toggle-icon-button:disabled{opacity:.4!important;cursor:not-allowed}.input-container,.input-container *,.input-wrapper,.input-wrapper *{box-sizing:border-box}.input-container{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;max-width:none}.input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-2xs);padding-left:var(--space-md)}.input__required{color:var(--color-status-error-default);font-weight:var(--font-weight-medium)}.input__description{font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast) var(--motion-spring-snappy);padding:0 var(--space-md);gap:var(--space-sm);width:100%;box-sizing:border-box}.input-wrapper--medium{height:40px}.input-wrapper--small{height:32px;border-radius:var(--radius-md)}.input-wrapper{max-width:300px}.input-wrapper:has(input[type=number]){max-width:140px}.input{all:unset;flex:1;min-width:0;padding:0!important;font-size:var(--font-size-md);font-family:var(--font-family-base);color:var(--color-text-default);background:transparent!important;border:none;outline:none;line-height:var(--line-height-base)}.input-wrapper--small .input{font-size:var(--font-size-sm)}.input::placeholder{color:var(--color-text-tertiary);opacity:.5}.input[type=password]::placeholder{opacity:.35;letter-spacing:.1em}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:var(--color-text-default);transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px var(--color-surface-tertiary)}.input-wrapper:hover:not(.input-wrapper--disabled){background-color:var(--color-surface-quaternary);border-color:var(--color-border-primary);transform:translateY(-1px)}.input-wrapper:active:not(.input-wrapper--disabled){transform:translateY(0)}.input:focus{outline:none}.input-wrapper:has(.input:focus){border-color:transparent;outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:0px}.input-wrapper--disabled{opacity:.5;cursor:not-allowed}.input-wrapper--disabled .input{cursor:not-allowed}.input-wrapper--error{border-color:var(--color-status-error-default)}.input-wrapper--error:has(.input:focus){border-color:transparent;outline-color:var(--color-status-error-default)}.input-wrapper--success{border-color:var(--color-status-success-default)}.input-wrapper--success:has(.input:focus){border-color:transparent;outline-color:var(--color-status-success-default)}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.input__prefix,.input__suffix{flex-shrink:0;color:var(--color-text-secondary);font-size:var(--font-size-md);white-space:nowrap;display:flex;align-items:center;height:100%;line-height:1}.input-wrapper--small .input__prefix,.input-wrapper--small .input__suffix{font-size:var(--font-size-sm)}.input__icon{flex-shrink:0;width:18px;height:18px;color:var(--color-text-secondary);display:flex;align-items:center}.input-wrapper--small .input__icon{width:16px;height:16px}.input__loading{flex-shrink:0;display:flex;align-items:center;justify-content:center}.input__clear-button,.input__password-toggle{all:unset;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.input__password-toggle--hidden{opacity:.5}.input__password-toggle:hover{background-color:var(--color-surface-quaternary);color:var(--color-text-default);opacity:1}.input__password-toggle:active{transform:scale(var(--micro-scale-press))}.input__steppers{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.input__stepper{all:unset;display:flex;align-items:center;justify-content:center;width:16px;height:12px;border-radius:var(--radius-xs);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.input__stepper svg{width:12px;height:12px}.input__stepper:hover:not(:disabled){background-color:var(--color-surface-quaternary);color:var(--color-text-default)}.input__stepper:active:not(:disabled){transform:scale(var(--micro-scale-press))}.input__stepper:disabled{opacity:var(--opacity-semantic-disabled);cursor:not-allowed}.input-wrapper--error .input__prefix,.input-wrapper--error .input__suffix,.input-wrapper--error .input__icon{color:var(--color-status-error-default)}.input-wrapper--success .input__prefix,.input-wrapper--success .input__suffix,.input-wrapper--success .input__icon{color:var(--color-status-success-default)}.input__clear-button:hover{background-color:var(--color-surface-quaternary);color:var(--color-text-default)}.input__clear-button:active{transform:scale(var(--micro-scale-press))}.input__footer{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.input__helper-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3;margin:0;padding:0 var(--space-md);opacity:var(--opacity-semantic-emphasis-medium);flex:1;min-height:16px;transition:opacity var(--transition-fast),color var(--transition-fast)}.input__helper-text--error{color:var(--color-status-error-default);opacity:1}.input__helper-text--success{color:var(--color-status-success-default);opacity:1}.input__counter{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:var(--font-family-mono);white-space:nowrap;padding:0 var(--space-xs)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.input--shake{animation:shake .4s var(--motion-spring-snappy);border-color:var(--color-status-error-default)!important}@media (prefers-reduced-motion: reduce){.input-wrapper,.input__clear-button{transition:none}.input-wrapper:hover,.input-wrapper:active{transform:none}.input--shake{animation:none;border-color:var(--color-status-error-default)!important}.input__clear-button:active{transform:none}}.modal-navigator{position:relative;width:100%}.modal-view{width:100%;position:relative}.modal-view--exiting{position:absolute;top:0;left:0;right:0;pointer-events:none}.modal-view--push-enter{animation:pushEnter .35s cubic-bezier(.2,.9,.4,1) forwards;z-index:2}.modal-view--push-exit{animation:pushExit .35s cubic-bezier(.2,.9,.4,1) forwards;z-index:1}@keyframes pushEnter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pushExit{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}.modal-view--pop-enter{animation:popEnter .35s cubic-bezier(.2,.9,.4,1) forwards;z-index:1}.modal-view--pop-exit{animation:popExit .35s cubic-bezier(.2,.9,.4,1) forwards;z-index:2}@keyframes popEnter{0%{transform:translate(-30%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes popExit{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.modal-view--fade-in{animation:fadeIn .15s cubic-bezier(.4,0,.2,1) forwards;animation-delay:60ms;opacity:0}.modal-view--fade-out{animation:fadeOut .1s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.modal-view--push-enter,.modal-view--push-exit,.modal-view--pop-enter,.modal-view--pop-exit,.modal-view--fade-in,.modal-view--fade-out{animation-duration:.15s}@keyframes pushEnter{0%{opacity:0}to{opacity:1}}@keyframes pushExit{0%{opacity:1}to{opacity:0}}@keyframes popEnter{0%{opacity:0}to{opacity:1}}@keyframes popExit{0%{opacity:1}to{opacity:0}}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000026;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal, 9999);padding:var(--space-lg);animation:fadeIn var(--transition-fast) var(--motion-spring-gentle)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.modal-overlay{background-color:color-mix(in srgb,var(--color-overlay-default) 30%,transparent);backdrop-filter:blur(var(--micro-blur-glass-heavy));-webkit-backdrop-filter:blur(var(--micro-blur-glass-heavy));animation:backdropFadeIn .2s cubic-bezier(.16,1,.3,1)}}@supports (backdrop-filter: blur(1px)) and (not (background: color-mix(in srgb,red 50%,blue))){.modal-overlay{background-color:#0000001a;backdrop-filter:blur(var(--micro-blur-glass-heavy));-webkit-backdrop-filter:blur(var(--micro-blur-glass-heavy));animation:backdropFadeIn .2s cubic-bezier(.16,1,.3,1)}}.modal{position:relative;background-color:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);width:100%;outline:none;height:fit-content;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@media (min-width: 769px){.modal{background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-default) 90%,transparent),color-mix(in srgb,var(--color-surface-secondary) 85%,transparent),color-mix(in srgb,var(--color-surface-tertiary) 80%,transparent));backdrop-filter:blur(var(--micro-blur-glass));-webkit-backdrop-filter:blur(var(--micro-blur-glass));border-color:color-mix(in srgb,var(--color-border-primary) 70%,transparent);box-shadow:var(--shadow-md),inset 0 1px color-mix(in srgb,var(--color-border-primary) 40%,transparent)}}.modal__back-button{all:unset;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md);font-size:0;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast) ease-out;box-sizing:border-box}.modal__back-button:hover{background:var(--color-surface-secondary);color:var(--color-text-default);border-color:var(--color-border-secondary)}.modal__back-button .icon{width:16px;height:16px}.modal.glass{background:linear-gradient(135deg,var(--color-surface-default) 0%,var(--color-surface-secondary) 50%,var(--color-surface-tertiary) 100%);border-color:var(--color-border-primary);box-shadow:var(--shadow-md)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.modal.glass{background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-default) 90%,transparent),color-mix(in srgb,var(--color-surface-secondary) 85%,transparent),color-mix(in srgb,var(--color-surface-tertiary) 80%,transparent));backdrop-filter:blur(var(--micro-blur-glass-subtle));-webkit-backdrop-filter:blur(var(--micro-blur-glass-subtle));border-color:color-mix(in srgb,var(--color-border-primary) 70%,transparent);box-shadow:var(--shadow-md),inset 0 1px color-mix(in srgb,var(--color-border-primary) 40%,transparent)}}.modal--small{max-width:400px}.modal--medium{max-width:600px}.modal--compact{max-width:380px;height:auto}.modal--large{max-width:800px}.modal--xl{max-width:1000px;height:880px}@media (min-width: 769px){.modal-overlay--fullscreen{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.modal--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;border:none;margin:0;box-shadow:none}.modal--fullscreen .modal__content{height:100%;display:flex;flex-direction:column}}.modal--flexible-height{height:auto!important}.modal__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) 0;width:100%;box-sizing:border-box;overflow:visible;position:relative}@media (min-width: 769px){.modal__header{grid-template-columns:auto 1fr;padding:var(--space-lg) var(--space-lg) var(--space-sm);padding-right:calc(var(--space-lg) + 44px);align-items:center}}.modal__header--no-back{grid-template-columns:0 1fr auto;align-items:center}@media (min-width: 769px){.modal__header--no-back{grid-template-columns:0 1fr}}.modal__header--no-back .modal__header-left{display:none}.modal__header--no-back .modal__header-center{text-align:left;justify-self:stretch;width:100%;max-width:none;grid-column:2;overflow:hidden;min-width:0;padding-right:var(--space-lg)}@media (min-width: 769px){.modal__header--no-back .modal__header-center{padding-right:0}}.modal__header--no-back .modal__header-right{grid-column:3;justify-self:end}.modal__header--with-back{grid-template-columns:auto 1fr auto}@media (min-width: 769px){.modal__header--with-back{grid-template-columns:auto 1fr}}.modal__header--with-back .modal__header-center{text-align:left;justify-self:stretch;align-items:flex-start;min-width:0;padding-left:var(--space-sm)}.modal__header--with-back .modal__title-wrapper{justify-content:flex-start;width:fit-content}.modal__header--with-back .modal__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.modal__header-left{display:flex;align-items:center;justify-content:flex-start}.modal__header-spacer{width:32px;height:32px}.modal__header-center{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;width:100%;max-width:none;justify-self:stretch;align-items:flex-start;justify-content:center}.modal__header-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.modal__header-actions{display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.modal__title-wrapper{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-width:0;flex:1 1 100%;align-self:stretch}.modal__title-icon{width:24px;height:24px;flex-shrink:0}.modal__title{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin:0;text-align:left;line-height:var(--line-height-tight);width:100%;max-width:none;min-width:0;flex:1}.modal__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin:0;text-align:left;line-height:var(--line-height-normal);opacity:var(--opacity-semantic-emphasis-medium)}.modal__close{all:unset;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-tertiary);background:transparent;flex-shrink:0;margin:0}@media (min-width: 769px){.modal__close{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:10;width:36px;height:36px;border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary)}}.modal__close:hover{background:var(--color-surface-secondary);color:var(--color-text-default);border-color:var(--color-border-secondary)}.modal__close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-surface-default),0 0 0 4px var(--color-primary-default)}.modal__close .icon{width:16px;height:16px}.modal__content{position:relative;flex:0 1 auto;overflow-y:auto;min-height:0;padding:var(--space-xl) var(--space-xl) var(--space-xl)}.modal--headerless .modal__close{position:absolute;top:var(--space-md);right:var(--space-md);z-index:10}.modal__content--headerless{padding-top:calc(36px + var(--space-xl))}@media (max-width: 768px){.modal__content--headerless{padding-top:calc(44px + var(--space-lg))}}.modal__content--fill{flex:1}@media (min-width: 769px){.modal__content{padding:var(--space-lg) var(--space-lg) var(--space-lg)}}.modal__content--with-footer{padding-bottom:0}.modal__content .settings-section:not(:last-child){margin-bottom:var(--space-lg)}.modal--compact .modal__header{padding:var(--space-md) var(--space-lg)}@media (min-width: 769px){.modal--compact .modal__header{padding:var(--space-lg) var(--space-lg) var(--space-md);padding-right:calc(var(--space-lg) + 44px)}}.modal--compact .modal__title{font-size:var(--font-size-lg)}.modal--compact .modal__content{padding:var(--space-lg)}.modal__content--no-padding{padding:0}.modal__content--no-bottom-padding{padding:var(--space-md) var(--space-xl) 0}.modal__content::-webkit-scrollbar{width:8px}.modal__content::-webkit-scrollbar-track{background:transparent}.modal__content::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.modal__content::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-primary)}.modal__content{scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}@media (prefers-reduced-motion: reduce){.modal,.is-mobile .modal--mobile-centered,.is-mobile .modal--mobile-fullscreen{animation:fadeIn .15s ease-out!important}.modal-overlay{animation:fadeIn .15s ease-out!important;backdrop-filter:blur(var(--micro-blur-glass-heavy))!important;-webkit-backdrop-filter:blur(var(--micro-blur-glass-heavy))!important}.is-mobile .modal-overlay--centered{backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}}@media (max-width: 768px){.is-mobile .modal-overlay--centered{padding:var(--space-xl) var(--space-lg);align-items:center;justify-content:center;background-color:#00000040;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.is-mobile .modal__container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.is-mobile .modal--mobile-centered{position:relative;width:auto;max-width:calc(100vw - calc(var(--space-lg) * 2));min-width:280px;max-height:calc(100vh - calc(var(--space-xl) * 2));border-radius:var(--radius-lg);animation:scaleIn .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-md)}.is-mobile .modal--mobile-centered .modal__header{padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:var(--border-width-thin) solid var(--color-border-secondary);min-height:64px}.is-mobile .modal--mobile-centered .modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.is-mobile .modal--mobile-centered .modal__content{padding:var(--space-lg);line-height:var(--line-height-comfortable)}.is-mobile .modal--mobile-centered.modal--headerless .modal__content{padding-top:var(--space-lg)}@media (max-width: 480px){.is-mobile .modal-overlay--centered{padding:var(--space-lg) var(--space-md)}.is-mobile .modal--mobile-centered{max-width:calc(100vw - calc(var(--space-md) * 2));min-width:240px}}.is-mobile .modal-overlay:not(.modal-overlay--centered){padding:0;align-items:flex-end;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.is-mobile .modal--mobile-fullscreen{min-height:100vh;min-height:100dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;animation:slideUpMobile .2s cubic-bezier(.16,1,.3,1)}.is-mobile .modal__header{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-thin) solid var(--color-border-secondary);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);position:relative;width:100%;max-width:none;box-sizing:border-box;min-height:64px}.is-mobile .modal__header--no-back{grid-template-columns:0 1fr auto}.is-mobile .modal__header--no-back .modal__header-left{display:none}.is-mobile .modal__header--no-back .modal__header-center{text-align:left;justify-self:stretch;padding-right:var(--space-lg);width:100%;max-width:none;display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.is-mobile .modal__header--no-back .modal__title-wrapper{width:100%;max-width:none;overflow:hidden;flex:1;align-self:stretch;min-width:0}.is-mobile .modal__header--no-back .modal__title{width:100%;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-mobile .modal__header--with-back .modal__header-center{text-align:left;justify-self:stretch;align-items:flex-start;padding-left:var(--space-sm);padding-right:var(--space-sm)}.is-mobile .modal__header--with-back .modal__title-wrapper{justify-content:flex-start;width:fit-content}.is-mobile .modal__close{width:44px;height:44px;margin:0;background:transparent;border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md);box-sizing:border-box}.is-mobile .modal__close:hover{background:var(--color-surface-secondary);border-color:var(--color-border-secondary)}.is-mobile .modal__header .modal__close{position:static;margin:0;flex-shrink:0}.is-mobile .modal__close .icon{width:18px;height:18px}.is-mobile .modal__back-button{width:44px;height:44px}.is-mobile .modal__back-button .icon{width:18px;height:18px}}.is-mobile .modal--mobile-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;max-width:none;max-height:none;border-radius:0;border:none;margin:0;animation:slideUpMobile .25s cubic-bezier(.16,1,.3,1);padding-bottom:env(safe-area-inset-bottom)}.modal__footer--fixed{position:sticky;bottom:0;left:0;right:0;background:var(--color-surface-default);border-top:var(--border-width-thin) solid var(--color-border-secondary);padding:var(--space-lg) var(--space-xl);display:flex;justify-content:flex-end;align-items:center;gap:var(--space-md);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);z-index:1;box-shadow:0 -1px 3px #0000000d}@media (min-width: 769px){.modal__footer--fixed{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-default) 95%,transparent),color-mix(in srgb,var(--color-surface-secondary) 90%,transparent));backdrop-filter:blur(var(--micro-blur-glass-light));-webkit-backdrop-filter:blur(var(--micro-blur-glass-light));border-top-color:color-mix(in srgb,var(--color-border-primary) 70%,transparent)}}.modal--with-fixed-footer .modal__content{overflow-y:auto;min-height:0}.is-mobile .modal__footer{display:flex;justify-content:center;padding:var(--space-md) var(--space-xl);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));border-top:var(--border-width-thin) solid var(--color-border-secondary);background-color:var(--color-surface-secondary);margin-top:auto;flex-shrink:0;position:relative;z-index:1}.is-mobile .modal__footer--fixed{padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));justify-content:center;gap:var(--space-sm)}.is-mobile .modal--mobile-fullscreen .modal__content{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}.is-mobile .modal--mobile-fullscreen.modal--center-content .modal__content{display:flex;flex-direction:column;justify-content:flex-start;padding-top:25vh;min-height:0}.is-mobile .modal--mobile-fullscreen.modal--bottom-content .modal__content{display:flex;flex-direction:column;justify-content:flex-end;min-height:0}.is-mobile .modal--mobile-fullscreen.modal--compact.modal--center-content .modal__content{display:flex;flex-direction:column;justify-content:flex-start;padding-top:25vh;min-height:0}.is-mobile .modal--mobile-fullscreen .modal__content.modal__content--headerless{padding-top:calc(44px + var(--space-xl))}.is-mobile .modal--mobile-fullscreen .modal__header{flex-shrink:0;border-bottom:var(--border-width-thin) solid var(--color-border-secondary);padding:var(--space-md) var(--space-lg);position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);min-height:64px}.is-mobile .modal--mobile-fullscreen .modal__header:not(:has(.modal__header-center *)){border-bottom:none;padding-bottom:var(--space-sm)}.is-mobile .modal--mobile-fullscreen.modal--headerless .modal__header{border-bottom:none;padding-bottom:var(--space-sm)}body.modal-open{overflow:hidden;pointer-events:none}body.modal-open .full-modal{pointer-events:auto}.tooltip{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);max-width:240px;font-size:var(--font-size-sm);line-height:var(--line-height-compact);font-weight:var(--font-weight-regular);background:var(--color-surface-default);color:var(--color-text-default);border:var(--border-width-thin) solid var(--color-border-secondary);box-shadow:var(--shadow-sm);pointer-events:none;-webkit-user-select:none;user-select:none;word-wrap:break-word;white-space:pre-line;text-align:center;z-index:var(--z-index-tooltip, 5000);visibility:hidden;opacity:0}.tooltip--visible{visibility:visible;animation:fadeIn .15s cubic-bezier(.16,1,.3,1) forwards}[data-theme=dark] .tooltip,[data-theme=light] .tooltip{background:var(--color-surface-secondary);color:var(--color-text-default);border:var(--border-width-thin) solid var(--color-border-primary)}.tooltip-trigger{display:inline-block;position:relative;cursor:help}.tooltip-trigger__mobile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:auto;z-index:1;cursor:help}.tooltip-trigger:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--space-xs);border-radius:var(--radius-sm)}.tooltip-mobile-content{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-comfortable);color:var(--color-text-default);text-align:left}@media (prefers-reduced-motion: reduce){.tooltip{transition:none}}@media (prefers-contrast: high){.tooltip{background:var(--color-surface-primary);border:var(--border-width-medium) solid var(--color-border-primary)}}.help-icon-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:var(--space-xs)}.help-icon-button .icon-button{background:transparent!important;border:none!important;padding:var(--space-xxs)!important;width:auto!important;height:auto!important;opacity:var(--opacity-semantic-emphasis-medium);transition:all var(--transition-fast) var(--motion-spring-gentle);display:flex!important;align-items:center!important;justify-content:center!important}.help-icon-button .icon-button:hover:not(:disabled){background:transparent!important;opacity:var(--opacity-semantic-emphasis-high);transform:scale(1.05)}.help-icon-button .icon-button:focus-visible{outline:var(--border-width-medium) solid var(--color-border-focus);outline-offset:var(--space-xxs);background:transparent!important;opacity:var(--opacity-semantic-emphasis-high)}.help-icon-button .icon-button .icon,.help-icon-button .icon-button .icon svg{width:16px!important;height:16px!important;color:var(--color-icon-blue)!important;fill:var(--color-icon-blue)!important}.help-icon-button .icon-button:hover .icon,.help-icon-button .icon-button:hover .icon svg,.help-icon-button .icon-button:focus .icon,.help-icon-button .icon-button:focus .icon svg{color:var(--color-icon-blue)!important;fill:var(--color-icon-blue)!important}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.125em;cursor:help;opacity:var(--opacity-semantic-emphasis-medium);transition:all var(--transition-fast) var(--motion-spring-snappy);flex-shrink:0}.info-tooltip:hover{opacity:1}.info-tooltip__icon{width:var(--font-size-sm);height:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}@media (prefers-reduced-motion: reduce){.info-tooltip{transition:none}}.select{position:relative;display:inline-block;width:calc(var(--space-xl) * 4);box-sizing:border-box}.select__trigger{all:unset;display:flex;align-items:center;gap:var(--space-xs);background-color:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast) var(--motion-spring-snappy);font-size:var(--font-size-sm);color:var(--color-text-default);width:100%;box-sizing:border-box}.select--medium .select__trigger{padding:0 var(--space-sm) 0 var(--space-md);height:calc(var(--space-md) * 2.5)}.select--small .select__trigger{padding:0 var(--space-xs) 0 var(--space-sm);height:calc(var(--space-md) * 2);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.select__trigger:hover:not(:disabled){background-color:var(--color-surface-quaternary);border-color:var(--color-border-primary);transform:translateY(-1px)}.select__trigger:active:not(:disabled){transform:translateY(0)}.select__trigger:focus-visible{outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:1px}.select__trigger[aria-expanded=true],.select__trigger[aria-expanded=true]:hover{border-color:var(--color-primary-default);background-color:var(--color-surface-quaternary)}.select__value{flex:1;text-align:left;display:flex;align-items:center;gap:var(--space-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__value-icon{width:var(--font-size-md);height:var(--font-size-md);flex-shrink:0}.select--small .select__value-icon{width:var(--font-size-sm);height:var(--font-size-sm)}.select__icon{width:var(--font-size-md);height:var(--font-size-md);flex-shrink:0;color:var(--color-text-secondary)}.select--small .select__icon{width:var(--font-size-sm);height:var(--font-size-sm)}.select__dropdown{position:absolute;top:calc(100% + var(--space-xs));left:0;min-width:100%;max-width:calc(100vw - var(--space-md) * 2);z-index:99999;background-color:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);max-height:calc(var(--space-xl) * 5);overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-md);box-sizing:border-box;padding:var(--space-sm) 0;animation:overlayEnter .15s cubic-bezier(.16,1,.3,1)}.select__dropdown--portal{position:fixed!important;width:calc(var(--space-xl) * 4)!important;min-width:calc(var(--space-xl) * 4)!important;max-width:calc(var(--space-xl) * 4)!important;background-color:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);max-height:calc(var(--space-xl) * 5.5)!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:var(--shadow-md);z-index:999999!important;padding:var(--space-sm) 0;box-sizing:border-box!important;animation:overlayEnter .15s cubic-bezier(.16,1,.3,1)}.select__dropdown--timer-page{width:calc(var(--space-xl) * 4)!important;min-width:calc(var(--space-xl) * 4)!important;max-width:calc(var(--space-xl) * 4)!important;max-height:calc(var(--space-xl) * 7.5)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:999999!important;box-sizing:border-box!important}.select__option{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;transition:all var(--transition-fast) var(--motion-spring-snappy)}.select__option-button{all:unset;display:flex;align-items:center;gap:var(--space-sm);flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;opacity:var(--opacity-semantic-emphasis-medium)}.select--small .select__option-button{font-size:var(--font-size-xs)}.select__option-icon{width:var(--font-size-md);height:var(--font-size-md);flex-shrink:0;color:var(--color-text-secondary);opacity:var(--opacity-semantic-emphasis-medium)}.select--small .select__option-icon{width:var(--font-size-sm);height:var(--font-size-sm)}.select__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.select__color-dot{width:var(--font-size-sm);height:var(--font-size-sm);border-radius:50%;flex-shrink:0;border:var(--border-width-thin) solid var(--color-border-primary)}.select__color-dot--default{background-color:var(--color-icon-grey)}.select__color-dot--blue{background-color:var(--color-icon-blue)}.select__color-dot--green{background-color:var(--color-icon-green)}.select__color-dot--teal{background-color:var(--color-icon-teal)}.select__color-dot--purple{background-color:var(--color-icon-purple)}.select__color-dot--orange{background-color:var(--color-icon-orange)}.select__color-dot--red{background-color:var(--color-icon-red)}.select__color-dot--yellow{background-color:var(--color-icon-yellow)}.select__color-dot--gray{background-color:var(--color-icon-neutral)}.select__option:hover{background-color:var(--color-surface-tertiary)}.select__option:hover .select__option-button{opacity:1;color:var(--color-text-default)}.select__option:hover .select__option-icon{opacity:1}.select__option--selected{background-color:transparent}.select__option--selected .select__option-button{color:var(--color-primary-default);font-weight:var(--font-weight-medium);opacity:1}.select__option--selected .select__option-icon{color:var(--color-primary-default);opacity:1}.select__option--selected:hover .select__option-button,.select__option--selected:hover .select__option-icon{color:var(--color-primary-default)}.select--disabled{opacity:var(--opacity-semantic-disabled);cursor:not-allowed}.select--disabled .select__trigger{cursor:not-allowed}.select-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background-color:#0003;animation:fadeIn .15s ease-out}@supports (backdrop-filter: blur(1px)){.select-backdrop{background-color:color-mix(in srgb,var(--color-overlay-default) 35%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}.select__dropdown--mobile{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;min-width:100%!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:70vh!important;z-index:99999!important;animation:slideUpMobile .2s cubic-bezier(.16,1,.3,1)!important}.select__dropdown--mobile .select__option-button{min-height:44px;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-md)}@media (prefers-reduced-motion: reduce){.select__trigger,.select__option{transition:none}.select__trigger:hover,.select__trigger:active{transform:none}}.checkbox-container{display:inline-flex;flex-direction:column;gap:var(--space-xs)}.checkbox-label{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox-container--disabled .checkbox-label{cursor:not-allowed;opacity:var(--opacity-semantic-disabled)}.checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox__box{display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-xs);transition:all var(--transition-fast) var(--motion-spring-snappy);flex-shrink:0;position:relative}.checkbox-container--medium .checkbox__box{width:calc(var(--space-sm) * 2.25);height:calc(var(--space-sm) * 2.25)}.checkbox-container--small .checkbox__box{width:var(--space-md);height:var(--space-md)}.checkbox__checkmark{color:var(--color-text-on-action);opacity:0;transform:scale(0);transition:opacity var(--transition-fast) var(--motion-spring-snappy),transform var(--transition-fast) var(--motion-spring-snappy)}.checkbox-container--medium .checkbox__checkmark{width:calc(var(--space-sm) * 1.5);height:calc(var(--space-sm) * 1.5)}.checkbox-container--small .checkbox__checkmark{width:calc(var(--space-sm) * 1.25);height:calc(var(--space-sm) * 1.25)}.checkbox__input:checked+.checkbox__box{background-color:var(--color-primary-default);border-color:var(--color-primary-default)}.checkbox__input:checked+.checkbox__box .checkbox__checkmark{opacity:1;transform:scale(1)}.checkbox-container--interactive .checkbox__input:checked+.checkbox__box{animation:checkbox-bounce .25s var(--motion-spring-snappy)}.checkbox-container--interactive .checkbox__input:checked+.checkbox__box .checkbox__checkmark{animation:checkmark-pop .25s var(--motion-spring-snappy)}@keyframes checkbox-bounce{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes checkmark-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.35)}to{transform:scale(1)}}.checkbox-label:hover:not(.checkbox-container--disabled *) .checkbox__box{border-color:var(--color-primary-default)}.checkbox-label:hover:not(.checkbox-container--disabled *) .checkbox__input:checked+.checkbox__box{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.checkbox__input:focus-visible+.checkbox__box{outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:var(--space-xxs)}.checkbox-container--error .checkbox__input:not(:checked)+.checkbox__box{border-color:var(--color-status-error-default)}.checkbox-container--error .checkbox__input:checked+.checkbox__box{background-color:var(--color-primary-default);border-color:var(--color-primary-default)}.checkbox-label__text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.checkbox-container--small .checkbox-label__text{font-size:var(--font-size-xs)}.checkbox__helper-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-tight);margin-left:calc(var(--space-sm) * 2.25 + var(--space-sm))}.checkbox__helper-text--error{color:var(--color-status-error-default)}.checkbox__helper-text--success{color:var(--color-status-success-default)}@media (prefers-reduced-motion: reduce){.checkbox__box,.checkbox__checkmark{transition:background-color var(--transition-fast),border-color var(--transition-fast);animation:none!important}.checkbox__input:checked+.checkbox__box,.checkbox__input:checked+.checkbox__box .checkbox__checkmark{animation:none!important}}.popover{position:fixed;z-index:var(--z-index-dropdown, 1000);min-width:200px;max-width:400px;background-color:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:overlayEnter .15s cubic-bezier(.16,1,.3,1)}.popover--closing{animation:overlayExit .15s cubic-bezier(.4,0,1,1)}.popover.glass:not(.popover--mobile){background:var(--color-surface-default);opacity:.84;border-color:var(--color-border-secondary)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.popover.glass:not(.popover--mobile){background:color-mix(in srgb,var(--color-surface-default) 84%,transparent);backdrop-filter:blur(var(--micro-blur-glass));-webkit-backdrop-filter:blur(var(--micro-blur-glass));border-color:color-mix(in srgb,var(--color-border-primary) 50%,transparent);opacity:1}}.popover--mobile.glass{background:var(--color-surface-default);opacity:1;border-color:var(--color-border-primary)}.popover__arrow{position:absolute;width:16px;height:16px;background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);transform:rotate(45deg);pointer-events:none}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.popover.glass:not(.popover--mobile) .popover__arrow{background:color-mix(in srgb,var(--color-surface-default) 84%,transparent);border-color:color-mix(in srgb,var(--color-border-primary) 50%,transparent)}}.popover--top .popover__arrow{bottom:-9px;border-top:none;border-left:none}.popover--bottom .popover__arrow{top:-9px;border-bottom:none;border-right:none}.popover--left .popover__arrow{right:-9px;border-left:none;border-bottom:none}.popover--right .popover__arrow{left:-9px;border-right:none;border-top:none}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#0003;animation:fadeIn .15s ease-out}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.popover-backdrop{background-color:color-mix(in srgb,var(--color-overlay-default) 35%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}.popover--mobile{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;min-width:100%!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;overflow-y:auto;z-index:1000;animation:slideUpMobile .2s cubic-bezier(.16,1,.3,1)}.popover__content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.popover--mobile .popover__content{padding:var(--space-xl);gap:var(--space-lg)}.popover__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-default);line-height:var(--line-height-tight)}.popover__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-comfortable)}.popover--mobile .popover__title{font-size:var(--font-size-xl)}.popover--mobile .popover__body{font-size:var(--font-size-md)}.popover__body img{max-width:100%;height:auto;border-radius:var(--radius-md)}.popover__body p{margin:0}.popover__body p+p{margin-top:var(--space-sm)}.popover__body ul,.popover__body ol{margin:0;padding-left:var(--space-lg)}.popover__body li{margin-top:var(--space-xs)}.popover__body code{padding:var(--space-xxs) 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)}.calendar{padding:var(--space-xs);width:240px}@media (max-width: 768px){.calendar{width:100%;max-width:100%}}.calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-xs)}.calendar__month-year{display:flex;align-items:center;gap:var(--space-xs)}.calendar__month{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-default)}.calendar__year-display{all:unset;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-default)}.calendar__year-display--editable{cursor:pointer;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);transition:background .15s ease-out}.calendar__year-display--editable:hover{background:var(--color-surface-tertiary)}.calendar__year-input{all:unset;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary-default);background:var(--color-surface-tertiary);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);text-align:center;width:48px;box-shadow:0 0 0 2px var(--color-border-focus)}.calendar__days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xxs);margin-bottom:var(--space-xs)}.calendar__day-label{text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-disabled);padding:var(--space-xxs);text-transform:uppercase;letter-spacing:.02em}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xxs);margin-bottom:var(--space-xs)}.calendar__day{all:unset;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-text-default);border-radius:50%;cursor:pointer;transition:background .15s ease-out,color .15s ease-out,transform .15s ease-out;position:relative}.calendar__day:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.calendar__day:hover:not(:disabled):not(.calendar__day--selected){background:var(--color-surface-tertiary)}.calendar__day:active:not(:disabled):not(.calendar__day--selected){background:var(--color-surface-quaternary);transform:scale(.92)}.calendar__day--selected{background:var(--color-primary-default);color:var(--color-text-on-action);font-weight:var(--font-weight-semibold)}.calendar__day--selected:hover{background:var(--color-primary-hover)}.calendar__day--today:not(.calendar__day--selected){color:var(--color-primary-default);font-weight:var(--font-weight-semibold)}.calendar__day--disabled{opacity:.3;cursor:not-allowed}.calendar__day--disabled:hover{background:transparent}.calendar__day-empty{aspect-ratio:1}@media (prefers-reduced-motion: reduce){.calendar__day{transition:none}.calendar__day:active{transform:none}}.date-picker{width:100%}.date-picker__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);margin-bottom:var(--space-xs)}.date-picker__input-container{display:flex;align-items:center;gap:var(--space-xs)}.date-picker__input-wrapper{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);min-height:40px;transition:border-color .15s ease-out}.date-picker__input-wrapper:focus-within{background:var(--color-surface-tertiary);border-color:var(--color-border-focus)}.date-picker__input-wrapper--error{border-color:var(--color-status-error-default)}.date-picker__input-wrapper--disabled{opacity:.5;cursor:not-allowed}.date-picker__segment{all:unset;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-default);text-align:center;cursor:text;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);width:24px;transition:background .15s ease-out,box-shadow .15s ease-out}.date-picker__segment:hover{background:var(--color-surface-quaternary)}.date-picker__segment:focus{outline:none;color:var(--color-primary-default);background:var(--color-surface-quaternary);box-shadow:0 0 0 1px var(--color-border-focus)}.date-picker__segment--year{width:44px}.date-picker__segment::placeholder{color:var(--color-text-tertiary)}.date-picker__segment:focus::placeholder{opacity:0}.date-picker__separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.date-picker__input-wrapper--error .date-picker__segment,.date-picker__input-wrapper--error .date-picker__separator{color:var(--color-status-error-default)}.radio-button-wrapper{display:flex;flex-direction:column;gap:var(--space-xs);width:fit-content}.radio-button{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast) var(--motion-spring-snappy)}.radio-button--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.radio-button__input{position:absolute;opacity:0;width:0;height:0;margin:0;cursor:pointer}.radio-button__indicator{display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:50%;border:var(--border-width-thick) solid var(--color-border-secondary);background-color:var(--color-surface-default);transition:all var(--transition-fast) var(--motion-spring-snappy);flex-shrink:0}.radio-button__indicator{width:calc(var(--space-md) + var(--space-xs));height:calc(var(--space-md) + var(--space-xs))}.radio-button__input:checked+.radio-button__indicator{border-color:var(--color-primary-default);background-color:var(--color-primary-default)}.radio-button__input:checked+.radio-button__indicator:after{content:"";position:absolute;background-color:var(--color-primary-contrast);border-radius:50%}.radio-button-wrapper--interactive .radio-button__input:checked+.radio-button__indicator{animation:radio-bounce .25s var(--motion-spring-snappy)}.radio-button-wrapper--interactive .radio-button__input:checked+.radio-button__indicator:after{animation:radio-dot-pop .25s var(--motion-spring-snappy)}.radio-button__input:checked+.radio-button__indicator:after{width:var(--space-sm);height:var(--space-sm)}@keyframes radio-bounce{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes radio-dot-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.35)}to{transform:scale(1);opacity:1}}.radio-button:not(.radio-button--disabled):hover .radio-button__indicator{border-color:var(--color-primary-default)}.radio-button__input:focus-visible+.radio-button__indicator{outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:var(--space-xxs)}.radio-button__label{font-size:var(--font-size-sm);color:var(--color-text-default);line-height:var(--line-height-base);cursor:pointer}.radio-button--disabled .radio-button__label{cursor:not-allowed}.radio-button__helper-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-left:calc(var(--space-md) + var(--space-xs) + var(--space-sm));transition:color var(--transition-fast)}.radio-button__helper-text--error{color:var(--color-status-error-default)}.radio-button__helper-text--success{color:var(--color-status-success-default)}.radio-button__input[aria-invalid=true]:not(:checked)+.radio-button__indicator{border-color:var(--color-status-error-default)}@media (prefers-reduced-motion: reduce){.radio-button,.radio-button__indicator{transition:none;animation:none}@keyframes radio-bounce{0%,to{transform:scale(1)}}@keyframes radio-dot-pop{0%{opacity:0}to{opacity:1}}}.toggle-wrapper{display:flex;flex-direction:column;gap:var(--space-xs);width:fit-content;max-width:fit-content}.toggle{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;width:fit-content}.toggle--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.toggle__input{position:absolute;opacity:0;width:0;height:0;margin:0;cursor:pointer}.toggle__track{display:block;position:relative;width:calc(var(--space-2xl) - var(--space-md));height:var(--space-lg);background-color:color-mix(in srgb,var(--color-primary-default) 50%,transparent);border-radius:var(--space-lg);transition:background-color var(--transition-fast) var(--motion-spring-snappy);flex-shrink:0}.toggle__input:checked+.toggle__track{background-color:var(--color-primary-default)}.toggle__thumb{display:block;position:absolute;top:calc(var(--space-xs) - 1px);left:var(--space-xs);width:calc(var(--space-lg) + var(--space-xxs));height:calc(var(--space-md) + var(--space-xxs));background-color:var(--color-primary-contrast);border-radius:calc(var(--space-sm) + var(--space-xs));box-shadow:none;transition:transform var(--transition-base) var(--motion-spring-bouncy),background-color var(--transition-fast),width var(--transition-fast),height var(--transition-fast),top var(--transition-fast),left var(--transition-fast)}.toggle__input:checked+.toggle__track .toggle__thumb{background-color:var(--color-primary-contrast);width:calc(var(--space-lg) + var(--space-xs) + var(--space-xxs));height:calc(var(--space-md) + var(--space-xs));top:var(--space-xxs);left:var(--space-xxs)}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(calc(var(--space-lg) - var(--space-xxs)))}.toggle--interactive .toggle__input:checked+.toggle__track .toggle__thumb{animation:toggle-slide-in .3s var(--motion-spring-bouncy)}.toggle--interactive .toggle__input:not(:checked)+.toggle__track .toggle__thumb{animation:toggle-slide-out .3s var(--motion-spring-bouncy)}@keyframes toggle-slide-in{0%{transform:translate(0) scale(1)}40%{transform:translate(calc(var(--space-lg) - var(--space-xxs))) scale(.92)}70%{transform:translate(calc(var(--space-lg) - var(--space-xxs))) scale(1.08)}to{transform:translate(calc(var(--space-lg) - var(--space-xxs))) scale(1)}}@keyframes toggle-slide-out{0%{transform:translate(calc(var(--space-lg) - var(--space-xxs))) scale(1)}40%{transform:translate(0) scale(.92)}70%{transform:translate(0) scale(1.08)}to{transform:translate(0) scale(1)}}.toggle--interactive .toggle__input:checked+.toggle__track{animation:toggle-track-pulse .25s var(--motion-spring-snappy)}@keyframes toggle-track-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.toggle:not(.toggle--disabled):hover .toggle__track{opacity:var(--opacity-semantic-emphasis-high)}.toggle__input:focus-visible+.toggle__track{outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:var(--space-xxs)}.toggle__label{font-size:var(--font-size-sm);color:var(--color-text-default);line-height:var(--line-height-base);cursor:pointer}.toggle--disabled .toggle__label{cursor:not-allowed}.toggle__helper-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-left:calc(var(--space-xl) + var(--space-sm) + var(--space-xs) + var(--space-sm));transition:color var(--transition-fast)}@media (prefers-reduced-motion: reduce){.toggle__track,.toggle__thumb{transition:background-color var(--transition-fast);animation:none!important}.toggle__input:checked+.toggle__track .toggle__thumb{transition:transform 0s}@keyframes toggle-slide-in{0%,to{transform:translate(calc(var(--space-lg) - var(--space-xxs))) scale(1)}}@keyframes toggle-slide-out{0%,to{transform:translate(0) scale(1)}}@keyframes toggle-track-pulse{0%,to{transform:scale(1)}}}.textarea{display:flex;flex-direction:column;width:100%;gap:var(--space-xs)}.textarea__label{composes:typography-label-md from global;color:var(--color-text-default);display:flex;align-items:center;gap:var(--space-2xs)}.textarea__required{color:var(--color-status-error-default);font-weight:var(--font-weight-medium)}.textarea__expanding-area{display:grid;width:100%;max-width:600px;position:relative;border-radius:var(--radius-lg);background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);box-shadow:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-fast)}.textarea__expanding-area:hover:not(.textarea__expanding-area--disabled):not(:has(.textarea__field:focus)){background-color:var(--color-surface-quaternary);border-color:var(--color-border-primary)}.textarea__expanding-area:after{content:attr(data-replicated-value) " ";white-space:pre-wrap;word-wrap:break-word;visibility:hidden;grid-area:1 / 1 / 2 / 2;padding:var(--space-sm);padding-bottom:var(--space-lg);font-family:var(--font-family-default);font-size:var(--font-size-md);line-height:var(--line-height-default);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-lg);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box}.textarea__field{grid-area:1 / 1 / 2 / 2;resize:none;overflow:hidden;background:transparent;border:none;padding:var(--space-sm);padding-bottom:var(--space-lg);font-family:var(--font-family-default);font-size:var(--font-size-md);line-height:var(--line-height-default);color:var(--color-text-default);width:100%;min-height:inherit;outline:none;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box}.textarea__field::placeholder{color:var(--color-text-disabled);opacity:1}.textarea__field:focus::placeholder{opacity:0;transition:opacity var(--transition-fast)}.textarea__field:focus,.textarea__field:focus-visible{outline:none}.textarea__expanding-area:has(.textarea__field:focus){border-color:transparent;outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:0px}.textarea--error .textarea__expanding-area{border-color:var(--color-status-error-default)}.textarea--error .textarea__expanding-area:has(.textarea__field:focus){border-color:transparent;outline-color:var(--color-status-error-default)}.textarea--disabled .textarea__expanding-area{opacity:var(--opacity-semantic-disabled);cursor:not-allowed}.textarea--disabled .textarea__field{cursor:not-allowed}.textarea--disabled .textarea__label{opacity:var(--opacity-semantic-disabled)}.textarea__helper-text{font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-secondary);margin-top:var(--space-xs);padding-left:var(--space-xs)}.textarea--error .textarea__helper-text{color:var(--color-status-error-default)}.textarea__character-count{position:absolute;bottom:var(--space-xs);right:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);pointer-events:none;z-index:1}.textarea__count-text{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);opacity:.7}.textarea__count-text--error{color:var(--color-status-error-default);font-weight:var(--font-weight-medium)}.textarea__count-warning{font-size:var(--font-size-xs);color:var(--color-status-error-default);font-weight:var(--font-weight-medium)}@media (prefers-reduced-motion: reduce){.textarea__field,.textarea--interactive.textarea--focused .textarea__field{animation:none;transition:none}}@media (max-width: 768px){.textarea{width:100%}.textarea__field{min-height:44px}}.file-upload{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.file-upload__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.file-upload__input{display:none}.file-upload__zone{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-xl);background:var(--color-surface-secondary);border:3px dashed var(--color-border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease-out;position:relative;-webkit-user-select:none;user-select:none}.file-upload__zone:hover:not(.file-upload--disabled .file-upload__zone){background:var(--color-surface-tertiary);border-color:var(--color-border-primary)}.file-upload__zone:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.file-upload--dragging .file-upload__zone{background:var(--color-surface-tertiary);border-color:var(--color-primary-default);border-style:solid;transform:scale(1.02)}.file-upload--error .file-upload__zone{border-color:var(--color-status-error-default)}.file-upload--disabled .file-upload__zone{opacity:.5;cursor:not-allowed}.file-upload__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.file-upload__icon{width:32px;height:32px;color:var(--color-icon-neutral);opacity:.6}.file-upload--dragging .file-upload__icon{color:var(--color-primary-default);opacity:1}.file-upload__spinner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);z-index:10;pointer-events:none;animation:fadeIn .15s ease-out}.file-upload__text{display:flex;flex-direction:column;gap:var(--space-xs);-webkit-user-select:none;user-select:none}.file-upload__primary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);-webkit-user-select:none;user-select:none}.file-upload__helper{font-size:var(--font-size-xs);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.file-upload__error-text{font-size:var(--font-size-xs);color:var(--color-status-error-default);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.file-upload__files{display:flex;flex-direction:column;gap:var(--space-xs)}.file-upload__file{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md)}.file-upload__file-icon{width:20px;height:20px;color:var(--color-icon-neutral);flex-shrink:0}.file-upload__file-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.file-upload__file-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload__file-size{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-upload__file-remove{all:unset;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-tertiary);transition:background .15s ease-out,color .15s ease-out}.file-upload__file-remove:hover{background:var(--color-surface-quaternary);color:var(--color-text-default)}.file-upload__file-remove:active{transform:scale(.9)}@media (prefers-reduced-motion: reduce){.file-upload__zone,.file-upload__file-remove{transition:none}.file-upload--dragging .file-upload__zone,.file-upload__file-remove:active{transform:none}}.slider{display:flex;flex-direction:column;width:100%}.slider__wrapper{display:flex;align-items:center;gap:var(--space-md);width:100%;min-width:140px}.slider__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);flex-shrink:0;min-width:80px}.slider__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);min-width:40px;text-align:right;flex-shrink:0}.slider__container{position:relative;width:100%;height:32px;display:flex;align-items:center;flex:1}.slider__input{position:absolute;width:100%;height:100%;opacity:0;z-index:10;margin:0}.slider__input,.slider__input:hover,.slider__input:active{cursor:grab}.slider--dragging .slider__input,.slider__input:active{cursor:grabbing}.slider__input:disabled{cursor:not-allowed!important}.slider__track{position:absolute;width:calc(100% + 12px);left:-6px;background:var(--color-surface-tertiary);border-radius:var(--radius-pill);overflow:hidden;pointer-events:none;box-shadow:inset 0 1px 2px #0000001a}.slider--small .slider__track{height:4px}.slider--medium .slider__track{height:6px}.slider__fill{height:100%;background:var(--color-primary-default);transition:none;border-radius:var(--radius-pill)}.slider__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);background:var(--color-primary-default);border-radius:var(--radius-pill);pointer-events:none;box-shadow:none;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .12s ease-out,border .12s ease-out,box-shadow .12s ease-out;z-index:10;border:0px solid transparent}.slider--small .slider__thumb{width:20px;height:14px}.slider--medium .slider__thumb{width:24px;height:18px}.slider--interactive:hover:not(.slider--dragging) .slider__thumb{transform:translate(-50%,-50%) scale(1.1)}.slider--dragging .slider__thumb{transform:translate(-50%,-50%) scale(1.5)!important;background:transparent!important;border:1.5px solid var(--color-primary-default)!important;box-shadow:0 0 0 1px var(--color-primary-default)!important}.slider__marks{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:3}.slider__mark{position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--color-border-primary);border-radius:50%;transition:background .15s ease-out}.slider__mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-primary-default);border-radius:50%;opacity:0;transition:opacity .15s ease-out}.slider__marks{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:5}.slider__mark{position:absolute;top:calc(100% - 2px);transform:translate(-50%);width:4px;height:4px;background:var(--color-border-secondary);border-radius:50%}.slider--disabled{opacity:.5;cursor:not-allowed}.slider--disabled .slider__fill{background:var(--color-text-disabled)}.slider--disabled .slider__thumb{box-shadow:none}.slider__input:focus-visible~.slider__thumb{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.slider__thumb{transition:none}}.stepper{display:flex;flex-direction:column;height:100%;max-height:70vh;min-height:400px}.stepper__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-secondary);flex-shrink:0}.stepper__progress{display:flex;flex-direction:column;gap:var(--space-2xs)}.stepper__progress-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stepper__step-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-default)}.stepper__content{flex:1;padding:var(--space-xl) var(--space-lg);overflow-y:auto;background:var(--color-surface-default)}.stepper__footer{padding:var(--space-md) var(--space-lg);background:var(--color-surface-secondary);border-top:var(--border-width-thin) solid var(--color-border-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md)}.stepper__footer-progress{margin-right:auto}.stepper__footer-progress .stepper__progress-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.stepper__footer-progress .stepper__step-title{font-size:var(--font-size-sm);color:var(--color-text-default)}.stepper__navigation{display:flex;gap:var(--space-md)}@media (max-width: 768px){.stepper{max-height:80vh;min-height:350px}.stepper__header,.stepper__footer{padding:var(--space-sm) var(--space-md)}.stepper__content{padding:var(--space-lg) var(--space-md)}.stepper__step-title{font-size:var(--font-size-md)}.stepper__navigation{gap:var(--space-sm)}}.stepper__content:focus-visible{outline:var(--border-width-thick) solid var(--color-border-focus);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.stepper,.stepper__content{transition:none}}.segmented-control{display:flex;position:relative;background:var(--color-surface-tertiary);padding:var(--space-xs);border-radius:var(--radius-lg);gap:var(--space-xs);width:fit-content;border:var(--border-width-thin) solid var(--color-border-primary)}.segmented-control__active-bg{position:absolute;top:var(--space-xs);left:var(--space-xs);height:calc(100% - var(--space-xs) * 2);background:var(--color-surface-default);box-shadow:none;border-radius:var(--radius-md);transition:none;pointer-events:none;z-index:0}.segmented-control--interactive .segmented-control__active-bg{transition:transform .25s var(--motion-spring-bouncy),width .25s var(--motion-spring-bouncy)}.segmented-control--mini{padding:2px;gap:2px;border-radius:var(--radius-md)}.segmented-control--mini .segmented-control__active-bg{top:2px;left:2px;height:calc(100% - 4px);border-radius:var(--radius-sm)}.segmented-control--mini .segmented-control__option{min-width:32px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.segmented-control--small{padding:3px;gap:2px;border-radius:var(--radius-md)}.segmented-control--small .segmented-control__active-bg{top:3px;left:3px;height:calc(100% - 6px);border-radius:var(--radius-sm)}.segmented-control--small .segmented-control__option{min-width:60px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.segmented-control--medium .segmented-control__option{min-width:80px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}.segmented-control--equal-width .segmented-control__option{flex:1;min-width:0}.segmented-control__option{all:unset;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:transparent;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast);white-space:nowrap;box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.segmented-control__option:hover:not(.segmented-control__option--active):not(:disabled){color:var(--color-text-default)}.segmented-control--interactive .segmented-control__option:hover:not(.segmented-control__option--active):not(:disabled){transform:scale(1.02)}.segmented-control__option--active{color:var(--color-text-default);cursor:default}.segmented-control--disabled{opacity:var(--opacity-semantic-disabled);cursor:not-allowed}.segmented-control__option:disabled{cursor:not-allowed}.segmented-control__option:focus-visible{outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-lg)}@media (prefers-reduced-motion: reduce){.segmented-control__option,.segmented-control--interactive .segmented-control__option,.segmented-control__active-bg{transition:none!important;transform:none!important}}@media (max-width: 768px){.segmented-control,.segmented-control--mini,.segmented-control--small,.segmented-control--medium{padding:3px;gap:0;border-radius:var(--radius-lg);border:none;background:var(--color-surface-tertiary)}.segmented-control__active-bg,.segmented-control--mini .segmented-control__active-bg,.segmented-control--small .segmented-control__active-bg,.segmented-control--medium .segmented-control__active-bg{top:3px;left:3px;height:calc(100% - 6px);border-radius:var(--radius-md)}.segmented-control__option,.segmented-control--mini .segmented-control__option,.segmented-control--small .segmented-control__option,.segmented-control--medium .segmented-control__option{border-radius:var(--radius-md);min-width:38px;height:38px;padding:6px 12px;font-size:var(--font-size-sm)}}.rating-container{display:flex;flex-direction:column;gap:var(--space-xs)}.rating__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.rating__required{color:var(--color-status-error-default);margin-left:var(--space-3xs)}.rating{display:inline-flex;align-items:center;gap:var(--space-xs)}.rating:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.rating--small .rating__star-icon{width:16px;height:16px}.rating--medium .rating__star-icon{width:20px;height:20px}.rating--large .rating__star-icon{width:24px;height:24px}.rating__star{all:unset;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1);z-index:1}.rating__star .rating__star-icon{opacity:.12;transition:opacity .2s ease-out,filter .2s ease-out}.rating__star--filled .rating__star-icon{opacity:1}.rating--bad .rating__star--filled .rating__star-icon{filter:hue-rotate(-25deg) saturate(1.8) brightness(.9)}.rating--neutral .rating__star--filled .rating__star-icon{filter:hue-rotate(0deg)}.rating--great .rating__star--filled .rating__star-icon{filter:hue-rotate(5deg) brightness(1.15) saturate(1.2)}.rating__star:hover:not(:disabled){transform:scale(1.15)}.rating__star:active:not(:disabled){transform:scale(.9)}.rating__star:disabled{cursor:not-allowed}.rating--disabled .rating__star{opacity:.5}.rating--read-only .rating__star{cursor:default}.rating--read-only .rating__star:hover{transform:none}.rating--bad .rating__star--active{animation:badShake .5s ease-out}@keyframes badShake{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.rating--neutral .rating__star--active{animation:neutralPulse .4s ease-out}@keyframes neutralPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.rating--great .rating__star--active:nth-child(1){animation:greatCelebration .5s cubic-bezier(.34,1.56,.64,1) 0s}.rating--great .rating__star--active:nth-child(2){animation:greatCelebration .5s cubic-bezier(.34,1.56,.64,1) .06s}.rating--great .rating__star--active:nth-child(3){animation:greatCelebration .5s cubic-bezier(.34,1.56,.64,1) .12s}.rating--great .rating__star--active:nth-child(4){animation:greatCelebration .5s cubic-bezier(.34,1.56,.64,1) .18s}.rating--great .rating__star--active:nth-child(5){animation:greatCelebration .5s cubic-bezier(.34,1.56,.64,1) .24s}@keyframes greatCelebration{0%,to{transform:translateY(0) rotate(0) scale(1)}35%{transform:translateY(-8px) rotate(-4deg) scale(1.15)}65%{transform:translateY(-4px) rotate(2deg) scale(1.08)}85%{transform:translateY(-1px) rotate(0) scale(1.02)}}.rating__shine{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;background:radial-gradient(circle at center,rgba(255,193,7,.3) 0%,rgba(255,193,7,.15) 40%,transparent 70%);border-radius:50%;opacity:0;animation:shineGlow .6s ease-out;pointer-events:none;z-index:-1}@keyframes shineGlow{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1.8)}}.rating--disabled{opacity:.5;cursor:not-allowed}.rating__helper-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-comfortable)}@media (prefers-reduced-motion: reduce){.rating__star{transition:none}.rating__star:hover,.rating__star:active{transform:none}.rating--bad .rating__star--active,.rating--neutral .rating__star--active,.rating--great .rating__star--active{animation:none}.rating__shine{display:none}}.alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl);border:var(--border-width-thin) solid;font-size:var(--font-size-sm);line-height:1.6;animation:alertSlideIn .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.alert--shine{--shine-color: rgba(255, 255, 255, .25)}.alert--shine:before{content:"";position:absolute;top:-50%;left:-200%;width:200%;height:200%;background:linear-gradient(80deg,transparent 15%,var(--shine-color) 50%,transparent 85%);transform:skew(8deg);pointer-events:none;opacity:0;animation:alertShineFadeSwipe 1.5s ease-out}.alert--shine:after{content:"";position:absolute;top:-50%;left:-200%;width:200%;height:200%;background:linear-gradient(80deg,transparent 15%,var(--shine-color) 50%,transparent 85%);transform:skew(8deg);pointer-events:none;opacity:0}.alert--shine-active:after{animation:alertShineFadeSwipe 1.5s ease-out}@keyframes alertShineFadeSwipe{0%{left:-200%;opacity:1}to{left:200%;opacity:0}}@media (prefers-color-scheme: light){.alert--shine{--shine-color: rgba(255, 255, 255, .8)}}.alert--info{background:var(--color-status-info-bg);border-color:var(--color-status-info-default);color:var(--color-text-default);box-shadow:0 1px 3px #0000000d}.alert--success{background:var(--color-status-success-bg);border-color:var(--color-status-success-default);color:var(--color-text-default);box-shadow:0 1px 3px #0000000d}.alert--warning{background:var(--color-status-warning-bg);border-color:var(--color-status-warning-default);color:var(--color-text-default);box-shadow:0 1px 3px #0000000d}.alert--error{background:var(--color-status-error-bg);border-color:var(--color-status-error-default);color:var(--color-text-default);box-shadow:0 1px 3px #0000000d}.alert--neutral{background:var(--color-surface-secondary);border-color:transparent;color:var(--color-text-secondary)}.alert__icon{flex-shrink:0;width:20px;height:20px;margin-top:2px;display:flex;align-items:center;justify-content:center}.alert--info .alert__icon{color:var(--color-status-info-default);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--color-status-info-default) 40%,transparent))}.alert--success .alert__icon{color:var(--color-status-success-default);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--color-status-success-default) 40%,transparent))}.alert--warning .alert__icon{color:var(--color-status-warning-default);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--color-status-warning-default) 40%,transparent))}.alert--error .alert__icon{color:var(--color-status-error-default);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--color-status-error-default) 40%,transparent))}.alert--neutral .alert__icon{color:var(--color-text-tertiary)}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin-bottom:var(--space-xs);line-height:1.4}.alert__message{color:var(--color-text-secondary);line-height:1.6}.alert__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.alert__close{all:unset;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:color .15s ease-out,background .15s ease-out,transform .15s ease-out}.alert__close:hover{color:var(--color-text-default);background:#0000000d}.alert__close:active{transform:scale(.9)}.alert__close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.alert__close svg{width:14px;height:14px}.alert--exiting{animation:alertSlideOut .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alertSlideOut{0%{opacity:1;transform:scale(1);max-height:200px}to{opacity:0;transform:scale(.95);max-height:0;margin:0;padding-top:0;padding-bottom:0}}@media (max-width: 768px){.alert{padding:var(--space-md);gap:var(--space-sm);font-size:var(--font-size-xs)}.alert__icon{width:18px;height:18px}.alert__title{font-size:var(--font-size-sm)}.alert__actions{margin-top:var(--space-sm)}.alert__close svg{width:12px;height:12px}}@media (prefers-reduced-motion: reduce){.alert,.alert:before{animation:none}.alert--exiting{animation:none;opacity:0}.alert__close:active{transform:none}}.inline-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5}.inline-message--info{color:var(--color-status-info-default)}.inline-message--success{color:var(--color-status-success-default)}.inline-message--warning{color:var(--color-status-warning-default)}.inline-message--error{color:var(--color-status-error-default)}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:999999;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;isolation:isolate}.toast{display:flex;align-items:center;gap:var(--space-sm);min-width:240px;max-width:360px;padding:var(--space-md) var(--space-md) var(--space-md) var(--space-md);border-radius:var(--radius-lg);border:var(--border-width-thin) solid;box-shadow:var(--shadow-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);pointer-events:auto;box-sizing:border-box;transform:translate(100%);opacity:0;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.toast--success{background-color:var(--color-status-success-bg);border-color:var(--color-status-success-default);color:var(--color-status-success-default)}.toast--error{background-color:var(--color-status-error-bg);border-color:var(--color-status-error-default);color:var(--color-status-error-default)}.toast--warning{background-color:var(--color-status-warning-bg);border-color:var(--color-status-warning-default);color:var(--color-status-warning-default)}.toast--info{background-color:var(--color-status-info-bg);border-color:var(--color-status-info-default);color:var(--color-status-info-default)}.toast--neutral{background-color:var(--color-surface-secondary);border-color:var(--color-border-secondary);color:var(--color-text-default)}.toast--clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.toast--clickable:hover{transform:translate(0) scale(1.02);box-shadow:var(--shadow-sm)}.toast--clickable:active{transform:translate(0) scale(.98)}.toast--exiting{animation:toastSlideOut .25s cubic-bezier(.4,0,.2,1) forwards}.toast__icon{width:20px;height:20px;flex-shrink:0}.toast__message{flex:1;line-height:var(--line-height-default)}.toast__close{all:unset;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-7px;flex-shrink:0;cursor:pointer;border-radius:var(--radius-sm);opacity:.5;transition:opacity var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.toast__close:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.toast__close:active{transform:scale(.9)}.toast__close svg{width:12px;height:12px}.toast.glass{background:color-mix(in srgb,var(--color-surface-secondary) 80%,transparent);backdrop-filter:blur(var(--micro-blur-glass));-webkit-backdrop-filter:blur(var(--micro-blur-glass));border-color:color-mix(in srgb,var(--color-border-tertiary) 60%,transparent)}.toast.glass.toast--success{background:color-mix(in srgb,var(--color-status-success-bg) 50%,transparent)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-color:color-mix(in srgb,var(--color-status-success-default) 40%,transparent)}.toast.glass.toast--error{background:color-mix(in srgb,var(--color-status-error-bg) 50%,transparent)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-color:color-mix(in srgb,var(--color-status-error-default) 40%,transparent)}.toast.glass.toast--warning{background:color-mix(in srgb,var(--color-status-warning-bg) 50%,transparent)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-color:color-mix(in srgb,var(--color-status-warning-default) 40%,transparent)}.toast.glass.toast--info{background:color-mix(in srgb,var(--color-status-info-bg) 50%,transparent)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-color:color-mix(in srgb,var(--color-status-info-default) 40%,transparent)}.toast.glass.toast--neutral{background:color-mix(in srgb,var(--color-surface-secondary) 85%,transparent)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-color:var(--color-border-secondary)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.toast-container{left:var(--space-lg);right:var(--space-lg);top:var(--space-md)}.toast{min-width:unset;max-width:unset;width:100%;margin:0;padding:var(--space-md) var(--space-lg);box-sizing:border-box;transform:translateY(-100%);animation:toastSlideInMobile .3s cubic-bezier(.16,1,.3,1) forwards}.toast--exiting{animation:toastSlideOutMobile .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes toastSlideInMobile{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOutMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}}@media (prefers-reduced-motion: reduce){.toast,.toast--clickable{animation:none!important;transform:translate(0)!important;opacity:1!important}.toast--exiting{opacity:0!important}}.highlighted-text{background-color:color-mix(in srgb,var(--color-primary-default) 20%,transparent);color:inherit}.divider{border:none;margin:0;flex-shrink:0}.divider--horizontal{width:100%;height:1px}.divider--vertical{width:1px;height:100%;display:inline-block;align-self:stretch}.divider--solid.divider--horizontal,.divider--solid.divider--vertical{background:var(--color-border-secondary)}.divider--gradient.divider--horizontal{background:linear-gradient(90deg,transparent 0%,var(--color-border-secondary) 20%,var(--color-border-secondary) 80%,transparent 100%)}.divider--gradient.divider--vertical{background:linear-gradient(180deg,transparent 0%,var(--color-border-secondary) 20%,var(--color-border-secondary) 80%,transparent 100%)}.divider--dashed.divider--horizontal{background:none;border-top:1px dashed var(--color-border-secondary);height:0}.divider--dashed.divider--vertical{background:none;border-left:1px dashed var(--color-border-secondary);width:0}.divider--horizontal.divider--mt-sm{margin-top:var(--space-sm)}.divider--horizontal.divider--mt-md{margin-top:var(--space-md)}.divider--horizontal.divider--mt-lg{margin-top:var(--space-lg)}.divider--horizontal.divider--mt-xl{margin-top:var(--space-xl)}.divider--horizontal.divider--mb-sm{margin-bottom:var(--space-sm)}.divider--horizontal.divider--mb-md{margin-bottom:var(--space-md)}.divider--horizontal.divider--mb-lg{margin-bottom:var(--space-lg)}.divider--horizontal.divider--mb-xl{margin-bottom:var(--space-xl)}.divider--vertical.divider--mt-sm{margin-left:var(--space-sm)}.divider--vertical.divider--mt-md{margin-left:var(--space-md)}.divider--vertical.divider--mt-lg{margin-left:var(--space-lg)}.divider--vertical.divider--mt-xl{margin-left:var(--space-xl)}.divider--vertical.divider--mb-sm{margin-right:var(--space-sm)}.divider--vertical.divider--mb-md{margin-right:var(--space-md)}.divider--vertical.divider--mb-lg{margin-right:var(--space-lg)}.divider--vertical.divider--mb-xl{margin-right:var(--space-xl)}.breadcrumbs{width:100%}.breadcrumbs__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.breadcrumbs__item{display:flex;align-items:center;gap:var(--space-xs)}.breadcrumbs__link{all:unset;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:color .15s ease-out;text-decoration:none}.breadcrumbs__link:hover{color:var(--color-text-default)}.breadcrumbs__link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-xs)}.breadcrumbs__current{font-size:var(--font-size-md);color:var(--color-text-default);font-weight:var(--font-weight-medium)}.breadcrumbs__collapsed{font-size:var(--font-size-md);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.breadcrumbs__separator{display:flex;align-items:center;color:var(--color-text-tertiary);font-size:var(--font-size-md);-webkit-user-select:none;user-select:none}.breadcrumbs__separator svg{width:14px;height:14px}@media (max-width: 768px){.breadcrumbs__list,.breadcrumbs__item{gap:var(--space-xxs)}.breadcrumbs__link,.breadcrumbs__current,.breadcrumbs__collapsed{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){.breadcrumbs__link{transition:none}}.pagination{display:inline-flex;align-items:center;gap:var(--space-sm)}.pagination__button--nav{all:unset;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--radius-pill);cursor:pointer;color:var(--color-text-default);transition:background .15s ease-out,transform .15s ease-out;-webkit-user-select:none;user-select:none}.pagination--small .pagination__button--nav{width:32px;height:32px}.pagination--medium .pagination__button--nav{width:36px;height:36px}.pagination__button--nav:hover:not(:disabled){background:var(--color-surface-tertiary)}.pagination__button--nav:active:not(:disabled){transform:scale(.95)}.pagination__button--nav:disabled{opacity:.3;cursor:not-allowed}.pagination__button--nav:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.pagination__current{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s ease-out}.pagination--small .pagination__current{width:32px;height:32px}.pagination--medium .pagination__current{width:36px;height:36px}.pagination__current:focus-within{outline:2px solid var(--color-border-focus);outline-offset:2px}.pagination__input{all:unset;width:100%;text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);cursor:text}.pagination__input:disabled{cursor:not-allowed;opacity:.5}.pagination__separator{font-size:var(--font-size-sm);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.pagination__total{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;min-width:20px;text-align:left}.pagination--disabled{opacity:.5;pointer-events:none}@media (prefers-reduced-motion: reduce){.pagination__button--nav:active{transform:none}}.keyboard-hint{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;padding:0;font-size:inherit;font-style:normal;font-variant:normal}.keyboard-hint--small{min-width:24px;height:20px;padding:0 var(--space-xs);font-size:10px;border-radius:var(--radius-xs)}.keyboard-hint--large{min-width:28px;height:28px;padding:0 var(--space-xs);font-size:11px;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold)}.keyboard-hint--active{background:var(--color-primary-default);border-color:var(--color-primary-default);color:var(--color-primary-contrast);font-weight:var(--font-weight-bold)}.keyboard-hint--danger{background:color-mix(in srgb,var(--color-status-error-default) 10%,transparent);border-color:color-mix(in srgb,var(--color-status-error-default) 20%,var(--color-border-secondary));color:var(--color-status-error-default)}.keyboard-hint--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.keyboard-hint--wide{min-width:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.keyboard-hint--large.keyboard-hint--wide{padding-left:var(--space-lg);padding-right:var(--space-lg)}@media (prefers-contrast: high){.keyboard-hint{border-width:2px}}.search-bar-wrapper{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.search-bar{position:relative;display:flex;align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-secondary) 60%,transparent),color-mix(in srgb,var(--color-surface-tertiary) 40%,transparent));backdrop-filter:blur(var(--micro-blur-glass)) saturate(var(--saturation-glass));-webkit-backdrop-filter:blur(var(--micro-blur-glass)) saturate(var(--saturation-glass));border:none;transition:all var(--transition-fast) var(--motion-spring-snappy);overflow:visible;z-index:20;width:100%;box-sizing:border-box}.search-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:var(--border-width-thin);background:linear-gradient(180deg,color-mix(in srgb,var(--color-glass-border-dark) 60%,transparent),color-mix(in srgb,var(--color-glass-border-light) 20%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:-1}.search-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-glass-highlight) 30%,transparent) 50%,transparent 100%);opacity:.5;pointer-events:none;border-radius:inherit}.search-bar--medium{padding:var(--space-md) var(--space-lg);gap:var(--space-md);border-radius:var(--radius-pill);height:calc(var(--space-xl) + var(--space-sm))}.search-bar--small{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);border-radius:var(--radius-lg);height:var(--space-xl)}.search-bar:hover:not(.search-bar--disabled){background-color:var(--color-surface-tertiary);transform:translateY(-1px)}.search-bar:focus-within:not(.search-bar--disabled){border-color:transparent;outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:0px;background-color:var(--color-surface-tertiary);transform:translateY(0);animation:search-focus-ring .3s var(--motion-spring-bouncy)}.search-bar:focus-within:not(.search-bar--disabled):after{opacity:.8;animation:highlight-pulse .5s var(--motion-spring-gentle)}@keyframes search-focus-ring{0%{outline-offset:-4px;outline-color:transparent}50%{outline-offset:3px}to{outline-offset:1px;outline-color:var(--color-border-focus)}}@keyframes highlight-pulse{0%{opacity:.5;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1.05)}to{opacity:.8;transform:scaleX(1)}}.search-bar--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.search-bar--disabled .search-bar__input{cursor:not-allowed}.search-bar--disabled .search-bar__clear{pointer-events:none}.search-bar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-icon-neutral);opacity:var(--opacity-semantic-emphasis-medium);transition:color var(--transition-fast) var(--motion-spring-snappy),opacity var(--transition-fast),transform var(--transition-fast);position:relative;z-index:1}.search-bar--medium .search-bar__icon{width:var(--font-size-md);height:var(--font-size-md)}.search-bar--small .search-bar__icon{width:var(--font-size-sm);height:var(--font-size-sm)}.search-bar--focused .search-bar__icon:not(.search-bar__icon--loading){color:var(--color-primary-default);opacity:1;animation:search-icon-pulse .4s var(--motion-spring-snappy)}.search-bar__icon--loading{color:var(--color-primary-default);opacity:1}@keyframes search-icon-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.search-bar__input{all:unset;flex:1;min-width:0;font-size:var(--font-size-md);color:var(--color-text-default);background:transparent;box-sizing:border-box;position:relative;z-index:1}.search-bar--small .search-bar__input{font-size:var(--font-size-sm)}.search-bar__input::placeholder{color:var(--color-text-tertiary);opacity:var(--opacity-semantic-placeholder)}.search-bar__input::-webkit-search-cancel-button{display:none}.search-bar__shortcut{position:absolute;right:var(--space-lg);display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;pointer-events:none;z-index:1}.search-bar__clear{position:absolute;right:var(--space-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--color-icon-neutral);opacity:var(--opacity-semantic-emphasis-medium);border-radius:var(--radius-sm);transition:all var(--transition-fast) var(--motion-spring-snappy);padding:0;margin:0;z-index:1}.search-bar--medium .search-bar__clear{width:calc(var(--space-md) + var(--space-xs));height:calc(var(--space-md) + var(--space-xs));padding:var(--space-xs)}.search-bar__clear svg,.search-bar__clear .icon{width:calc(var(--space-sm) + var(--space-xs));height:calc(var(--space-sm) + var(--space-xs))}.search-bar--small .search-bar__clear{width:calc(var(--space-md) + var(--space-xxs));height:calc(var(--space-md) + var(--space-xxs));padding:var(--space-xxs)}.search-bar__clear:hover{color:var(--color-icon-neutral);opacity:1;background-color:var(--color-surface-tertiary);transform:scale(1.05)}.search-bar__clear:active{transform:scale(.95)}.search-bar__clear:focus-visible{outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:var(--space-xxs)}.search-bar__helper-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--space-lg);margin-top:var(--space-xs);transition:color var(--transition-fast)}@media (prefers-reduced-motion: reduce){.search-bar,.search-bar__icon,.search-bar__clear{transition:none;animation:none!important}.search-bar:hover:not(.search-bar--disabled),.search-bar__clear:hover,.search-bar__clear:active{transform:none}.search-bar:focus-within:not(.search-bar--disabled):after{animation:none!important}@keyframes search-icon-pulse{0%,to{transform:scale(1)}}@keyframes search-focus-ring{0%,to{outline-offset:1px;outline-color:var(--color-border-focus)}}@keyframes highlight-pulse{0%,to{opacity:.8;transform:scaleX(1)}}}@media (prefers-contrast: high){.search-bar{outline:var(--border-width-thin) solid var(--color-border-primary)}.search-bar__icon,.search-bar__clear{opacity:1}}@media (max-width: 768px){.search-bar__shortcut{display:none}}.search-bar-expandable-wrapper{display:flex;align-items:center}.search-bar-wrapper--expandable{overflow:visible}.search-bar--expandable{transform-origin:right center}.search-bar--expandable.search-bar--expanded{animation:searchExpandIn .28s cubic-bezier(.32,.72,0,1)}@keyframes searchExpandIn{0%{opacity:0;transform:scaleX(.3) translate(20px);filter:blur(4px)}40%{opacity:1;filter:blur(0px)}to{transform:scaleX(1) translate(0)}}.search-bar__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--color-icon-neutral);opacity:var(--opacity-semantic-emphasis-medium);border-radius:var(--radius-sm);transition:all var(--transition-fast) var(--motion-spring-snappy);padding:var(--space-xs);margin-left:var(--space-xs);z-index:1}.search-bar__close svg,.search-bar__close .icon{width:var(--font-size-md);height:var(--font-size-md)}.search-bar__close:hover{color:var(--color-icon-neutral);opacity:1;background-color:var(--color-surface-quaternary);transform:scale(1.05)}.search-bar__close:active{transform:scale(.95)}.search-bar__close:focus-visible{outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:var(--space-xxs)}.scroll-to-top{position:sticky;bottom:var(--space-lg);float:right;clear:both;margin-right:var(--space-md);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-normal) var(--motion-spring-gentle)}@media (max-width: 768px){.scroll-to-top{bottom:var(--space-sm);margin-right:var(--space-sm)}}.scroll-to-top--visible{opacity:1;pointer-events:auto}.scroll-to-top--interactive.scroll-to-top--visible{animation:fadeInUp .3s var(--motion-spring-bouncy)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top--hide-mobile{display:none}.scroll-to-top--hide-desktop{display:block}@media (min-width: 769px){.scroll-to-top--hide-mobile{display:block}.scroll-to-top--hide-desktop{display:none}}@media (prefers-reduced-motion: reduce){.scroll-to-top,.scroll-to-top--interactive{animation:none!important;transition:opacity var(--transition-fast)!important}}.accordion{display:flex;flex-direction:column;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.accordion__item{background:transparent;border:none;position:relative;overflow:visible;transition:background .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.accordion__item:not(:first-child):before{content:"";position:absolute;top:0;left:var(--space-xl);right:var(--space-xl);height:1px;background:var(--color-border-secondary)}.accordion__item--open{background:var(--color-surface-tertiary);box-shadow:inset 0 1px #ffffff08,inset 0 -1px #0000000d;z-index:1}.accordion__item--open .accordion__trigger:hover{background:transparent}.accordion__item--disabled{opacity:.5;cursor:not-allowed}.accordion__trigger{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:transparent;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-default);text-align:left;min-height:56px;transition:background .2s ease-out,transform .2s ease-out;-webkit-user-select:none;user-select:none}.accordion__trigger:hover{background:#ffffff08;transition:background .2s ease-out}.accordion__trigger:hover .accordion__icon{color:var(--color-text-default);transform:scale(1.1) translate(-2px)}.accordion__trigger:hover .accordion__icon--open{transform:rotate(180deg) scale(1.1) translate(-2px)}.accordion__trigger:active{background:#0000000d;transition:background .05s ease-out;transform:scale(.995)}.accordion__trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;border-radius:0;position:relative;z-index:10}.accordion__item:first-child .accordion__trigger:focus-visible{border-radius:calc(var(--radius-2xl) - 2px) calc(var(--radius-2xl) - 2px) 0 0}.accordion__item:last-child .accordion__trigger:focus-visible{border-radius:0 0 calc(var(--radius-2xl) - 2px) calc(var(--radius-2xl) - 2px)}.accordion__item:only-child .accordion__trigger:focus-visible{border-radius:calc(var(--radius-2xl) - 2px)}.accordion__trigger--disabled{cursor:not-allowed;opacity:.5}.accordion__trigger--disabled:hover{background:transparent}.accordion__left-icon{flex-shrink:0;width:22px;height:22px;color:var(--color-icon-neutral);transition:transform .2s cubic-bezier(.4,0,.2,1)}.accordion__trigger:hover .accordion__left-icon{transform:scale(1.05)}.accordion__trigger-text{flex:1;line-height:1.5;font-size:var(--font-size-md);color:var(--color-text-default)}.accordion__icon-wrapper{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:transform .5s cubic-bezier(.34,1.56,.64,1),color .2s ease-out}.accordion__icon-wrapper--closed{transform:rotate(0)}.accordion__icon-wrapper--open,.accordion__icon-wrapper--plus.accordion__icon-wrapper--open{transform:rotate(180deg)}.accordion__trigger:hover .accordion__icon-wrapper{color:var(--color-text-default);transform:scale(1.1) translate(-2px)}.accordion__trigger:hover .accordion__icon-wrapper--open,.accordion__trigger:hover .accordion__icon-wrapper--plus.accordion__icon-wrapper--open{transform:rotate(180deg) scale(1.1) translate(-2px)}.accordion__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.accordion__content--open{max-height:1000px;opacity:1;transition:max-height .7s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.4,0,.2,1) .1s}.accordion__divider{height:1px;background:linear-gradient(to right,transparent,var(--color-border-primary) 5%,var(--color-border-primary) 95%,transparent);margin:0 var(--space-xl);opacity:0;animation:dividerFadeIn .3s cubic-bezier(.4,0,.2,1) .2s forwards}@keyframes dividerFadeIn{0%{opacity:0;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1)}}.accordion__content-inner{padding:var(--space-md) var(--space-xl) var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.accordion__content--open .accordion__content-inner{animation:contentFadeIn .4s cubic-bezier(.4,0,.2,1) .15s backwards}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.accordion__item,.accordion__trigger,.accordion__content,.accordion__icon{transition:none}}.badge{position:absolute;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);border-radius:var(--radius-pill);font-family:var(--font-family-base);font-size:12px;font-weight:var(--font-weight-bold);line-height:1;z-index:10;pointer-events:none;box-sizing:border-box;white-space:nowrap;transition:transform var(--transition-fast) var(--motion-spring-gentle);box-shadow:none}.badge--small{min-width:18px;height:18px;padding:0 var(--space-xs);font-size:11px}.badge--medium{min-width:22px;height:22px;padding:0 6px;font-size:12px}.badge--large{min-width:26px;height:26px;padding:0 7px;font-size:14px}.badge--top-right{top:0;right:0;transform:translate(10%,-10%)}.badge--top-left{top:0;left:0;transform:translate(-10%,-10%)}.badge--bottom-right{bottom:0;right:0;transform:translate(10%,10%)}.badge--bottom-left{bottom:0;left:0;transform:translate(-10%,10%)}.badge--inline{position:relative;top:auto;right:auto;bottom:auto;left:auto;display:inline-flex;vertical-align:middle}.badge--primary{background:var(--color-primary-default);color:var(--color-text-on-action)}.badge--secondary{background:var(--color-surface-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary)}.badge--success{background:var(--color-status-success-default);color:var(--color-text-on-color)}.badge--warning{background:var(--color-status-warning-default);color:var(--color-text-on-color)}.badge--error{background:var(--color-status-error-default);color:var(--color-text-on-color)}.badge--info{background:var(--color-icon-blue);color:var(--color-text-on-color)}.badge--neutral{background:var(--color-surface-quaternary);color:var(--color-text-default);border:1px solid var(--color-border-primary)}.badge--dot{min-width:10px;width:10px;height:10px;padding:0;border-radius:50%}.badge--dot.badge--top-right{top:0;right:0;transform:translate(10%,-10%)}.badge--dot.badge--top-left{top:0;left:0;transform:translate(-10%,-10%)}.badge--dot.badge--bottom-right{bottom:0;right:0;transform:translate(10%,10%)}.badge--dot.badge--bottom-left{bottom:0;left:0;transform:translate(-10%,10%)}.badge--top-right:hover{transform:translate(10%,-10%) scale(1.05)}.badge--top-left:hover{transform:translate(-10%,-10%) scale(1.05)}.badge--bottom-right:hover{transform:translate(10%,10%) scale(1.05)}.badge--bottom-left:hover{transform:translate(-10%,10%) scale(1.05)}.badge--inline:hover{transform:scale(1.05)}.badge-container{position:relative;display:inline-block}@media (prefers-reduced-motion: reduce){.badge{transition:none}.badge--top-right:hover{transform:translate(10%,-10%)}.badge--top-left:hover{transform:translate(-10%,-10%)}.badge--bottom-right:hover{transform:translate(10%,10%)}.badge--bottom-left:hover{transform:translate(-10%,10%)}.badge--inline:hover{transform:none}}.bar-chart{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.bar-chart__item{display:flex;flex-direction:column;gap:var(--space-xs)}.bar-chart__label-row{display:flex;align-items:center;gap:var(--space-sm)}.bar-chart__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.bar-chart__icon svg{width:18px;height:18px}.bar-chart__label{font-size:var(--font-size-sm);color:var(--color-text-default);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-chart__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.bar-chart__percentage{font-size:var(--font-size-xs);color:var(--color-text-tertiary);min-width:36px;text-align:right}.bar-chart__bar-container{width:100%;height:var(--bar-height, 16px);background:var(--color-surface-tertiary);border-radius:var(--radius-sm);overflow:hidden}.bar-chart__bar{height:100%;width:0;background:var(--bar-color, var(--color-primary-default));border-radius:var(--radius-sm);animation:bar-grow var(--animation-duration, .6s) ease-out forwards;animation-delay:var(--animation-delay, 0ms)}@keyframes bar-grow{to{width:var(--bar-width, 0%)}}.bar-chart--small .bar-chart__bar-container{--bar-height: 10px}.bar-chart--medium .bar-chart__bar-container{--bar-height: 16px}.bar-chart--large .bar-chart__bar-container{--bar-height: 24px}.bar-chart--vertical{flex-direction:row;align-items:flex-end;gap:var(--space-lg);height:200px}.bar-chart--vertical .bar-chart__item{flex-direction:column-reverse;align-items:center;flex:1;height:100%}.bar-chart--vertical .bar-chart__label-row{flex-direction:column;text-align:center}.bar-chart--vertical .bar-chart__bar-container{width:var(--bar-height, 16px);height:100%;flex:1}.bar-chart--vertical .bar-chart__bar{width:100%;height:0;animation-name:bar-grow-vertical}@keyframes bar-grow-vertical{to{height:var(--bar-width, 0%)}}@media (max-width: 480px){.bar-chart{gap:var(--space-sm)}.bar-chart__label-row{gap:var(--space-xs)}.bar-chart__icon svg{width:16px;height:16px}.bar-chart--vertical{height:160px}}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);border:1px solid var(--color-border-secondary);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--motion-spring-gentle);-webkit-user-select:none;user-select:none;max-width:fit-content;box-sizing:border-box}.chip:not(.chip--interactive):hover,.chip:not(.chip--interactive):active{transform:none}.chip.chip--interactive:not(.chip--checkbox):not(.chip--has-action){cursor:pointer}.chip.chip--interactive:not(.chip--checkbox):not(.chip--has-action):hover:not(.chip--disabled){transform:translateY(var(--micro-translate-hover))}.chip.chip--interactive:not(.chip--checkbox):not(.chip--has-action):active:not(.chip--disabled){transform:scale(.98);transition:all .1s var(--motion-spring-snappy)}.chip--small{height:24px;padding:0 var(--space-sm);font-size:var(--font-size-xs);gap:var(--space-xs)}.chip--medium{height:32px;padding:0 var(--space-md);font-size:var(--font-size-sm);gap:var(--space-xs)}.chip--small:has(.chip__remove){padding-right:var(--space-sm);gap:var(--space-sm)}.chip--medium:has(.chip__remove){padding-right:var(--space-md);gap:var(--space-sm)}.chip__remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin:0;opacity:.5;transition:opacity var(--transition-fast);color:currentColor;flex-shrink:0}.chip__remove:hover:not(:disabled){opacity:1}.chip__remove:disabled{cursor:not-allowed;opacity:.3}.chip__remove-icon{width:14px;height:14px;display:block}.chip__action{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin:0;margin-left:var(--space-xs);opacity:.8;transition:opacity var(--transition-fast);color:currentColor;flex-shrink:0}.chip__action:hover:not(:disabled){opacity:1}.chip__action:disabled{cursor:not-allowed;opacity:.3}.chip__action-icon{width:14px;height:14px}.chip--default{background-color:var(--color-surface-tertiary);color:var(--color-text-default)}.chip--primary{background-color:var(--color-primary-default);color:var(--color-text-on-action);border-color:var(--color-primary-default)}.chip--secondary{background-color:var(--color-surface-secondary);color:var(--color-text-secondary)}.chip--success{background-color:var(--color-status-success-bg);color:var(--color-status-success-default);border-color:var(--color-status-success-default)}.chip--creative{background-color:var(--color-status-creative-bg);color:var(--color-status-creative-default);border-color:var(--color-status-creative-default)}.chip--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning-default);border-color:var(--color-status-warning-default)}.chip--neutral{background-color:var(--color-surface-tertiary);color:var(--color-text-secondary);border-color:var(--color-border-secondary)}.chip--info{background-color:var(--color-status-info-bg);color:var(--color-status-info-default);border-color:var(--color-status-info-default)}.chip--error{background-color:var(--color-status-error-bg);color:var(--color-status-error-default);border-color:var(--color-status-error-default)}.chip--rating-lucky{background-color:var(--color-rating-lucky-bg);color:var(--color-rating-lucky-default);border-color:var(--color-rating-lucky-default)}.chip--rating-good{background-color:var(--color-rating-good-bg);color:var(--color-rating-good-default);border-color:var(--color-rating-good-default)}.chip--rating-medium{background-color:var(--color-rating-medium-bg);color:var(--color-rating-medium-default);border-color:var(--color-rating-medium-default)}.chip--rating-meh{background-color:var(--color-rating-meh-bg);color:var(--color-rating-meh-default);border-color:var(--color-rating-meh-default)}.chip--rating-bad{background-color:var(--color-rating-bad-bg);color:var(--color-rating-bad-default);border-color:var(--color-rating-bad-default)}.chip--disabled{opacity:var(--opacity-semantic-disabled);cursor:not-allowed}.chip--inactive{opacity:var(--opacity-semantic-disabled);cursor:not-allowed;color:var(--color-text-disabled);border-color:var(--color-border-secondary)}.chip--inactive .chip__checkbox{border-color:var(--color-border-secondary)}.chip--checkbox{cursor:pointer;opacity:.6;border-width:1px;border-color:transparent;transition:all var(--transition-fast) var(--motion-spring-gentle)}.chip--checkbox.chip--interactive:hover:not(.chip--disabled):not(.chip--inactive){opacity:.8;transform:translateY(var(--micro-translate-hover)) scale(1.02)}.chip--checkbox.chip--interactive:active:not(.chip--disabled):not(.chip--inactive){transform:scale(.98);transition:all .1s var(--motion-spring-snappy)}.chip--checkbox.chip--checked{opacity:1;border-color:var(--color-primary-default)}.chip--checkbox.chip--checked.chip--interactive:hover:not(.chip--disabled):not(.chip--inactive){opacity:1;border-color:var(--color-primary-default);transform:translateY(var(--micro-translate-hover)) scale(1.02)}.chip__content{line-height:var(--line-height-tight);white-space:nowrap}.chip:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}@media (prefers-reduced-motion: reduce){.chip{transition:none}.chip:hover,.chip:active{transform:none}}.donut-chart{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.donut-chart__chart-container{position:relative;display:flex;align-items:center;justify-content:center}.donut-chart__svg{display:block}.donut-chart__track{stroke:var(--color-surface-tertiary)}.donut-chart__segment{transition:opacity .15s ease,filter .15s ease}.donut-chart__segment:hover,.donut-chart__segment--hovered{opacity:.85;filter:brightness(1.1)}.donut-chart__segment--animated{opacity:0;animation:donut-segment-appear .5s ease-out forwards}.donut-chart__segment--animated:hover,.donut-chart__segment--animated.donut-chart__segment--hovered{opacity:.85}.donut-chart__tooltip{position:absolute;transform:translate(-50%,-100%) translateY(-12px);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-compact);font-weight:var(--font-weight-regular);background:var(--color-surface-secondary);color:var(--color-text-default);border:var(--border-width-thin) solid var(--color-border-primary);box-shadow:var(--shadow-sm);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;z-index:5000;animation:fadeIn .15s cubic-bezier(.16,1,.3,1) forwards}@keyframes donut-segment-appear{0%{opacity:0;transform:scale(.95);transform-origin:center}to{opacity:1;transform:scale(1)}}.donut-chart__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.donut-chart__center-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.1}.donut-chart__center-sublabel{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-2xs)}.donut-chart--small .donut-chart__center-value{font-size:var(--font-size-md)}.donut-chart--small .donut-chart__center-sublabel{font-size:var(--font-size-2xs)}.donut-chart--medium .donut-chart__center-value{font-size:var(--font-size-xxl)}.donut-chart--large .donut-chart__center-value{font-size:var(--font-size-xxxl)}.donut-chart--large .donut-chart__center-sublabel{font-size:var(--font-size-sm)}.donut-chart__legend{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;max-width:280px}.donut-chart__legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);padding:var(--space-2xs) var(--space-xs);margin:calc(-1 * var(--space-2xs)) calc(-1 * var(--space-xs));border-radius:var(--radius-sm);transition:background-color .15s ease}.donut-chart__legend-item:hover,.donut-chart__legend-item--hovered{background-color:var(--color-surface-secondary)}.donut-chart__legend-color{width:12px;height:12px;border-radius:var(--radius-xs);flex-shrink:0}.donut-chart__legend-label{color:var(--color-text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-chart__legend-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.donut-chart__legend-percent{color:var(--color-text-tertiary);font-size:var(--font-size-xs);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.tag{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);line-height:1;white-space:nowrap;box-sizing:border-box;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.02em}.tag--small{height:20px;padding:0 var(--space-sm);font-size:var(--font-size-xs)}.tag--medium{height:24px;padding:0 var(--space-sm);font-size:var(--font-size-sm)}.tag--default{background-color:var(--color-surface-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary)}.tag--primary{background-color:var(--color-primary-default);color:var(--color-text-on-action);border:1px solid var(--color-primary-default)}.tag--secondary{background-color:var(--color-surface-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary)}.tag--success{background-color:var(--color-status-success-default);color:var(--color-text-on-primary)}.tag--warning{background-color:var(--color-status-warning-default);color:var(--color-text-on-primary)}.tag--error{background-color:var(--color-status-error-default);color:var(--color-text-on-action)}.tag--info{background-color:var(--color-primary-default);color:var(--color-text-on-action);opacity:.9}.tag--neutral{background-color:var(--color-surface-quaternary);color:var(--color-text-default);border:1px solid var(--color-border-primary)}.tag--rating-lucky{background-color:var(--color-rating-lucky-bg);color:var(--color-rating-lucky-default);border:1px solid var(--color-rating-lucky-default)}.tag--rating-good{background-color:var(--color-rating-good-bg);color:var(--color-rating-good-default);border:1px solid var(--color-rating-good-default)}.tag--rating-medium{background-color:var(--color-rating-medium-bg);color:var(--color-rating-medium-default);border:1px solid var(--color-rating-medium-default)}.tag--rating-meh{background-color:var(--color-rating-meh-bg);color:var(--color-rating-meh-default);border:1px solid var(--color-rating-meh-default)}.tag--rating-bad{background-color:var(--color-rating-bad-bg);color:var(--color-rating-bad-default);border:1px solid var(--color-rating-bad-default)}.stat-card{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-md);display:grid;gap:var(--space-md);align-items:center}.stat-card__item{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-card__item--centered{display:flex;flex-direction:column;gap:var(--space-xs);text-align:center;align-items:center}.stat-card__label{composes:typography-body-sm from global;color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.stat-card__value{composes:typography-body-md from global;color:var(--color-text-default);font-weight:var(--font-weight-medium)}.stat-card__label--small{font-size:var(--font-size-xs)}.stat-card__value--small,.stat-card__label--medium{font-size:var(--font-size-sm)}.stat-card__value--medium,.stat-card__label--large{font-size:var(--font-size-md)}.stat-card__value--large{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.stat-card{padding:var(--space-sm);gap:var(--space-sm)}.stat-card__label{font-size:var(--font-size-xs)}.stat-card__value,.stat-card__value--medium{font-size:var(--font-size-sm)}}.data-table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border-primary);background:var(--color-surface-default)}.data-table{width:100%;min-width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto}.data-table__loading,.data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);min-height:200px;background:var(--color-surface-default);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border-primary)}.data-table__head{background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-primary)}.data-table__header{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table__header:not(.data-table__header--center):not(.data-table__header--right){text-align:left}.data-table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.data-table__header--sortable:hover{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.data-table__header--sorted{color:var(--color-text-default);background:var(--color-surface-tertiary)}.data-table__header--checkbox{width:48px;padding:var(--space-md)}.data-table__header--center,.data-table__header--center .data-table__header-content{text-align:center;justify-content:center}.data-table__header--right,.data-table__header--right .data-table__header-content{text-align:right;justify-content:flex-end}.data-table__header-content{display:flex;align-items:center;gap:var(--space-xs)}.data-table__sort-icon{display:flex;align-items:center;opacity:.5;transition:opacity var(--transition-fast)}.data-table__header--sortable:hover .data-table__sort-icon,.data-table__header--sorted .data-table__sort-icon{opacity:1}.data-table__body{background:var(--color-surface-default)}.data-table__row{transition:background-color var(--transition-fast)}.data-table__row--clickable{cursor:pointer}.data-table__row--clickable:hover{background:var(--color-surface-secondary)}.data-table__row--selected{background:var(--color-primary-alpha-10);border-left:4px solid var(--color-primary);border-right:4px solid var(--color-primary)}.data-table__row--selected:hover{background:var(--color-primary-alpha-20)}.data-table__row--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.data-table__cell{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-default);vertical-align:middle}.data-table__cell--checkbox{width:48px;padding:var(--space-md)}.data-table__cell--center{text-align:center}.data-table__cell--right{text-align:right}.data-table--striped .data-table__body .data-table__row:nth-child(2n){background:var(--color-surface-secondary)}.data-table--striped .data-table__body .data-table__row:nth-child(2n):hover{background:var(--color-surface-tertiary)}.data-table--compact .data-table__header{padding:var(--space-sm) var(--space-md)}.data-table--compact .data-table__cell{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}@media (max-width: 768px){.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table__header,.data-table__cell{padding:var(--space-md) var(--space-lg)}.data-table__header{white-space:nowrap}}.dialog__content{padding:var(--space-md) 0;color:var(--color-text-secondary);line-height:1.6}.dialog__message{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dialog__actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.dialog--danger .dialog__message,.dialog--warning .dialog__message,.dialog--success .dialog__message{color:var(--color-text-default)}.menu{position:fixed;z-index:var(--z-index-dropdown, 1000);min-width:140px;max-width:calc(var(--space-xl) * 10);background-color:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-xs) 0;box-shadow:var(--shadow-md);overflow:hidden;animation:overlayEnter .15s cubic-bezier(.16,1,.3,1)}.menu[style*="z-index: 10000"]{z-index:10000}.menu.glass:not(.menu--mobile){background:var(--color-surface-default);opacity:.84;border-color:var(--color-border-secondary)}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.menu.glass:not(.menu--mobile){background:color-mix(in srgb,var(--color-surface-default) 84%,transparent);backdrop-filter:blur(var(--micro-blur-glass));-webkit-backdrop-filter:blur(var(--micro-blur-glass));border-color:color-mix(in srgb,var(--color-border-primary) 50%,transparent);opacity:1}}.menu--mobile.glass{background:var(--color-surface-default);opacity:1;border-color:var(--color-border-primary)}.menu-section{padding:var(--space-xs) 0}.menu-section+.menu-section{border-top:var(--border-width-thin) solid var(--color-border-secondary);margin-top:var(--space-xs);padding-top:var(--space-xs)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#0003;animation:fadeIn .15s ease-out}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,blue)){.menu-backdrop{background-color:color-mix(in srgb,var(--color-overlay-default) 35%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}@supports (backdrop-filter: blur(1px)) and (not (background: color-mix(in srgb,red 50%,blue))){.menu-backdrop{background-color:#00000026;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}.menu--mobile{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;min-width:100%!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:80vh;overflow-y:auto;z-index:1000;animation:slideUpMobile .2s cubic-bezier(.16,1,.3,1)}.menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--transition-fast) var(--motion-spring-gentle);min-height:36px}.menu--mobile .menu-item{min-height:44px;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-md)}.menu-item:hover:not(.menu-item--disabled){background-color:var(--color-surface-tertiary)}.menu-item:focus-visible{outline:var(--border-width-thick) solid var(--color-primary-default);outline-offset:-2px}.menu-item--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.menu-item--disabled:hover{background-color:transparent;transform:none}.menu-item--control{cursor:default;justify-content:space-between;gap:var(--space-sm);padding-right:var(--space-sm)}.menu-item--control:hover{background-color:transparent}.menu-item--control .toggle,.menu-item--control .select,.menu-item--control .input-wrapper{flex-shrink:0;max-width:120px}.menu-item__icon{flex-shrink:0;width:var(--space-md);height:var(--space-md);color:inherit}.menu-item__icon[aria-hidden=true]{display:block}.menu-item__label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item__arrow{margin-left:auto;width:var(--space-sm);height:var(--space-sm);opacity:var(--opacity-50);flex-shrink:0}.menu-item__right{margin-left:auto;font-size:var(--font-size-xs);opacity:var(--opacity-70);flex-shrink:0}.menu-item--danger{color:var(--color-status-error-default)}.menu-item--danger:hover:not(.menu-item--disabled){background-color:color-mix(in srgb,var(--color-status-error-default) 10%,transparent)}.menu-item--confirm{background-color:var(--color-status-error-bg, color-mix(in srgb, var(--color-status-error-default) 10%, transparent));color:var(--color-status-error-default)}.menu-divider{height:var(--border-width-thin);background-color:var(--color-border-secondary);margin:var(--space-xs) 0}.tabs{display:flex;width:100%;height:100%;min-height:auto}.tabs--horizontal{flex-direction:column}.tabs--horizontal .tabs__nav{display:flex;gap:var(--space-sm);background:transparent;padding:var(--space-xs) var(--space-xl);border-radius:var(--radius-xl);width:fit-content;max-width:100%;margin:0 auto;position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tabs--horizontal .tabs__nav::-webkit-scrollbar{display:none}.tabs--horizontal{position:relative}.tabs--compact{min-height:auto!important}.tabs--compact .tabs__nav{background:transparent!important;padding:0!important;border-radius:0!important;gap:var(--space-xs)!important;margin:0!important;justify-content:flex-start}.tabs--compact .tabs__content{padding:var(--space-lg) 0 0 0!important;display:flex;flex-direction:column;gap:var(--space-md)}.tabs__active-bg{display:none!important}.tabs--horizontal .tabs__button{min-width:80px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);background:color-mix(in srgb,var(--color-surface-tertiary) 50%,transparent);border:var(--border-width-thin) solid transparent;position:relative;z-index:1;scroll-snap-align:start;gap:var(--space-xs)}.tabs--horizontal .tabs__button:not(.tabs__button--active){color:var(--color-text-quaternary)}.tabs--horizontal .tabs__button:not(.tabs__button--active) .tabs__label{opacity:.6}.tabs--horizontal .tabs__button:not(.tabs__button--active) .tabs__icon{color:var(--color-icon-neutral);opacity:.5}.tabs--horizontal .tabs__button:hover:not(.tabs__button--active){background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.tabs--horizontal .tabs__button:hover:not(.tabs__button--active) .tabs__label{opacity:.85}.tabs--horizontal .tabs__button:hover:not(.tabs__button--active) .tabs__icon{opacity:.8}.tabs--horizontal .tabs__button--icon-only{min-width:auto;width:auto;aspect-ratio:1;padding:var(--space-sm)}.tabs--horizontal .tabs__button--active{background:var(--color-surface-tertiary)!important;color:var(--color-text-default)!important;font-weight:var(--font-weight-medium)!important;border-color:var(--color-border-tertiary)!important;box-shadow:none}.tabs--horizontal .tabs__button--active .tabs__label{opacity:1!important}.tabs--horizontal .tabs__button--active .tabs__icon{color:inherit;opacity:1!important}.tabs--compact .tabs__button{background:transparent!important;color:var(--color-text-tertiary)!important;padding:var(--space-xs) var(--space-sm)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;border-radius:var(--radius-pill)!important;box-shadow:none!important;transition:all .2s ease!important}.tabs--compact .tabs__button:hover{color:var(--color-text-secondary)!important;background:var(--color-surface-secondary)!important}.tabs--compact .tabs__button--active{background:var(--color-surface-tertiary)!important;color:var(--color-text-default)!important;box-shadow:none!important}.tabs--compact .tabs__button--icon-only{padding:var(--space-xs)!important;aspect-ratio:1}.tabs--vertical{flex-direction:row;gap:var(--space-xl)}.tabs--vertical .tabs__nav{display:flex;flex-direction:column;gap:var(--space-sm);width:180px;height:fit-content;flex-shrink:0;background:transparent;padding:var(--space-sm);border-radius:var(--radius-xl);position:relative}.tabs--vertical .tabs__button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:40px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);background:color-mix(in srgb,var(--color-surface-tertiary) 50%,transparent);border:var(--border-width-thin) solid transparent;font-weight:var(--font-weight-medium)!important;position:relative;z-index:1}.tabs--vertical .tabs__button:not(.tabs__button--active){color:var(--color-text-quaternary)}.tabs--vertical .tabs__button:not(.tabs__button--active) .tabs__label{opacity:.6}.tabs--vertical .tabs__button:not(.tabs__button--active) .tabs__icon{color:var(--color-icon-neutral);opacity:.5}.tabs--vertical .tabs__button:hover:not(.tabs__button--active){background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.tabs--vertical .tabs__button:hover:not(.tabs__button--active) .tabs__label{opacity:.85}.tabs--vertical .tabs__button:hover:not(.tabs__button--active) .tabs__icon{opacity:.8}.tabs--vertical .tabs__button--active{background:var(--color-surface-tertiary)!important;color:var(--color-text-default)!important;font-weight:var(--font-weight-medium)!important;border-color:var(--color-border-tertiary)!important;box-shadow:none}.tabs--vertical .tabs__button--active .tabs__label{opacity:1!important}.tabs--vertical .tabs__button--active .tabs__icon{color:inherit;opacity:1!important}.tabs__button svg,.tabs__button .icon{color:inherit}.tabs__button .tabs__badge{opacity:1!important}.tabs__button{all:unset;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-quaternary);background:color-mix(in srgb,var(--color-surface-tertiary) 50%,transparent);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box}.tabs__nav--equal-width{width:100%}.tabs__nav--equal-width .tabs__button{flex:1;min-width:0}.tabs__button:hover:not(.tabs__button--active){background:var(--color-surface-secondary);color:var(--color-text-default);transform:scale(1.02);border-radius:var(--radius-pill)}.tabs__button[data-search-hidden=true]{opacity:0!important;pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.tabs__button[data-search-active=true]{background-color:var(--color-surface-secondary)!important;color:var(--color-text-default)!important;transform:scale(1.02)}.tabs__search-overlay{position:absolute;top:0;left:48px;right:0;bottom:0;display:flex;align-items:center;gap:var(--space-md);padding-right:var(--space-md);z-index:5}.tabs__search-input{all:unset;flex:1;font-size:var(--font-size-sm);color:var(--color-text-default);background:transparent;padding-left:var(--space-md)}.tabs__search-close{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-icon-neutral);opacity:var(--opacity-semantic-emphasis-medium);border-radius:var(--radius-pill);transition:all var(--transition-fast);min-width:auto;width:auto;aspect-ratio:1;padding:var(--space-sm)}.tabs__search-close:hover{background-color:var(--color-surface-secondary);opacity:1}.tabs__search{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;background:var(--color-surface-tertiary);border-radius:var(--radius-xl);padding:var(--space-xs);gap:var(--space-md);z-index:10;animation:fadeIn .2s cubic-bezier(.16,1,.3,1);transition:background var(--transition-fast)}.tabs__search:focus-within{outline:none;background:var(--color-surface-tertiary)}.tabs__search-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:auto;width:auto;aspect-ratio:1;padding:var(--space-sm);border-radius:var(--radius-pill);color:var(--color-icon-neutral);opacity:var(--opacity-semantic-emphasis-medium)}.tabs__search:focus-within .tabs__search-icon{color:var(--color-primary-default);opacity:1}.tabs__search-input{all:unset;flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-text-default);background:transparent}.tabs__search-input::placeholder{color:var(--color-text-tertiary);opacity:var(--opacity-semantic-placeholder)}.tabs__search-close{all:unset;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;color:var(--color-icon-neutral);opacity:var(--opacity-semantic-emphasis-medium);border-radius:var(--radius-pill);transition:all var(--transition-fast);min-width:auto;width:auto;aspect-ratio:1;padding:var(--space-sm)}.tabs__search-close:hover{color:var(--color-icon-neutral);opacity:1;background-color:var(--color-surface-tertiary)}.tabs__search-content{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.tabs__button:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.tabs__content{flex:1;padding:var(--space-lg);min-height:0;overflow-y:auto}.tabs__content--stacked{display:grid}.tabs__content--stacked .tabs__panel{grid-area:1 / 1;visibility:hidden;opacity:0;transition:opacity .15s ease-out}.tabs__content--stacked .tabs__panel--active{visibility:visible;opacity:1}.tabs--vertical .tabs__content{padding-top:var(--space-sm)}.tabbed-session-settings-modal .tabs__content{padding-top:0}.tabs--vertical .tabs__content{padding-left:0}.tabs__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.tabs__button .tabs__icon+.tabs__label{margin-left:var(--space-xs)}.tabs__badge{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);border-radius:var(--radius-pill);background:var(--color-status-error-default);color:#fff;font-size:12px;font-weight:var(--font-weight-bold);line-height:1;box-shadow:0 2px 4px #00000040;pointer-events:none;opacity:1!important}.tabs__badge:empty{min-width:12px;width:12px;height:12px;padding:0;top:0;right:0}.tabs--large .tabs__nav{padding:var(--space-sm) var(--space-lg);gap:var(--space-md)}.tabs--large .tabs__button{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-md);min-width:100px;gap:var(--space-sm)}.tabs--large .tabs__button--icon-only{padding:var(--space-md)}.tabs--large .tabs__icon{width:24px;height:24px}.tabs--large .tabs__icon svg{width:24px;height:24px}.tabs--large .tabs__badge{min-width:22px;height:22px;font-size:13px}.tabs--large .tabs__badge:empty{min-width:14px;width:14px;height:14px}@media (max-width: 768px){.tabs--horizontal,.tabs--vertical{flex-direction:column;width:100%;position:relative}.tabs--horizontal .tabs__nav,.tabs--vertical .tabs__nav{display:flex;flex-direction:row;width:fit-content;max-width:100%;box-sizing:border-box;margin:0 auto;padding:var(--space-xs) var(--space-sm);gap:var(--space-sm);border-radius:0;background:transparent;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:none;mask-image:none}.tabs--scrollable .tabs__nav{width:100%;margin:0;padding:var(--space-xs) 0}.tabs--fade-left:not(.tabs--fade-right) .tabs__nav{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 100%);mask-image:linear-gradient(to right,transparent 0%,black 12%,black 100%)}.tabs--fade-right:not(.tabs--fade-left) .tabs__nav{-webkit-mask-image:linear-gradient(to right,black 0%,black 88%,transparent 100%);mask-image:linear-gradient(to right,black 0%,black 88%,transparent 100%)}.tabs--fade-left.tabs--fade-right .tabs__nav{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.tabs--horizontal .tabs__nav::-webkit-scrollbar,.tabs--vertical .tabs__nav::-webkit-scrollbar{display:none}.tabs--horizontal .tabs__button,.tabs--vertical .tabs__button{all:unset;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:44px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text-quaternary);cursor:pointer;position:relative;transition:color var(--transition-fast),background var(--transition-fast);-webkit-tap-highlight-color:transparent;background:color-mix(in srgb,var(--color-surface-tertiary) 50%,transparent);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-pill);box-sizing:border-box}.tabs--horizontal .tabs__icon,.tabs--vertical .tabs__icon{width:22px;height:22px}.tabs--horizontal .tabs__icon svg,.tabs--vertical .tabs__icon svg{width:22px;height:22px}.tabs--horizontal .tabs__button:not(.tabs__button--active) .tabs__label,.tabs--vertical .tabs__button:not(.tabs__button--active) .tabs__label{opacity:.6}.tabs--horizontal .tabs__button:not(.tabs__button--active) .tabs__icon,.tabs--vertical .tabs__button:not(.tabs__button--active) .tabs__icon{opacity:.5}.tabs--horizontal .tabs__button--active,.tabs--vertical .tabs__button--active{color:var(--color-text-default);background:var(--color-surface-tertiary)!important;border-color:var(--color-border-tertiary)!important}.tabs--horizontal .tabs__button--active .tabs__label,.tabs--vertical .tabs__button--active .tabs__label,.tabs--horizontal .tabs__button--active .tabs__icon,.tabs--vertical .tabs__button--active .tabs__icon{opacity:1!important}.tabs--horizontal .tabs__button--active:after,.tabs--vertical .tabs__button--active:after{display:none}.tabs__content{flex:1;padding:var(--space-md);overflow-y:auto}.tabs--large .tabs__button{min-height:46px}}.progress-bar-container{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.progress-bar-container--inline{flex-direction:row;align-items:center;gap:var(--space-sm)}.progress-bar-container--inline .progress-bar{flex:1}.progress-bar__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.progress-bar__label--align-left{text-align:left}.progress-bar__label--align-center{text-align:center}.progress-bar__label--align-right{text-align:right}.progress-bar__stats{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.progress-bar__stats--top-right{justify-content:flex-end}.progress-bar__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.progress-bar__percentage{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.progress-bar{width:100%;max-width:100%;box-sizing:border-box}.progress-bar__track{position:relative;width:100%;background:var(--progress-track-color, color-mix(in srgb, var(--color-primary-default) 15%, transparent));border-radius:9999px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-primary-default);border-radius:9999px;min-width:0}.progress-bar--small .progress-bar__track{height:6px}.progress-bar--medium .progress-bar__track{height:8px}.progress-bar--large .progress-bar__track{height:12px}.progress-bar--success .progress-bar__track{--progress-track-color: color-mix(in srgb, var(--color-status-success-default) 15%, transparent)}.progress-bar--success .progress-bar__fill{background:var(--color-status-success-default)}.progress-bar--warning .progress-bar__track{--progress-track-color: color-mix(in srgb, var(--color-status-warning-default) 15%, transparent)}.progress-bar--warning .progress-bar__fill{background:var(--color-status-warning-default)}.progress-bar--error .progress-bar__track{--progress-track-color: color-mix(in srgb, var(--color-status-error-default) 15%, transparent)}.progress-bar--error .progress-bar__fill{background:var(--color-status-error-default)}.progress-bar--animated .progress-bar__fill{transition:width var(--transition-slow)}@media (prefers-reduced-motion: reduce){.progress-bar--animated .progress-bar__fill{transition:none}}.circular-progress{position:relative;display:inline-block}.circular-progress__svg{display:block}.circular-progress__bg{fill:none;stroke:var(--color-border-secondary);opacity:.5}.circular-progress__bar{fill:none;stroke-linecap:round;stroke-dashoffset:var(--offset)}.circular-progress--primary .circular-progress__bar{stroke:var(--color-primary-default)}.circular-progress--success .circular-progress__bar{stroke:var(--color-status-success-default)}.circular-progress--warning .circular-progress__bar{stroke:var(--color-status-warning-default)}.circular-progress--error .circular-progress__bar{stroke:var(--color-status-error-default)}.circular-progress__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:var(--font-weight-medium);color:var(--color-text-primary);pointer-events:none;text-align:center}.circular-progress--small .circular-progress__label{font-size:6px}.circular-progress--medium .circular-progress__label{font-size:8px}.circular-progress--large .circular-progress__label{font-size:12px}.circular-progress--animated .circular-progress__bar{will-change:stroke-dashoffset;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.circular-progress--animated .circular-progress__bar{transition:none}}@media (prefers-contrast: high){.circular-progress__bg{opacity:1;stroke:var(--color-border-primary);stroke-width:2}}.card{box-sizing:border-box;border-radius:var(--radius-xl)}.card--border{border:var(--border-width-thin) solid var(--color-border-primary)}.card--no-border{border:none}.card--surface-default{background:var(--color-surface-default)}.card--surface-secondary{background:var(--color-surface-secondary)}.card--surface-tertiary{background:var(--color-surface-tertiary)}.card--shadow{box-shadow:var(--shadow-sm)}.card--padding-none{padding:0}.card--padding-small{padding:var(--space-md)}.card--padding-medium{padding:var(--space-lg)}.card--padding-large{padding:var(--space-xl)}.card__header{margin-bottom:var(--space-lg)}.card__title{composes:typography-heading-md from global;margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}.card__description{composes:typography-body-sm from global;margin:0;color:var(--color-text-secondary)}@media (max-width: 768px){.card--padding-large{padding:var(--space-lg)}.card--padding-medium{padding:var(--space-md)}}.stack{display:flex}.stack--column{flex-direction:column}.stack--row{flex-direction:row}.stack--spacing-xs{gap:var(--space-xs)}.stack--spacing-sm{gap:var(--space-sm)}.stack--spacing-md{gap:var(--space-md)}.stack--spacing-lg{gap:var(--space-lg)}.stack--spacing-xl{gap:var(--space-xl)}.stack--spacing-2xl{gap:var(--space-2xl)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--justify-evenly{justify-content:space-evenly}.stack--wrap{flex-wrap:wrap}.stack--full-width{width:100%}.container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--full{max-width:none}.container--padding-none{padding-left:0;padding-right:0}.container--padding-sm{padding-left:var(--space-md);padding-right:var(--space-md)}.container--padding-md{padding-left:var(--space-lg);padding-right:var(--space-lg)}.container--padding-lg{padding-left:var(--space-xl);padding-right:var(--space-xl)}@media (max-width: 768px){.container--padding-md,.container--padding-lg{padding-left:var(--space-md);padding-right:var(--space-md)}}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-secondary);transition:background-color var(--transition-fast),transform var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item--normal{min-height:44px;padding:var(--space-sm) var(--space-md)}.list-item--compact{min-height:36px;padding:var(--space-xs) var(--space-md)}.list-item--data{min-height:48px;padding:0 var(--space-lg);gap:var(--space-xs)}.list-item__content{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.list-item__icon{width:20px;height:20px;flex-shrink:0;color:var(--color-text-secondary)}.list-item--compact .list-item__icon{width:18px;height:18px}.list-item--data .list-item__icon{display:none}.list-item__label{flex:1;min-width:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.list-item__label-wrapper{display:flex;flex-direction:column;gap:var(--space-xxs)}.list-item__label-main{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.list-item--compact .list-item__label-main{font-weight:var(--font-weight-regular)}.list-item__label-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-base)}.list-item--data .list-item__label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:30px;text-align:left;flex:0 0 auto}.list-item__actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.list-item--normal .list-item__actions,.list-item--compact .list-item__actions{max-width:400px}.list-item--data .list-item__actions{flex:1;min-width:0;overflow:hidden;font-size:var(--font-size-md);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);color:var(--color-text-default);font-feature-settings:var(--font-feature-mono)}.list-item__actions>.textarea{flex:1;min-width:0;max-width:100%}.list-item__chevron{width:16px;height:16px;flex-shrink:0;color:var(--color-text-tertiary)}.list-item--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.list-item--clickable:hover{background:var(--color-surface-tertiary)}.list-item--clickable:active{background:var(--color-surface-tertiary);transform:scale(.99)}.list-item--clickable:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.list-item--disabled{pointer-events:none}.list-item--disabled .list-item__content,.list-item--disabled .list-item__actions{opacity:.5}.list-item--indented{padding-left:var(--space-xl)}.list-item[data-color-theme=blue] .list-item__icon{--color-icon-orange: var(--color-icon-blue);--color-icon-orange-secondary: var(--color-icon-blue-secondary);--color-icon-red: var(--color-icon-blue);--color-icon-red-secondary: var(--color-icon-blue-secondary);--color-icon-green: var(--color-icon-blue);--color-icon-green-secondary: var(--color-icon-blue-secondary);--color-icon-purple: var(--color-icon-blue);--color-icon-purple-secondary: var(--color-icon-blue-secondary);--color-icon-yellow: var(--color-icon-blue);--color-icon-yellow-secondary: var(--color-icon-blue-secondary);--color-icon-teal: var(--color-icon-blue);--color-icon-teal-secondary: var(--color-icon-blue-secondary);--color-icon-brown: var(--color-icon-blue);--color-icon-brown-secondary: var(--color-icon-blue-secondary);--color-icon-gold: var(--color-icon-blue);--color-icon-gold-secondary: var(--color-icon-blue-secondary)}.list-item[data-color-theme=green] .list-item__icon{--color-icon-orange: var(--color-icon-green);--color-icon-orange-secondary: var(--color-icon-green-secondary);--color-icon-red: var(--color-icon-green);--color-icon-red-secondary: var(--color-icon-green-secondary);--color-icon-blue: var(--color-icon-green);--color-icon-blue-secondary: var(--color-icon-green-secondary);--color-icon-purple: var(--color-icon-green);--color-icon-purple-secondary: var(--color-icon-green-secondary);--color-icon-yellow: var(--color-icon-green);--color-icon-yellow-secondary: var(--color-icon-green-secondary);--color-icon-teal: var(--color-icon-green);--color-icon-teal-secondary: var(--color-icon-green-secondary);--color-icon-brown: var(--color-icon-green);--color-icon-brown-secondary: var(--color-icon-green-secondary);--color-icon-gold: var(--color-icon-green);--color-icon-gold-secondary: var(--color-icon-green-secondary)}.list-item[data-color-theme=red] .list-item__icon{--color-icon-orange: var(--color-icon-red);--color-icon-orange-secondary: var(--color-icon-red-secondary);--color-icon-blue: var(--color-icon-red);--color-icon-blue-secondary: var(--color-icon-red-secondary);--color-icon-green: var(--color-icon-red);--color-icon-green-secondary: var(--color-icon-red-secondary);--color-icon-purple: var(--color-icon-red);--color-icon-purple-secondary: var(--color-icon-red-secondary);--color-icon-yellow: var(--color-icon-red);--color-icon-yellow-secondary: var(--color-icon-red-secondary);--color-icon-teal: var(--color-icon-red);--color-icon-teal-secondary: var(--color-icon-red-secondary);--color-icon-brown: var(--color-icon-red);--color-icon-brown-secondary: var(--color-icon-red-secondary);--color-icon-gold: var(--color-icon-red);--color-icon-gold-secondary: var(--color-icon-red-secondary)}@media (prefers-reduced-motion: reduce){.list-item--clickable{transition:background-color var(--transition-fast)}.list-item--clickable:active{transform:none}.list-item--clickable:hover{background:var(--color-surface-tertiary)}}.expandable-list-item{display:grid;grid-template-rows:auto auto;background:var(--color-surface-secondary);padding:var(--space-sm) var(--space-md);gap:var(--space-xxs);cursor:pointer;transition:background-color .15s ease-out,padding .2s ease-out}.expandable-list-item:hover:not(.expandable-list-item--expanded){background:var(--color-surface-tertiary)}.expandable-list-item:active:not(.expandable-list-item--expanded){background:var(--color-surface-tertiary)}.expandable-list-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.expandable-list-item--expanded{cursor:default;padding-bottom:var(--space-md);gap:var(--space-xs)}.expandable-list-item__header{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:28px}.expandable-list-item__label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.expandable-list-item__icon{width:18px;height:18px;color:var(--color-text-tertiary);transition:color .15s ease-out,transform .2s ease-out}.expandable-list-item:hover:not(.expandable-list-item--expanded) .expandable-list-item__icon{color:var(--color-text-secondary)}.expandable-list-item__preview{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic;line-height:var(--line-height-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.expandable-list-item__preview--filled{color:var(--color-text-secondary);font-style:normal;font-weight:var(--font-weight-regular)}.expandable-list-item--expanded .textarea{animation:expandableTextareaSlideIn .25s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top}@keyframes expandableTextareaSlideIn{0%{opacity:0;transform:scaleY(.9) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@media (prefers-reduced-motion: reduce){.expandable-list-item--expanded .textarea{animation:none;opacity:1;transform:none}.expandable-list-item,.expandable-list-item__icon{transition:none}}.section{display:flex;flex-direction:column;gap:var(--space-xs)}.section__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-xs) var(--space-sm)}.section__content{border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-surface-secondary)}.section__content>*:first-child{border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}.section__content>*:last-child{border-radius:0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px);border-bottom:none}.section__content>*:only-child{border-radius:calc(var(--radius-lg) - 1px)}.section__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:var(--space-xs) var(--space-xs) 0;line-height:1.4}.back-button{all:unset;display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);box-sizing:border-box}.back-button__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}@media (max-width: 768px){.back-button__title{display:none}}.back-button__icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.back-button:hover{background:var(--color-surface-secondary);color:var(--color-text-default);border-color:var(--color-border-secondary)}.back-button:hover .back-button__icon{transform:translate(-2px)}.back-button:active .back-button__icon{transform:translate(-3px)}.back-button:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}@media (max-width: 768px){.back-button{width:44px;height:44px;padding:0;justify-content:center;border:var(--border-width-thin) solid var(--color-border-primary)}}.back-button:disabled{opacity:.5;cursor:not-allowed}.back-button:disabled:hover{background:transparent}.back-button:disabled:hover .back-button__icon{transform:none}.back-button:disabled:hover .back-button__title{color:var(--color-text-tertiary)}@media (prefers-reduced-motion: reduce){.back-button,.back-button__icon,.back-button__title{transition:none}}.avatar-container{position:relative;display:inline-flex;flex-shrink:0;padding:4px}.avatar-container--xl .badge{transform:translate(5%,-5%)!important}.avatar-container--xl .badge:hover{transform:translate(5%,-5%) scale(1.05)!important}@media (prefers-reduced-motion: reduce){.avatar-container--xl .badge:hover{transform:translate(5%,-5%)!important}}.avatar{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;border:var(--border-width-thin) solid var(--color-border-primary);background:var(--color-surface-tertiary);transition:all var(--transition-fast)}.avatar--circle{border-radius:50%}.avatar--square{border-radius:var(--radius-md)}.avatar--xs{width:24px;height:24px}.avatar--sm{width:32px;height:32px}.avatar--md{width:40px;height:40px}.avatar--lg{width:56px;height:56px}.avatar--xl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;overflow:hidden}.avatar--initials{background:var(--color-primary-default);color:var(--color-text-inverse);font-weight:var(--font-weight-medium)}.avatar__initials{-webkit-user-select:none;user-select:none;line-height:1}.avatar--xs .avatar__initials{font-size:10px}.avatar--sm .avatar__initials{font-size:12px}.avatar--md .avatar__initials{font-size:14px}.avatar--lg .avatar__initials{font-size:20px}.avatar--xl .avatar__initials{font-size:32px}.avatar--fallback{background:var(--color-surface-quaternary);color:var(--color-text-tertiary)}.avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar__icon{width:60%;height:60%;color:var(--color-text-tertiary)}.avatar__status{position:absolute;bottom:0;right:0;border-radius:50%;border:2px solid var(--color-surface-default);z-index:1}.avatar--xs .avatar__status{width:6px;height:6px;border-width:1px}.avatar--sm .avatar__status{width:8px;height:8px}.avatar--md .avatar__status{width:10px;height:10px}.avatar--lg .avatar__status{width:12px;height:12px}.avatar--xl .avatar__status{width:16px;height:16px}.avatar__status--online{background-color:var(--color-status-success-default)}.avatar__status--offline{background-color:var(--color-text-disabled)}.avatar__status--busy{background-color:var(--color-status-error-default)}.avatar__status--away{background-color:var(--color-status-warning-default)}.avatar--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.avatar--clickable:hover{transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover));border-color:var(--color-primary-default)}.avatar--clickable:active{transform:translateY(var(--micro-translate-press)) scale(var(--micro-scale-press));transition:all var(--transition-fast)}.avatar--clickable:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.avatar{transition:border-color var(--transition-fast)}.avatar--clickable:hover,.avatar--clickable:active{transform:none}}.empty-state__icon{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);color:var(--color-primary-default);opacity:0;transform:scale(.5) translateY(-10px)}.empty-state__icon.empty-state--visible{animation:iconEntrance .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes iconEntrance{0%{opacity:0;transform:scale(.5) translateY(-10px)}to{opacity:.7;transform:scale(1) translateY(0)}}.empty-state__title{composes:typography-heading-md from global;text-align:center;margin:0;margin-bottom:var(--space-xs);max-width:400px;color:var(--color-text-primary);opacity:0;transform:translateY(10px)}.empty-state__title.empty-state--visible{animation:contentFadeIn .5s ease-out .2s both}.empty-state__description{composes:typography-body-md from global;text-align:center;margin:0;margin-bottom:var(--space-lg);max-width:400px;color:var(--color-text-secondary);opacity:0;transform:translateY(10px)}.empty-state__description.empty-state--visible{animation:contentFadeIn .5s ease-out .3s both}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state__action-wrapper{opacity:0;transform:scale(.9)}.empty-state__action-wrapper.empty-state--visible{animation:actionFadeIn .5s ease-out .4s both}@keyframes actionFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.empty-state__icon.empty-state--small{margin-bottom:var(--space-md)}.empty-state__icon.empty-state--small svg{width:28px;height:28px}.empty-state__title.empty-state--small{composes:typography-heading-sm from global}.empty-state__description.empty-state--small{composes:typography-body-sm from global;margin-bottom:var(--space-md)}.empty-state__icon.empty-state--medium svg{width:40px;height:40px}.empty-state__icon.empty-state--large{margin-bottom:var(--space-xl)}.empty-state__icon.empty-state--large svg{width:56px;height:56px}.empty-state__title.empty-state--large{composes:typography-heading-lg from global;margin-bottom:var(--space-sm)}.empty-state__description.empty-state--large{composes:typography-body-lg from global;margin-bottom:var(--space-xl)}@media (prefers-reduced-motion: reduce){.empty-state__icon.empty-state--visible{animation:none;opacity:.7;transform:none}.empty-state__title.empty-state--visible,.empty-state__description.empty-state--visible,.empty-state__action-wrapper.empty-state--visible{animation:none;opacity:1;transform:none}}@media (prefers-contrast: high){.empty-state__icon{opacity:1}.empty-state__action{border:2px solid var(--color-border-primary)}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-xl)}.error-boundary__content{display:flex;flex-direction:column;align-items:center;max-width:500px;text-align:center}.error-boundary__icon{margin-bottom:var(--space-lg);color:var(--color-status-error-default)}.error-boundary__icon svg{width:48px;height:48px}.error-boundary__title{composes:typography-heading-md from global;margin:0;margin-bottom:var(--space-sm);color:var(--color-text-default)}.error-boundary__description{composes:typography-body-md from global;margin:0;margin-bottom:var(--space-lg);color:var(--color-text-secondary);line-height:1.6}.error-boundary__details{width:100%;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);text-align:left}.error-boundary__summary{composes:typography-body-sm from global;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:var(--font-weight-medium);padding:var(--space-xs);margin:calc(var(--space-xs) * -1);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.error-boundary__summary:hover{background:var(--color-surface-tertiary)}.error-boundary__summary::marker{color:var(--color-text-tertiary)}.error-boundary__stack{composes:typography-body-xs from global;margin:var(--space-sm) 0 0 0;padding:var(--space-sm);background:var(--color-surface-tertiary);border-radius:var(--radius-sm);color:var(--color-text-tertiary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-mono)}.error-boundary__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.error-boundary{padding:var(--space-lg);min-height:300px}.error-boundary__icon svg{width:40px;height:40px}.error-boundary__actions{flex-direction:column;width:100%}.error-boundary__actions button{width:100%}}@media (prefers-reduced-motion: reduce){.error-boundary__summary{transition:none}}@media (prefers-contrast: high){.error-boundary__details{border-width:2px}.error-boundary__icon{opacity:1}}.side-panel-section__title--clickable{cursor:pointer}.page-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:var(--space-lg);padding:0 var(--space-md);box-sizing:border-box;position:relative}.page-header--sticky{position:sticky;top:0;z-index:var(--layout-z-content);background:transparent}.page-header__left{display:flex;align-items:center;flex:1;min-width:0}.page-header__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;color:var(--color-text-default);position:absolute;left:50%;transform:translate(-50%);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header__right{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0;justify-content:flex-end}@media (max-width: 768px){.page-header{padding:0 var(--space-md);margin-bottom:var(--space-md)}.page-header__title{font-size:var(--font-size-md)}.page-header--sticky{padding-top:var(--space-md);padding-bottom:var(--space-lg);margin-top:calc(-1 * var(--space-md))}}.section-header{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.section-header__border{padding-bottom:var(--space-xs);border-bottom:var(--border-width-thin) solid var(--color-border-primary)}.section-header__title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.section-header--large .section-header__title{font-size:var(--font-size-lg)}.section-header--compact{margin-bottom:var(--space-sm)}.section-header--no-border .section-header__border{border-bottom:none;padding-bottom:0}.spotlight-overlay{position:fixed;top:0;left:0;z-index:9998;cursor:pointer;animation:spotlightFadeIn .3s ease-out forwards}.spotlight-overlay--closing{animation:spotlightFadeOut .2s ease-out forwards}@keyframes spotlightFadeIn{0%{opacity:0}to{opacity:1}}@keyframes spotlightFadeOut{0%{opacity:1}to{opacity:0}}.spotlight-popover{position:fixed;z-index:10000;width:320px;max-width:calc(100vw - 32px);background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:spotlightPopoverIn .3s cubic-bezier(.16,1,.3,1) forwards}.spotlight-popover--closing{animation:spotlightPopoverOut .2s ease-out forwards}.spotlight-popover--top{transform-origin:bottom center}.spotlight-popover--bottom{transform-origin:top center}.spotlight-popover--left{transform-origin:right center}.spotlight-popover--right{transform-origin:left center}@keyframes spotlightPopoverIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spotlightPopoverOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(8px)}}.spotlight-popover__corner-icon{position:absolute;top:var(--space-md);right:var(--space-md);width:24px;height:24px}.spotlight-popover__corner-icon .icon{width:24px;height:24px}.spotlight-popover__content{padding:var(--space-lg);padding-right:calc(var(--space-lg) + 32px)}.spotlight-popover__title{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-default);line-height:var(--line-height-tight)}.spotlight-popover__description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-comfortable)}.spotlight-popover__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:var(--border-width-thin) solid var(--color-border-secondary);background:var(--color-surface-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.spotlight-popover__step-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.spotlight-popover__simple-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:0 var(--space-lg) var(--space-lg)}.spotlight-popover__actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}@media (max-width: 480px){.spotlight-popover{width:calc(100vw - 32px)}.spotlight-popover__content{padding:var(--space-md);padding-right:calc(var(--space-md) + 32px)}.spotlight-popover__footer{padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.spotlight-popover__step-text{order:-1;width:100%;text-align:center;margin-bottom:var(--space-sm)}.spotlight-popover__actions{width:100%;justify-content:flex-end}.spotlight-popover__simple-footer{padding:0 var(--space-md) var(--space-md)}}@media (prefers-reduced-motion: reduce){.spotlight-overlay,.spotlight-overlay--closing,.spotlight-popover,.spotlight-popover--closing{animation:none}.spotlight-overlay{opacity:1}.spotlight-overlay--closing{opacity:0}.spotlight-popover{opacity:1;transform:none}.spotlight-popover--closing{opacity:0}}.priority-tabs{position:relative;width:100%}.priority-tabs__nav{position:relative;height:48px;overflow-x:visible}.priority-tabs__button{position:absolute;bottom:0;background:transparent;border:none;cursor:pointer;padding:0 var(--space-sm) var(--space-sm);color:var(--color-text-tertiary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);font-family:var(--font-family-base);white-space:nowrap;transition:transform var(--transition-base) ease,opacity var(--transition-base) ease;opacity:var(--opacity-semantic-emphasis-medium)}.priority-tabs__button:hover{transform:scale(1.05);opacity:1}.priority-tabs__button:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.priority-tabs__button--active{color:var(--color-text-default);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);padding:0 var(--space-md) var(--space-xs);opacity:1}.priority-tabs__button--active:hover{transform:none;color:var(--color-text-default)}.priority-tabs__button--animating{transition:left .35s cubic-bezier(.25,.1,.25,1),font-size .35s cubic-bezier(.25,.1,.25,1),font-weight .35s cubic-bezier(.25,.1,.25,1),color .25s ease-out .1s,padding .35s cubic-bezier(.25,.1,.25,1)}.priority-tabs__indicator{position:absolute;bottom:0;left:var(--space-md);width:32px;height:2px;border-radius:var(--radius-sm);background:var(--color-primary-default);animation:indicatorAppear .3s ease-out .2s both}@keyframes indicatorAppear{0%{opacity:0;transform:scaleX(0);transform-origin:left}to{opacity:1;transform:scaleX(1)}}@media (max-width: 768px){.priority-tabs{position:relative;width:100%;overflow:hidden}.priority-tabs__nav{position:relative;width:100%;height:48px;margin:0;padding:0;padding-left:var(--space-lg);box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.priority-tabs__nav::-webkit-scrollbar{display:none}.priority-tabs__button{position:absolute;min-height:44px;padding:0 var(--space-md) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);opacity:.7}.priority-tabs__button--active{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:0 var(--space-md) var(--space-xs);color:var(--color-text-default);opacity:1}.priority-tabs__indicator{bottom:0;left:var(--space-md);width:32px;height:2px;background:var(--color-primary-default);border-radius:1px;animation:none}.priority-tabs__button--animating{transition:left .35s cubic-bezier(.25,.1,.25,1),font-size .35s cubic-bezier(.25,.1,.25,1),font-weight .35s cubic-bezier(.25,.1,.25,1),color .25s ease-out .1s,padding .35s cubic-bezier(.25,.1,.25,1)}.priority-tabs__nav{-webkit-mask-image:none;mask-image:none}.priority-tabs--fade-left .priority-tabs__nav{-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 24px,black 100%);mask-image:linear-gradient(90deg,transparent 0%,black 24px,black 100%)}.priority-tabs--fade-right .priority-tabs__nav{-webkit-mask-image:linear-gradient(90deg,black 0%,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,black 0%,black calc(100% - 24px),transparent 100%)}.priority-tabs--fade-left.priority-tabs--fade-right .priority-tabs__nav{-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 24px,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 24px,black calc(100% - 24px),transparent 100%)}}.toggle-button{all:unset;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base) var(--motion-spring-gentle);-webkit-user-select:none;user-select:none;box-sizing:border-box;white-space:nowrap;position:relative;overflow:hidden}.toggle-button--small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);min-height:32px;min-width:48px}.toggle-button--medium{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);min-height:40px;min-width:64px}.toggle-button{background-color:var(--color-surface-secondary);color:var(--color-text-default);border:var(--border-width-thin) solid var(--color-border-secondary);box-shadow:none}.toggle-button--interactive:hover:not(:disabled):not(.toggle-button--active){background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover));box-shadow:none}.toggle-button--active{background-color:var(--color-primary-default);color:var(--color-text-on-action);border-color:transparent;box-shadow:none;animation:toggleActivate .4s cubic-bezier(.34,1.56,.64,1)}@keyframes toggleActivate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.toggle-button--active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;animation:rippleOut .6s ease-out}@keyframes rippleOut{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.toggle-button--active--interactive:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(var(--micro-translate-hover)) scale(var(--micro-scale-hover));box-shadow:none}.toggle-button--active--interactive:active:not(:disabled){background-color:var(--color-primary-active);transform:translateY(var(--micro-translate-press)) scale(var(--micro-scale-press));box-shadow:none;transition:all .1s var(--motion-spring-snappy)}.toggle-button--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.toggle-button--disabled:hover{transform:none;box-shadow:none}.toggle-button:focus-visible{outline:var(--border-width-thick) solid var(--color-primary-default);outline-offset:2px}@media (prefers-reduced-motion: reduce){.toggle-button,.toggle-button--active{transition:none;animation:none}.toggle-button--active:before{animation:none}}.toggle-icon-button{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-pill);transition:all var(--transition-fast) var(--motion-spring-gentle);-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:transparent;position:relative;overflow:visible}.toggle-icon-button--small{width:32px;height:32px}.toggle-icon-button--medium{width:40px;height:40px}.toggle-icon-button--large{width:48px;height:48px}.toggle-icon-button--small .toggle-icon-button__icon{width:16px;height:16px}.toggle-icon-button--medium .toggle-icon-button__icon{width:20px;height:20px}.toggle-icon-button--large .toggle-icon-button__icon{width:24px;height:24px}.toggle-icon-button__icon{color:var(--color-icon-neutral);opacity:.4;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s ease-out,opacity .2s ease-out}.toggle-icon-button--interactive:not(.toggle-icon-button--active) .toggle-icon-button__icon{animation:toggleShrink .3s cubic-bezier(.4,0,.2,1)}@keyframes toggleShrink{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.toggle-icon-button--interactive:hover:not(:disabled):not(.toggle-icon-button--active){background-color:var(--color-surface-secondary)}.toggle-icon-button--interactive:hover:not(:disabled):not(.toggle-icon-button--active) .toggle-icon-button__icon{opacity:.7;transform:scale(1.05)}.toggle-icon-button--active .toggle-icon-button__icon{color:var(--color-primary-default);opacity:1}.toggle-icon-button--interactive.toggle-icon-button--active .toggle-icon-button__icon{animation:toggleBounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes toggleBounce{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1)}}.toggle-icon-button--active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:var(--color-surface-tertiary);opacity:1;z-index:0}.toggle-icon-button--interactive.toggle-icon-button--active:before{animation:glowFadeIn .3s ease-out}.toggle-icon-button--active .toggle-icon-button__icon{position:relative;z-index:1}@keyframes glowFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:.15;transform:scale(1)}}.toggle-icon-button--active--interactive:hover:not(:disabled){background-color:var(--color-surface-secondary)}.toggle-icon-button--active--interactive:hover:not(:disabled) .toggle-icon-button__icon{transform:scale(1.15)}.toggle-icon-button--interactive:active:not(:disabled){transform:scale(.95);transition:all .1s var(--motion-spring-snappy)}.toggle-icon-button--interactive:active:not(:disabled) .toggle-icon-button__icon{transform:scale(1)}.toggle-icon-button--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.toggle-icon-button--disabled:hover{background-color:transparent;transform:none}.toggle-icon-button--disabled:hover .toggle-icon-button__icon{transform:none}.toggle-icon-button:focus-visible{outline:var(--border-width-thick) solid var(--color-primary-default);outline-offset:2px}@media (prefers-reduced-motion: reduce){.toggle-icon-button,.toggle-icon-button__icon{transition:none}}.skeleton{background:var(--color-surface-tertiary);display:block;position:relative;overflow:hidden;opacity:var(--opacity-loading);box-sizing:border-box;flex-shrink:0}.skeleton--none{border-radius:0}.skeleton--sm{border-radius:var(--radius-sm)}.skeleton--md{border-radius:var(--radius-md)}.skeleton--lg{border-radius:var(--radius-lg)}.skeleton--full{border-radius:9999px}.skeleton--pulse{animation:skeleton-pulse 1.2s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-pulse{0%,to{opacity:.5;background:var(--color-surface-secondary);transform:scale(1)}50%{opacity:1;background:var(--color-surface-quaternary);transform:scale(1.005)}}.skeleton--shimmer:before{content:"";position:absolute;top:0;left:-300%;width:300%;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(255,255,255,.02) 40%,rgba(255,255,255,.06) 47%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.06) 53%,rgba(255,255,255,.02) 60%,transparent 70%,transparent 100%);transform:skew(-10deg);animation:skeleton-shimmer 2s linear infinite}@media (prefers-color-scheme: light){.skeleton--shimmer:before{background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(0,0,0,.015) 40%,rgba(0,0,0,.035) 47%,rgba(0,0,0,.04) 50%,rgba(0,0,0,.035) 53%,rgba(0,0,0,.015) 60%,transparent 70%,transparent 100%)}}@keyframes skeleton-shimmer{0%{left:-300%}60%{left:100%}to{left:100%}}.skeleton-container{box-sizing:border-box}@media (prefers-contrast: high){.skeleton{border-width:2px;opacity:.8}}@media (prefers-reduced-motion: reduce){.skeleton--pulse,.skeleton--shimmer:before{animation:none}.skeleton--pulse{opacity:var(--opacity-loading)}}@media (prefers-color-scheme: dark){.skeleton{background:color-mix(in srgb,var(--color-surface-secondary) 80%,var(--color-surface-tertiary) 20%)}}.skeleton-block{position:relative;display:block;box-sizing:border-box}.skeleton-block--loading{background:var(--color-surface-secondary);position:relative;overflow:hidden;opacity:var(--opacity-loading)}.skeleton-block--loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-text-tertiary) 15%,transparent) 50%,transparent 100%);animation:skeleton-block-shimmer 2s ease-in-out infinite;z-index:1}@keyframes skeleton-block-shimmer{0%{left:-100%}to{left:100%}}@media (prefers-reduced-motion: reduce){.skeleton-block--loading:before{animation:none}.skeleton-block--loading{opacity:var(--opacity-loading)}}.loading-container{position:relative;width:100%}.loading-container--fade .loading-container__content{transition:opacity var(--transition-base)}.loading-container--skeleton{position:relative;animation:fadeIn var(--transition-base)}.loading-container__content--hidden{visibility:hidden}.loading-container__skeleton-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.loading-container--spinner{min-height:var(--space-4xl)}.loading-container--spinner .loading-container__content{transition:opacity var(--transition-base)}.loading-container__spinner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;animation:fadeIn var(--transition-fast)}@media (prefers-reduced-motion: reduce){.loading-container--fade .loading-container__content,.loading-container--spinner .loading-container__content{transition:none}.loading-container__spinner-overlay{animation:none}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0e1015;z-index:9999}.loading-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.loading-screen__message{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (prefers-color-scheme: light){.loading-screen{background:#fafafa}}.info-container-clickable{position:relative;cursor:pointer}.info-container-body-clickable{position:relative}.info-container-body-clickable:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000000d;border-radius:var(--radius-md);opacity:0;transition:opacity .2s ease;pointer-events:none}.info-container-body-clickable:hover:before{opacity:1}.info-container-body-clickable:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:10}.info-container-body-clickable:hover:after{opacity:1}.info-container__title{margin-bottom:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.info-container__body{padding:var(--space-md);background-color:var(--color-surface-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm)}.info-container__item{display:flex;justify-content:space-between;align-items:center;min-height:24px}.info-container__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-shrink:0;margin-right:var(--space-md)}.info-container__value{color:var(--color-text-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:right;flex:1}.item-navigation{display:flex;align-items:center;gap:var(--space-xs)}.item-navigation__counter-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs)}.item-navigation__counter{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;padding:0 var(--space-xs);-webkit-user-select:none;user-select:none;min-width:60px;text-align:center;font-variant-numeric:tabular-nums}.item-navigation__progress{width:60px;height:2px;background:var(--color-surface-tertiary);border-radius:var(--radius-pill);overflow:hidden}.item-navigation__progress-bar{height:100%;background:var(--color-primary-default);border-radius:var(--radius-pill);transition:width var(--transition-fast)}@media (max-width: 768px){.item-navigation{gap:var(--space-xs)}.item-navigation__counter{font-size:var(--font-size-xs);padding:0 var(--space-xxs)}}.case-visualizer{overflow:hidden}.case-visualizer--loading,.case-visualizer--error{background-color:var(--color-surface-quaternary);display:flex;align-items:center;justify-content:center}.case-visualizer__placeholder{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tag-selector{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;position:relative;z-index:1;overflow:visible}.tag-selector__label{composes:typography-body-sm from global;display:block;color:var(--color-text-default);font-weight:var(--font-weight-semibold)}.tag-selector__limit{margin-left:var(--space-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.tag-selector__chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-xs) 0}.tag-selector__add{position:relative;z-index:2;display:flex;justify-content:flex-end}.scrollable-list{width:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.scrollable-list::-webkit-scrollbar{width:6px}.scrollable-list::-webkit-scrollbar-track{background:transparent}.scrollable-list::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.scrollable-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-primary)}.scrollable-list--default{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg)}.scrollable-list--flush{background:transparent;border:none}.scrollable-list__loader{height:60px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.5}@media (prefers-reduced-motion: reduce){.scrollable-list{scroll-behavior:auto}}.auth-modal{display:flex;flex-direction:column;gap:var(--space-md);transition:opacity .15s ease-out}.auth-modal__header-content{text-align:left;margin-bottom:var(--space-md)}.auth-modal__title{margin:0;font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-text-default);line-height:var(--line-height-tight)}.auth-modal__subtitle{margin:var(--space-sm) 0 0 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.auth-modal__form{display:grid;gap:var(--space-sm)}.auth-modal--transitioning{opacity:0}.auth-modal .alert{padding:var(--space-md) var(--space-md);gap:var(--space-md);border-radius:var(--radius-lg);align-items:center}.auth-modal .alert__icon{width:14px;height:14px;margin-top:0}.auth-modal .alert__message{line-height:1.4}.auth-modal .alert__close{position:static;margin-left:auto;width:18px;height:18px;opacity:.6}.auth-modal .alert__close:hover{opacity:1}.auth-modal .alert__close svg{width:12px;height:12px}.auth-modal__form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-modal__form .input-wrapper{max-width:none}.auth-modal__form .btn{min-height:44px}.auth-modal__password-section{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-modal__password-section--animated{animation:fadeSlideIn .2s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-modal__password-field{display:flex;flex-direction:column;gap:var(--space-2xs)}.auth-modal__forgot-link{all:unset;align-self:flex-end;font-size:var(--font-size-sm);color:var(--color-primary-default);cursor:pointer;transition:color var(--transition-fast)}.auth-modal__forgot-link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-modal__forgot-link:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px;border-radius:var(--radius-xs)}.auth-modal__divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-md) 0 var(--space-sm) 0}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:1px;background:var(--color-border-secondary)}.auth-modal__divider-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-transform:lowercase}.auth-modal__oauth{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-modal__oauth-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;min-height:44px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-surface-default);color:var(--color-text-default);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.auth-modal__oauth-button:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-border-primary);box-shadow:0 0 0 1px var(--color-border-secondary);transform:translateY(-1px)}.auth-modal__oauth-button:active:not(:disabled){transform:translateY(0)}.auth-modal__oauth-button:disabled{opacity:.6;cursor:not-allowed}.auth-modal__oauth-button:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.auth-modal__switch{margin:0;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.auth-modal__switch button{all:unset;color:var(--color-primary-default);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:underline}.auth-modal__switch button:hover{color:var(--color-primary-hover)}.auth-modal__switch button:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px;border-radius:var(--radius-xs)}.auth-modal__legal{margin:0;margin-top:var(--space-xl);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.5}.auth-modal__legal a{color:var(--color-primary-default);text-decoration:underline}.auth-modal__legal a:hover{color:var(--color-primary-hover)}.auth-modal__legal a:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px;border-radius:var(--radius-xs)}.auth-modal__benefits{padding:var(--space-md);background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md)}.auth-modal__benefits h4{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.auth-modal__benefits ul{margin:0;padding-left:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-modal__benefits li{margin-bottom:var(--space-2xs)}.auth-modal__benefits li:last-child{margin-bottom:0}@media (max-width: 768px){.auth-modal{margin-top:auto;margin-bottom:auto;padding-top:var(--space-xl);padding-bottom:var(--space-xl)}}@media (prefers-reduced-motion: reduce){.auth-modal__oauth-button,.auth-modal__forgot-link,.auth-modal__error-container{transition:none}.auth-modal__oauth-button:hover:not(:disabled){transform:none}}.avatar-renderer{position:relative;border-radius:50%;overflow:hidden;background:var(--color-surface-tertiary);isolation:isolate;clip-path:circle(49.5%)}.avatar-renderer--fill{width:100%;height:100%}.avatar-renderer--loaded>*{animation:avatarFadeIn .15s ease-out}@keyframes avatarFadeIn{0%{opacity:0}to{opacity:1}}.avatar-renderer__layer-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.avatar-renderer__backdrop{z-index:1}.avatar-renderer__head{z-index:2}.avatar-renderer__body{z-index:3}.avatar-renderer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0}div.avatar-renderer__body,div.avatar-renderer__head{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}div.avatar-renderer__body{align-items:flex-end;padding-bottom:10%}div.avatar-renderer__head{padding-bottom:15%}.avatar-renderer__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);border:2px dashed rgba(255,255,255,.3);gap:var(--space-xxs)}.avatar-renderer__placeholder--head{width:50%;height:40%}.avatar-renderer__placeholder--body{width:60%;height:35%}.avatar-renderer__placeholder-emoji{font-size:1.5em;line-height:1}.avatar-renderer__placeholder-id{font-size:9px;color:#ffffff80;font-family:var(--font-family-mono);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-renderer--sm .avatar-renderer__placeholder-id{display:none}.avatar-renderer--sm .avatar-renderer__placeholder-emoji{font-size:1.2em}.avatar-renderer--md .avatar-renderer__placeholder-id{display:none}.avatar-renderer--lg .avatar-renderer__placeholder-emoji{font-size:2em}.avatar-renderer--lg .avatar-renderer__placeholder-id{font-size:11px}.avatar-item-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-surface-tertiary);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border-secondary);overflow:visible;width:100%;box-sizing:border-box;min-width:0}.avatar-item-card--equipped{background:color-mix(in srgb,var(--color-primary-default) 8%,var(--color-surface-tertiary))}.avatar-item-card__thumbnail-wrapper{position:relative;width:56px;height:56px;flex-shrink:0}.avatar-item-card__thumbnail{width:100%;height:100%;border-radius:50%;background:var(--color-surface-quaternary);display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:circle(49.5%)}.avatar-item-card__thumbnail-img{width:100%;height:100%;object-fit:cover}.avatar-item-card__thumbnail--locked{filter:grayscale(100%)}.avatar-item-card__equipped-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:var(--color-status-success-default);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface-tertiary);z-index:1}.avatar-item-card__equipped-badge svg{width:12px;height:12px;color:#fff}.avatar-item-card__name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;line-height:1.2}.avatar-item-card__status{font-size:10px;color:var(--color-status-success-default)}.avatar-item-card__requirement{font-size:10px;color:var(--color-text-tertiary)}.avatar-item-card__button{width:100%;margin-top:2px}.avatar-modal-container{height:auto!important}.avatar-modal{display:flex;flex-direction:column;padding:0 var(--space-lg) var(--space-sm);max-width:100%;box-sizing:border-box}.avatar-modal__preview{display:flex;justify-content:center;flex-shrink:0;padding-bottom:var(--space-sm)}.avatar-modal__preview-wrapper{position:relative;display:inline-block}.avatar-modal__zoom-btn{position:absolute;bottom:var(--space-xs);right:var(--space-xs)}.avatar-zoom-modal{height:auto!important}.avatar-modal__zoom-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-lg);gap:var(--space-md)}.avatar-modal__zoom-loading{opacity:.7}.avatar-modal__3d-viewer{border-radius:var(--radius-xl)}.avatar-modal__zoom-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}@media (max-width: 768px){.avatar-zoom-modal .modal__content{padding:var(--space-md)!important}.avatar-modal__zoom-content{padding:var(--space-sm)}.avatar-modal__zoom-content .avatar-renderer{width:calc(100vw - var(--space-xl) * 2)!important;height:calc(100vw - var(--space-xl) * 2)!important;max-width:400px;max-height:400px}}.avatar-modal__tabs{flex-shrink:0;margin-bottom:var(--space-sm)}.avatar-modal__filters{display:flex;justify-content:center;margin-bottom:var(--space-md)}.avatar-modal__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:var(--space-lg);min-height:340px;align-content:start}.avatar-modal__empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-tertiary);font-size:var(--font-size-md);text-align:center}.avatar-modal__pagination{display:flex;justify-content:center;align-items:center;padding-top:var(--space-md);min-height:40px}@media (max-width: 768px){.avatar-modal{padding:0 var(--space-md) var(--space-sm)}.avatar-modal__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md);min-height:auto}.avatar-modal__tabs{margin-bottom:var(--space-xs)}.avatar-modal__filters{margin-bottom:var(--space-sm)}}.avatar-3d-viewer{position:relative;border-radius:50%;overflow:hidden;opacity:0;transition:opacity .3s ease;aspect-ratio:1;clip-path:circle(49%)}.avatar-3d-viewer--loaded{opacity:1}.avatar-3d-viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.avatar-3d-viewer__body{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.avatar-3d-viewer__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;background:transparent}.avatar-3d-viewer__canvas canvas{background:transparent!important}.avatar-3d-viewer--fallback{position:relative;opacity:1}.avatar-3d-viewer--fallback .avatar-3d-viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.avatar-3d-viewer--fallback .avatar-3d-viewer__foreground{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;border-radius:50%}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-header);height:48px;padding:0 var(--space-lg);padding-top:calc(env(safe-area-inset-top) + var(--space-md));display:flex;align-items:center;justify-content:space-between;background:transparent}.mobile-header__profile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;flex-shrink:0;border-radius:50%;transition:outline-color var(--transition-fast);outline:2px solid var(--color-border-secondary);outline-offset:1px}.mobile-header__profile:active{transform:scale(.95);outline-color:var(--color-border-tertiary)}.mobile-header__level{position:absolute;left:50%;transform:translate(-50%)}.mobile-header__level .progress-bar-container{width:100px}.mobile-header__level--glowing .progress-bar__fill{background:var(--color-icon-gold)!important;transition:background .3s ease}.mobile-header__level--levelup .progress-bar__fill{background:var(--color-status-success-default)!important;transition:background .3s ease}.mobile-header__menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);flex-shrink:0}.mobile-header__menu:active{background:var(--color-surface-secondary);color:var(--color-text-default)}.mobile-header__menu .icon{width:24px;height:24px}.mobile-header__auth-buttons{display:flex;align-items:center;gap:var(--space-sm)}.mobile-header__spacer{flex:1}.mobile-header__back{padding:var(--space-xs) var(--space-sm)}.mobile-header__back .back-button__title{font-size:var(--font-size-sm)}.navigation-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm);height:40px;padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-md);margin:0;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;width:100%;box-shadow:none;min-width:0;text-decoration:none;-webkit-user-select:none;user-select:none;position:relative;font-family:inherit;opacity:.8;transition:none}.navigation-item-wrapper{width:100%;position:relative}.navigation-item:hover{color:var(--color-text-default);background:transparent;border:none;box-shadow:none;opacity:1}.navigation-item--active{color:var(--color-text-default);background:var(--color-surface-secondary);border:none;position:relative;box-shadow:none;border-radius:var(--radius-md);opacity:1}.navigation-item--active:hover{color:var(--color-text-default);background:var(--color-surface-secondary);border-radius:var(--radius-md);box-shadow:none;cursor:default;opacity:1}.navigation-item__icon{width:20px;height:20px;flex-shrink:0;color:inherit;margin:0;display:flex;align-items:center;justify-content:center;opacity:.85}.navigation-item__icon svg{color:inherit}.navigation-item__icon.avatar{width:20px;height:20px;min-width:20px;min-height:20px;margin-left:calc(-1 * var(--space-xs));margin-right:calc(-1 * var(--space-xs))}.navigation-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:inherit;pointer-events:auto}.navigation-item--active .navigation-item__icon{opacity:1}@media (min-width: 1201px){.navigation .navigation-item,.navigation .navigation-item--active,.navigation .navigation-item:hover{width:100%!important;height:40px!important;min-width:0!important;min-height:40px!important;justify-content:flex-start!important;padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-md)!important;border-radius:var(--radius-md)!important;transition:none!important;transform:none!important}.navigation .navigation-item__label{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:auto!important;white-space:nowrap!important;opacity:1!important;pointer-events:auto!important}.navigation .navigation-item__icon{margin:0!important}}.navigation__main-items{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.navigation__profile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:transparent;text-align:center;margin:0 var(--space-md) var(--space-lg) var(--space-md);padding:var(--space-md);width:calc(100% - var(--space-md) * 2);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.navigation__profile:hover,.navigation__profile--active{background:var(--color-surface-secondary)}.navigation__profile--guest{padding:0;margin:0 var(--space-md);margin-bottom:var(--space-lg);box-sizing:border-box}.navigation__guest-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface-secondary);border-radius:var(--radius-lg);text-align:center}.navigation__guest-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%;margin-top:var(--space-sm)}.navigation__guest-icons{display:flex;justify-content:center;gap:var(--space-sm);padding:var(--space-md)}.navigation__guest-icon{width:18px;height:18px;color:var(--color-text-secondary)}.navigation__guest-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.4;margin:0}.navigation__signin-link{background:none;border:none;padding:var(--space-sm) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);cursor:pointer;transition:color .15s ease}.navigation__signin-link:hover{color:var(--color-text-secondary)}.navigation__avatar-progress-wrapper{position:relative;width:96px;height:96px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:visible}.navigation__avatar-progress-wrapper .avatar-container .avatar,.navigation__avatar-progress-wrapper .avatar-renderer{position:relative;z-index:1;width:68px;height:68px}.navigation__level-label{position:absolute;bottom:-6px;left:calc(50% - 2px);transform:translate(-50%);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);z-index:2}.navigation__profile--loading{pointer-events:none;cursor:default}.navigation__profile--loading:hover{background:transparent}.navigation__circular-progress{position:absolute;top:0;left:0;width:96px;height:96px;transform:rotate(144deg);pointer-events:none;z-index:0;overflow:visible}.navigation__circular-progress circle{fill:none;stroke-width:6;stroke-linecap:round}.navigation__circular-progress-bg{stroke:var(--color-border-secondary);stroke-dasharray:190 271;stroke-dashoffset:0}.navigation__circular-progress-fill{stroke:var(--color-primary-default);stroke-dasharray:190 271;stroke-dashoffset:190;transition:stroke-dashoffset .5s ease,stroke .3s ease}.navigation__circular-progress--gold .navigation__circular-progress-fill{stroke:var(--color-icon-gold)}.navigation__circular-progress--levelup{animation:levelUpGlow .6s ease-out 3}.navigation__circular-progress--levelup .navigation__circular-progress-fill{stroke:var(--color-status-success-default);animation:levelUpPulse .6s ease-out 3}.navigation__circular-progress--levelup .navigation__circular-progress-bg{animation:levelUpBgGlow .6s ease-out 3}@keyframes levelUpGlow{0%,to{filter:drop-shadow(0 0 0px transparent)}50%{filter:drop-shadow(0 0 12px var(--color-status-success-default))}}@keyframes levelUpPulse{0%,to{stroke-width:6}50%{stroke-width:8}}@keyframes levelUpBgGlow{0%,to{stroke:var(--color-border-secondary)}50%{stroke:color-mix(in srgb,var(--color-status-success-default) 30%,var(--color-border-secondary))}}.navigation__avatar-progress-wrapper:has(.navigation__circular-progress--levelup){animation:levelUpBounce .6s cubic-bezier(.34,1.56,.64,1) 1}@keyframes levelUpBounce{0%{transform:scale(1)}30%{transform:scale(1.1)}60%{transform:scale(.95)}to{transform:scale(1)}}.navigation__avatar-progress-wrapper:has(.navigation__circular-progress--levelup) .navigation__level-label{animation:levelLabelPop .6s ease-out 1;color:var(--color-status-success-default)}@keyframes levelLabelPop{0%{transform:translate(-50%) scale(1)}30%{transform:translate(-50%) scale(1.3)}to{transform:translate(-50%) scale(1)}}.navigation__profile-info{display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start;width:100%}.navigation__username{font-size:var(--font-size-md);color:var(--color-text-default);font-weight:var(--font-weight-bold)}.navigation__guest-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.navigation__sign-in-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--color-primary-default);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);width:100%;margin-top:var(--space-md)}.navigation__sign-in-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.navigation__sign-in-btn:active{transform:translateY(0)}.navigation__sign-in-btn .icon{width:16px;height:16px}.navigation__settings{width:100%;padding:0 var(--space-sm)}.navigation__settings .navigation-item{padding-left:0}.navigation__settings .navigation-item__icon{width:16px;height:16px}.navigation-promo-card{background:var(--color-surface-secondary);border:none;border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;position:relative;overflow:hidden;margin-bottom:var(--space-sm);animation:promo-fade-in .15s ease .15s both}@keyframes promo-fade-in{0%{opacity:0}to{opacity:1}}.navigation-promo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary-default),var(--color-accent-purple))}.navigation-promo-card__body{display:flex;flex-direction:column;gap:var(--space-sm)}.navigation-promo-card__header{display:flex;align-items:center;gap:var(--space-xs)}.navigation-promo-card__icon{width:16px;height:16px;color:var(--color-primary-default)}.navigation-promo-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin:0}.navigation-promo-card__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.odometer-counter{display:inline-flex;align-items:center}.odometer-counter__inner{display:flex;align-items:center;gap:1px}.odometer-counter__comma{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);align-self:flex-end;margin-bottom:0}.odometer-digit{position:relative;width:26px;height:36px;overflow:hidden;background:var(--color-surface-quaternary);border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px #0000000a}.odometer-digit__strip{display:flex;flex-direction:column;will-change:transform}.odometer-digit__number{height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.odometer-counter--small .odometer-digit{width:22px;height:32px}.odometer-counter--small .odometer-digit__number{height:32px;font-size:var(--font-size-md)}.odometer-counter--small .odometer-counter__comma{font-size:var(--font-size-sm)}.odometer-counter--compact .odometer-digit{width:16px;height:32px}.odometer-counter--compact .odometer-digit__number{height:32px;font-size:var(--font-size-sm)}.odometer-counter--compact .odometer-counter__comma{font-size:var(--font-size-2xs)}.odometer-counter--large .odometer-counter__inner{gap:3px}.odometer-counter--large .odometer-digit{width:34px;height:48px}.odometer-counter--large .odometer-digit__number{height:48px;font-size:var(--font-size-lg)}.odometer-counter--large .odometer-counter__comma{font-size:var(--font-size-xl);margin-bottom:0}:root[data-theme=light] .odometer-digit{background:var(--color-surface-tertiary)}:root[data-theme=light] .odometer-digit__number{color:var(--color-text-default)}.countdown-timer{display:flex;align-items:baseline;gap:var(--space-sm);font-family:var(--font-family-mono);color:var(--color-text-default)}.countdown-timer__unit{display:flex;align-items:baseline;gap:2px}.countdown-timer__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.countdown-timer__label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.weekly-challenge-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;width:100%;box-sizing:border-box}.weekly-challenge-modal__progress-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;box-sizing:border-box;margin:var(--space-lg) 0}.weekly-challenge-modal__progress-section{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs);width:100%;box-sizing:border-box;max-width:100%;padding:0 var(--space-md)}.weekly-challenge-modal__progress-labels{display:flex;justify-content:space-between;width:100%}.weekly-challenge-modal__progress-current{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-default);font-family:var(--font-family-mono)}.weekly-challenge-modal__progress-goal{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.weekly-challenge-modal__goal-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-status-success-default);text-align:center;margin-top:var(--space-xs)}.weekly-challenge-modal__status{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.weekly-challenge-modal__status--success{color:var(--color-status-success-default);background:var(--color-status-success-muted)}.weekly-challenge-modal__status--failed{color:var(--color-text-tertiary);background:var(--color-surface-tertiary)}.weekly-challenge-modal__status-icon{width:24px;height:24px}.weekly-challenge-modal__next-challenge{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);width:100%}.weekly-challenge-modal__next-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.weekly-challenge-modal__info-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-surface-tertiary);border-radius:var(--radius-lg);width:100%;box-sizing:border-box}.weekly-challenge-modal__info-icon{width:40px;height:40px;flex-shrink:0;animation:icon-shimmer 3s ease-in-out infinite}@keyframes icon-shimmer{0%,to{opacity:.7;filter:brightness(1)}50%{opacity:1;filter:brightness(1.2)}}.weekly-challenge-modal__info-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);line-height:var(--line-height-comfortable);margin:0;text-align:left}.weekly-challenge-modal__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);width:100%;box-sizing:border-box}.weekly-challenge-modal__card-header{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.weekly-challenge-modal__card-title{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.weekly-challenge-modal__info-btn{width:14px;height:14px;color:var(--color-text-disabled);cursor:help;transition:color var(--transition-fast)}.weekly-challenge-modal__info-btn:hover{color:var(--color-text-secondary)}.weekly-challenge-modal__card-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.weekly-challenge-modal__card-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-status-success-default)}.weekly-challenge-modal__card-status{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.weekly-challenge-modal__card-status--eligible{color:var(--color-status-success-default)}.weekly-challenge-modal__card-status--not-eligible{color:var(--color-status-warning-default)}.weekly-challenge-modal__percentile{font-weight:var(--font-weight-normal)}.weekly-challenge-modal__card .btn{margin-top:var(--space-sm)}.weekly-challenge-modal__alltime{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-top:var(--space-lg);border-top:var(--border-width-thin) solid var(--color-border-primary);width:100%}.weekly-challenge-modal__alltime-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.xp-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:18vh;cursor:pointer}.xp-celebration__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-heavy);opacity:0;transition:opacity .25s ease-out}.xp-celebration--show .xp-celebration__backdrop{opacity:1}.xp-celebration--exit .xp-celebration__backdrop{opacity:0;transition:opacity .4s ease-in}.xp-celebration__badge{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1;opacity:0;transform:scale(.3);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.xp-celebration--show .xp-celebration__badge{opacity:1;transform:scale(1)}.xp-celebration--fly .xp-celebration__badge,.xp-celebration--exit .xp-celebration__badge{transition:opacity .5s ease-in,transform .5s cubic-bezier(.4,0,.2,1)}.xp-celebration--fly .xp-celebration__hexagon,.xp-celebration--exit .xp-celebration__hexagon{animation:none}.xp-celebration--fly .xp-celebration__backdrop{opacity:.5;transition:opacity .3s ease-out}.xp-celebration__hexagon{position:relative;display:flex;align-items:center;justify-content:center;animation:hex-pulse .6s ease-in-out infinite alternate}.xp-celebration--bonus .xp-celebration__hexagon{animation:hex-pulse-bonus .4s ease-in-out infinite alternate}.xp-celebration--consolation .xp-celebration__hexagon{animation:none}.xp-celebration__hexagon-icon{width:140px;height:auto;color:var(--color-icon-gold)}.xp-celebration--bonus .xp-celebration__hexagon-icon{width:165px}.xp-celebration--consolation .xp-celebration__hexagon-icon{width:120px;color:var(--color-primary-default)}.xp-celebration__content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}@keyframes hex-pulse{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes hex-pulse-bonus{0%{transform:scale(1) rotate(-.5deg)}to{transform:scale(1.03) rotate(.5deg)}}.xp-celebration__amount{font-size:2.75rem;font-weight:900;font-family:var(--font-family-mono);line-height:1;color:var(--color-text-primary)}.xp-celebration--bonus .xp-celebration__amount{font-size:3.25rem}.xp-celebration--consolation .xp-celebration__amount{font-size:2.25rem;color:var(--color-text-inverse)}.xp-celebration__label{font-size:var(--font-size-base);font-weight:900;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.15em;opacity:.85}.xp-celebration--consolation .xp-celebration__label{color:var(--color-text-inverse);font-size:var(--font-size-sm);opacity:.9}.xp-celebration__hint{position:absolute;bottom:var(--space-2xl);font-size:var(--font-size-sm);color:var(--color-text-disabled);opacity:0;transition:opacity .3s ease-out .6s}.xp-celebration--show .xp-celebration__hint{opacity:1}.xp-celebration--bonus .xp-celebration__hexagon:before{content:"";position:absolute;width:220px;height:200px;background:radial-gradient(ellipse,rgba(255,193,7,.35) 0%,transparent 70%);border-radius:50%;animation:glow-pulse .4s ease-in-out infinite alternate;z-index:-1}@keyframes glow-pulse{0%{transform:scale(.85);opacity:.5}to{transform:scale(1.15);opacity:1}}.xp-celebration--bonus.xp-celebration--show{animation:celebrate-shake .5s ease-out}@keyframes celebrate-shake{0%,to{transform:translate(0) translateY(0)}10%{transform:translate(-4px) translateY(-2px)}20%{transform:translate(4px) translateY(2px)}30%{transform:translate(-3px) translateY(-1px)}40%{transform:translate(3px) translateY(1px)}50%{transform:translate(-2px) translateY(-2px)}60%{transform:translate(2px) translateY(2px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}}@media (max-width: 768px){.xp-celebration{padding-top:25vh}.xp-celebration__hexagon-icon{width:130px}.xp-celebration--bonus .xp-celebration__hexagon-icon{width:150px}.xp-celebration--consolation .xp-celebration__hexagon-icon{width:110px}.xp-celebration__amount{font-size:2.5rem}.xp-celebration--bonus .xp-celebration__amount{font-size:3rem}.xp-celebration--consolation .xp-celebration__amount{font-size:2rem}.xp-celebration__label{font-size:var(--font-size-sm)}.xp-celebration--bonus .xp-celebration__hexagon:before{width:200px;height:180px}}@media (max-width: 390px){.xp-celebration{padding-top:22vh}.xp-celebration__hexagon-icon{width:120px}.xp-celebration--bonus .xp-celebration__hexagon-icon{width:140px}.xp-celebration--consolation .xp-celebration__hexagon-icon{width:100px}.xp-celebration__amount{font-size:2.25rem}.xp-celebration--bonus .xp-celebration__amount{font-size:2.75rem}.xp-celebration--consolation .xp-celebration__amount{font-size:1.75rem}}.weekly-challenge-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);cursor:pointer;border-radius:var(--radius-lg);padding:var(--space-md);background:var(--color-surface-secondary);border:none;transition:background var(--transition-fast),transform var(--transition-fast)}.weekly-challenge-wrapper:hover{background:var(--color-surface-tertiary);transform:scale(1.02)}.weekly-challenge-countdown,.weekly-challenge-goal{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.weekly-challenge-wrapper--idle{cursor:pointer}.weekly-challenge-label,.weekly-challenge-sublabel{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.demo-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0a0f}.demo-reveal__background{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0f}.demo-reveal__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(99,102,241,.05) 0%,transparent 70%)}.demo-reveal__background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.5) 1px,transparent 1px);background-size:48px 48px}.demo-reveal__shimmer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100001;background:linear-gradient(105deg,transparent 0%,transparent 40%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 55%,transparent 60%,transparent 100%);transform:translate(-100%)}.demo-reveal__shimmer--active{animation:shimmer-sweep 2s cubic-bezier(.4,0,.2,1) forwards}@keyframes shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.demo-reveal__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl);transform:scale(1);opacity:1;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .8s ease-out}.demo-reveal__title{font-family:var(--font-family-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-default);margin:0 0 var(--space-2xl) 0;letter-spacing:-.02em;text-shadow:0 2px 40px color-mix(in srgb,var(--color-primary-default) 15%,transparent)}.demo-reveal__button-container{position:relative}.demo-reveal__button{font-size:var(--font-size-lg)!important;padding:var(--space-md) var(--space-2xl)!important;border-radius:var(--radius-xl)!important;box-shadow:0 4px 24px color-mix(in srgb,var(--color-primary-default) 30%,transparent),0 0 0 1px color-mix(in srgb,var(--color-primary-default) 20%,transparent);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease!important}.demo-reveal__button:hover{transform:scale(1.02);box-shadow:0 8px 32px color-mix(in srgb,var(--color-primary-default) 40%,transparent),0 0 0 1px color-mix(in srgb,var(--color-primary-default) 30%,transparent)}.demo-reveal__button:active{transform:scale(.98)}.demo-reveal--revealing{animation:reveal-fade-out 2s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes reveal-fade-out{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.demo-reveal--revealing .demo-reveal__content{animation:content-scale-out 1.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes content-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@media (max-width: 768px){.demo-reveal__title{font-size:clamp(1.5rem,6vw,2.5rem)}.demo-reveal__button{font-size:var(--font-size-md)!important;padding:var(--space-sm) var(--space-xl)!important}}.challenge-debug-panel{position:fixed;bottom:var(--space-md);right:var(--space-md);background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-sm);z-index:9999;font-size:var(--font-size-xs);box-shadow:var(--shadow-lg);min-width:200px;max-height:70vh;overflow-y:auto}.challenge-debug-panel--minimized{min-width:auto;padding:var(--space-xs);max-height:none;overflow:visible}.challenge-debug-panel--minimized button{background:none;border:none;cursor:pointer;font-size:var(--font-size-md)}.challenge-debug-panel__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-xs);border-bottom:var(--border-width-thin) solid var(--color-border-secondary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.challenge-debug-panel__header button{background:none;border:none;cursor:pointer;font-size:var(--font-size-md);color:var(--color-text-tertiary)}.challenge-debug-panel__feature-selector{margin-bottom:var(--space-sm)}.challenge-debug-panel__feature-selector select{width:100%;padding:var(--space-xs) var(--space-sm);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer}.challenge-debug-panel__feature-selector select:focus{outline:none;border-color:var(--color-primary-default)}.challenge-debug-panel__presets{display:flex;flex-direction:column;gap:var(--space-2xs);margin-bottom:var(--space-sm)}.challenge-debug-panel__presets button{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;text-align:left;font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:all var(--transition-fast)}.challenge-debug-panel__presets button:hover{background:var(--color-surface-tertiary)}.challenge-debug-panel__presets button.active{background:var(--color-primary-muted);border-color:var(--color-primary-default);color:var(--color-primary-default)}.challenge-debug-panel__section-title{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-sm) 0 var(--space-xs);padding-top:var(--space-xs);border-top:var(--border-width-thin) solid var(--color-border-secondary)}.challenge-debug-panel__current{padding-top:var(--space-xs);border-top:var(--border-width-thin) solid var(--color-border-secondary);color:var(--color-text-tertiary);line-height:1.6}.challenge-debug-panel__current strong{color:var(--color-text-default)}@media (max-width: 768px){.challenge-debug-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;right:auto;width:90%;max-width:300px;max-height:70vh;z-index:99999}.challenge-debug-panel--minimized{top:auto;left:auto;bottom:90px;right:12px;transform:none;width:auto}.challenge-debug-panel__presets{display:grid;grid-template-columns:repeat(2,1fr)}.challenge-debug-panel__presets button{font-size:10px;padding:8px;text-align:center}}.mobile-nav{display:flex;flex-direction:column;height:100%}.mobile-nav__items{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);flex:1;min-height:0;padding-bottom:5%}.mobile-nav .navigation-item{justify-content:center;width:100%;height:48px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);opacity:1}.mobile-nav .navigation-item__icon{opacity:1}.mobile-nav .navigation-item__label{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;opacity:1!important}.mobile-nav .navigation-item__icon{width:20px;height:20px}.mobile-nav__footer{display:flex;flex-direction:column;gap:var(--space-md)}.mobile-nav__weekly-challenge{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface-secondary);border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;transition:background var(--transition-fast),transform var(--transition-fast);position:relative}.mobile-nav__weekly-challenge:active{background:var(--color-surface-tertiary);transform:scale(.98)}.mobile-nav__weekly-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.mobile-nav__weekly-counter{display:flex;align-items:center;gap:var(--space-sm)}.mobile-nav__weekly-goal{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.mobile-nav__weekly-chevron{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-tertiary)}.mobile-nav__profile{display:flex;align-items:center;gap:var(--space-lg);width:100%;padding:var(--space-md) var(--space-lg);padding-right:var(--space-2xl);background:var(--color-surface-secondary);border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;position:relative;z-index:10;flex-shrink:0;text-align:left}.mobile-nav__profile:active{background:var(--color-surface-tertiary)}.mobile-nav__profile--active{background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary)}.mobile-nav__avatar{width:52px;height:52px;flex-shrink:0}.mobile-nav__avatar .avatar-renderer{width:100%;height:100%}.mobile-nav__profile-info{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-width:0}.mobile-nav__profile-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-default)}.mobile-nav__profile-chevron{position:absolute;top:50%;right:var(--space-md);transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-tertiary)}.mobile-nav__profile-level{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.mobile-nav__level-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.mobile-nav__profile-level .progress-bar-container{width:100%;max-width:120px}.mobile-nav__profile-level .progress-bar{height:4px}.mobile-nav__guest-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%;max-width:280px;margin:var(--space-sm) auto 0}.mobile-nav__signin-link{all:unset;padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);cursor:pointer;font-family:inherit;text-align:center}.mobile-nav__signin-link span{color:var(--color-text-tertiary)}.mobile-nav__signin-link strong{color:var(--color-primary-default);font-weight:var(--font-weight-medium);text-decoration:underline}.mobile-nav__signin-link:hover strong{color:var(--color-primary-hover)}@media (max-height: 640px){.mobile-nav__footer{display:none}.mobile-nav__items{justify-content:flex-start;margin-top:var(--space-md);padding-top:0;padding-bottom:0}.mobile-nav .navigation-item{height:40px}.mobile-nav__profile{padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);gap:var(--space-md)}.mobile-nav__avatar{width:40px;height:40px}.mobile-nav__profile-name{font-size:var(--font-size-md)}}.navigation-menu-header{display:flex;align-items:center;animation:menu-slide-in .2s ease .1s both}@keyframes menu-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.navigation-menu-header .btn{width:48px;height:48px}.navigation-menu-header .btn__icon{transform:scaleX(-1)}.reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:flex-start;justify-content:center;padding-top:25vh;pointer-events:none}.reward-overlay__badge{position:relative;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(30px) scale(.8);transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1)}.reward-overlay__hexagon{position:relative;display:flex;align-items:center;justify-content:center}.reward-overlay__hexagon-icon{width:120px;height:auto;color:var(--reward-color);filter:drop-shadow(0 0 20px color-mix(in srgb,var(--reward-color) 50%,transparent))}.reward-overlay__content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.reward-overlay__amount{font-size:2.25rem;font-weight:900;font-family:var(--font-family-mono);line-height:1;color:var(--reward-text-color, var(--color-text-default))}.reward-overlay__label{font-size:var(--font-size-sm);font-weight:900;color:var(--reward-text-color, var(--color-text-default));text-transform:uppercase;letter-spacing:.15em;opacity:.85}.reward-overlay--enter .reward-overlay__badge{opacity:0;transform:translateY(30px) scale(.8)}.reward-overlay--show .reward-overlay__badge{opacity:1;transform:translateY(0) scale(1)}.reward-overlay--show .reward-overlay__hexagon{animation:hex-pulse-reward .5s ease-in-out infinite alternate}.reward-overlay--fly .reward-overlay__badge,.reward-overlay--exit .reward-overlay__badge{transition:opacity .5s ease-in,transform .5s cubic-bezier(.4,0,.2,1)}.reward-overlay--fly .reward-overlay__hexagon,.reward-overlay--exit .reward-overlay__hexagon{animation:none}.reward-overlay--common{--reward-color: var(--color-primary-default);--reward-text-color: var(--color-text-on-action)}.reward-overlay--rare{--reward-color: var(--color-status-success-default);--reward-text-color: var(--color-text-default)}.reward-overlay--epic{--reward-color: var(--color-icon-purple);--reward-text-color: var(--color-text-default)}.reward-overlay--legendary,.reward-overlay--achievement{--reward-color: var(--color-icon-gold);--reward-text-color: var(--color-text-default)}.reward-overlay--challenge,.reward-overlay--streak,.reward-overlay--solve.reward-overlay--common{--reward-color: var(--color-primary-default);--reward-text-color: var(--color-text-on-action)}.reward-overlay--solve.reward-overlay--rare{--reward-color: var(--color-status-success-default);--reward-text-color: var(--color-text-default)}.reward-overlay--solve.reward-overlay--epic,.reward-overlay--solve.reward-overlay--legendary{--reward-color: var(--color-icon-gold);--reward-text-color: var(--color-text-default)}.reward-overlay--compact{padding-top:12vh}.reward-overlay--compact .reward-overlay__badge{transform:translateY(20px) scale(.85);transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.reward-overlay--compact .reward-overlay__hexagon-icon{width:80px;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--reward-color) 50%,transparent))}.reward-overlay--compact .reward-overlay__amount{font-size:1.5rem}.reward-overlay--compact .reward-overlay__label{font-size:var(--font-size-xs);letter-spacing:.12em}.reward-overlay--compact.reward-overlay--fly .reward-overlay__badge,.reward-overlay--compact.reward-overlay--exit .reward-overlay__badge{transition:opacity .5s ease-in,transform .5s cubic-bezier(.4,0,.2,1)}.reward-overlay--compact.reward-overlay--show .reward-overlay__hexagon{animation:hex-pulse-reward .5s ease-in-out infinite alternate}@keyframes hex-pulse-reward{0%{transform:scale(1)}to{transform:scale(1.03)}}@media (max-width: 768px){.reward-overlay{padding-top:40vh}.reward-overlay__hexagon-icon{width:100px}.reward-overlay__amount{font-size:2rem}.reward-overlay__label{font-size:var(--font-size-xs)}.reward-overlay--compact{padding-top:15vh}.reward-overlay--compact .reward-overlay__hexagon-icon{width:70px}.reward-overlay--compact .reward-overlay__amount{font-size:1.35rem}}.template-picker{display:flex;flex-direction:column}.template-picker__grid{display:flex;flex-direction:column;gap:var(--space-md)}.template-picker__card{position:relative;display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.template-picker__card:hover{background:var(--color-surface-tertiary)}.template-picker__card--selected{background:var(--color-surface-tertiary);border-color:var(--color-border-tertiary)}.template-picker__radio{flex-shrink:0;pointer-events:none;margin-top:2px}.template-picker__radio .radio-button-wrapper{margin:0}.template-picker__icon{position:absolute;top:var(--space-md);right:var(--space-md);width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity var(--transition-fast)}.template-picker__card--selected .template-picker__icon,.template-picker__card:hover .template-picker__icon{opacity:1}.template-picker__icon .icon{width:20px;height:20px}.template-picker__card--copy .template-picker__icon{position:static;opacity:.7}.template-picker__card--copy:hover .template-picker__icon{opacity:1}.template-picker__divider{height:1px;background:var(--color-border-secondary);margin:var(--space-lg) 0}.template-picker__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2xs);padding-right:var(--space-xl)}.template-picker__card--copy .template-picker__content{padding-right:0}.template-picker__name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-default);opacity:.9;transition:opacity .15s ease}.template-picker__card:hover .template-picker__name,.template-picker__card--selected .template-picker__name{opacity:1}.template-picker__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-base)}.template-picker__card--copy{align-items:center}.template-picker__chevron{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);opacity:.6;transition:opacity .15s ease}.template-picker__card--copy:hover .template-picker__chevron{opacity:1}.copy-session-list{max-height:350px;overflow-y:auto}.copy-session-list__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);border-bottom:var(--border-width-thin) solid var(--color-border-tertiary)}.copy-session-list__item:last-child{border-bottom:none}.copy-session-list__item:hover{background:var(--color-surface-tertiary)}.copy-session-list__icon{width:20px;height:20px;flex-shrink:0}.copy-session-list__name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.time-effects-overlay{position:fixed;pointer-events:none;z-index:1000}.effect-pr,.effect-better,.effect-worse{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.effect-pr-pulse{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%) scale(1);border:3px solid var(--color-icon-gold);border-radius:50%;opacity:0;will-change:transform,opacity}.effect-pr-star{position:absolute;top:-35px;left:50%;width:40px;height:40px;transform:translate(-50%) scale(0);opacity:0;will-change:transform,opacity}.effect-pr-star .icon{width:100%;height:100%;filter:drop-shadow(0 0 10px var(--color-icon-gold))}.effect-pr.animating{opacity:1}.effect-pr.animating .effect-pr-pulse{animation:prPulse 1.5s var(--motion-ease-out-expo) forwards}.effect-pr.animating .effect-pr-star{animation:prStar 1.5s var(--motion-spring-bouncy) forwards}@keyframes prPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:var(--opacity-semantic-emphasis-high)}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes prStar{0%{transform:translate(-50%) scale(0) rotate(0);opacity:0}50%{transform:translate(-50%) scale(1.2) rotate(180deg);opacity:1}to{transform:translate(-50%) scale(1) rotate(360deg);opacity:0}}.effect-better-pulse{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%) scale(1);border:2px solid var(--color-status-success-default);border-radius:50%;opacity:0;will-change:transform,opacity}.effect-better-icon{position:absolute;top:-10px;left:50%;width:32px;height:32px;transform:translate(-50%) scale(0);opacity:0;will-change:transform,opacity}.effect-better-icon .icon{width:100%;height:100%;color:var(--color-status-success-default);filter:drop-shadow(0 0 6px var(--color-status-success-default))}.effect-better.animating{opacity:1}.effect-better.animating .effect-better-pulse{animation:betterPulse 1s var(--motion-ease-out-expo) forwards}.effect-better.animating .effect-better-icon{animation:betterIcon 1s var(--motion-spring-gentle) forwards}@keyframes betterPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:var(--opacity-semantic-emphasis-high)}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes betterIcon{0%{transform:translate(-50%) scale(0) translateY(10px);opacity:0}40%{transform:translate(-50%) scale(1.1) translateY(-15px);opacity:1}to{transform:translate(-50%) scale(1) translateY(-25px);opacity:0}}.effect-worse-pulse{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%) scale(1);border:2px solid var(--color-status-error-default);border-radius:50%;opacity:0;will-change:transform,opacity}.effect-worse-icon{position:absolute;top:-10px;left:50%;width:32px;height:32px;transform:translate(-50%) scale(0);opacity:0;will-change:transform,opacity}.effect-worse-icon .icon{width:100%;height:100%;color:var(--color-status-error-default);filter:drop-shadow(0 0 8px var(--color-status-error-default))}.effect-worse.animating{opacity:1}.effect-worse.animating .effect-worse-pulse{animation:worsePulse 1.2s var(--motion-ease-out-expo) forwards}.effect-worse.animating .effect-worse-icon{animation:worseIcon 1.2s var(--motion-spring-bouncy) forwards}@keyframes worsePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:var(--opacity-semantic-emphasis-high)}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes worseIcon{0%{transform:translate(-50%) scale(0) translateY(10px);opacity:0}50%{transform:translate(-50%) scale(1.1) translateY(-15px);opacity:1}to{transform:translate(-50%) scale(1) translateY(-25px);opacity:0}}.mobile-bridge{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-sm);border-radius:var(--radius-pill);animation:fadeIn var(--transition-base) ease-out}.mobile-bridge--connected{background:var(--color-status-success-bg);border:1px solid var(--color-status-success-default)}.mobile-bridge__icon{width:14px;height:14px;--color-icon-neutral: var(--color-status-success-default);--color-icon-neutral-secondary: var(--color-status-success-default);animation:pulse 2s ease-in-out infinite}.mobile-bridge__text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.3px;color:var(--color-status-success-default)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.time-trend-chart{width:100%;height:100%}.time-trend-chart__layout{display:flex;width:100%;height:100%;position:relative}.time-trend-chart__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);height:100%;width:100%}.time-trend-chart__empty-state--with-min-height{min-height:240px}.time-trend-chart__empty-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-default);font-size:var(--font-size-md);font-weight:600}.time-trend-chart__empty-icon{width:20px;height:20px;flex-shrink:0;display:flex}.time-trend-chart__empty-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.time-trend-chart__y-axis{flex-shrink:0;height:100%;position:relative;z-index:1}.time-trend-chart__y-axis-labels{position:absolute;left:0;right:0}.time-trend-chart__y-label{position:absolute;right:8px;transform:translateY(-50%);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-disabled);line-height:1;-webkit-user-select:none;user-select:none}.time-trend-chart__y-label--hover-hide{opacity:1;transition:opacity var(--transition-fast)}.time-trend-chart__axis-line-vertical{position:absolute;right:0;width:1px;background-color:var(--color-border-primary);opacity:.4;pointer-events:none}.time-trend-chart__scroll-container{flex:1;height:100%;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;position:relative;z-index:2;transition:scrollbar-color .3s ease}.time-trend-chart__scroll-container:hover,.time-trend-chart__scroll-container:active,.time-trend-chart__scroll-container.is-scrolling{scrollbar-color:var(--color-border-secondary) transparent}.time-trend-chart__scroll-container--scrollable{overflow-x:scroll}.time-trend-chart__scroll-container--hidden{overflow-x:hidden}.time-trend-chart__scroll-container::-webkit-scrollbar{height:8px}.time-trend-chart__scroll-container::-webkit-scrollbar-track{background:transparent}.time-trend-chart__scroll-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px;transition:background-color .3s ease}.time-trend-chart__scroll-container:hover::-webkit-scrollbar-thumb,.time-trend-chart__scroll-container:active::-webkit-scrollbar-thumb,.time-trend-chart__scroll-container.is-scrolling::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary)}.time-trend-chart__scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-primary)}.time-trend-chart__svg{display:block;-webkit-user-select:none;user-select:none}.time-trend-chart__grid-line{stroke:var(--color-border-primary);stroke-width:1;opacity:.45}.time-trend-chart__interactive-area{cursor:default}.time-trend-chart__interactive-area--clickable{cursor:pointer}.time-trend-chart__current-point{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.time-trend-chart__tooltip{background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);color:var(--color-text-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-mono);padding:var(--space-sm);z-index:100}.time-distribution-chart{width:100%;height:100%}.time-distribution-chart__layout{display:flex;width:100%;height:100%;position:relative}.time-distribution-chart__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);height:100%;width:100%}.time-distribution-chart__empty-state--with-min-height{min-height:240px}.time-distribution-chart__empty-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-default);font-size:var(--font-size-md);font-weight:600}.time-distribution-chart__empty-icon{width:20px;height:20px;flex-shrink:0;display:flex}.time-distribution-chart__empty-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.time-distribution-chart__y-axis{flex-shrink:0;height:100%;position:relative;z-index:1}.time-distribution-chart__y-axis-labels{position:absolute;left:0;right:0}.time-distribution-chart__y-label{position:absolute;right:8px;transform:translateY(-50%);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-disabled);line-height:1;-webkit-user-select:none;user-select:none}.time-distribution-chart__y-label--hover-hide{opacity:1;transition:opacity var(--transition-fast)}.time-distribution-chart__axis-line-vertical{position:absolute;right:0;width:1px;background-color:var(--color-border-primary);opacity:.4;pointer-events:none}.time-distribution-chart__scroll-container{flex:1;height:100%;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;position:relative;z-index:2;transition:scrollbar-color .3s ease}.time-distribution-chart__scroll-container:hover,.time-distribution-chart__scroll-container:active,.time-distribution-chart__scroll-container.is-scrolling{scrollbar-color:var(--color-border-secondary) transparent}.time-distribution-chart__scroll-container--scrollable{overflow-x:scroll}.time-distribution-chart__scroll-container--hidden{overflow-x:hidden}.time-distribution-chart__scroll-container::-webkit-scrollbar{height:8px}.time-distribution-chart__scroll-container::-webkit-scrollbar-track{background:transparent}.time-distribution-chart__scroll-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px;transition:background-color .3s ease}.time-distribution-chart__scroll-container:hover::-webkit-scrollbar-thumb,.time-distribution-chart__scroll-container:active::-webkit-scrollbar-thumb,.time-distribution-chart__scroll-container.is-scrolling::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary)}.time-distribution-chart__scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-primary)}.time-distribution-chart__svg{display:block;-webkit-user-select:none;user-select:none}.time-distribution-chart__hover-area{cursor:default}.time-distribution-chart__grid-line{stroke:var(--color-border-primary);stroke-width:1;opacity:.45}.time-distribution-chart__bar{cursor:default;pointer-events:none}.time-distribution-chart__tooltip{background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);color:var(--color-text-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-mono);z-index:100}.copy-button-container{position:relative;display:inline-block}.copy-effect-checkmark-static{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.copy-effect-checkmark-static--visible{opacity:1}.copy-effect-label{position:absolute;top:50%;right:100%;transform:translateY(-50%);margin-right:var(--space-sm);font-size:var(--font-size-fluid-xs);color:var(--color-icon-green);font-weight:var(--font-weight-regular);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.copy-effect-label--visible{opacity:1}.copy-effect-checkmark-static .icon{width:16px;height:16px;color:var(--color-icon-green)}.copy-button-success{transition:all .2s var(--motion-spring-gentle);transform:scale(var(--micro-scale-hover))}.copy-button-success .icon{opacity:0;transition:opacity .2s var(--motion-spring-gentle)}.scramble-header__icon{width:20px;height:20px;color:var(--color-icon-green)}.scramble-header__copy-button-container{position:relative}.scramble-header__copy-icon{width:16px;height:16px}.two-column-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--layout-panel-padding-h);margin:var(--space-md) 0 var(--space-xs) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;width:100%;box-sizing:border-box}.two-column-header__index-spacer{width:44px;min-width:44px;flex-shrink:0}.is-mobile .two-column-header__index-spacer{width:36px;min-width:36px}.two-column-header__left{margin-left:var(--space-xl)}.two-column-header__right{margin-left:auto;margin-right:var(--space-sm)}.two-column-header--session-overview{justify-content:flex-end}.two-column-header--session-overview .two-column-header__left,.two-column-header--session-overview .two-column-header__right{flex:0 0 auto;margin:0;min-width:55px;text-align:right}.two-column-header--session-overview .two-column-header__left{margin-right:var(--space-md)}.two-column-header--session-overview .two-column-header__right{margin-right:0}.two-column-values{display:flex;align-items:center;gap:var(--space-lg)}.two-column-values__current,.two-column-values__best{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);min-width:60px;text-align:right}.two-column-values__current{color:var(--color-text-default)}.two-column-values__best{color:var(--color-text-secondary)}.two-column-values__current.is-best,.two-column-values__best.is-best{color:var(--color-status-success-default)}.two-column-values__current.clickable,.two-column-values__best.clickable{cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-sm));transition:background-color var(--transition-fast)}.two-column-values__current.clickable:hover,.two-column-values__best.clickable:hover{background:color-mix(in srgb,var(--color-surface-secondary) 50%,transparent)}@media (max-width: 768px){.is-mobile .two-column-header{padding-left:var(--space-xl);padding-right:var(--space-xl)}}.solve-search-modal__content{display:flex;flex-direction:column;gap:var(--space-md)}.solve-search-modal__view-toggle{display:flex;justify-content:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-primary)}.solve-search-modal__controls{position:relative;height:40px;display:flex;align-items:center}.solve-search-modal__controls-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:var(--space-sm);align-items:center;transition:opacity .15s ease-out}.solve-search-modal__controls-layer--search{transform-origin:left center;transition:opacity .18s ease-out,transform .18s cubic-bezier(.32,.72,0,1)}.solve-search-modal__controls-layer--expanded{opacity:1;transform:scaleX(1);pointer-events:auto;z-index:2}.solve-search-modal__controls-layer--collapsed{opacity:0;transform:scaleX(.5);pointer-events:none;z-index:1}.solve-search-modal__controls-layer--hidden{opacity:0;pointer-events:none;z-index:1}.solve-search-modal__controls-layer--visible{opacity:1;pointer-events:auto;z-index:2}.solve-search-modal__search-wrapper{flex:1}.solve-search-modal__controls-left{display:flex;gap:var(--space-sm);align-items:center}.solve-search-modal__controls-right{display:flex;gap:var(--space-sm);align-items:center;margin-left:auto}.solve-search-modal__list{height:350px;min-height:350px}.solve-search-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.browse-row{display:flex;flex-direction:column;min-height:44px;cursor:pointer;transition:background-color var(--transition-fast)}.browse-row:hover{background-color:var(--color-surface-tertiary)}.browse-row--with-note{padding:var(--space-sm) var(--space-md)}.browse-row--without-note{padding:0 var(--space-md)}.browse-row--last{border-bottom:none}.browse-row:not(.browse-row--last){border-bottom:1px solid var(--color-border-primary)}.browse-row__main{display:flex;align-items:center;gap:var(--space-md);min-height:44px;width:100%}.browse-row__index{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);min-width:40px;text-align:right;flex-shrink:0}.browse-row__time{display:flex;align-items:center;font-size:var(--font-size-md);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);font-feature-settings:var(--font-feature-mono);min-width:0}.browse-row__time--dnf{color:var(--color-status-error-default)}.browse-row__plus--grayed{opacity:.5;color:var(--color-text-tertiary)}.browse-row__spacer{flex:1}.browse-row__date{font-size:var(--font-size-xs);color:var(--color-text-disabled);flex-shrink:0;white-space:nowrap}.browse-row__note{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;padding-top:var(--space-xs);word-break:break-word}.performance-indicators{display:inline-flex;gap:2px;margin-left:var(--space-xs)}.performance-indicators__icon{width:14px;height:14px}.performance-indicators__icon--pr{color:var(--color-status-gold-default)}.performance-indicators__icon--fast{color:var(--color-status-success-default)}.performance-indicators__icon--slow{color:var(--color-status-error-default)}.performance-debug-panel{position:fixed;bottom:20px;left:20px;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);min-width:240px;max-width:300px;z-index:1000;font-family:JetBrains Mono,monospace;font-size:var(--font-size-xs);transition:all .2s ease}.performance-debug-panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.performance-debug-panel h3{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}.solve-count{font-size:11px;color:var(--color-text-tertiary);font-weight:400}.no-data-message{text-align:center;padding:var(--space-md) var(--space-sm);color:var(--color-text-secondary)}.no-data-message p{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xs)}.no-data-message p:last-child{margin-bottom:0;color:var(--color-text-tertiary);font-size:11px}.performance-debug-panel h4{margin:var(--space-xs) 0 var(--space-xxs) 0;font-size:11px;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.current-metrics{display:flex;flex-direction:column;gap:var(--space-xs)}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:0;gap:var(--space-sm)}.metric-row.total{border-top:1px solid var(--color-border-secondary);padding-top:var(--space-sm);margin-top:var(--space-xs);font-weight:600}.metric-note{font-size:10px;color:var(--color-text-tertiary);margin-left:var(--space-xxs);opacity:.7}.metric-label{color:var(--color-text-secondary);font-size:11px;opacity:.9}.metric-value{font-weight:600;font-variant-numeric:tabular-nums;font-size:12px}.metric-value.excellent{color:var(--color-success)}.metric-value.good{color:var(--color-primary)}.metric-value.warning{color:var(--color-warning)}.metric-value.critical{color:var(--color-danger)}.engine-breakdown{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-secondary)}.engine-breakdown h4,.call-stack h4{margin:0 0 var(--space-sm) 0;font-size:11px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:2px 0}.breakdown-label{color:var(--color-text-secondary);font-family:JetBrains Mono,monospace}.breakdown-value{font-weight:500;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;color:var(--color-text-primary)}.call-stack{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-secondary)}.stack-item{font-size:10px;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;padding:2px 0;padding-left:var(--space-sm)}.stack-item.stack-primary{color:var(--color-text-primary);font-weight:600}@media (max-width: 768px){.performance-debug-panel{bottom:60px;left:10px;right:auto;max-width:240px;font-size:11px;padding:var(--space-md)}}.mobile-recent-times{position:fixed;bottom:calc(60px + var(--space-xl));left:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);z-index:5;pointer-events:none}.mobile-recent-times__list{display:flex;flex-direction:column;gap:var(--space-2xs)}.mobile-recent-times__item{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-disabled);line-height:1.3}.mobile-recent-times__item--dnf,.mobile-recent-times__item--plus2,.mobile-recent-times__item--best,.mobile-recent-times__item--worst{color:var(--color-text-disabled)}.mobile-recent-times__ao5{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs);margin-top:var(--space-xs)}.mobile-recent-times__divider{width:100%;height:1px;background-color:var(--color-border-primary);margin-bottom:var(--space-2xs)}.mobile-recent-times__ao5-label{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-disabled)}.mobile-gesture-help-button{position:fixed;bottom:calc(78px + var(--space-md));right:var(--space-md);z-index:100}.mobile-gesture-help-modal{display:flex;flex-direction:column;gap:var(--space-lg)}.mobile-gesture-help-modal__action{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.demo-session-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md);background:var(--color-surface-secondary);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .2s var(--motion-spring-gentle);width:100%;box-sizing:border-box;font-family:inherit;font-size:inherit;color:inherit;text-align:center}.demo-session-card:hover{background:var(--color-surface-tertiary)}.demo-session-card:active{transform:scale(.995)}.demo-session-card__header{display:flex;align-items:center;gap:var(--space-xs)}.demo-session-card__title{font-family:var(--font-family-heading);font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--color-text-default)}.demo-session-card__content{min-height:32px;display:flex;align-items:center;justify-content:center}.demo-session-card__benefit{display:flex;align-items:center;gap:var(--space-sm);transition:opacity .4s ease}.demo-session-card__benefit--fading{opacity:0}.demo-session-card__icon{color:var(--color-icon-secondary);flex-shrink:0;width:20px;height:20px}.demo-session-card__text{font-family:var(--font-family-body);font-size:15px;font-weight:400;line-height:1.5;color:var(--color-text-secondary);white-space:nowrap}.demo-session-card__dots{display:flex;gap:var(--space-sm);padding-top:var(--space-sm)}.demo-session-card__dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-disabled);transition:all var(--transition-fast);cursor:pointer;border:none;padding:0}.demo-session-card__dot:hover{background:var(--color-text-tertiary)}.demo-session-card__dot--active{background:var(--color-primary-default)!important}.demo-session-card:hover .demo-session-card__icon{color:var(--color-primary-default)}.demo-session-card__chevron{color:var(--color-text-tertiary);opacity:.5;transform:scale(1) translateY(2px);transition:all .3s cubic-bezier(.16,1,.3,1)}.demo-session-card:hover .demo-session-card__chevron{color:var(--color-primary-default);opacity:1;transform:scale(1.3) translateY(2px)}.ephemeral-timer__time--holding,#timer-display.ephemeral-timer__time--holding{color:var(--color-warning)!important}.ephemeral-timer__time--ready,#timer-display.ephemeral-timer__time--ready{color:var(--color-success)!important}.ephemeral-timer__time--running,#timer-display.ephemeral-timer__time--running{color:var(--color-text-default)}.ephemeral-timer__time--warning,#timer-display.ephemeral-timer__time--warning{color:var(--color-warning)!important}.ephemeral-timer__time--danger,#timer-display.ephemeral-timer__time--danger{color:var(--color-status-error-default)!important}.ephemeral-timer__tag-wrapper{display:flex;justify-content:center;margin-top:var(--space-md)}.ephemeral-timer__cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);max-width:400px;margin-top:var(--space-lg)}.ephemeral-timer__cta-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0;text-align:center}.ephemeral-timer__cta-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.ephemeral-timer__signin-link{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);cursor:pointer;transition:color .15s ease}.ephemeral-timer__signin-link:hover{color:var(--color-text-secondary);text-decoration:underline}.ephemeral-timer--mobile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:100vh;min-height:100dvh;padding:0 var(--space-lg);padding-top:calc(52px + var(--space-md));padding-bottom:calc(80px + env(safe-area-inset-bottom) + var(--space-xl));box-sizing:border-box}.ephemeral-timer--mobile:before{content:"";flex:.05}.ephemeral-timer--mobile:after{content:"";flex:1}.ephemeral-timer__hint{font-size:var(--font-size-md);color:var(--color-text-tertiary);margin:var(--space-xl) 0 0 0;opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.mobile-tab-bar--guest .mobile-tab-button:active{opacity:.9}.ephemeral-timer__charts-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--color-border-secondary)}.ephemeral-timer__charts-wrapper.timer-page__infographics{padding-top:0}.ephemeral-timer__charts-blur{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8}.ephemeral-timer__charts-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ephemeral-timer__charts-overlay--clickable{cursor:pointer;background:transparent;border:none}.ephemeral-timer__lock-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.ephemeral-timer__lock-icon{color:var(--color-text-tertiary);opacity:.4;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.ephemeral-timer__lock-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);opacity:0;transform:translateY(-8px);transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.ephemeral-timer__charts-overlay--clickable:hover .ephemeral-timer__lock-icon{opacity:.7;transform:translateY(-4px)}.ephemeral-timer__charts-overlay--clickable:hover .ephemeral-timer__lock-text{opacity:1;transform:translateY(0)}.ephemeral-timer__demo-alert{max-width:720px;margin:0 auto var(--space-lg);align-self:center}.ephemeral-timer__sidebar{overflow-y:auto;overflow-x:hidden;max-height:100%}.timer-page--demo #top-section{padding-top:4vh}.achievements-tab{width:100%;display:flex;flex-direction:column;gap:var(--space-xl)}.achievements-tab__category{display:flex;flex-direction:column;gap:var(--space-md)}.achievements-tab__category-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin:0;padding-left:var(--space-sm)}.achievements-tab__list{display:flex;flex-direction:column;background:var(--color-surface-secondary);border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--color-border-primary);overflow:hidden}.achievement-row{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-bottom:var(--border-width-thin) solid var(--color-border-primary);transition:background var(--transition-fast)}.achievement-row:last-child{border-bottom:none}.achievement-row--locked{opacity:.5}.achievement-row__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-surface-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-icon-gold);flex-shrink:0}.achievement-row--locked .achievement-row__icon{color:var(--color-icon-disabled)}.achievement-row__icon svg{width:24px;height:24px}.achievement-row__info{flex:1;min-width:0}.achievement-row__name-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xs)}.achievement-row__name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.achievement-row__stars{display:flex;gap:2px}.achievement-row__star{width:14px;height:14px;color:var(--color-icon-gold);opacity:.25}.achievement-row__star--filled{opacity:1}.achievement-row__description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.achievement-row__right{flex-shrink:0}.achievement-row__progress-section{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.achievement-row__progress-row{display:flex;align-items:center;gap:var(--space-sm)}.achievement-row__progress-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:36px;text-align:right}.achievement-row__progress-bar{width:100px}.achievement-row__reward{display:flex;align-items:center;gap:var(--space-xs)}.achievement-row__reward-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1}.achievement-row__reward-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-icon-gold);line-height:1}.achievement-row__claim-wrapper{position:relative}.achievement-row__claim-badge{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:var(--color-status-error-default);border:2px solid var(--color-surface-secondary)}.achievement-row__completed{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-status-success-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.achievement-row__completed svg{width:20px;height:20px}.achievement-row--mobile{flex-direction:row;align-items:center;gap:var(--space-md);padding:var(--space-md)}.achievement-row__left{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.achievement-row__right-mobile{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex-shrink:0}.achievement-row--mobile .achievement-row__icon{width:40px;height:40px}.achievement-row--mobile .achievement-row__icon svg{width:20px;height:20px}.achievement-row--mobile .achievement-row__name{font-size:var(--font-size-sm)}.achievement-row--mobile .achievement-row__description{font-size:var(--font-size-xs)}.achievement-row--mobile .achievement-row__star{width:12px;height:12px}.achievement-row--mobile .achievement-row__reward{flex-direction:column;align-items:center;gap:0}.achievement-row--mobile .achievement-row__reward-label,.achievement-row--mobile .achievement-row__reward-value{font-size:var(--font-size-xs)}.achievement-row--mobile .achievement-row__completed{flex-direction:column;gap:var(--space-2xs)}@media (max-width: 768px){.achievements-tab{gap:var(--space-lg)}.achievements-tab__category-title{font-size:var(--font-size-md);padding-left:0}}.graduation-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);background:#000000f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;opacity:0;transition:opacity .4s ease;padding:var(--space-xl)}.graduation-celebration--enter{opacity:0}.graduation-celebration--visible{opacity:1}.graduation-celebration--exit{opacity:0}.graduation-celebration--review .graduation-celebration__certificate-card{transform:scale(1) translateY(0);opacity:1;animation:none}.graduation-celebration--review .graduation-celebration__recipient,.graduation-celebration--review .graduation-celebration__signature-text{-webkit-mask-size:100% 100%;mask-size:100% 100%;animation:none}.graduation-celebration--review .graduation-celebration__wax-seal{transform:scale(1) translate(var(--final-x),var(--final-y)) rotate(var(--final-rotation));opacity:1;animation:none}.graduation-celebration--review .graduation-celebration__hint{opacity:.6;animation:none}.graduation-celebration__particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.graduation-celebration__particle{position:absolute;width:6px;height:6px;background:var(--degree-color);border-radius:50%;left:var(--x);bottom:-20px;opacity:.5;animation:particle-rise var(--duration) ease-out var(--delay) infinite}@keyframes particle-rise{0%{transform:translateY(0) scale(1);opacity:.5}to{transform:translateY(-100vh) scale(0);opacity:0}}.graduation-celebration__certificate-card{position:relative;background:linear-gradient(135deg,#1a1a1a,#0d0d0d,#1a1a1a);border-radius:var(--radius-lg);padding:6px;max-width:650px;width:100%;transform:scale(.9) translateY(20px);opacity:0;animation:card-enter .6s ease-out .2s forwards}@keyframes card-enter{to{transform:scale(1) translateY(0);opacity:1}}.graduation-celebration__border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);border:3px solid var(--degree-color);pointer-events:none}.graduation-celebration__border:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:var(--radius-md);border:1px solid var(--degree-color);opacity:.4}.graduation-celebration__border:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:var(--radius-sm);border:1px dashed var(--degree-color);opacity:.2}.graduation-celebration__ornament{position:absolute;width:60px;height:60px;pointer-events:none;z-index:0}.graduation-celebration__ornament--top-left{top:16px;left:16px}.graduation-celebration__ornament--top-right{top:16px;right:16px;transform:scaleX(-1)}.graduation-celebration__ornament--bottom-left{bottom:16px;left:16px;transform:scaleY(-1)}.graduation-celebration__ornament--bottom-right{bottom:16px;right:16px;transform:scale(-1)}[data-ornament-level="1"] .graduation-celebration__ornament:before{display:none}[data-ornament-level="2"] .graduation-celebration__ornament:before{content:"";position:absolute;top:0;left:0;width:35px;height:35px;border-left:2px solid var(--degree-color);border-top:2px solid var(--degree-color);border-top-left-radius:8px;opacity:.7}[data-ornament-level="3"] .graduation-celebration__ornament:before{content:"";position:absolute;top:0;left:0;width:40px;height:40px;border-left:3px solid var(--degree-color);border-top:3px solid var(--degree-color);border-top-left-radius:10px;opacity:.8}[data-ornament-level="3"] .graduation-celebration__ornament:after{content:"";position:absolute;top:8px;left:8px;width:25px;height:25px;border-left:1px solid var(--degree-color);border-top:1px solid var(--degree-color);border-top-left-radius:6px;opacity:.4}[data-ornament-level="4"] .graduation-celebration__ornament{width:70px;height:70px}[data-ornament-level="4"] .graduation-celebration__ornament:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;border-left:4px solid var(--degree-color);border-top:4px solid var(--degree-color);border-top-left-radius:12px;opacity:1}[data-ornament-level="4"] .graduation-celebration__ornament:after{content:"";position:absolute;top:12px;left:12px;width:30px;height:30px;border-left:2px solid var(--degree-color);border-top:2px solid var(--degree-color);border-top-left-radius:8px;opacity:.6}.graduation-celebration__inner{background:linear-gradient(180deg,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 100%);border-radius:var(--radius-md);padding:var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.graduation-celebration__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);text-align:center;padding:0}.graduation-celebration__certifies{font-size:var(--font-size-md);color:var(--color-text-tertiary);font-style:italic;letter-spacing:.02em}.graduation-celebration__recipient-wrapper{position:relative;display:flex;justify-content:center;width:100%;margin:var(--space-sm) 0;overflow:visible;padding:0 var(--space-xl)}.graduation-celebration__recipient{font-family:Ephesis,cursive;font-size:4rem;font-weight:400;color:var(--color-text-default);line-height:1.4;white-space:nowrap;display:inline-block;padding:0 var(--space-lg);-webkit-mask-image:linear-gradient(to right,black 0%,black 100%);mask-image:linear-gradient(to right,#000,#000);-webkit-mask-size:0% 100%;mask-size:0% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:write-reveal 1.2s ease-out 1s forwards}.graduation-celebration__signature-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;overflow:visible}.graduation-celebration__signature-text{font-family:Ephesis,cursive;font-size:3rem;color:var(--color-text-secondary);white-space:nowrap;display:inline-block;text-align:center;padding:0 var(--space-lg);-webkit-mask-image:linear-gradient(to right,black 0%,black 100%);mask-image:linear-gradient(to right,#000,#000);-webkit-mask-size:0% 100%;mask-size:0% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:write-reveal 1s ease-out 2.5s forwards}@keyframes write-reveal{0%{-webkit-mask-size:0% 100%;mask-size:0% 100%}to{-webkit-mask-size:100% 100%;mask-size:100% 100%}}.graduation-celebration__degree{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-lg)}.graduation-celebration__degree-name{font-family:UnifrakturMaguntia,cursive;font-size:4rem;font-weight:400;color:var(--degree-color);text-shadow:0 0 40px color-mix(in srgb,var(--degree-color) 50%,transparent);animation:degree-glow 2s ease-in-out infinite alternate;letter-spacing:.02em}@keyframes degree-glow{0%{text-shadow:0 0 30px color-mix(in srgb,var(--degree-color) 30%,transparent)}to{text-shadow:0 0 50px color-mix(in srgb,var(--degree-color) 60%,transparent)}}.graduation-celebration__degree-title{font-size:var(--font-size-xl);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3em;margin-top:var(--space-xs)}.graduation-celebration__footer{display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-secondary)}.graduation-celebration__footer-item{display:flex;flex-direction:column;align-items:center;width:180px;flex-shrink:0}.graduation-celebration__footer-item--left,.graduation-celebration__footer-item--right{align-items:center}.graduation-celebration__footer-content{display:flex;align-items:flex-end;justify-content:center;min-height:48px;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-primary);width:100%}.graduation-celebration__footer-value{font-family:Ephesis,cursive;font-size:1.5rem;color:var(--color-text-default)}.graduation-celebration__footer-label{font-size:var(--font-size-xs);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-sm);text-align:center;width:100%}.graduation-celebration__wax-seal{position:relative;width:100px;height:100px;flex-shrink:0;transform:scale(0) translateY(-100px);opacity:0;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.35));--final-x: var(--stamp-x, 0px);--final-y: var(--stamp-y, 0px);--final-rotation: var(--stamp-rotation, -3deg);animation:wax-stamp .35s cubic-bezier(.22,1,.36,1) 3.8s forwards}.graduation-celebration__wax-img{width:100%;height:100%;object-fit:contain}@keyframes wax-stamp{0%{transform:scale(2) translateY(-80px) rotate(-15deg);opacity:0}50%{opacity:1}70%{transform:scale(.92) translate(var(--final-x),calc(var(--final-y) + 5px)) rotate(calc(var(--final-rotation) + 2deg))}85%{transform:scale(1.04) translate(var(--final-x),calc(var(--final-y) - 2px)) rotate(calc(var(--final-rotation) - 1deg))}to{transform:scale(1) translate(var(--final-x),var(--final-y)) rotate(var(--final-rotation));opacity:1}}.graduation-celebration__xp-badge{position:absolute;top:-20px;right:-20px;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(145deg,#252525,#1a1a1a);border:2px solid var(--color-icon-gold);border-radius:var(--radius-xl);transform:scale(0) rotate(-10deg);animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1) 4.5s forwards;box-shadow:0 8px 32px #0006,0 0 0 1px #d4af374d,inset 0 1px #ffffff1a}@keyframes badge-pop{to{transform:scale(1) rotate(0)}}.graduation-celebration__xp-icon{width:28px;height:28px;color:var(--color-icon-gold)}.graduation-celebration__xp-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-icon-gold);text-shadow:0 0 20px rgba(212,175,55,.4)}.graduation-celebration__hint{font-size:var(--font-size-sm);color:var(--color-text-disabled);opacity:0;animation:hint-appear .5s ease-out 5s forwards}@keyframes hint-appear{to{opacity:.6}}@media (max-width: 600px){.graduation-celebration{padding:var(--space-md)}.graduation-celebration__certificate-card{max-width:calc(100% - var(--space-md));padding:4px}.graduation-celebration__inner{padding:var(--space-md) var(--space-sm);gap:var(--space-sm)}.graduation-celebration__body{gap:0}.graduation-celebration__degree{margin-bottom:var(--space-sm)}.graduation-celebration__degree-name{font-size:2.5rem}.graduation-celebration__degree-title{font-size:var(--font-size-md);letter-spacing:.2em;margin-top:var(--space-2xs)}.graduation-celebration__certifies{font-size:var(--font-size-sm)}.graduation-celebration__recipient-wrapper{margin:var(--space-xs) 0;padding:0 var(--space-md)}.graduation-celebration__recipient{font-size:2.2rem}.graduation-celebration__signature-text{font-size:1.8rem}.graduation-celebration__footer{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:var(--space-sm);row-gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);justify-items:center}.graduation-celebration__footer-item{align-items:center!important;min-width:auto;width:auto}.graduation-celebration__footer-content{min-height:36px;padding-bottom:var(--space-xs)}.graduation-celebration__footer-item--left{grid-column:1;grid-row:1}.graduation-celebration__footer-item--right{grid-column:2;grid-row:1}.graduation-celebration__wax-seal{grid-column:1 / -1;grid-row:2;justify-self:center;margin:0;margin-bottom:var(--space-sm);width:70px;height:70px}.graduation-celebration__footer-value{font-size:1.2rem}.graduation-celebration__footer-label{font-size:10px;margin-top:var(--space-xs)}.graduation-celebration__xp-badge{top:-12px;right:-12px;padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.graduation-celebration__xp-icon{width:18px;height:18px}.graduation-celebration__xp-value{font-size:var(--font-size-md)}.graduation-celebration__certifies--mobile-hidden{display:none}.graduation-celebration__ornament{width:40px;height:40px}.graduation-celebration__ornament--top-left{top:10px;left:10px}.graduation-celebration__ornament--top-right{top:10px;right:10px}.graduation-celebration__ornament--bottom-left{bottom:10px;left:10px}.graduation-celebration__ornament--bottom-right{bottom:10px;right:10px}.graduation-celebration__border{border-width:2px}.graduation-celebration__border:before{top:6px;right:6px;bottom:6px;left:6px}.graduation-celebration__border:after{top:9px;right:9px;bottom:9px;left:9px}}.degrees-tab{display:flex;flex-direction:column;gap:var(--space-lg)}.degrees-tab__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin:0}.degrees-tab__subtitle{font-size:var(--font-size-md);color:var(--color-text-tertiary);margin:0}.degrees-tab__list{display:flex;flex-direction:column;gap:var(--space-lg)}.degree-card{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-surface-secondary);position:relative;transition:all .3s ease;border:2px solid var(--degree-color);box-shadow:inset 0 0 0 3px var(--color-surface-secondary),inset 0 0 0 4px var(--degree-color)}.degree-card--highlighted{animation:degree-highlight 1.5s ease-out}@keyframes degree-highlight{0%,20%{box-shadow:inset 0 0 0 3px var(--color-surface-secondary),inset 0 0 0 4px var(--degree-color),0 0 20px color-mix(in srgb,var(--degree-color) 40%,transparent)}to{box-shadow:inset 0 0 0 3px var(--color-surface-secondary),inset 0 0 0 4px var(--degree-color)}}.degree-card--locked{border-color:var(--color-border-secondary);box-shadow:inset 0 0 0 3px var(--color-surface-secondary),inset 0 0 0 4px var(--color-border-secondary)}.degree-card--locked .degree-card__visual{opacity:.4}.degree-card--ready .degree-card__visual{opacity:.8}.degree-card--unlocked{border-color:var(--degree-color);box-shadow:inset 0 0 0 3px var(--color-surface-secondary),inset 0 0 0 4px var(--degree-color);background:linear-gradient(135deg,color-mix(in srgb,var(--degree-color) 8%,var(--color-surface-secondary)) 0%,var(--color-surface-secondary) 100%)}.degree-card--unlocked .degree-card__visual{opacity:1}.degree-card__visual{flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.degree-card__icon-bg{width:80px;height:80px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--degree-color) 12%,transparent);display:flex;align-items:center;justify-content:center;position:relative}.degree-card--unlocked .degree-card__icon-bg{background:color-mix(in srgb,var(--degree-color) 20%,transparent)}.degree-card__icon-bg:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:var(--radius-pill);border:2px dashed var(--degree-color);opacity:.25}.degree-card--unlocked .degree-card__icon-bg:before{opacity:.4}.degree-card__certificate{width:40px;height:40px;color:var(--degree-color)}.degree-card__content{flex:1;min-width:0}.degree-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin:0 0 var(--space-2xs) 0;display:flex;align-items:center;gap:var(--space-sm)}.degree-card--unlocked .degree-card__name{color:var(--degree-color)}.degree-card__check{width:20px;height:20px;color:var(--degree-color);flex-shrink:0}.degree-card__description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.degree-card__action{flex-shrink:0;display:flex;align-items:center}.degree-card__graduated-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--degree-color);text-transform:uppercase;letter-spacing:.05em}.degree-card__requirements{display:flex;flex-direction:column;gap:var(--space-xs);text-align:right}.degree-card__req{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.degree-card__req--met{color:var(--color-status-success-default);font-weight:var(--font-weight-bold)}.degree-card__graduate-wrapper{position:relative;display:inline-flex}.degree-card__graduate-wrapper .badge{z-index:1}.degree-card__ornament{position:absolute;width:24px;height:24px;pointer-events:none;z-index:0;opacity:.4;transition:opacity .3s ease}.degree-card--unlocked .degree-card__ornament{opacity:.7}.degree-card__ornament--top-left{top:8px;left:8px}.degree-card__ornament--top-right{top:8px;right:8px;transform:scaleX(-1)}.degree-card__ornament--bottom-left{bottom:8px;left:8px;transform:scaleY(-1)}.degree-card__ornament--bottom-right{bottom:8px;right:8px;transform:scale(-1)}[data-ornament-level="2"] .degree-card__ornament:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border-left:1.5px solid var(--degree-color);border-top:1.5px solid var(--degree-color);border-top-left-radius:4px}[data-ornament-level="3"] .degree-card__ornament:before{content:"";position:absolute;top:0;left:0;width:18px;height:18px;border-left:2px solid var(--degree-color);border-top:2px solid var(--degree-color);border-top-left-radius:5px}[data-ornament-level="3"] .degree-card__ornament:after{content:"";position:absolute;top:5px;left:5px;width:10px;height:10px;border-left:1px solid var(--degree-color);border-top:1px solid var(--degree-color);border-top-left-radius:3px;opacity:.5}[data-ornament-level="4"] .degree-card__ornament:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-left:2.5px solid var(--degree-color);border-top:2.5px solid var(--degree-color);border-top-left-radius:6px}[data-ornament-level="4"] .degree-card__ornament:after{content:"";position:absolute;top:6px;left:6px;width:12px;height:12px;border-left:1.5px solid var(--degree-color);border-top:1.5px solid var(--degree-color);border-top-left-radius:4px;opacity:.6}@media (max-width: 768px){.degrees-tab{gap:var(--space-md)}.degrees-tab__section-title{font-size:var(--font-size-md)}.degrees-tab__list{gap:var(--space-md)}.degree-card{flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-md)}.degree-card__visual,.degree-card__content{display:contents}.degree-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"icon content" "action action"}.degree-card__visual{grid-area:icon;display:flex;padding-left:var(--space-sm)}.degree-card__content{grid-area:content;display:flex;flex-direction:column;justify-content:center}.degree-card__action{grid-area:action;width:100%;justify-content:center;margin-top:var(--space-sm)}.degree-card__icon-bg{width:56px;height:56px}.degree-card__certificate{width:28px;height:28px}.degree-card__icon-bg:before{top:4px;right:4px;bottom:4px;left:4px}.degree-card__name{font-size:var(--font-size-lg);margin-bottom:var(--space-3xs)}.degree-card__check{width:16px;height:16px}.degree-card__description{font-size:var(--font-size-xs)}.degree-card__requirements{text-align:center}.degree-card__req{font-size:var(--font-size-xs)}.degree-card__action .btn{width:100%}.degree-card__ornament{width:18px;height:18px}.degree-card__ornament--top-left{top:6px;left:6px}.degree-card__ornament--top-right{top:6px;right:6px}.degree-card__ornament--bottom-left{bottom:6px;left:6px}.degree-card__ornament--bottom-right{bottom:6px;right:6px}[data-ornament-level="2"] .degree-card__ornament:before{width:12px;height:12px}[data-ornament-level="3"] .degree-card__ornament:before{width:14px;height:14px}[data-ornament-level="3"] .degree-card__ornament:after{top:4px;left:4px;width:8px;height:8px}[data-ornament-level="4"] .degree-card__ornament:before{width:16px;height:16px}[data-ornament-level="4"] .degree-card__ornament:after{top:5px;left:5px;width:9px;height:9px}}.activity-heatmap{position:relative}.activity-heatmap__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.activity-heatmap__header-left{display:flex;align-items:center;gap:var(--space-lg)}.activity-heatmap__solves-count{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.activity-heatmap__nav{display:flex;align-items:center;gap:var(--space-xs)}.activity-heatmap__nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.activity-heatmap__nav-btn:hover:not(:disabled){background:var(--color-surface-tertiary)}.activity-heatmap__nav-btn:disabled{opacity:.4;cursor:not-allowed}.activity-heatmap__nav-btn .icon{width:16px;height:16px}.activity-heatmap__year{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);min-width:48px;text-align:center}.activity-heatmap__card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface-secondary);border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--color-border-primary)}.activity-heatmap__body{display:flex;gap:var(--space-sm)}.activity-heatmap__scroll{flex:1;overflow-x:auto;display:flex;flex-direction:column;gap:4px;padding-bottom:var(--space-md);mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)}.activity-heatmap__scroll::-webkit-scrollbar{height:6px}.activity-heatmap__scroll::-webkit-scrollbar-track{background:transparent}.activity-heatmap__scroll::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.activity-heatmap__months{display:flex;gap:4px;height:20px}.activity-heatmap__month-label-container{width:calc(var(--week-count) * 18px + (var(--week-count) - 1) * 4px);flex-shrink:0;display:flex;align-items:flex-end}.activity-heatmap__month{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);white-space:nowrap}.activity-heatmap__month-gap-header,.activity-heatmap__month-gap{width:6px;flex-shrink:0}.activity-heatmap__grid{display:flex;gap:4px}.activity-heatmap__week{display:flex;flex-direction:column;gap:4px}.activity-heatmap__cell{width:18px;height:18px;border-radius:4px;flex-shrink:0;position:relative;z-index:1}.activity-heatmap__cell:not(.activity-heatmap__cell--empty):not(.activity-heatmap__cell--outside){cursor:pointer;transition:transform var(--transition-fast),z-index 0s}.activity-heatmap__cell:not(.activity-heatmap__cell--empty):not(.activity-heatmap__cell--outside):hover{transform:scale(1.15);z-index:10}.activity-heatmap__cell--empty{background:transparent}.activity-heatmap__cell--level-0{background:var(--color-surface-tertiary)}.activity-heatmap__cell--level-1{background:color-mix(in srgb,var(--color-status-success-default) 25%,var(--color-surface-tertiary))}.activity-heatmap__cell--level-2{background:color-mix(in srgb,var(--color-status-success-default) 50%,var(--color-surface-tertiary))}.activity-heatmap__cell--level-3{background:color-mix(in srgb,var(--color-status-success-default) 75%,var(--color-surface-tertiary))}.activity-heatmap__cell--level-4{background:var(--color-status-success-default)}.activity-heatmap__cell--today{box-shadow:0 0 0 2px var(--color-primary-default);z-index:5}.activity-heatmap__cell--today:hover{z-index:10}.activity-heatmap__legend{display:flex;align-items:center;gap:4px}.activity-heatmap__legend-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.activity-heatmap__legend .activity-heatmap__cell{width:14px;height:14px}.activity-heatmap__cell--legend{cursor:help;transition:transform var(--transition-fast)}.activity-heatmap__cell--legend:hover{transform:scale(1.1)}@media (max-width: 768px){.activity-heatmap__card{padding:var(--space-md)}.activity-heatmap__header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.activity-heatmap__header-left{width:100%;justify-content:space-between}.activity-heatmap__cell{width:14px;height:14px}.activity-heatmap__month-label-container{width:calc(var(--week-count) * 14px + (var(--week-count) - 1) * 3px)}.activity-heatmap__month-gap,.activity-heatmap__month-gap-header{width:5px}.activity-heatmap__week,.activity-heatmap__grid{gap:3px}.activity-heatmap__months{gap:3px;height:16px}.activity-heatmap__legend .activity-heatmap__cell{width:12px;height:12px}}.activity-tab{display:flex;flex-direction:column;gap:var(--space-xl);width:100%}.activity-tab__section{display:flex;flex-direction:column;gap:var(--space-md)}.activity-tab__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin:0;padding-left:var(--space-sm)}.activity-tab__streak-card{display:flex;flex-direction:column}.activity-tab__streak-content{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-xl);align-items:center}.activity-tab__divider{width:1px;height:100%;min-height:120px;background:var(--color-border-primary)}.activity-tab__streak{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.activity-tab__streak-header{display:flex;align-items:center;gap:var(--space-md)}.activity-tab__streak-icon{width:48px;height:48px;flex-shrink:0}.activity-tab__streak-info{display:flex;align-items:baseline;gap:var(--space-xs)}.activity-tab__streak-value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-default);line-height:1}.activity-tab__streak-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:.05em}.activity-tab__streak-best{display:flex;align-items:baseline;gap:var(--space-xs);margin-left:var(--space-lg);padding-left:var(--space-lg);border-left:var(--border-width-thin) solid var(--color-border-primary)}.activity-tab__streak-best-value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-default);line-height:1}.activity-tab__streak-best-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:.05em}.activity-tab__streak-dots{display:flex;align-items:center;justify-content:center;position:relative}.activity-tab__streak-dots:before{content:"";display:block;width:20px;height:4px;background:linear-gradient(90deg,transparent 0%,var(--color-border-secondary) 60%,var(--color-border-secondary) 100%);border-radius:2px;margin:0 -4px 0 0;flex-shrink:0;z-index:1}.activity-tab__streak-dots--first-complete:before{background:linear-gradient(90deg,transparent 0%,var(--color-primary-default) 60%,var(--color-primary-default) 100%)}.activity-tab__streak-day{display:flex;flex-direction:column;align-items:center;z-index:2;position:relative}.activity-tab__streak-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.activity-tab__streak-dot--complete{background:var(--color-primary-default)}.activity-tab__streak-check{width:14px;height:14px}.activity-tab__streak-check path{stroke:var(--color-icon-on-action);stroke-width:3}.activity-tab__streak-dot--missed,.activity-tab__streak-dot--today{background:var(--color-border-secondary)}.activity-tab__streak-dot--today.activity-tab__streak-dot--solved{background:var(--color-primary-default)}.activity-tab__hourglass{width:14px;height:14px;color:var(--color-text-tertiary)}.activity-tab__streak-line{width:20px;height:4px;background:var(--color-border-secondary);margin:0 -4px;border-radius:2px;flex-shrink:0;z-index:1}.activity-tab__streak-line--active{background:var(--color-primary-default)}.activity-tab__today-indicator{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-primary-default)}.activity-tab__streak-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface-tertiary);border-radius:var(--radius-md)}.activity-tab__xp-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.activity-tab__xp-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.activity-tab__xp-icon{width:24px;height:24px}.activity-tab__xp-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.activity-tab__xp-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-loose);margin:0}.activity-tab__xp-formula{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface-tertiary);border-radius:var(--radius-lg);width:100%}.activity-tab__xp-row{display:flex;justify-content:space-between;align-items:center}.activity-tab__xp-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.activity-tab__xp-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-icon-gold)}.activity-tab__xp-row--next{opacity:.7}.activity-tab__xp-row--next .activity-tab__xp-value{color:var(--color-text-secondary)}.activity-tab__xp-max{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding-top:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-icon-gold)}.activity-tab__xp-max-icon{width:16px;height:16px}.activity-tab__xp-claimed-tag{margin-left:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary)}.activity-tab__xp-section{position:relative}.activity-tab__claim-overlay{position:absolute;inset:calc(-1 * var(--space-md));display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);border-radius:var(--radius-lg);z-index:2}.activity-tab__claim-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.activity-tab__claim-xp{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-icon-gold)}.activity-tab__claim-text{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.activity-tab__claim-content .btn{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-md)}@media (max-width: 900px){.activity-tab__streak-content{grid-template-columns:1fr;gap:var(--space-lg)}.activity-tab__divider{width:100%;height:1px;min-height:unset}}@media (max-width: 768px){.activity-tab__streak-header{flex-wrap:nowrap;justify-content:center;gap:var(--space-sm)}.activity-tab__streak-icon{width:36px;height:36px}.activity-tab__streak-value,.activity-tab__streak-best-value{font-size:1.5rem}.activity-tab__streak-label,.activity-tab__streak-best-label{font-size:var(--font-size-sm)}.activity-tab__streak-best{border-left:var(--border-width-thin) solid var(--color-border-primary);border-top:none;margin-left:var(--space-md);padding-left:var(--space-md);padding-top:0;margin-top:0;width:auto;justify-content:flex-start}}.stats-tab{display:flex;flex-direction:column;gap:var(--space-xl);padding-bottom:var(--space-xl)}.stats-tab__section{display:flex;flex-direction:column;gap:var(--space-md)}.stats-tab__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin:0;padding-left:var(--space-sm)}.stats-tab__records-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-tab__record-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) 0;position:relative}.stats-tab__record-item:not(:first-child):before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:50%;background:var(--color-border-primary)}.stats-tab__record-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stats-tab__record-value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text-default);font-variant-numeric:tabular-nums}.stats-tab__record-session{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.stats-tab__charts-row{display:flex;flex-direction:column;gap:var(--space-xl)}.stats-tab__chart-column{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.stats-tab__chart-card{display:flex;flex-direction:column;height:100%}.stats-tab__chart-card>.donut-chart{align-self:center}.stats-tab__chart-card>.bar-chart{width:100%}.stats-tab__chart-header{width:100%;display:flex;justify-content:center;margin-bottom:var(--space-lg)}.stats-tab__chart-stat{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-surface-tertiary);border-radius:var(--radius-lg)}.stats-tab__chart-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.stats-tab__chart-stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media (max-width: 600px){.stats-tab{gap:var(--space-lg)}.stats-tab__section-title{font-size:var(--font-size-md)}.stats-tab__records-grid{grid-template-columns:repeat(2,1fr);row-gap:var(--space-md)}.stats-tab__record-item{padding:var(--space-xs) 0}.stats-tab__record-item:nth-child(odd):before{display:none}.stats-tab__record-value{font-size:var(--font-size-xl)}.stats-tab__record-label{font-size:var(--font-size-xs)}.stats-tab__chart-stat{padding:var(--space-xs) var(--space-md)}.stats-tab__chart-stat-value{font-size:var(--font-size-md)}.stats-tab__chart-stat-label{font-size:var(--font-size-xs)}.stats-tab .bar-chart--medium .bar-chart__bar-container{--bar-height: 10px}}@media (min-width: 768px){.stats-tab__charts-row{flex-direction:row;gap:var(--space-lg)}.stats-tab__chart-column{flex:1;min-width:0}}.profile-card-animate{animation:profileSlideUp .4s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;transform:translateY(8px)}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.profile-card-animate{animation:none;opacity:1;transform:none}}.profile-page{width:100%;max-width:var(--layout-algorithm-content-max-width);margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.profile-header-wrapper{display:flex;justify-content:center;gap:var(--space-lg)}.profile-header-card{border:none;position:relative}.profile-stats-card{border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg)}.profile-stats-card__icons,.profile-stats-card__stats{display:flex;justify-content:center;gap:var(--space-sm)}.profile-stats-card__stat{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface-tertiary);border-radius:var(--radius-md);cursor:default}.profile-stats-card__stat svg{width:22px;height:22px}.profile-stats-card__stat span{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.profile-stats-card__stat--solves svg{color:var(--color-icon-blue)}.profile-stats-card__stat--algorithms svg{color:var(--color-icon-blue)}.profile-header__menu-btn{position:absolute;top:var(--space-md);right:var(--space-md);opacity:.6;transition:opacity var(--transition-fast)}.profile-header__menu-btn:hover{opacity:1}.profile-header{display:flex;align-items:center;gap:var(--space-xl)}.profile-header__divider{width:1px;align-self:stretch;background:var(--color-border-primary);margin:0 var(--space-sm)}.profile-header__avatar-wrapper{position:relative;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;transition:transform var(--transition-fast)}.profile-header__avatar-wrapper:hover{transform:scale(1.05) translateY(-2px)}.profile-header__avatar{width:100px;height:100px;border-radius:50%;overflow:hidden}.profile-header__avatar-img{width:100%;height:100%;object-fit:contain}.profile-header__customize-btn{position:absolute;bottom:-6px;right:-6px;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-default);border-radius:50%;box-shadow:0 0 0 3px var(--color-surface-secondary);transition:transform var(--transition-fast),background var(--transition-fast)}.profile-header__avatar-wrapper:hover .profile-header__customize-btn{background:var(--color-primary-hover);transform:scale(1.1)}.profile-header__customize-btn svg{width:20px;height:20px;--color-icon-neutral: var(--color-icon-on-action);--color-icon-neutral-secondary: var(--color-icon-on-action)}.profile-header__info{display:flex;flex-direction:column;gap:var(--space-md);min-width:280px}.profile-header__name-group{display:flex;flex-direction:column;gap:var(--space-2xs)}.profile-header__name-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.profile-header__name{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin:0}.profile-header__degree-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--degree-color) 15%,transparent);border:1.5px solid color-mix(in srgb,var(--degree-color) 40%,transparent);cursor:help;transition:transform var(--transition-fast),background var(--transition-fast)}.profile-header__degree-badge:hover{transform:scale(1.1);background:color-mix(in srgb,var(--degree-color) 25%,transparent)}.profile-header__degree-badge svg{width:14px;height:14px}.profile-header__degree-badge svg path{stroke:var(--degree-color)!important}.profile-header__degree-badge svg path[fill]:not([fill=none]){fill:color-mix(in srgb,var(--degree-color) 60%,transparent)!important}.profile-header__member-since{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.profile-header__degrees{display:flex;gap:var(--space-sm)}.profile-header__degree-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--degree-color) 12%,transparent);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.profile-header__degree-icon:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:var(--radius-md);border:1.5px dashed var(--degree-color);opacity:.25;transition:opacity var(--transition-fast)}.profile-header__degree-icon svg{width:22px;height:22px;transition:all var(--transition-fast)}.profile-header__degree-icon svg path{stroke:var(--degree-color)!important}.profile-header__degree-icon svg path[fill]:not([fill=none]){fill:color-mix(in srgb,var(--degree-color) 60%,transparent)!important}.profile-header__degree-icon--locked{opacity:.4}.profile-header__degree-icon--locked:hover{opacity:.6}.profile-header__degree-icon--ready{opacity:.7}.profile-header__degree-icon--ready:hover{opacity:.9}.profile-header__degree-icon--unlocked{opacity:1;background:color-mix(in srgb,var(--degree-color) 20%,transparent)}.profile-header__degree-icon--unlocked:before{opacity:.4}.profile-header__degree-icon:hover{transform:scale(1.05)}.profile-header__level{display:flex;flex-direction:column;gap:var(--space-xs)}.profile-header__level .progress-bar-container{width:100%}.profile-header__level-labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xs)}.profile-header__level-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.profile-header__xp-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.profile-header__level--glowing .progress-bar__fill{background:var(--color-icon-gold)!important;transition:background .3s ease}.profile-header__level--levelup .progress-bar__fill{background:var(--color-status-success-default)!important;transition:background .3s ease}.profile-tabs-wrapper{width:100%}.profile-tabs-wrapper .tabs__content{width:100%;padding-left:0;padding-right:0;padding-top:var(--space-xl)}@media (max-width: 768px){.profile-stats-card{display:none}.profile-page{padding:var(--space-md);padding-top:var(--space-xs);gap:var(--space-lg);max-width:100%;box-sizing:border-box}.profile-header-wrapper{width:100%;max-width:100%}.profile-header-card{width:100%;max-width:100%;box-sizing:border-box;padding:var(--space-md);padding-top:var(--space-lg)}.profile-header{flex-direction:row;align-items:center;gap:var(--space-lg)}.profile-header__divider{display:none}.profile-header__avatar{width:88px;height:88px}.profile-header__customize-btn{width:32px;height:32px;bottom:-2px;right:-2px;box-shadow:0 0 0 2px var(--color-surface-secondary)}.profile-header__customize-btn svg{width:18px;height:18px}.profile-header__info{flex:1;min-width:0;gap:var(--space-sm)}.profile-header__member-since{display:none}.profile-header__name-group{gap:0}.profile-header__name{font-size:var(--font-size-xl)}.profile-header__degree-badge{width:20px;height:20px}.profile-header__degree-badge svg{width:12px;height:12px}.profile-header__level{gap:var(--space-xs);padding-bottom:var(--space-md)}.profile-header__level .progress-bar__track{height:8px}.profile-header__level-labels{padding:0}.profile-header__level-text,.profile-header__xp-text{font-size:var(--font-size-xs)}.profile-header__menu-btn{top:var(--space-sm);right:var(--space-sm)}}.feed-page{padding:var(--space-xl);max-width:1200px;margin:0 auto}.feed-page__header{margin-bottom:var(--space-xl)}.feed-page__header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.feed-page__header p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.feed-page__content{display:flex;justify-content:center;align-items:center;min-height:400px}.feed-page__placeholder{text-align:center;max-width:600px;padding:var(--space-3xl);background:var(--color-surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary)}.feed-page__icon{font-size:4rem;margin-bottom:var(--space-lg)}.feed-page__placeholder h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.feed-page__placeholder p{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.feed-page__features{text-align:left;margin:var(--space-lg) 0;padding-left:var(--space-md)}.feed-page__features li{font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--space-sm);line-height:1.5}.feed-page__note{font-style:italic;color:var(--color-text-tertiary);margin-top:var(--space-lg);margin-bottom:0}.algorithm-set-progress{width:100%;margin-top:var(--space-xs);margin-bottom:var(--space-lg);overflow:visible;position:relative}.algorithm-set-progress__tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:var(--color-surface-secondary);color:var(--color-text-default);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .2s ease;z-index:10;box-shadow:var(--shadow-md)}.algorithm-set-progress__blocks{display:flex;padding:4px;background:var(--color-surface-quaternary);border:1.5px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all .4s ease;box-sizing:border-box;position:relative}.algorithm-set-progress__hover-zone{cursor:pointer;border-radius:var(--radius-md)}.algorithm-set-progress__blocks--complete{animation:completionPulse .4s ease-out .4s forwards}@keyframes completionPulse{0%{border-color:var(--color-border-primary);transform:scale(1);box-shadow:0 0 0 0 transparent}50%{border-color:var(--color-icon-green);transform:scale(1.01);box-shadow:0 0 0 3px var(--color-icon-green-secondary)}to{border-color:var(--color-icon-green);transform:scale(1);box-shadow:0 0 0 2px var(--color-icon-green-secondary)}}.algorithm-set-progress__block{flex:1 1 0;min-width:0;height:18px;background:var(--color-surface-default);transition:transform .2s ease,filter .2s ease,background .3s ease;border-radius:3px;transform-origin:center bottom;cursor:pointer;margin-right:2px;box-shadow:inset 0 -2px #00000026}.algorithm-set-progress:has(.algorithm-set-progress__block--learned.algorithm-set-progress__block--hovered) .algorithm-set-progress__block--learned{transform:scaleY(1.15) translateY(-1px);filter:brightness(1.1)}.algorithm-set-progress:has(.algorithm-set-progress__block--learning.algorithm-set-progress__block--hovered) .algorithm-set-progress__block--learning{transform:scaleY(1.15) translateY(-1px);filter:brightness(1.1)}.algorithm-set-progress:has(.algorithm-set-progress__block--not-started.algorithm-set-progress__block--hovered) .algorithm-set-progress__block--not-started{transform:scaleY(1.15) translateY(-1px);filter:brightness(1.1)}.algorithm-set-progress__block--first{border-top-left-radius:12px;border-bottom-left-radius:12px}.algorithm-set-progress__block--last{margin-right:0;border-top-right-radius:12px;border-bottom-right-radius:12px}.algorithm-set-progress__block--learned{animation:fillToGreen .3s ease-out forwards}.algorithm-set-progress__block--learning{animation:fillToBlue .3s ease-out forwards}.algorithm-set-progress__block--not-started{background:var(--color-surface-default)}@keyframes fillToGreen{0%{background:var(--color-surface-default);transform:scale(1)}50%{transform:scale(1.1)}to{background:var(--color-icon-green);transform:scale(1)}}@keyframes fillToBlue{0%{background:var(--color-surface-default);transform:scale(1)}50%{transform:scale(1.1)}to{background:var(--color-icon-blue);transform:scale(1)}}@media (max-width: 768px){.algorithm-set-progress__blocks{padding:3px}.algorithm-set-progress__block{height:14px;min-width:2px;margin-right:1px;border-radius:2px}.algorithm-set-progress__block--first{border-top-left-radius:8px;border-bottom-left-radius:8px}.algorithm-set-progress__block--last{border-top-right-radius:8px;border-bottom-right-radius:8px}}.subcategory-tabs{margin-bottom:var(--space-xl);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);align-items:center}.subcategory-tab{background:transparent;border:none;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-pill);transition:transform var(--transition-fast)}.subcategory-tab:hover{transform:scale(1.05)}.subcategory-tab__icon{width:64px;height:64px;border-radius:var(--radius-pill);border:var(--border-width-thin) solid var(--color-border-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);background-color:transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.subcategory-tab__icon--active{border-color:var(--color-primary-default);background-color:var(--color-surface-tertiary);font-weight:var(--font-weight-bold);color:var(--color-primary-default)}.subcategory-tab__icon--small{width:56px;height:56px}.algorithm-case-card{padding:var(--space-lg);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-xl);background-color:var(--color-surface-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;gap:var(--space-lg);align-items:center;position:relative}.algorithm-case-card:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.algorithm-case-card:active{transform:translateY(0)}.algorithm-case-card:focus{outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:2px}.algorithm-case-card:focus:not(:focus-visible){outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:2px}.algorithm-case-card__visual{flex-shrink:0}.algorithm-case-card__info{flex:1;min-width:0}.algorithm-case-card__status{position:absolute;top:var(--space-md);right:var(--space-md);z-index:10}.algorithm-case-card__status-content{display:flex;align-items:center;gap:var(--space-xs);line-height:1}.algorithm-case-card__status-icon{width:14px;height:14px;flex-shrink:0}.chip--success .algorithm-case-card__status-icon path{stroke:var(--color-icon-green)}@media (max-width: 768px){.algorithm-case-card__status-label{display:none}.algorithm-case-card__status-content{gap:0}}.algorithm-case-card__name{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.algorithm-case-card__info .tag{font-weight:var(--font-weight-regular);text-transform:none}.algorithm-case-card__algorithm{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-md)}@media (max-width: 768px){.case-grid{gap:var(--space-xs)}}.algorithm-set-detail-view{height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-top:var(--space-xl);box-sizing:border-box}.algorithm-set-detail-view__content{width:100%;max-width:780px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.algorithm-set-detail-view__scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-md) var(--space-md) var(--space-xl);position:relative;mask-image:linear-gradient(to bottom,transparent 0%,black 20px,black calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20px,black calc(100% - 20px),transparent 100%)}.algorithm-set-detail-view__controls{margin-bottom:var(--space-lg);margin-top:var(--space-sm);position:relative;display:flex;justify-content:center;align-items:center;min-height:40px}.algorithm-set-detail-view__controls-left{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1}.algorithm-set-detail-view__controls-right{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;gap:var(--space-xs)}.algorithm-set-detail-view__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);text-align:center}.algorithm-set-detail-view__controls-desktop-sort{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1}@media (max-width: 768px){.algorithm-set-detail-view{padding-top:0}.algorithm-set-detail-view__content{max-width:100%}.algorithm-set-detail-view__scroll{padding:var(--space-sm) var(--space-md) var(--space-xl);mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 20px),transparent 100%)}.algorithm-set-detail-view__controls{justify-content:space-between;margin-bottom:var(--space-lg);margin-top:0;gap:var(--space-md);flex-wrap:wrap}.algorithm-set-detail-view__controls>.select{flex:1;min-width:0}.algorithm-set-detail-view__controls-right{position:static;transform:none;display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}}.visual-with-navigation{display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.visual-with-navigation__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0}.visual-with-navigation__preview-button{background:transparent;border:none;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);opacity:.4;transition:opacity var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.visual-with-navigation__preview-button:hover{opacity:.7;transform:scale(1.05)}.visual-with-navigation__preview-button:hover .visual-with-navigation__arrow-icon{opacity:.7}.visual-with-navigation__arrow-icon{width:20px;height:20px;color:var(--color-text-tertiary);flex-shrink:0}.visual-with-navigation__preview-placeholder{width:calc(60px + 20px + var(--space-sm) + var(--space-sm) * 2);height:60px;flex-shrink:0}.visual-with-navigation__content{flex-shrink:0;position:relative}.visual-with-navigation--mobile{gap:var(--space-lg);margin-bottom:var(--space-lg)}.visual-with-navigation__placeholder-mobile{width:44px;height:44px}.algorithm-list-section{margin-bottom:var(--space-xl);position:relative;z-index:100}.algorithm-list-section__header{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);padding-left:var(--space-sm)}.algorithm-list-container{background-color:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;width:100%;box-sizing:border-box;position:relative;z-index:100}.algorithm-list-rows{display:flex;flex-direction:column}.algorithm-list-item{display:flex;align-items:center;gap:var(--space-sm);height:68px;padding:0 var(--space-md);background:transparent;border-bottom:var(--border-width-thin) solid var(--color-border-primary);user-select:none;-webkit-user-select:none;box-sizing:border-box}.algorithm-list-item:last-child{border-bottom:none}.algorithm-list-item--dragging{opacity:.5}.algorithm-drag-handle{all:unset;cursor:grab;padding:var(--space-xxs) var(--space-xs);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.algorithm-drag-handle:active{cursor:grabbing}.algorithm-drag-handle:hover{color:var(--color-text-secondary)}.algorithm-list-item .algorithm-drag-handle,.algorithm-list-item .algorithm-drag-handle *{color:var(--color-text-tertiary)!important;fill:var(--color-text-tertiary)!important;stroke:var(--color-text-tertiary)!important}@media (max-width: 768px){.algorithm-list-item{padding:0 var(--space-md) 0 var(--space-xs);gap:var(--space-xxs)}.algorithm-drag-handle{min-width:44px;min-height:44px;padding:0}}.algorithm-row{flex:1;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) 0;background:transparent;border:none;text-align:left;min-width:0;position:relative;box-sizing:border-box;pointer-events:auto}.algorithm-status-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:none;padding:0;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.algorithm-status-icon:hover{transform:scale(1.1)}.algorithm-status-icon:active{transform:scale(.92)}.algorithm-status-icon--none,.algorithm-status-icon--learning,.algorithm-status-icon--learned{background:transparent;border:1.5px solid var(--color-border-secondary)}.algorithm-status-icon--none:hover,.algorithm-status-icon--learning:hover,.algorithm-status-icon--learned:hover{border-color:var(--color-border-primary);box-shadow:0 2px 6px #0000001a}.algorithm-status-icon--learning,.algorithm-status-icon--learning:hover{border-color:var(--color-status-info-default)}.algorithm-status-icon--learning .icon{width:14px;height:14px}.algorithm-status-icon--learning .icon path,.algorithm-status-icon--learning .icon circle{stroke:var(--color-status-info-default)}.algorithm-status-icon--learned,.algorithm-status-icon--learned:hover{border-color:var(--color-status-success-default)}.algorithm-status-icon--learned .icon{width:12px;height:12px}.algorithm-status-icon--learned .icon path,.algorithm-status-icon--learned .icon circle{stroke:var(--color-status-success-default);stroke-width:3px}.algorithm-status-icon--inline{width:14px;height:14px;pointer-events:none;cursor:default;box-shadow:none;margin-top:0}.algorithm-status-icon--inline:hover{transform:none;box-shadow:none}.algorithm-status-icon--inline.algorithm-status-icon--none{border-width:1px}.algorithm-status-icon--inline .icon{width:10px;height:10px}.algorithm-status-menu-item{display:flex;align-items:center;gap:var(--space-sm)}.algorithm-row__rotation{opacity:.5}.algorithm-row__swap-icon{position:absolute;top:var(--space-md);right:var(--space-md);color:var(--color-text-tertiary);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.algorithm-row:hover:not(.algorithm-row--selected) .algorithm-row__swap-icon{opacity:1}.algorithm-row__content{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:var(--space-sm)}.algorithm-row__copy-btn{flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.algorithm-row:hover .algorithm-row__copy-btn{opacity:1}@media (max-width: 768px){.algorithm-row__copy-btn{opacity:.6}}.algorithm-row__main{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0;cursor:pointer;transition:opacity var(--transition-fast)}.algorithm-row__main:hover{opacity:.8}.algorithm-row__moves{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-default);word-break:break-word;overflow-wrap:break-word}.algorithm-row--no-status{opacity:.7}.algorithm-list-item:first-child .algorithm-row__moves{font-weight:var(--font-weight-bold)}.algorithm-status-chip{flex-shrink:0;cursor:pointer}.algorithm-status-chip .chip{cursor:pointer}@keyframes chip-success-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--color-status-success-default)}30%{transform:scale(1.1);box-shadow:0 0 8px 2px var(--color-status-success-default)}60%{transform:scale(.95);box-shadow:0 0 4px 1px var(--color-status-success-default)}to{transform:scale(1);box-shadow:0 0 0 0 var(--color-status-success-default)}}.algorithm-status-chip--animate .chip{animation:chip-success-pulse .4s ease-out}.algorithm-status-chip .chip__content{display:flex;align-items:center;gap:var(--space-xs)}.algorithm-status-chip__icon{flex-shrink:0}.algorithm-status-chip .icon,.algorithm-status-chip .icon path,.algorithm-status-chip .icon circle{color:currentColor;stroke:currentColor}@media (max-width: 768px){.algorithm-status-chip .chip__content{gap:0}}.case-detail-view{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-top:var(--space-xl);box-sizing:border-box}.case-detail-view__content{width:100%;max-width:var(--layout-algorithm-content-max-width);display:flex;flex-direction:column;height:100%;box-sizing:border-box}.case-detail-view__scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-md) var(--space-md) var(--space-xl);mask-image:linear-gradient(to bottom,transparent 0%,black 20px,black calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20px,black calc(100% - 20px),transparent 100%)}.case-detail-view__stat-card{margin:var(--space-md) var(--space-xl) var(--space-xl) var(--space-xl);border:none;background:var(--color-surface-secondary)}.case-detail-view__mobile-card{background:var(--color-surface-secondary);border:none;border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-md);margin:var(--space-xs) 0 var(--space-lg) 0}.case-detail-view__setup-stat{display:flex;flex-direction:column;gap:var(--space-xs);text-align:center;align-items:center}.case-detail-view__setup-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.case-detail-view__setup-value{font-size:var(--font-size-md);color:var(--color-text-default);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.case-detail-view{padding-top:0}.case-detail-view__content{max-width:100%}.case-detail-view__scroll{padding:var(--space-md) var(--space-md) var(--space-xl);mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 20px),transparent 100%)}.case-detail-view__stat-card{margin:var(--space-md);border:none;background:var(--color-surface-secondary)}}.alg-database-set-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)}.alg-database-set-card *{cursor:pointer!important}.alg-database-set-card:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-tertiary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.alg-database-set-card__info-button{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:2;opacity:.4;transition:opacity .2s ease}.alg-database-set-card__info-button:hover{opacity:1}.alg-database-set-card__progress-counter{position:absolute;top:var(--space-md);right:var(--space-md)}.alg-database-set-card__text{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.alg-database-set-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin:0;text-align:center}.alg-database-set-card__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;line-height:1.3}.alg-database-set-card__case-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.alg-database-set-card__progress-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-mono)}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkDraw{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.alg-database-set-card{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md)}.alg-database-set-card .icon,.alg-database-set-card svg{width:64px!important;height:64px!important}.alg-database-set-card__icon{align-self:center}.alg-database-set-card__name{font-size:var(--font-size-sm)}.alg-database-set-card__progress-label{font-size:11px}.alg-database-set-card__actions{justify-content:stretch}.alg-database-set-card__actions button{flex:1}}.algorithm-set-grid-container{width:100%}.algorithm-set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg);width:100%;box-sizing:border-box;padding:var(--space-md);margin:calc(-1 * var(--space-md));margin-bottom:0;padding-bottom:var(--space-xl)}@media (max-width: 768px){.algorithm-set-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:0;margin:0;padding-bottom:var(--space-lg)}}.algorithm-search-panel{flex-shrink:0;position:relative;z-index:10;pointer-events:auto;background:transparent}.algorithm-search-panel--inline{padding:0 var(--space-lg) var(--space-md)}.search-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;cursor:default;pointer-events:auto}.search-overlay{position:absolute;top:calc(100% + var(--space-md));left:0;right:0;width:auto;max-height:60vh;background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-default) 90%,transparent),color-mix(in srgb,var(--color-surface-secondary) 85%,transparent),color-mix(in srgb,var(--color-surface-tertiary) 80%,transparent));backdrop-filter:blur(var(--micro-blur-glass));-webkit-backdrop-filter:blur(var(--micro-blur-glass));border:var(--border-width-thin) solid color-mix(in srgb,var(--color-border-primary) 70%,transparent);border-radius:var(--radius-xl);box-shadow:var(--box-shadow-md),inset 0 1px color-mix(in srgb,var(--color-border-primary) 40%,transparent);overflow:hidden;pointer-events:auto}.algorithm-search-panel--global .search-overlay{left:0;right:0}.algorithm-search-panel--inline .search-overlay{top:100%;z-index:25}.search-overlay--closing{opacity:0;transform:translateY(-8px);transition:opacity .15s var(--motion-spring-snappy),transform .15s var(--motion-spring-snappy)}.search-overlay__content{max-height:60vh;overflow-y:auto;padding:var(--space-xs) var(--space-lg) var(--space-xs) 0}@media (max-width: 768px){.algorithm-search-panel--inline{padding:0}.search-overlay{top:calc(100% + var(--space-md));left:0;right:0;border-radius:var(--radius-lg)}.algorithm-search-panel--inline .search-overlay{top:calc(100% + var(--space-md))}}.trainer-case-card{position:relative;width:80px;height:80px;padding:var(--space-sm);background:transparent;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;opacity:.85}.trainer-case-card:hover{opacity:1;background:var(--color-surface-tertiary);transform:scale(1.05)}.trainer-case-card--selected{opacity:1;background:var(--color-surface-secondary);border-color:color-mix(in srgb,var(--color-primary-default) 50%,transparent);box-shadow:0 2px 8px #00000014}.trainer-case-card--selected:hover{transform:scale(1.02)}.trainer-case-card__status{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--color-bg-default)}.trainer-case-card__status[data-status=learning]{background:var(--color-icon-blue)}.trainer-case-card__status[data-status=learned]{background:var(--color-icon-green)}.trainer-setup-modal .modal__content{display:flex;flex-direction:column;height:100%}.trainer-setup-modal .settings-sections{display:flex;flex-direction:column;height:auto}.trainer-setup-modal__case-selection-wrapper{display:flex;flex-direction:column;flex:1;min-height:0}.trainer-setup__footer-summary{display:flex;align-items:baseline;gap:var(--space-md)}.trainer-setup__footer-count{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default)}.trainer-setup__footer-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.trainer-setup__quick-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);align-items:center}.trainer-setup__spacer{flex:1}.trainer-filter-button{min-width:220px}.trainer-filter-button .btn__text{display:flex;align-items:center;gap:var(--space-xs)}.trainer-filter-button__status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block;margin-right:var(--space-xs);position:relative}.trainer-setup__subcategory-grid{flex:1;min-height:0;text-align:left}.trainer-setup__subcategory-section{display:inline-block;vertical-align:top;margin-right:var(--space-2xl);margin-bottom:var(--space-xl);overflow:visible}.trainer-setup__subcategory-header{margin-bottom:var(--space-sm);padding-left:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);transform-origin:left center}.trainer-setup__subcategory-header:hover{transform:scale(1.02)}.trainer-setup__subcategory-header:active{transform:scale(.98)}.trainer-setup__subcategory-checkbox{width:16px;height:16px;border-radius:4px;border:2px solid var(--color-border-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);color:var(--color-bg-default)}.trainer-setup__subcategory-header--all-selected .trainer-setup__subcategory-checkbox{background:var(--color-primary-default);border-color:var(--color-primary-default)}.trainer-setup__subcategory-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.trainer-setup__case-grid{display:inline-grid;grid-auto-flow:column;grid-auto-columns:80px;gap:var(--space-sm);overflow:visible}.trainer-timer-display{flex:1;display:flex;align-items:flex-start;justify-content:center;padding-top:10%;font-size:var(--font-size-fluid-timer);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.trainer-stats-card{margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;gap:var(--space-lg)}.trainer-stat{text-align:center}.trainer-stat__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);color:var(--color-text-default);line-height:1.2}.trainer-stat__label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-weight:var(--font-weight-medium);opacity:.5}.trainer-stats-card__visual{flex-shrink:0}.trainer-stats-card__algorithm{flex:1}.trainer-stats-card__algorithm-text{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-default);display:flex;align-items:center;min-height:24px}.trainer-stats-card__algorithm-revealed{color:var(--color-text-default)}.trainer-stats-card__algorithm-dots{color:var(--color-text-tertiary);opacity:.5;font-size:var(--font-size-lg);line-height:1;margin-left:var(--space-sm)}.trainer-time-chip{display:flex;align-items:center;justify-content:center;width:58px;height:32px;padding:0 var(--space-xs);background:var(--color-surface-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-pill);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-default);transition:all var(--transition-fast);cursor:pointer;flex-shrink:0}.trainer-time-chip--pr .trainer-time-chip__time{color:var(--color-icon-gold);font-weight:var(--font-weight-bold)}.trainer-time-chip:hover{background:var(--color-status-error-default);border-color:var(--color-status-error-default)}.trainer-time-chip__time{text-align:center;-webkit-user-select:none;user-select:none}.trainer-time-chip__delete-icon{width:16px;height:16px}.trainer-time-chip:hover .trainer-time-chip__delete-icon{color:var(--color-text-inverse)}.trainer-review-panel{flex:1;display:flex;flex-direction:column;min-height:0}.trainer-review-panel__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.trainer-review-panel__card{background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.trainer-review-panel__visual-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg);margin-bottom:var(--space-lg);flex-shrink:0}.trainer-review-panel__visual{cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.trainer-review-panel__actions{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;gap:var(--space-xs);z-index:2}.trainer-review-panel__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-tertiary);text-align:center;flex-shrink:0}.trainer-review-panel__stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);color:var(--color-text-default)}.trainer-review-panel__stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.trainer-review-panel__times{flex:1;min-height:0;padding:var(--space-md) 0}.trainer-review-panel__times-inner{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-content:flex-start;padding:0 var(--space-sm)}.trainer-review-panel__chart-wrapper{height:200px;margin-left:calc(-1 * var(--space-lg));margin-right:calc(-1 * var(--space-lg));margin-bottom:calc(-1 * var(--space-lg));padding-top:var(--space-lg);padding-bottom:var(--space-md);padding-right:4px;flex-shrink:0;overflow:hidden;position:relative}.trainer-review-panel__chart-divider{border-top:1px solid var(--color-border-tertiary);margin-top:var(--space-md);margin-bottom:var(--space-md);flex-shrink:0}.trainer-review-panel__chart-placeholder{margin-top:var(--space-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--space-xl);flex-shrink:0}.trainer-review-panel__tooltip-hide{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;opacity:0!important;font-size:0!important;line-height:0!important}.trainer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-secondary)}.trainer-header__cases-container{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);padding-right:var(--space-sm);background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:16px;max-width:650px}.trainer-header__cases-grid{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);overflow:hidden;flex:1}.trainer-header__overflow-counter{min-width:55px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-quaternary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-bold);padding:0 var(--space-sm)}.trainer-header__divider{width:1px;height:40px;background:var(--color-border-secondary);margin:0 var(--space-xs)}.algorithm-trainer-page{flex-direction:column;overflow:hidden}.algorithm-trainer-page__container{width:100%;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.trainer-grid{display:flex;gap:var(--space-lg);flex:1;overflow:hidden;padding:var(--space-md) var(--space-md) var(--space-xl)}.trainer-action-column{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-right:var(--space-md);min-width:0}.trainer-review-column{width:var(--layout-side-panel-width);min-width:var(--layout-side-panel-width);max-width:var(--layout-side-panel-width);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.trainer-review-column .infographic-chart--trend{overflow-x:auto;padding-right:var(--space-xs)}.trainer-review-column .chip .icon-button{margin-left:calc(-1 * var(--space-xs))}.trainer-chart-wrapper{position:relative}.trainer-chart-fade-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,var(--color-surface-secondary) 0%,transparent 30px,transparent calc(100% - 50px),var(--color-surface-secondary) calc(100% - 10px),var(--color-surface-secondary) 100%)}.trainer-chart-container{position:relative;z-index:0;overflow:visible}.trainer-chart-container>div{position:absolute;top:-35px;left:0;right:0;height:240px!important;width:100%!important;overflow:visible}.trainer-chart-container svg{width:100%!important;height:240px!important}.trainer-chart-container .visx-axis-bottom text{display:none}.trainer-chart-container .visx-axis-bottom .visx-line,.trainer-chart-wrapper .time-trend-chart__y-axis-labels,.trainer-chart-wrapper .time-trend-chart__axis-line-vertical{display:none}.trainer-chart-wrapper~* [role=tooltip]>div>div:not(:first-child),.trainer-chart-wrapper~* [role=tooltip]>div>*:not(:first-child),[role=tooltip]:has(+.trainer-chart-wrapper)>div>div:not(:first-child),[role=tooltip]:has(+.trainer-chart-wrapper)>div>*:not(:first-child),body:has(.trainer-chart-wrapper) [role=tooltip]>div>div:not(:first-child),body:has(.trainer-chart-wrapper) [role=tooltip]>div>*:not(:first-child){display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important;font-size:0!important;line-height:0!important;opacity:0!important;pointer-events:none!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important}.trainer-chart-wrapper .visx-tooltip,.trainer-chart-wrapper [role=tooltip]{z-index:10!important}.trainer-scramble-row{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);justify-content:center;min-height:90px}.trainer-scramble-nav{margin-top:var(--space-sm)}.trainer-scramble-text{font-family:var(--font-family-mono);font-size:var(--font-size-xxl);text-align:center;color:var(--color-text-default);-webkit-user-select:none;user-select:none;line-height:1.5;flex:1;text-wrap:balance;display:flex;align-items:flex-start;justify-content:center}.trainer-case-modal{display:flex;flex-direction:column;gap:var(--space-lg)}.trainer-case-modal__visual{display:flex;justify-content:center}#timer-page{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;overflow:hidden}.timer-page--app-shell{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.timer-page__infographics{margin-top:auto;width:100%;padding-top:var(--space-lg);animation:infographicsReveal .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes infographicsReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.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}.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)}#main-content{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-width:0;box-sizing:border-box;overflow:hidden}#top-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:720px;min-width:0;box-sizing:border-box}#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:100vh;height:100svh;min-width:0}.is-mobile #main-content{min-width:200px;padding:var(--space-sm)}.is-mobile #top-section,.is-mobile #bottom-section{min-width:0;padding:var(--space-sm)}.is-mobile #scramble-display,.is-mobile .session-bar{min-width:0;max-width:none}}#timer-display,#scramble-display,.session-bar{transform:translateZ(0);will-change:contents}.timer-complete #timer-display,.timer-complete #scramble-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;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)}.algorithm-database-page{width:100%;height:100%;overflow:hidden}.algorithm-page{width:100%;height:100%;max-width:var(--layout-algorithm-content-max-width);margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto;box-sizing:border-box}@keyframes searchModalEnter{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes searchModalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(-8px)}}.search-overlay{animation:searchModalEnter .25s cubic-bezier(.34,1.56,.64,1) forwards}.search-overlay--closing{animation:searchModalExit .15s cubic-bezier(.4,0,1,1) forwards}@media (prefers-reduced-motion: reduce){.search-overlay,.search-overlay--closing{animation:none}}.case-card-hidden{opacity:0;transform:translateY(8px)}.case-card-animate-in{animation:caseCardFadeIn .4s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;transform:translateY(8px)}@keyframes caseCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.visual-slide-left{animation:carouselLeftToCenter .35s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint}.visual-center-to-left-thumbnail{animation:carouselCenterToLeft .35s cubic-bezier(.4,0,.2,1) forwards}.visual-thumbnail-fade-out-left{animation:thumbnailFadeOutLeft .3s ease-out forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint}.visual-thumbnail-fade-out-right{animation:thumbnailFadeOutRight .3s ease-out forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint}.visual-thumbnail-fade-in{animation:thumbnailFadeIn .35s ease-in-out forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint}.visual-slide-right{animation:carouselRightToCenter .35s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint}.visual-center-to-right-thumbnail{animation:carouselCenterToRight .35s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint}.visual-thumbnail-fade-in-early{animation:thumbnailFadeInEarly .35s ease-in-out forwards;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint}.visual-thumbnail-fade-in-late{animation:thumbnailFadeInLate .35s ease-in-out forwards;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint}@keyframes carouselLeftToCenter{0%{opacity:.4;transform:translate(-170px) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes carouselCenterToLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:.4;transform:translate(-170px) scale(.5)}}@keyframes thumbnailFadeOutLeft{0%{opacity:.4;transform:translateY(-50%) translate(32px) scale(1)}to{opacity:0;transform:translateY(-50%) translate(100px) scale(.7)}}@keyframes thumbnailFadeOutRight{0%{opacity:.4;transform:translateY(-50%) translate(-32px) scale(1)}to{opacity:0;transform:translateY(-50%) translate(-100px) scale(.7)}}@keyframes thumbnailFadeInEarly{0%,25%{opacity:0}50%{opacity:.4}}@keyframes thumbnailFadeInLate{0%,99%{opacity:0}to{opacity:.4}}@keyframes carouselRightToCenter{0%{opacity:.4;transform:translate(170px) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes carouselCenterToRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:.4;transform:translate(170px) scale(.5)}}.algorithm-browse__header{margin-bottom:var(--space-xl)}.algorithm-browse__header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin-bottom:var(--space-sm)}.algorithm-browse__header p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.algorithm-browse__controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);gap:var(--space-lg)}@media (max-width: 768px){.algorithm-page{padding:var(--space-md);padding-top:var(--space-xs);gap:var(--space-lg)}.algorithm-browse__controls{flex-direction:column;align-items:stretch;gap:var(--space-md)}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:.95}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:.95}}@keyframes slideInFromLeft{0%{transform:translate(-30%);opacity:.95}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.95}}.page-transition-enter{animation:slideInFromRight .25s cubic-bezier(.25,.46,.45,.94) forwards;position:relative;z-index:2}.page-transition-exit{animation:slideOutToLeft .25s cubic-bezier(.25,.46,.45,.94) forwards;position:absolute;top:0;left:0;right:0;z-index:1}.page-transition-back-enter{animation:slideInFromLeft .25s cubic-bezier(.25,.46,.45,.94) forwards;position:relative;z-index:2}.page-transition-back-exit{animation:slideOutToRight .25s cubic-bezier(.25,.46,.45,.94) forwards;position:absolute;top:0;left:0;right:0;z-index:1}.page-transition-container{position:relative;width:100%;height:100%}.autocomplete-popup{position:absolute;z-index:var(--z-index-dropdown);min-width:200px;max-width:280px;background-color:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-xs) var(--space-sm) var(--space-sm);box-shadow:var(--shadow-sm);overflow:hidden}.autocomplete-popup__content{max-height:160px;overflow-y:auto;overflow-x:hidden}.autocomplete-popup__content::-webkit-scrollbar{width:6px}.autocomplete-popup__content::-webkit-scrollbar-track{background:transparent}.autocomplete-popup__content::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-sm)}.autocomplete-popup:hover .autocomplete-popup__content::-webkit-scrollbar-thumb{background:var(--color-border-secondary)}.autocomplete-popup:hover .autocomplete-popup__content::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.autocomplete-item{position:relative;display:flex;align-items:center;width:100%;height:32px;padding:0 var(--space-sm);background:transparent;border:none;color:var(--color-text-default);font-size:var(--font-size-xs);text-align:left;cursor:pointer;transition:background-color .2s var(--motion-spring-gentle);box-sizing:border-box}.autocomplete-item:hover{background-color:var(--color-surface-tertiary);border-radius:var(--radius-sm)}.autocomplete-item:focus-visible{outline:var(--border-width-thick) solid var(--color-primary-default);outline-offset:-2px}.autocomplete-item--selected{background-color:var(--color-surface-secondary);border-radius:var(--radius-sm);color:var(--color-text-default)}.autocomplete-item--selected:hover{background-color:var(--color-surface-secondary)}.autocomplete-item__content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-md)}.autocomplete-item__result{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-default);text-align:left;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-item__trigger{font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-xs);flex-shrink:0}.autocomplete-item--selected .autocomplete-item__trigger,.autocomplete-item--selected .autocomplete-item__result{color:var(--color-text-default);font-weight:var(--font-weight-medium)}.autocomplete-item--no-suggestions{cursor:default;opacity:.7}.autocomplete-item--no-suggestions:hover{background-color:transparent;transform:none}.autocomplete-item--no-suggestions .autocomplete-item__trigger{color:var(--color-text-secondary);font-style:italic;font-weight:var(--font-weight-medium)}.autocomplete-item--no-suggestions .autocomplete-item__result{color:var(--color-text-tertiary);font-style:italic;font-size:var(--font-size-2xs)}.autocomplete-popup{animation:autocomplete-popup-enter .2s var(--motion-spring-gentle)}@keyframes autocomplete-popup-enter{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.autocomplete-popup{min-width:180px;max-width:240px;font-size:var(--font-size-xs)}.autocomplete-item{min-height:36px;padding:var(--space-xs)}.autocomplete-item__trigger,.autocomplete-item__result{font-size:var(--font-size-2xs)}}.algorithm-solution-row{all:unset;box-sizing:border-box;width:100%;padding:6px 8px;margin-bottom:3px;background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.algorithm-solution-row:last-child{margin-bottom:0}.algorithm-solution-row--best{background:var(--color-surface-tertiary)}.algorithm-solution-row--recommended{border-color:var(--color-primary-default)}.algorithm-solution-row:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary);transform:translate(2px)}.algorithm-solution-row--recommended:hover{border-color:var(--color-primary-hover)}.algorithm-solution-row__moves{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.algorithm-solution-row__move-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);flex-shrink:0}.algorithm-solution-row__rotation{opacity:.5}.solution-display__card{padding:var(--space-md);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-surface-secondary)}.solution-display__header{margin-bottom:var(--space-sm)}.solution-display__step-type{font-size:14px;font-weight:600;color:var(--color-text-default)}.solution-display__case-name{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.solution-display__solutions{display:flex;flex-direction:column}.solution-display__solutions .algorithm-solution-row{padding:8px 12px}.solution-display__solutions .algorithm-solution-row__moves,.solution-display__solutions .algorithm-solution-row__move-count{font-size:var(--font-size-sm)}.solution-display__empty{padding:var(--space-md);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-surface-secondary);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic}.solve-overview{display:flex;flex-direction:row;gap:var(--space-md);align-items:stretch}.solve-overview__section{flex:1;min-width:0;display:flex;flex-direction:column}.solve-overview__section>*{flex:1;display:flex;flex-direction:column}.solve-overview__section .info-container__body{flex:1;justify-content:center}.solve-overview-card>div:first-child{margin-bottom:var(--space-sm)!important}@media (max-width: 600px){.solve-overview{flex-direction:column}}.solve-overview__actions{display:flex;justify-content:flex-end;margin-top:var(--space-md)}.reconstruction-tab{display:flex;flex-direction:column;gap:var(--space-md)}.reconstruction-tab__scramble-section{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-secondary);width:100%}.reconstruction-tab__scramble-input{flex:1;min-width:0}.reconstruction-tab__scramble-input .input-wrapper{max-width:none;width:100%}.reconstruction-tab__main-row{display:flex;align-items:stretch;gap:var(--space-xl)}.reconstruction-tab__cube-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:240px}.reconstruction-tab__cube-display{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.reconstruction-tab__cube-container{width:200px;height:200px;display:flex;align-items:center;justify-content:center}.reconstruction-tab__cube-loading{width:200px;height:200px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.reconstruction-tab__perspective-toggle{display:flex;justify-content:center}.reconstruction-tab__input-area{flex:1;display:flex;flex-direction:column;gap:var(--space-md);position:relative}.reconstruction-tab__input-wrapper{position:relative}.reconstruction-tab__overlay{position:absolute;z-index:30}.reconstruction-tab__move-counter{top:var(--space-md);left:var(--space-lg);background:var(--color-surface-secondary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);pointer-events:none;-webkit-user-select:none;user-select:none}.reconstruction-tab__actions{top:var(--space-md);right:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.reconstruction-tab__action-button{all:unset;display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast);font-weight:var(--font-weight-medium)}.reconstruction-tab__action-button:hover{color:var(--color-text-secondary)}.reconstruction-tab__action-button svg,.reconstruction-tab__action-button .icon{width:12px;height:12px}.reconstruction-tab__action-divider{width:1px;height:16px;background-color:var(--color-border-primary);opacity:.8}.reconstruction-tab__caps-indicator{bottom:var(--space-md);left:var(--space-lg);display:flex;align-items:center;gap:var(--space-xs);background:var(--color-surface-secondary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.reconstruction-tab__caps-dot{width:6px;height:6px;border-radius:50%}.reconstruction-tab__caps-dot--on{background-color:var(--color-status-success-default)}.reconstruction-tab__caps-dot--off{background-color:var(--color-status-error-default)}.reconstruction-tab__caps-text--on{color:var(--color-status-success-default)}.reconstruction-tab__caps-text--off{color:var(--color-status-error-default)}.reconstruction-tab__auto-format{bottom:var(--space-md);right:var(--space-lg);display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.reconstruction-tab__auto-format-label{cursor:pointer}.reconstruction-tab__left-controls,.reconstruction-tab__step-progress{display:none}.reconstruction-tab__control-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);margin-left:var(--space-sm);color:var(--color-text-default)}.reconstruction-tab__f2l-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.reconstruction-tab__f2l-card{padding:var(--space-md);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);position:relative;background:var(--color-surface-secondary)}.reconstruction-tab__f2l-card--solved{background:color-mix(in srgb,var(--color-status-success-default) 15%,transparent);border:1px solid var(--color-status-success-default);opacity:.85}.reconstruction-tab__f2l-card--recommended{border-color:color-mix(in srgb,var(--color-primary-default) 40%,transparent)}.reconstruction-tab__f2l-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-primary-default);color:var(--color-primary-contrast);padding:2px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;letter-spacing:.5px}.reconstruction-tab__f2l-header{display:flex;justify-content:space-between;align-items:flex-start}.reconstruction-tab__f2l-header--with-margin{margin-bottom:var(--space-sm)}.reconstruction-tab__f2l-slot{font-size:14px;font-weight:600;color:var(--color-text-default);margin-bottom:2px}.reconstruction-tab__f2l-colors{font-size:12px;color:var(--color-text-secondary);text-transform:capitalize}.reconstruction-tab__f2l-check{width:16px;height:16px;color:var(--color-primary-default)}.reconstruction-tab__f2l-case-name{text-align:center;margin-top:var(--space-xs);font-size:13px;font-weight:500;color:var(--color-text-default)}.reconstruction-tab__f2l-signature{text-align:center;margin-top:4px;font-size:10px;color:var(--color-text-tertiary);font-family:var(--font-family-mono);padding:2px 6px;background:var(--color-surface-tertiary);border-radius:var(--radius-xs);display:inline-block}.reconstruction-tab__f2l-score{text-align:center;margin-top:4px;font-size:11px;color:var(--color-text-secondary)}.reconstruction-tab__f2l-score--recommended{color:var(--color-primary-default)}.reconstruction-tab__f2l-no-solution{margin-top:var(--space-sm);padding:8px;background:var(--color-surface-tertiary);border-radius:var(--radius-sm);text-align:center;font-size:11px;color:var(--color-text-tertiary);font-style:italic}.reconstruction-tab__f2l-solutions{margin-top:var(--space-sm)}.reconstruction-tab__solution-button{width:100%;padding:6px 8px;margin-bottom:4px;background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;justify-content:space-between}.reconstruction-tab__solution-button:last-child{margin-bottom:0}.reconstruction-tab__solution-button--best{background:var(--color-surface-tertiary)}.reconstruction-tab__solution-button--recommended{border-color:var(--color-primary-default)}.reconstruction-tab__solution-button:hover{background:var(--color-surface-secondary)}.reconstruction-tab__solution-button:hover:not(.reconstruction-tab__solution-button--recommended){border-color:var(--color-border-primary)}.reconstruction-tab__solution-content{display:flex;align-items:center;gap:8px}.reconstruction-tab__solution-moves{font-size:11px;font-weight:600;color:var(--color-primary-default);font-family:var(--font-family-mono)}.reconstruction-tab__solution-badges{display:flex;gap:4px;align-items:center}.reconstruction-tab__solution-badge{font-size:9px;padding:1px 3px;border-radius:var(--radius-xs);font-weight:600}.reconstruction-tab__solution-badge--best{background:var(--color-status-success-bg);color:var(--color-status-success-default)}.reconstruction-tab__solution-badge--rotation{background:var(--color-status-warning-bg);color:var(--color-status-warning-default)}.reconstruction-tab__solution-badge--advanced{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.reconstruction-tab__solution-lookahead{font-size:10px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-subtle);color:var(--color-primary-default);border-radius:50%;font-weight:700;cursor:help}.reconstruction-tab__solution-move-count{font-size:10px;color:var(--color-text-tertiary);font-weight:500}.reconstruction-tab__show-more{all:unset;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:var(--space-sm);margin-top:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.reconstruction-tab__show-more:hover{color:var(--color-text-secondary);background:var(--color-surface-tertiary)}.reconstruction-tab__show-more .icon{width:14px;height:14px}.reconstruction-tab__oll-recommendations,.reconstruction-tab__pll-recommendations{margin-top:var(--space-lg)}.reconstruction-tab__solve-overview{margin-top:var(--space-md)}.reconstruction-tab__help-section{display:flex;justify-content:flex-end;margin-top:var(--space-md)}@media (max-width: 900px){.reconstruction-tab__main-row{flex-direction:column;gap:var(--space-lg)}.reconstruction-tab__cube-section{min-width:unset}}@media (max-width: 600px){.reconstruction-tab__scramble-section{flex-direction:column;align-items:stretch}.reconstruction-tab__scramble-input{min-width:unset}}.analysis-page{padding:var(--space-lg)}.analysis-page__header{margin-bottom:var(--space-lg)}.analysis-page__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.formatted-algorithm-container{position:relative;display:inline-block}.formatted-algorithm{font-family:var(--font-mono);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);font-weight:500}.trigger-segment{cursor:pointer;position:relative}.trigger-segment:hover .trigger-bracket{opacity:1}.trigger-bracket{opacity:.6;color:var(--color-text-secondary);font-weight:500;transition:opacity .2s ease}.trigger-content{font-weight:500;color:var(--color-text-primary)}.formatted-preview{font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}@media (prefers-color-scheme: dark){.trigger-tooltip{background:var(--color-surface-elevated);border-color:var(--color-border-primary)}.trigger-bracket{color:var(--color-text-tertiary)}}.f2l-algorithm__setup-move{opacity:.5}.cube-visual-editor{max-width:100%;overflow:visible}.cube-visual-editor .card{overflow:visible}.cube-visual-editor .cube-editor-layout{display:flex;gap:var(--space-lg);align-items:flex-start;min-width:0}.cube-visual-editor .cube-editor-column{flex:1;min-width:0}.cube-visual-editor .cube-editor-column--left{min-width:160px;padding-right:var(--space-sm)}.cube-visual-editor .cube-editor-column--middle{flex:0 0 auto;padding:var(--space-sm)}.cube-visual-editor .cube-editor-column--right{min-width:160px;padding-left:var(--space-sm);align-items:flex-end}@media (max-width: 1000px){.cube-visual-editor .cube-editor-layout{gap:var(--space-md)}.cube-visual-editor .cube-editor-column--left,.cube-visual-editor .cube-editor-column--right{min-width:140px}}@media (max-width: 800px){.cube-visual-editor .cube-editor-layout{flex-direction:column;gap:var(--space-lg)}.cube-visual-editor .cube-editor-column--middle{align-self:center}.cube-visual-editor .cube-editor-column--right{align-items:flex-start}}.f2l-export-modal .modal-content{max-width:900px}.f2l-export-content{display:flex;flex-direction:column;gap:var(--space-lg)}.main-angle-selector{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.main-angle-selector .description{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;margin:0}.angles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);padding:var(--space-md)}.angle-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:all .2s ease}.angle-preview.main{border-color:var(--color-primary);background:var(--color-surface-elevated);box-shadow:0 0 0 2px var(--color-primary-alpha)}.angle-preview h4{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.rotation-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);background:var(--color-surface-elevated);padding:2px 6px;border-radius:var(--radius-sm)}.cube-container{display:flex;justify-content:center;align-items:center;min-height:160px}.angle-info{display:flex;gap:var(--space-sm);align-items:center}.perspective-badge{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface-elevated);padding:4px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:4px}.export-controls{display:flex;flex-direction:column;gap:var(--space-lg)}.export-info{background:var(--color-surface-elevated);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.export-info p{margin:0 0 var(--space-sm) 0;font-weight:500;color:var(--color-text-primary)}.export-info ul{margin:0;padding-left:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-mono)}.export-info li{margin:var(--space-xs) 0}.export-progress{display:flex;flex-direction:column;gap:var(--space-xs)}.f2l-export-modal .progress-bar-legacy{height:8px;background:var(--color-surface-elevated);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.export-actions{display:flex;gap:var(--space-md);justify-content:center}@media (max-width: 768px){.angles-grid{grid-template-columns:1fr}.f2l-export-modal .modal-content{max-width:100%}}.loading-spinner{animation:spin 1s linear infinite}.visual-editor-modal.modal{width:fit-content!important}.visual-editor-modal .modal__content{width:fit-content!important;min-width:fit-content!important;max-width:95vw!important;padding:var(--space-lg)!important}.visual-editor-modal .cube-editor-layout{display:flex!important;flex-direction:row!important;gap:var(--space-md)!important;align-items:flex-start!important}.visual-editor-modal .cube-editor-column--left{flex:0 0 auto!important;min-width:auto!important}.visual-editor-modal .cube-editor-column--middle{flex:0 0 auto!important;padding:0 var(--space-md)!important}.visual-editor-modal .cube-editor-column--right{flex:0 0 auto!important;min-width:auto!important;align-items:flex-start!important}.visual-editor-modal .modal__body{padding:0!important;margin:0!important}.visual-editor-modal .modal__body>div{gap:var(--space-md)!important;margin:0!important;width:fit-content!important}.visual-editor-modal .cube-visual-editor,.visual-editor-modal .cube-visual-editor .card{width:fit-content!important}@media (max-width: 56.25rem){.visual-editor-modal .modal__content{min-width:95vw;width:95vw}.visual-editor-modal .cube-editor-layout{flex-direction:column;gap:var(--space-lg)!important}.visual-editor-modal .cube-editor-column--middle{align-self:center}}.set-editor-modal{--modal-width: 900px;--modal-max-height: 90vh}.set-editor-modal .tabs__content{padding:0!important}.set-editor-modal .tabs--vertical .tabs__content{overflow-y:auto;max-height:70vh}.set-editor-content{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-lg);max-height:70vh;overflow-y:auto}.editor-section{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:var(--space-lg)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-secondary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.tags-input{display:flex;flex-direction:column;gap:var(--space-sm)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);min-height:32px;padding:var(--space-sm);background:var(--color-surface-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-sm)}.tag-input-row{display:flex;gap:var(--space-sm);align-items:end}.tag-input-row .labeled-input{flex:1}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-top:1px solid var(--color-border-primary);background:var(--color-surface-secondary)}.actions-left,.actions-right{display:flex;gap:var(--space-sm)}.unsaved-changes-indicator{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);z-index:10}.unsaved-changes-indicator .icon{font-size:var(--font-size-sm)}.modal-shortcuts{position:absolute;bottom:var(--space-md);left:var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.modal-shortcuts kbd{background:var(--color-surface-tertiary);border:1px solid var(--color-border-secondary);border-radius:3px;padding:2px 6px;font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin:0 2px}.form-field .input--error,.form-field .textarea--error{border-color:var(--color-error)}.form-field .error-message{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--space-xs)}.modal-actions .button--loading{position:relative}.modal-actions .button--loading .icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.color-preview{display:inline-block;width:20px;height:20px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-secondary);margin-left:var(--space-xs);vertical-align:middle}.icon-preview{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-sm);margin-top:var(--space-xs)}.icon-preview .icon{font-size:var(--font-size-lg);color:var(--color-primary)}.icon-preview-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.difficulty-indicator{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs)}.difficulty-dots{display:flex;gap:2px}.difficulty-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-secondary)}.difficulty-dot--filled{background:var(--color-primary)}.difficulty-dot--beginner{background:var(--color-success)}.difficulty-dot--intermediate{background:var(--color-warning)}.difficulty-dot--advanced{background:var(--color-error)}.difficulty-dot--expert{background:var(--color-primary)}.editor-section--collapsible .section-title{cursor:pointer;-webkit-user-select:none;user-select:none}.editor-section--collapsible .section-title:hover{color:var(--color-primary)}.editor-section--collapsed .section-content{display:none}.section-toggle-icon{margin-left:auto;transition:transform .2s ease}.editor-section--collapsed .section-toggle-icon{transform:rotate(-90deg)}.subcategory-visual-icon svg{width:20px!important;height:20px!important;display:block}.video-integration-hint{background:var(--color-info-light);border:1px solid var(--color-info);border-radius:var(--border-radius-sm);padding:var(--space-sm);margin-top:var(--space-sm)}.video-integration-hint p{margin:0;font-size:var(--font-size-sm);color:var(--color-info-dark)}@media (max-width: 768px){.set-editor-modal{--modal-width: 95vw;--modal-max-height: 95vh}.set-editor-content{padding:var(--space-md);max-height:75vh}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:var(--space-md);align-items:stretch}.actions-left,.actions-right{justify-content:center}.unsaved-changes-indicator{position:relative;top:auto;right:auto;margin-bottom:var(--space-md)}.modal-shortcuts{position:relative;bottom:auto;left:auto;text-align:center;margin-top:var(--space-md)}}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.editor-section[aria-expanded=false] .section-content{display:none}.section-title[role=button]{outline:none}.section-title[role=button]:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.editor-section{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tags-list .chip{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.case-editor-tabs{height:100%;min-height:unset}.case-editor-tabs .tabs__content{padding:0;overflow-y:auto;min-height:0}.case-editor-tabs.tabs--vertical .tabs__nav{flex-shrink:0;overflow-y:visible}.case-editor-modal.modal--large{max-width:900px}.case-editor-modal .modal__content{transition:opacity .15s ease-out}.case-editor-modal.case-loading .modal__content{opacity:.5;pointer-events:none}.algorithm-set-card{background:var(--color-surface-default);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:0 1px 3px #0000000d;cursor:default}.set-card-header{padding:var(--space-sm) var(--space-lg) var(--space-md) var(--space-lg);background:var(--color-surface-default);position:relative}.set-card-main-info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-md)}.set-card-identity{display:flex;align-items:center;gap:var(--space-md);flex:1}.set-card-hover-actions{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;gap:var(--space-sm);opacity:0;transform:translateY(-4px);transition:all .2s ease;z-index:10}.algorithm-set-card:hover .set-card-hover-actions{opacity:1;transform:translateY(0)}.set-icon-container{position:relative;width:80px;height:80px;background:var(--color-primary-light);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.15)}.set-icon{font-size:64px;color:var(--color-primary);width:64px;height:64px}.set-icon svg{width:64px!important;height:64px!important}.set-info{flex:1;min-width:0}.set-title-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.set-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;line-height:1.3}.set-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.5}.set-metadata{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--space-md);flex-shrink:0}.set-stats{display:flex;gap:var(--space-lg);align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:60px}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;margin-bottom:2px}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.set-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end}.set-badges .chip{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px}.set-card-hover-actions .button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026}.set-card-hover-actions .button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.expand-button{transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;box-shadow:none!important}.expand-button--expanded{transform:rotate(90deg)}.set-learning-path{padding:var(--space-md) var(--space-lg);background:var(--color-surface-tertiary);border-bottom:1px solid var(--color-border-secondary)}.learning-path-section{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.learning-path-section:last-child{margin-bottom:0}.learning-path-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:100px}.learning-path-items{display:flex;gap:var(--space-xs);flex-wrap:wrap}.learning-path-items .chip{font-size:var(--font-size-xs);background:var(--color-surface-default);border:1px solid var(--color-border-primary)}.set-cases-list{background:var(--color-surface-default)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.cases-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border-secondary);background:var(--color-surface-secondary)}.cases-list-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-cases{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;background:var(--color-surface-tertiary);margin:var(--space-lg);border-radius:var(--radius-md);border:2px dashed var(--color-border-secondary)}.empty-cases-icon{font-size:48px;color:var(--color-text-tertiary);margin-bottom:var(--space-md);opacity:.6}.empty-cases p{color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;font-size:var(--font-size-md)}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md);padding:var(--space-lg)}.set-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-surface-secondary);border-radius:var(--radius-xl);transition:background-color var(--transition-fast);cursor:pointer}.set-card-footer:hover{background:var(--color-surface-tertiary)}.quick-stats{display:flex;gap:var(--space-lg);align-items:center}.quick-stat{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.quick-stat .icon{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.card-expand-hint{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.expand-icon{transition:transform var(--transition-fast);color:var(--color-text-secondary)}.expand-icon--expanded{transform:rotate(90deg)}.difficulty-beginner{--difficulty-color: var(--color-success)}.difficulty-intermediate{--difficulty-color: var(--color-warning)}.difficulty-advanced{--difficulty-color: var(--color-error)}.difficulty-expert{--difficulty-color: var(--color-primary)}.category-basic .set-icon-container{background:var(--color-success-light)}.category-basic .set-icon{color:var(--color-success)}.category-intermediate .set-icon-container{background:var(--color-warning-light)}.category-intermediate .set-icon{color:var(--color-warning)}.category-advanced .set-icon-container{background:var(--color-error-light)}.category-advanced .set-icon{color:var(--color-error)}.search-highlight{background:linear-gradient(120deg,var(--color-warning-light) 0%,var(--color-warning-light) 100%);color:var(--color-warning-dark);padding:1px 3px;border-radius:3px;font-weight:var(--font-weight-semibold);box-shadow:0 1px 2px #0000001a}.cases-by-category{display:flex;flex-direction:column;gap:var(--space-lg)}.case-category-group{display:flex;flex-direction:column;gap:var(--space-md)}.case-category-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-secondary)}.case-category-title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.case-category-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1}.case-category-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:var(--color-surface-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.subcategory-tab-icon svg{width:16px!important;height:16px!important;display:block}.cases-tabbed-interface{padding:var(--space-lg)}.cases-tab-content{display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width: 768px){.set-card-header{padding:var(--space-md)}.set-card-main-info{flex-direction:column;gap:var(--space-md)}.set-metadata{align-items:flex-start;width:100%}.set-stats{justify-content:space-between;width:100%}.set-badges{justify-content:flex-start}.set-card-actions{position:relative;top:auto;right:auto;opacity:1;transform:none;margin-top:var(--space-md);justify-content:center}.cases-grid{grid-template-columns:1fr;padding:var(--space-md)}.quick-stats{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media (prefers-color-scheme: dark){.set-card-actions .button{background:#000c;border-color:#ffffff1a}.set-card-actions .button:hover{background:#000000e6}}.algorithm-set-card{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.algorithm-set-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.set-card-actions .button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.algorithm-set-card--loading{opacity:.7;pointer-events:none}.algorithm-set-card--loading .set-icon-container{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.case-list-item{background:var(--color-surface-default);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);transition:all var(--motion-duration-fast) var(--motion-easing-standard);cursor:pointer;width:100%;box-sizing:border-box}.case-visual-preview{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border-secondary)}.case-preview-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.case-preview-svg{width:100%;height:100%;border-radius:var(--radius-sm);overflow:hidden}.case-preview-svg svg{width:100%!important;height:100%!important;display:block}.case-preview-placeholder{color:var(--color-text-tertiary);font-size:20px}.case-preview-placeholder .icon{width:24px;height:24px}.case-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.case-name{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-details{display:flex;align-items:center;gap:var(--space-sm)}.main-algorithm-text{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.case-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-xs);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-easing-standard)}.case-list-item:hover .case-actions{opacity:1}.search-highlight{background:var(--color-warning-light);color:var(--color-warning-dark);padding:1px 2px;border-radius:2px;font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.case-list-item{padding:var(--space-sm);gap:var(--space-sm)}.case-visual-preview{width:40px;height:40px}.case-name{font-size:var(--font-size-sm)}.case-details{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.main-algorithm-text{font-size:var(--font-size-xs)}}.algorithm-dashboard{padding:var(--space-xl);background:var(--color-surface-primary);min-height:100vh;max-width:1400px;margin:0 auto}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:var(--space-md)}.dashboard-loading p,.dashboard-error p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.dashboard-error h2{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0}.dashboard-header{margin-bottom:var(--space-md);background:var(--color-surface-default);border-radius:var(--radius-xl);padding:var(--space-sm);border:1px solid var(--color-border-primary);box-shadow:0 4px 20px #0000000d}.dashboard-breadcrumbs{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.breadcrumb-item{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}.breadcrumb-item:hover{color:var(--color-text-primary)}.breadcrumb-item--active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.dashboard-title-section{margin-bottom:var(--space-sm);padding:var(--space-md) var(--space-xl) 0}.dashboard-title{display:flex;align-items:center;gap:var(--space-lg);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.dashboard-title-icon{font-size:var(--font-size-xl);color:var(--color-primary)}.dashboard-description{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0;max-width:600px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg);padding:var(--space-sm) var(--space-xl)}.dashboard-stat-card{background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.dashboard-stat-card:hover:before{transform:scaleX(1)}.dashboard-stat-card .stat-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2xs);line-height:1}.dashboard-stat-card .stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.3px}.dashboard-difficulty-breakdown{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg)}.dashboard-difficulty-breakdown h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.difficulty-bars{display:flex;flex-direction:column;gap:var(--space-sm)}.difficulty-bar{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:var(--space-sm)}.difficulty-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.difficulty-progress{background:var(--color-surface-tertiary);border-radius:var(--border-radius-sm);height:8px;overflow:hidden}.difficulty-fill{height:100%;border-radius:var(--border-radius-sm);transition:width .3s ease}.difficulty-fill--beginner{background:var(--color-success)}.difficulty-fill--intermediate{background:var(--color-warning)}.difficulty-fill--advanced{background:var(--color-error)}.difficulty-fill--expert{background:var(--color-primary)}.difficulty-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:right}.algorithm-set-list{max-width:1000px;margin:0 auto;padding:0 var(--space-lg);box-sizing:border-box;width:100%}.algorithm-set-list .algorithm-set-card,.algorithm-set-list .set-cases-list,.algorithm-set-list .cases-tabbed-interface{max-width:100%;box-sizing:border-box}.list-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-md) 0}.list-controls-separator{height:1px;background:var(--color-border-secondary);margin-bottom:var(--space-lg)}.list-search-container{flex:1;display:flex;justify-content:center;max-width:500px}.list-search-container .search-bar{height:40px;min-height:40px;box-sizing:border-box}.list-search-container .search-bar__input{height:40px;min-height:40px;font-size:var(--font-size-sm)}.list-filters{display:flex;gap:var(--space-md);align-items:center}.list-filters .search-bar{height:40px;min-height:40px;box-sizing:border-box}.list-filters .search-bar__input{height:40px;min-height:40px;font-size:var(--font-size-sm)}.list-actions{display:flex;gap:var(--space-sm)}.list-summary{margin-bottom:var(--space-md)}.list-summary p{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.search-highlight{background:var(--color-warning-light);color:var(--color-warning-dark);padding:0 2px;border-radius:2px;font-weight:var(--font-weight-medium)}.algorithm-sets{display:flex;flex-direction:column;gap:var(--space-xl)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;background:var(--color-surface-secondary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-xl)}.empty-state-icon{font-size:48px;color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.empty-state h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.empty-state p{color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.list-performance-info{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-secondary);text-align:center}.list-performance-info small{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.dashboard-shortcuts-hint{position:fixed;bottom:var(--space-md);right:var(--space-md);background:var(--color-surface-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);z-index:100}.dashboard-shortcuts-hint kbd{background:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:3px;padding:2px 6px;font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin:0 2px}@media (max-width: 768px){.algorithm-dashboard{padding:var(--space-md)}.dashboard-toolbar{flex-direction:column;align-items:stretch}.dashboard-search{max-width:none}.list-controls{flex-direction:column;align-items:stretch;gap:var(--space-md)}.list-filters{flex-direction:column}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.quick-action-button{min-width:auto}.dashboard-shortcuts-hint{display:none}}.lessons-dashboard{max-width:1000px;margin:0 auto;padding:var(--space-lg)}.lessons-dashboard__loading,.lessons-dashboard__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;gap:var(--space-md);color:var(--color-text-secondary)}.lessons-dashboard__error h2{color:var(--color-text-primary);margin:0}.lessons-dashboard__header{background:var(--color-surface-default);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-2xl)}.lessons-dashboard__header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.lessons-dashboard__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2xs) 0}.lessons-dashboard__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.lessons-dashboard__header-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.lessons-dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.lessons-dashboard__stat{background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.lessons-dashboard__stat-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-default);line-height:1;margin-bottom:var(--space-2xs)}.lessons-dashboard__stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;font-weight:var(--font-weight-medium)}.lessons-dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;background:var(--color-surface-secondary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-xl);gap:var(--space-sm)}.lessons-dashboard__empty h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0}.lessons-dashboard__empty p{color:var(--color-text-secondary);margin:0}.lessons-dashboard__content{display:flex;flex-direction:column;gap:var(--space-lg)}.tier-section{background:var(--color-surface-default);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.tier-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background .15s ease}.tier-section__header:hover{background:var(--color-surface-secondary)}.tier-section__header-left{display:flex;align-items:center;gap:var(--space-md)}.tier-section__chevron{transition:transform .2s ease;color:var(--color-text-tertiary)}.tier-section__chevron--open{transform:rotate(90deg)}.tier-section__color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tier-section__header-info{display:flex;flex-direction:column;gap:var(--space-3xs)}.tier-section__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.tier-section__meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.tier-section__header-actions{display:flex;align-items:center;gap:var(--space-sm)}.tier-section__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.tier-section__action-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.tier-section__action-btn--danger:hover{background:var(--color-status-error-muted);color:var(--color-status-error-default)}.tier-section__modules{padding:var(--space-md) var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.tier-section__empty{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.module-card{background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);overflow:hidden}.module-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background .15s ease}.module-card__header:hover{background:var(--color-surface-tertiary)}.module-card__header-left{display:flex;align-items:center;gap:var(--space-sm)}.module-card__chevron{transition:transform .2s ease;color:var(--color-text-tertiary)}.module-card__chevron--open{transform:rotate(90deg)}.module-card__header-info{display:flex;flex-direction:column;gap:var(--space-3xs)}.module-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.module-card__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.module-card__header-actions{display:flex;align-items:center;gap:var(--space-xs)}.module-card__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.module-card__action-btn:hover{background:var(--color-surface-default);color:var(--color-text-primary)}.module-card__action-btn--danger:hover{background:var(--color-status-error-muted);color:var(--color-status-error-default)}.module-card__content{border-top:1px solid var(--color-border-secondary)}.module-card__empty{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.module-card__lessons{display:flex;flex-direction:column}.lesson-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--color-border-secondary)}.lesson-list-item:last-child{border-bottom:none}.lesson-list-item:hover{background:var(--color-surface-default)}.lesson-list-item__order{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);background:var(--color-surface-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.lesson-list-item__info{flex:1;display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.lesson-list-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-list-item__meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.lesson-list-item__badges{display:flex;gap:var(--space-xs);flex-shrink:0}.lesson-list-item__actions{display:flex;gap:var(--space-2xs);opacity:0;transition:opacity .15s ease}.lesson-list-item:hover .lesson-list-item__actions{opacity:1}.lesson-list-item__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.lesson-list-item__action-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.lesson-list-item__action-btn--danger:hover{background:var(--color-status-error-muted);color:var(--color-status-error-default)}.lesson-editor__section{display:flex;flex-direction:column;gap:var(--space-md)}.lesson-editor__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-secondary)}.lesson-editor__mux-placeholder{background:var(--color-surface-secondary);border:1px dashed var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.lesson-editor__mux-section{display:flex;flex-direction:column;gap:var(--space-md)}.lesson-editor__status{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.lesson-editor__status--none{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.lesson-editor__status--uploading{background:var(--color-status-info-bg);color:var(--color-status-info-default)}.lesson-editor__status--processing{background:var(--color-status-warning-bg);color:var(--color-status-warning-default)}.lesson-editor__status--ready{background:var(--color-status-success-bg);color:var(--color-status-success-default)}.lesson-editor__status--failed{background:var(--color-status-error-bg);color:var(--color-status-error-default)}.lesson-editor__upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border:2px dashed var(--color-border);border-radius:var(--radius-md);text-align:center}.lesson-editor__upload-hint{margin:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.lesson-editor__upload-progress{display:flex;flex-direction:column;gap:var(--space-xs)}.lesson-editor__progress-bar{width:100%;height:8px;background:var(--color-surface-secondary);border-radius:var(--radius-full);overflow:hidden}.lesson-editor__progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.lesson-editor__progress-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lesson-editor__processing{padding:var(--space-md);background:var(--color-status-warning-bg);color:var(--color-status-warning-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.lesson-editor__video-ready{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm)}.lesson-editor__video-ready code{background:var(--color-surface-secondary);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--font-size-xs)}.lesson-editor__upload-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-status-error-bg);color:var(--color-status-error-default);border-radius:var(--radius-md);font-size:var(--font-size-sm)}@media (max-width: 768px){.lessons-dashboard{padding:var(--space-md)}.lessons-dashboard__header-top{flex-direction:column}.lessons-dashboard__stats{grid-template-columns:repeat(2,1fr)}.tier-section__header{padding:var(--space-sm) var(--space-md)}.tier-section__header-actions,.module-card__header-actions{flex-wrap:wrap}.lesson-list-item__actions{opacity:1}}.tier-pill-nav{display:flex;justify-content:center;pointer-events:auto}.tier-pill-nav__pill{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface-primary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:fit-content;pointer-events:auto;position:relative}.tier-pill-nav__active-bg{position:absolute;top:var(--space-sm);left:var(--space-sm);height:calc(100% - var(--space-sm) * 2);border-radius:var(--radius-pill);transition:transform .25s var(--motion-spring-bouncy),width .25s var(--motion-spring-bouncy);pointer-events:none;z-index:0}.tier-pill-nav__button--beginner.tier-pill-nav__button--active~.tier-pill-nav__active-bg,.tier-pill-nav__pill:has(.tier-pill-nav__button--beginner.tier-pill-nav__button--active) .tier-pill-nav__active-bg{background:var(--color-icon-green)}.tier-pill-nav__pill:has(.tier-pill-nav__button--cfop-1.tier-pill-nav__button--active) .tier-pill-nav__active-bg{background:var(--color-icon-blue)}.tier-pill-nav__pill:has(.tier-pill-nav__button--cfop-2.tier-pill-nav__button--active) .tier-pill-nav__active-bg{background:var(--color-icon-purple)}.tier-pill-nav__pill:has(.tier-pill-nav__button--cfop-3.tier-pill-nav__button--active) .tier-pill-nav__active-bg{background:var(--color-icon-gold)}.tier-pill-nav__button{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-pill);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);position:relative;z-index:1;transform:scale(1);opacity:.65}.tier-pill-nav__button:hover:not(.tier-pill-nav__button--active){color:var(--color-text-default);opacity:.9;transform:translateY(-1px)}.tier-pill-nav__button--active{font-weight:var(--font-weight-medium);opacity:1;color:#fff;transform:scale(1);transition:color var(--transition-fast),opacity var(--transition-fast),transform .25s var(--motion-spring-bouncy)}.tier-pill-nav__button--cfop-3.tier-pill-nav__button--active{color:var(--color-neutral-900)}@media (max-width: 768px){.tier-pill-nav{position:fixed;top:auto;bottom:var(--space-lg);left:0;right:0;z-index:500;padding:0 var(--space-md);margin-bottom:0}.tier-pill-nav__pill{width:100%;max-width:400px;margin:0 auto}.tier-pill-nav__button{flex:1;padding:var(--space-md);font-size:var(--font-size-xs)}}.module-tabs{display:flex;justify-content:center}.module-tabs__nav{display:flex;gap:var(--space-sm);background:var(--color-surface-primary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-xs) var(--space-md);width:fit-content;max-width:100%;position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.module-tabs__nav::-webkit-scrollbar{display:none}.module-tabs__button{all:unset;display:flex;align-items:center;justify-content:center;min-width:80px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:color var(--transition-fast),opacity var(--transition-fast);color:var(--color-text-secondary);opacity:.65;border-radius:var(--radius-lg);position:relative;z-index:1}.module-tabs__button:hover:not(.module-tabs__button--active){opacity:.9}.module-tabs__button--active{color:var(--color-text-default);opacity:1}.module-tabs__button:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.module-tabs__label{display:flex;align-items:center}@media (max-width: 768px){.module-tabs__nav{width:100%;box-sizing:border-box;margin:0;padding:0 0 0 40px;border-radius:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.module-tabs__nav::-webkit-scrollbar{display:none}.module-tabs__button{all:unset;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text-secondary);opacity:.7;cursor:pointer;position:relative;transition:opacity var(--transition-fast);-webkit-tap-highlight-color:transparent}.module-tabs__button--active{color:var(--color-text-default);opacity:1}.module-tabs__button--active:after{content:"";position:absolute;bottom:0;left:var(--space-md);right:var(--space-md);height:2px;background:var(--color-primary-default);border-radius:1px}.module-tabs__nav:after{content:"";width:48px;flex-shrink:0;pointer-events:none}.module-tabs__nav{-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 24px,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 24px,black calc(100% - 24px),transparent 100%)}}.tier-header{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-bottom:var(--space-xl)}.tier-header:not(.tier-header--first){margin-top:0}.tier-header__content{grid-column:1 / -1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl);background:var(--color-surface-secondary);border-radius:var(--radius-lg)}.tier-header__content .circular-progress--primary .circular-progress__bar{stroke:var(--progress-color)}.tier-header__main{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.tier-header__title{composes:typography-heading-xl from global;margin:0;letter-spacing:-.01em;font-weight:var(--font-weight-bold)}.tier-header__description{composes:typography-body-md from global;margin:0;color:var(--color-text-secondary);line-height:1.5}.tier-header__stats{display:flex;align-items:center;gap:var(--space-lg)}.tier-header__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.tier-header__stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.tier-header__stat-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.tier-header__stat-divider{width:1px;height:32px;background:var(--color-border-secondary);opacity:.5}@media (max-width: 768px){.tier-header__dot{width:36px;height:36px}.tier-header__progress-container{width:150px}}.lesson-card{opacity:1;transition:transform var(--transition-base),opacity var(--transition-base);cursor:pointer;position:relative;width:100%}.lesson-card--locked{opacity:.6;cursor:not-allowed}.lesson-card:not(.lesson-card--locked):hover{transform:translateY(-2px)}.lesson-card__card .card__content{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-md)}.lesson-card__card--completed{border:var(--border-width-thin) solid var(--color-status-success-default)}.lesson-card__thumbnail{position:relative;width:160px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-surface-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-card__thumbnail-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.8;transition:opacity var(--transition-base)}.lesson-card__thumbnail-image--locked{opacity:.3}.lesson-card__thumbnail-overlay{z-index:1;width:32px;height:32px;border-radius:var(--radius-pill);background-color:var(--color-surface-default);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.lesson-card__play-icon{margin-left:2px}.lesson-card__play-icon .icon{fill:var(--color-primary-default)}.lesson-card__lock-icon{color:var(--color-text-tertiary)}.lesson-card__duration{position:absolute;bottom:var(--space-xxs);right:var(--space-xxs);padding:var(--space-xxs) var(--space-xs);background-color:#000000bf;border-radius:var(--radius-xs);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.lesson-card__content{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.lesson-card__title{composes:typography-body-md from global;margin:0;font-weight:var(--font-weight-bold);color:var(--color-text-default)}.lesson-card__description{composes:typography-body-sm from global;margin:0;color:var(--color-text-tertiary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.lesson-card:not(.lesson-card--locked):hover{transform:none}.lesson-card__thumbnail{width:120px}}.quiz-card{opacity:1;transition:transform var(--transition-base),opacity var(--transition-base);cursor:pointer;position:relative}.quiz-card--locked{opacity:.6;cursor:not-allowed}.quiz-card:not(.quiz-card--locked):hover{transform:translateY(-2px)}.quiz-card__card{height:100%;display:flex;flex-direction:column;gap:var(--space-md);border:var(--border-width-thin) solid var(--color-border-secondary);background-color:var(--color-surface-secondary)}.quiz-card__card--completed{border-color:var(--color-status-success-default)}.quiz-card__header{display:flex;align-items:center;gap:var(--space-md)}.quiz-card__icon-wrapper{width:48px;height:48px;border-radius:var(--radius-pill);background-color:var(--color-surface-tertiary);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border-light);flex-shrink:0}.quiz-card__icon{color:var(--color-text-secondary)}.quiz-card__header-content{flex:1;min-width:0}.quiz-card__title-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xs)}.quiz-card__title{composes:typography-body-md from global;margin:0;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.quiz-card__check-icon{color:var(--color-status-success-default);flex-shrink:0}.quiz-card__question-count{composes:typography-body-xs from global;color:var(--color-text-tertiary);margin-top:2px}.quiz-card__description{composes:typography-body-sm from global;margin:0;color:var(--color-text-secondary);line-height:1.4}.quiz-card__footer{margin-top:auto}@media (max-width: 768px){.quiz-card:not(.quiz-card--locked):hover{transform:none}}.timeline-connector{width:3px;background:var(--color-border-secondary);opacity:.4;border-radius:2px;flex-shrink:0}.timeline-connector--short{height:24px}.timeline-connector--medium{height:40px}.timeline-connector--tall{height:60px}.timeline-connector--auto{height:auto;flex-grow:1;min-height:24px}@media (max-width: 768px){.timeline-connector{width:2px}.timeline-connector--short{height:20px}.timeline-connector--medium{height:32px}.timeline-connector--tall{height:48px}}.timeline-item{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;padding-bottom:var(--space-md)}.timeline-item--last{padding-bottom:0}.timeline-item__track{display:flex;flex-direction:column;align-items:center;grid-column:1;height:100%;justify-content:flex-start}.timeline-item__dot{width:16px;height:16px;border-radius:var(--radius-pill);border:2px solid;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);background-color:var(--color-surface-default);z-index:1;margin-bottom:var(--space-md)}.timeline-item__dot--completed{box-shadow:var(--shadow-sm)}.timeline-item__dot--completed .icon path{stroke:var(--color-icon-on-action)}.timeline-item__content{grid-column:2;padding-bottom:var(--space-md)}.timeline-item--last .timeline-item__content{padding-bottom:0}.module-section{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.module-section:first-of-type{margin-top:0}.module-section:not(:first-of-type){margin-top:80px}.module-section__header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding-left:var(--space-md)}.module-section__title{composes:typography-heading-lg from global;color:var(--color-text-primary);margin:0}.module-section__header .circular-progress--primary .circular-progress__bar{stroke:var(--progress-color)}.degree-milestone{grid-column:1 / -1;margin-top:80px;margin-bottom:180px;padding:0 var(--space-md)}.degree-milestone__card{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-xl);background:var(--color-surface-default);border:3px double var(--progress-color);border-radius:var(--radius-md);padding:var(--space-2xl);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--progress-color),inset 0 0 0 2px var(--color-surface-secondary),inset 0 0 0 10px var(--color-surface-secondary),inset 0 0 0 11px var(--progress-color),inset 0 0 40px 0 var(--progress-color);position:relative;overflow:hidden;transition:all var(--transition-base);cursor:not-allowed}.degree-milestone__card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14.8C4 13.1198 4 12.2798 4.32698 11.638C4.6146 11.0735 5.07354 10.6146 5.63803 10.327C6.27976 10 7.11984 10 8.8 10H15.2C16.8802 10 17.7202 10 18.362 10.327C18.9265 10.6146 19.3854 11.0735 19.673 11.638C20 12.2798 20 13.1198 20 14.8V16.2C20 17.8802 20 18.7202 19.673 19.362C19.3854 19.9265 18.9265 20.3854 18.362 20.673C17.7202 21 16.8802 21 15.2 21H8.8C7.11984 21 6.27976 21 5.63803 20.673C5.07354 20.3854 4.6146 19.9265 4.32698 19.362C4 18.7202 4 17.8802 4 16.2V14.8Z' fill='%23D4AF37' fill-opacity='0.3'/%3E%3Cpath d='M17 10V8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8V10M12 14.5V16.5M8.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V14.8C20 13.1198 20 12.2798 19.673 11.638C19.3854 11.0735 18.9265 10.6146 18.362 10.327C17.7202 10 16.8802 10 15.2 10H8.8C7.11984 10 6.27976 10 5.63803 10.327C5.07354 10.6146 4.6146 11.0735 4.32698 11.638C4 12.2798 4 13.1198 4 14.8V16.2C4 17.8802 4 18.7202 4.32698 19.362C4.6146 19.9265 5.07354 20.3854 5.63803 20.673C6.27976 21 7.11984 21 8.8 21Z' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));pointer-events:none;transition:opacity var(--transition-base);z-index:10}.degree-milestone__card:after{content:"";position:absolute;bottom:16px;right:16px;width:30px;height:30px;border-bottom:2px solid var(--progress-color);border-right:2px solid var(--progress-color);opacity:.7;pointer-events:none;transition:opacity var(--transition-base)}.degree-milestone__card:hover:before{opacity:.9;animation:lockShake .5s ease-in-out}.degree-milestone__card:hover{transform:scale(1.01)}.degree-milestone__card:hover .degree-milestone__body{opacity:.3;transition:opacity var(--transition-base)}@keyframes lockShake{0%,to{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-5deg)}75%{transform:translate(-50%,-50%) rotate(5deg)}}.degree-milestone__body:before{content:"";position:absolute;top:16px;left:16px;width:30px;height:30px;border-top:2px solid var(--progress-color);border-left:2px solid var(--progress-color);opacity:.7;pointer-events:none}.degree-milestone__body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);flex:1}.degree-milestone__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.18em;font-weight:var(--font-weight-bold);color:var(--color-icon-gold);opacity:.95;position:relative;padding:var(--space-xs) var(--space-2xl);background:linear-gradient(90deg,transparent,var(--progress-color) 45%,var(--progress-color) 55%,transparent);background-size:100% 1px;background-position:center bottom;background-repeat:no-repeat}.degree-milestone__label:before,.degree-milestone__label:after{content:"◆ ❖ ◆";position:absolute;top:50%;transform:translateY(-50%);color:var(--color-icon-gold);opacity:.6;font-size:8px;letter-spacing:4px}.degree-milestone__label:before{left:-40px}.degree-milestone__label:after{right:-40px}.degree-milestone__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3;font-family:var(--font-family-body);letter-spacing:.03em;position:relative;margin:var(--space-sm) 0}.degree-milestone__description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5;max-width:500px;position:relative;font-style:italic}.degree-milestone__description:after{content:"Certificate of Achievement";display:block;margin-top:var(--space-lg);font-size:var(--font-size-xs);font-style:normal;text-transform:uppercase;letter-spacing:.15em;color:var(--progress-color);opacity:.5}@media (max-width: 768px){.degree-milestone{margin-top:var(--space-2xl);padding:var(--space-xl) 0}.degree-milestone__card{flex-direction:column;align-items:center}.degree-milestone__body{align-items:center;text-align:center}.degree-milestone__title{font-size:var(--font-size-lg)}}:root{--lesson-content-width: 900px}.lesson-timeline__nav-container{position:fixed;top:var(--space-lg);left:50%;transform:translate(calc(-50% + var(--nav-width) / 2));z-index:500;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);pointer-events:none}.lesson-timeline__nav-container>*{pointer-events:auto}.lesson-timeline{--timeline-track-width: 60px;display:grid;grid-template-columns:var(--timeline-track-width) minmax(0,1fr);gap:0 var(--space-lg);padding-top:160px;padding-bottom:var(--space-2xl);width:100%;max-width:min(var(--lesson-content-width),100%);margin:0 auto;box-sizing:border-box}.lesson-timeline__tier{grid-column:1 / -1;display:grid;grid-template-columns:var(--timeline-track-width) minmax(0,1fr);padding-bottom:120px;scroll-margin-top:160px}.lesson-timeline__modules{grid-column:1 / -1;display:grid;grid-template-columns:var(--timeline-track-width) minmax(0,1fr);margin-top:var(--space-xl)}@media (max-width: 768px){.lesson-timeline-wrapper{padding:0 var(--space-md) var(--space-md)}.lesson-timeline{grid-template-columns:50px 1fr;gap:0 var(--space-md);padding-top:var(--space-2xl)}.lesson-timeline__tier{padding-bottom:80px;scroll-margin-top:80px}.lesson-timeline__module-nav{display:none}}.youtube-player__player-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.youtube-player__player-container iframe{width:100%;height:100%;border:none}.youtube-player__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}.video-player__container{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-surface-quaternary);border-radius:var(--radius-md);overflow:hidden}.video-player__container--black{background:#000}.video-player__container>iframe,.video-player__container>div,.video-player__container>mux-video,.video-player__container>video{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lesson-player__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);width:100%;aspect-ratio:16 / 9;background:var(--color-surface-secondary);border-radius:var(--radius-md);color:var(--color-text-tertiary)}.lesson-player__empty-icon{opacity:.4}.lesson-player__empty-icon .icon{fill:var(--color-text-tertiary)}.lesson-player__empty-text{margin:0;font-size:var(--font-size-sm)}.modal--large:has(.lesson-modal){max-width:900px}.lesson-modal{display:flex;flex-direction:column;gap:var(--space-lg)}.lesson-modal__video{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden}.lesson-modal__status-bar{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-md);padding:0 var(--space-xs) var(--space-lg)}.lesson-modal__status-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-width:170px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .15s ease;white-space:nowrap}.lesson-modal__status-btn--primary{background:var(--color-surface-secondary);color:var(--color-text-default)}.lesson-modal__status-btn--primary:hover{background:var(--color-surface-tertiary)}.lesson-modal__status-btn--completed{background:var(--color-status-success-default);color:#fff;border-color:var(--color-status-success-default);cursor:default}.lesson-modal__status-btn--completed .icon path{stroke:#fff}.lesson-modal__status-btn--completed:hover{opacity:.85}.lesson-modal__status-btn--just-completed{animation:status-complete-pulse .8s ease}@keyframes status-complete-pulse{0%{background:var(--color-status-success-default);border-color:var(--color-status-success-default);color:#fff;transform:scale(1)}25%{transform:scale(1.1);box-shadow:0 0 16px #10b98166}to{background:var(--color-status-success-default);border-color:var(--color-status-success-default);color:#fff;transform:scale(1);box-shadow:none}}.lesson-modal__status-btn--just-completed .icon path{stroke:#fff}.lesson-modal__context{margin-left:auto;font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap}.lesson-modal__next-prompt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#000000d9;border-radius:var(--radius-md);animation:lesson-modal__fade-in .3s ease}@keyframes lesson-modal__fade-in{0%{opacity:0}to{opacity:1}}.lesson-modal__next-prompt-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-xl)}.lesson-modal__next-prompt-label{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:#fffc;letter-spacing:.02em}.lesson-modal__next-prompt-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff}.lesson-modal__next-prompt-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.lesson-modal__next-prompt-btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .15s ease}.lesson-modal__next-prompt-btn:hover{opacity:.85}.lesson-modal__next-prompt-btn--play{background:var(--color-primary-default);color:var(--color-icon-on-action)}.lesson-modal__next-prompt-btn--cancel{background:#ffffff26;color:#fff}.lesson-modal__nav{display:flex;justify-content:space-between;align-items:stretch;width:100%}.lesson-modal__nav-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:none;background:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:background .15s ease,color .15s ease;max-width:50%}.lesson-modal__nav-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-default)}.lesson-modal__nav-btn--next{margin-left:auto}.lesson-modal__nav-label{display:flex;flex-direction:column;gap:var(--space-xxs);text-align:left}.lesson-modal__nav-label--right{text-align:right}.lesson-modal__nav-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.lesson-modal__nav-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.lesson-modal__status-bar{flex-wrap:wrap}}.premium-module-nav{display:flex;flex-direction:column;gap:var(--space-sm);width:240px;flex-shrink:0}.premium-module-nav__title{margin:0;padding:0 var(--space-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.premium-module-nav__groups{display:flex;flex-direction:column;gap:var(--space-md)}.premium-module-nav__group{display:flex;flex-direction:column;gap:var(--space-xxs)}.premium-module-nav__group-header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.premium-module-nav__group-name{flex:1;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-module-nav__group-count{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.premium-module-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.premium-module-nav__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-md);padding-left:var(--space-xl);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left}.premium-module-nav__item:hover{background:var(--color-surface-secondary);color:var(--color-text-default)}.premium-module-nav__item--active{background:var(--color-surface-tertiary);color:var(--color-text-default);font-weight:500}.premium-module-nav__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-module-nav__count{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary);min-width:16px;text-align:center}@media (max-width: 768px){.premium-module-nav{width:100%;flex-shrink:unset}.premium-module-nav__title{display:none}.premium-module-nav__groups{flex-direction:row;overflow-x:auto;gap:var(--space-lg);padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.premium-module-nav__group{flex-shrink:0}.premium-module-nav__list{flex-direction:row;gap:var(--space-xs)}.premium-module-nav__item{white-space:nowrap;padding:var(--space-xs) var(--space-md);padding-left:var(--space-md)}}.premium-lesson-card{cursor:pointer;transition:transform .15s ease}.premium-lesson-card:hover{transform:translateY(-2px)}.premium-lesson-card__card{overflow:hidden;height:100%}.premium-lesson-card__thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-surface-secondary);overflow:hidden}.premium-lesson-card__thumbnail-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .3s ease}.premium-lesson-card:hover .premium-lesson-card__thumbnail-image{transform:scale(1.05)}.premium-lesson-card__play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;color:#fff;opacity:0;transition:opacity .2s ease}.premium-lesson-card__play-overlay .icon{fill:#fff}.premium-lesson-card:hover .premium-lesson-card__play-overlay{opacity:1}.premium-lesson-card__duration{position:absolute;bottom:var(--space-xs);right:var(--space-xs);padding:var(--space-xxs) var(--space-xs);background:#000000bf;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-xs)}.premium-lesson-card__completed-badge{position:absolute;top:var(--space-xs);right:var(--space-xs);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-status-success-default);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.premium-lesson-card__info{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.premium-lesson-card__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.premium-lesson-card__description{margin:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.premium-lesson-card__meta{display:flex;align-items:center;gap:var(--space-sm)}.premium-lesson-card__xp{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.premium-lesson-card__completed-label{display:inline-flex;align-items:center;gap:var(--space-xxs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-status-success-default)}.premium-lesson-card--completed{opacity:.75}.premium-lesson-card--completed:hover{opacity:1}.premium-lesson-grid{display:flex;flex-direction:column;gap:var(--space-lg);flex:1;min-width:0}.premium-lesson-grid__title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-default)}.premium-lesson-grid__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,280px));gap:var(--space-lg)}.premium-lesson-grid__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}@media (max-width: 768px){.premium-lesson-grid__cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}}.premium-lessons-page{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl) 0;width:100%}.premium-lessons-page__header{display:flex;flex-direction:column;gap:var(--space-xs)}.premium-lessons-page__title{margin:0;font-size:var(--font-size-xxl);font-weight:700;color:var(--color-text-default)}.premium-lessons-page__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.premium-lessons-page__layout{display:flex;gap:var(--space-xl);align-items:flex-start}.premium-lessons-page--loading,.premium-lessons-page--empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.premium-lessons-page--locked{display:flex;align-items:center;justify-content:center;min-height:60vh}.premium-lessons-page__paywall{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;max-width:480px;padding:var(--space-xl)}.premium-lessons-page__paywall-title{margin:0;font-size:var(--font-size-xxl);font-weight:700;color:var(--color-text-default)}.premium-lessons-page__paywall-text{margin:0;font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6}@media (max-width: 768px){.premium-lessons-page{gap:var(--space-lg)}.premium-lessons-page__layout{flex-direction:column;gap:var(--space-md)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromTop{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.algorithm-search-panel--global{padding:0}.algorithm-search-panel--global .search-bar{border-radius:var(--radius-xl)}.showcase-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md);min-height:300px}.showcase-loader__spinner{width:40px;height:40px;border:3px solid var(--color-border-secondary);border-top-color:var(--color-primary-default);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.showcase-loader__text{color:var(--color-text-secondary)}.showcase-error{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl);gap:var(--space-md);max-width:500px;margin:var(--space-2xl) auto;text-align:center}.showcase-error__icon{font-size:48px;line-height:1}.showcase-error__title{color:var(--color-text-default);margin:0}.showcase-error__message{color:var(--color-text-secondary);margin:0}.showcase-error__details{width:100%;margin-top:var(--space-sm);text-align:left}.showcase-error__details summary{cursor:pointer;color:var(--color-text-tertiary);padding:var(--space-xs)}.showcase-error__details summary:hover{color:var(--color-text-secondary)}.showcase-error__details pre{background:var(--color-surface-secondary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary);overflow-x:auto;margin-top:var(--space-sm);color:var(--color-status-error-default);font-family:var(--font-family-mono)}.showcase-error .showcase-error__icon{color:var(--color-status-warning-default)}.showcase-error .showcase-error__icon .icon{width:48px;height:48px}.site-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.site-gate__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface-default)}.site-gate__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-xl);max-width:360px;width:100%;border-radius:var(--radius-xl);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg)}.site-gate__card--shake{animation:gate-shake .5s ease-in-out}@keyframes gate-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}.site-gate__icon{font-size:2.5rem;line-height:1}.site-gate__title{font-size:1.5rem;font-weight:700;color:var(--color-text-default);margin:0}.site-gate__subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0;text-align:center}.site-gate__form{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;margin-top:var(--space-sm)}.site-gate__input{width:100%;padding:var(--space-sm) var(--space-md);font-size:1rem;color:var(--color-text-default);background:var(--color-surface-default);border:1.5px solid var(--color-border-primary);border-radius:var(--radius-md);outline:none;transition:border-color .15s ease;text-align:center;letter-spacing:.1em}.site-gate__input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border-focus) 30%,transparent)}.site-gate__input--error{border-color:var(--color-status-error-default)}.site-gate__submit{width:100%;padding:var(--space-sm) var(--space-md);font-size:.9375rem;font-weight:600;color:var(--color-text-on-action);background:var(--color-primary-default);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s ease}.site-gate__submit:hover:not(:disabled){opacity:.9}.site-gate__submit:disabled{opacity:.4;cursor:not-allowed}.site-gate__error{font-size:.8125rem;color:var(--color-status-error-default);margin:0}