:root{--color-bg-body: #0C0F1A;--color-bg-card: #161B2E;--color-bg-muted: #1C2240;--color-bg-subtle: #111527;--color-bg-overlay: rgba(12, 15, 26, .75);--color-primary: #818CF8;--color-primary-dark: #6366F1;--color-primary-light: #A5B4FC;--color-primary-xlight: rgba(129, 140, 248, .15);--color-primary-subtle: rgba(129, 140, 248, .08);--color-accent: #F59E0B;--color-accent-dark: #D97706;--color-accent-light: #FCD34D;--color-accent-subtle: rgba(245, 158, 11, .1);--color-success: #34D399;--color-success-dark: #10B981;--color-success-light: #6EE7B7;--color-success-subtle: rgba(52, 211, 153, .1);--color-warning: #FCD34D;--color-warning-dark: #F59E0B;--color-warning-light: #FDE68A;--color-warning-subtle: rgba(252, 211, 77, .1);--color-danger: #FB7185;--color-danger-dark: #F43F5E;--color-danger-light: #FDA4AF;--color-danger-subtle: rgba(251, 113, 133, .1);--color-info: #22D3EE;--color-info-subtle: rgba(34, 211, 238, .1);--color-text-primary: #E8EAF6;--color-text-secondary: #94A3B8;--color-text-tertiary: #475569;--color-text-inverse: #0C0F1A;--color-text-on-primary: #FFFFFF;--color-text-link: #A5B4FC;--color-text-link-hover: #C7D2FE;--color-border: rgba(129, 140, 248, .1);--color-border-strong: rgba(129, 140, 248, .2);--color-border-focus: #818CF8;--color-border-primary: rgba(129, 140, 248, .25)}[data-theme=light]{--color-bg-body: #F5F3FF;--color-bg-card: #FFFFFF;--color-bg-muted: #EDE9FE;--color-bg-subtle: #F8F7FF;--color-bg-overlay: rgba(15, 23, 42, .55);--color-primary: #6366F1;--color-primary-dark: #4F46E5;--color-primary-light: #818CF8;--color-primary-xlight: #C7D2FE;--color-primary-subtle: #EEF2FF;--color-accent: #D97706;--color-accent-dark: #B45309;--color-accent-light: #F59E0B;--color-accent-subtle: #FFFBEB;--color-success: #10B981;--color-success-dark: #059669;--color-success-light: #34D399;--color-success-subtle: #ECFDF5;--color-warning: #F59E0B;--color-warning-dark: #D97706;--color-warning-light: #FCD34D;--color-warning-subtle: #FFFBEB;--color-danger: #F43F5E;--color-danger-dark: #E11D48;--color-danger-light: #FB7185;--color-danger-subtle: #FFF1F2;--color-info: #06B6D4;--color-info-subtle: #ECFEFF;--color-text-primary: #1E1B4B;--color-text-secondary: #475569;--color-text-tertiary: #94A3B8;--color-text-inverse: #FFFFFF;--color-text-on-primary: #FFFFFF;--color-text-link: #4F46E5;--color-text-link-hover: #6366F1;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-border-focus: #6366F1;--color-border-primary: rgba(99, 102, 241, .3)}:root{--glass-bg: rgba(22, 27, 46, .72);--glass-bg-heavy: rgba(22, 27, 46, .92);--glass-bg-light: rgba(22, 27, 46, .45);--glass-border: rgba(129, 140, 248, .12);--glass-border-subtle: rgba(129, 140, 248, .06);--glass-blur: blur(20px);--glass-blur-heavy: blur(28px);--glass-blur-light: blur(10px);--glass-saturate: saturate(150%)}[data-theme=light]{--glass-bg: rgba(255, 255, 255, .7);--glass-bg-heavy: rgba(255, 255, 255, .88);--glass-bg-light: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .65);--glass-border-subtle: rgba(255, 255, 255, .3);--glass-blur: blur(16px);--glass-blur-heavy: blur(24px);--glass-blur-light: blur(8px);--glass-saturate: saturate(180%)}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .35), 0 1px 2px -1px rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .55), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(129, 140, 248, .3), 0 0 40px rgba(129, 140, 248, .12);--shadow-glow-accent: 0 0 20px rgba(245, 158, 11, .3), 0 0 40px rgba(245, 158, 11, .12);--shadow-glow-success: 0 0 20px rgba(52, 211, 153, .3);--shadow-glow-danger: 0 0 20px rgba(251, 113, 133, .3);--shadow-glow-sm: 0 0 10px rgba(129, 140, 248, .25);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .25);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .35);--shadow-card-active: 0 2px 4px rgba(0, 0, 0, .2);--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .15);--shadow-inset-md: inset 0 4px 8px rgba(0, 0, 0, .2)}[data-theme=light]{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25), 0 0 40px rgba(99, 102, 241, .1);--shadow-glow-accent: 0 0 20px rgba(217, 119, 6, .25), 0 0 40px rgba(217, 119, 6, .1);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .08)}:root{--radius-none: 0;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px}:root{--duration-instant: 75ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .7s;--duration-slowest: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: all var(--duration-fast) var(--ease-out);--transition-normal: all var(--duration-normal) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-out);--transition-color: color var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);--transition-shadow: box-shadow var(--duration-normal) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-spring)}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Courier New", monospace;--font-display: "Inter", var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--weight-thin: 100;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:root{--space-px: 1px;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--spacing-page-x: clamp(1rem, 5vw, 2rem);--spacing-section-y: clamp(3rem, 8vw, 6rem);--spacing-card-pad: var(--space-6);--spacing-nav-height: 4rem;--spacing-footer-h: 3.5rem}:root{--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 50;--z-sticky: 80;--z-nav: 100;--z-overlay: 150;--z-modal: 200;--z-toast: 300;--z-tooltip: 400;--z-max: 9999}:root{--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--bp-sm: "640px";--bp-md: "768px";--bp-lg: "1024px";--bp-xl: "1280px";--bp-2xl: "1536px";--grid-cols-1: repeat(1, minmax(0, 1fr));--grid-cols-2: repeat(2, minmax(0, 1fr));--grid-cols-3: repeat(3, minmax(0, 1fr));--grid-cols-4: repeat(4, minmax(0, 1fr))}:root{--nav-height: var(--spacing-nav-height);--nav-bg: var(--glass-bg);--nav-border: var(--glass-border);--nav-blur: var(--glass-blur);--nav-link-color: var(--color-text-secondary);--nav-link-hover: var(--color-primary);--btn-radius: var(--radius-lg);--btn-font-weight: var(--weight-semibold);--btn-transition: var(--transition-fast);--btn-focus-ring: 0 0 0 3px rgba(129, 140, 248, .35);--card-radius: var(--radius-2xl);--card-pad: var(--spacing-card-pad);--card-bg: var(--color-bg-card);--card-border: var(--color-border);--card-shadow: var(--shadow-card);--card-shadow-hover: var(--shadow-card-hover);--input-height: 2.75rem;--input-radius: var(--radius-lg);--input-border: var(--color-border-strong);--input-focus-border: var(--color-primary);--input-focus-ring: var(--btn-focus-ring);--input-bg: var(--color-bg-muted);--toast-width: 22rem;--toast-radius: var(--radius-xl);--toast-shadow: var(--shadow-xl);--modal-radius: var(--radius-2xl);--modal-shadow: var(--shadow-2xl);--modal-max-w: 32rem;--gradient-primary: linear-gradient(135deg, #818CF8 0%, #6366F1 100%);--gradient-primary-h: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);--gradient-indigo: linear-gradient(135deg, #A5B4FC 0%, #818CF8 50%, #6366F1 100%);--gradient-hero: linear-gradient(135deg, #0C0F1A 0%, #161B2E 50%, #111527 100%);--gradient-card: linear-gradient(145deg, rgba(22,27,46,.9) 0%, rgba(12,15,26,.7) 100%);--gradient-text: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-warm: linear-gradient(135deg, #F59E0B 0%, #FB923C 100%)}[data-theme=light]{--nav-bg: rgba(255, 255, 255, .8);--nav-border: rgba(99, 102, 241, .1);--card-bg: var(--color-bg-card);--card-border: var(--color-border);--input-bg: var(--color-bg-card);--btn-focus-ring: 0 0 0 3px rgba(99, 102, 241, .3);--input-focus-ring: 0 0 0 3px rgba(99, 102, 241, .25);--gradient-hero: linear-gradient(135deg, #F5F3FF 0%, #EDE9FE 50%, #F8F7FF 100%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.9) 0%, rgba(245,243,255,.7) 100%)}:root{--timer-size: clamp(280px, 40vw, 420px);--timer-stroke-width: 8;--timer-stroke-bg: rgba(129, 140, 248, .12);--timer-stroke-focus: #818CF8;--timer-stroke-break: #34D399;--timer-stroke-pause: #FCD34D;--timer-glow-focus: 0 0 30px rgba(129, 140, 248, .25), 0 0 60px rgba(129, 140, 248, .1);--timer-glow-break: 0 0 30px rgba(52, 211, 153, .25), 0 0 60px rgba(52, 211, 153, .1);--timer-glow-pause: 0 0 30px rgba(252, 211, 77, .25), 0 0 60px rgba(252, 211, 77, .1);--breathing-size: 200px;--breathing-color: rgba(129, 140, 248, .3)}[data-theme=light]{--timer-stroke-bg: rgba(99, 102, 241, .1);--timer-stroke-focus: #6366F1;--timer-stroke-break: #10B981;--timer-stroke-pause: #F59E0B;--timer-glow-focus: 0 0 20px rgba(99, 102, 241, .2), 0 0 40px rgba(99, 102, 241, .08);--timer-glow-break: 0 0 20px rgba(16, 185, 129, .2);--timer-glow-pause: 0 0 20px rgba(245, 158, 11, .2);--breathing-color: rgba(99, 102, 241, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;tab-size:4}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:var(--leading-normal)}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption{text-wrap:pretty;max-width:72ch}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next,#app,#app-content{isolation:isolate}table{border-collapse:collapse;border-spacing:0}hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-6)}fieldset{border:none;padding:0;margin:0}legend{padding:0}dialog{padding:0;border:none;background:none;max-width:100%;max-height:100%}details>summary{cursor:pointer;list-style:none}details>summary::-webkit-details-marker{display:none}:root{color-scheme:dark;font-size:16px}[data-theme=light]{color-scheme:light}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;transition:background-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 90%,rgba(245,158,11,.04) 0%,transparent 55%);pointer-events:none;z-index:var(--z-below)}[data-theme=light] body:before{background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(99,102,241,.05) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 90%,rgba(245,158,11,.03) 0%,transparent 55%)}body{display:flex;flex-direction:column;min-height:100vh;padding-top:var(--spacing-nav-height)}main{flex:1}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--spacing-page-x)}.container-sm{max-width:var(--container-sm);margin-inline:auto;padding-inline:var(--spacing-page-x)}.container-md{max-width:var(--container-md);margin-inline:auto;padding-inline:var(--spacing-page-x)}.container-lg{max-width:var(--container-lg);margin-inline:auto;padding-inline:var(--spacing-page-x)}.container-2xl{max-width:var(--container-2xl);margin-inline:auto;padding-inline:var(--spacing-page-x)}.section{padding-block:var(--spacing-section-y)}.section-sm{padding-block:clamp(2rem,5vw,4rem)}.section-lg{padding-block:clamp(4rem,10vw,8rem)}h1,.h1{font-size:clamp(var(--text-3xl),5vw,var(--text-6xl));font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h2,.h2{font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h3,.h3{font-size:clamp(var(--text-xl),2.5vw,var(--text-2xl));font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-text-primary)}h4,.h4{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--color-text-primary)}h5,.h5{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text-primary)}h6,.h6{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.display-heading{font-size:clamp(var(--text-4xl),7vw,var(--text-7xl));font-weight:var(--weight-black);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}.section-title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--weight-bold);text-align:center;margin-bottom:var(--space-4)}.section-subtitle{font-size:clamp(var(--text-base),2vw,var(--text-lg));color:var(--color-text-secondary);text-align:center;max-width:56ch;margin-inline:auto;margin-bottom:var(--space-12)}p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-primary)}p+p{margin-top:var(--space-4)}.lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);font-weight:var(--weight-normal);max-width:65ch}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-muted{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-4);margin-block:var(--space-6);color:var(--color-text-secondary);font-style:italic}a{color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-text-link-hover)}.link-inline{color:var(--color-text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#818cf866;transition:var(--transition-fast)}.link-inline:hover{text-decoration-color:var(--color-primary);color:var(--color-primary-light)}ul.list-disc{list-style:disc;padding-left:var(--space-5)}ol.list-decimal{list-style:decimal;padding-left:var(--space-5)}.list-disc li,.list-decimal li{line-height:var(--leading-relaxed);padding-left:var(--space-1)}.list-disc li+li,.list-decimal li+li{margin-top:var(--space-2)}code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-muted);color:var(--color-primary-light);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto}pre code{background:none;border:none;padding:0;font-size:inherit}kbd{font-family:var(--font-mono);font-size:.8em;background:var(--color-bg-card);border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);padding:.1em .4em;color:var(--color-text-secondary)}mark{background:#818cf833;color:var(--color-primary-light);border-radius:var(--radius-xs);padding:0 .2em}[data-theme=light] mark{background:#6366f126;color:var(--color-primary-dark)}abbr[title]{text-decoration:underline dotted;cursor:help}small{font-size:var(--text-sm)}strong,b{font-weight:var(--weight-semibold)}em,i{font-style:italic}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{height:auto;max-width:100%;object-fit:cover}svg{flex-shrink:0}.icon-xs{width:1rem;height:1rem}.icon-sm{width:1.25rem;height:1.25rem}.icon-md{width:1.5rem;height:1.5rem}.icon-lg{width:2rem;height:2rem}.icon-xl{width:2.5rem;height:2.5rem}.icon-2xl{width:3rem;height:3rem}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}select{-webkit-appearance:none;appearance:none}[type=checkbox],[type=radio]{accent-color:var(--color-primary)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px;border-radius:var(--radius-md);box-shadow:var(--btn-focus-ring)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--input-focus-ring)}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-max);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-semibold);font-size:var(--text-sm);transition:top var(--duration-fast)}.skip-link:focus{top:var(--space-4);outline:2px solid white;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}@media(min-width:1024px){.hide-lg{display:none!important}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-cols-1{grid-template-columns:var(--grid-cols-1)}.grid-cols-2{grid-template-columns:var(--grid-cols-2)}.grid-cols-3{grid-template-columns:var(--grid-cols-3)}.grid-cols-4{grid-template-columns:var(--grid-cols-4)}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-inline:var(--space-4)}.py-4{padding-block:var(--space-4)}.py-8{padding-block:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.min-w-0{min-width:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.no-shadow{box-shadow:none!important}.bg-transparent{background:transparent}.bg-primary{background:var(--color-primary)}.bg-card{background:var(--color-bg-card)}.bg-muted{background:var(--color-bg-muted)}.divider{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-6)}.divider-primary{border-top-color:var(--color-border-primary)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{user-select:none}.select-all{user-select:all}.select-text{user-select:text}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-colors{transition:var(--transition-color)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border)}.glass-heavy{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-heavy) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur-heavy) var(--glass-saturate);border:1px solid var(--glass-border)}.notice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid currentColor;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.notice-info{background:var(--color-info-subtle);color:var(--color-info);border-color:#22d3ee40}.notice-success{background:var(--color-success-subtle);color:var(--color-success);border-color:#34d39940}.notice-warning{background:var(--color-warning-subtle);color:var(--color-warning);border-color:#fcd34d40}.notice-danger{background:var(--color-danger-subtle);color:var(--color-danger);border-color:#fb718540}.notice svg{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.1em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);transition:background var(--duration-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.scroll-fade-right{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:var(--z-nav);background:var(--nav-bg);backdrop-filter:var(--nav-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--nav-blur) var(--glass-saturate);border-bottom:1px solid var(--nav-border);transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.nav.scrolled{background:var(--glass-bg-heavy);box-shadow:var(--shadow-md)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--spacing-page-x);gap:var(--space-4)}.nav-logo{display:flex;align-items:center;gap:var(--space-2-5);flex-shrink:0;text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.nav-logo:hover{opacity:.85}.nav-logo-icon{width:2rem;height:2rem;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-glow-sm)}.nav-logo-text{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.nav-links{display:flex;align-items:center;gap:var(--space-1);list-style:none}.nav-item{position:relative;display:flex;align-items:center}.nav-link{position:relative;display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--nav-link-color);border-radius:var(--radius-lg);transition:var(--transition-fast);white-space:nowrap;cursor:pointer;text-decoration:none;background:none;border:none;font-family:var(--font-sans)}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:var(--color-primary-subtle)}.nav-link:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transform:translate(-50%);transition:width var(--duration-normal) var(--ease-spring)}.nav-link:hover:after,.nav-link.active:after{width:calc(100% - var(--space-6))}.nav-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;gap:5px;cursor:pointer;background:none;border:none;border-radius:var(--radius-lg);transition:background var(--duration-fast);padding:var(--space-2)}.nav-hamburger:hover{background:var(--color-bg-muted)}.nav-hamburger span,.hamburger-bar{display:block;width:18px;height:2px;background:var(--color-text-primary);border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--ease-spring),opacity var(--duration-fast) var(--ease-out),width var(--duration-normal) var(--ease-out);transform-origin:center}.nav-hamburger.open .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open .hamburger-bar:nth-child(2){opacity:0;width:0}.nav-hamburger.open .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;top:var(--nav-height);z-index:calc(var(--z-nav) - 1);background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);overflow-y:auto;padding:var(--space-4) 0;opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility 0s linear var(--duration-normal)}.mobile-menu.open{display:flex;flex-direction:column;opacity:1;pointer-events:auto;visibility:visible;transition:opacity var(--duration-normal) var(--ease-out),visibility 0s linear 0s}.mobile-menu-inner{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--spacing-page-x)}.mobile-menu-section{display:flex;flex-direction:column;gap:var(--space-1)}.mobile-menu-item{display:flex;align-items:center;padding:var(--space-3);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);border-radius:var(--radius-xl);transition:var(--transition-fast);text-decoration:none;width:100%;text-align:left}.mobile-menu-item:hover,.mobile-menu-item.active{background:var(--color-primary-subtle);color:var(--color-primary)}@media(max-width:767px){.nav-links{display:none}.nav-hamburger{display:flex}}@media(min-width:768px){.mobile-menu{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--btn-font-weight);line-height:1;white-space:nowrap;cursor:pointer;border:1.5px solid transparent;border-radius:var(--btn-radius);transition:var(--transition-fast);text-decoration:none;user-select:none;position:relative;overflow:hidden;letter-spacing:var(--tracking-wide)}.btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.btn:active:before{opacity:.1;background:#fff}.btn-primary{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm),0 0 #818cf800}.btn-primary:hover{background:var(--gradient-primary-h);transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--color-primary);border-color:var(--color-border-primary)}.btn-secondary:hover{background:var(--color-primary-subtle);border-color:var(--color-primary-xlight);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:active{transform:translateY(0);box-shadow:none}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.btn-ghost:active{background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff;border-color:transparent}.btn-danger:hover{background:var(--color-danger-dark);transform:translateY(-1px);box-shadow:var(--shadow-glow-danger)}.btn-success{background:var(--color-success);color:#fff;border-color:transparent}.btn-success:hover{background:var(--color-success-dark);transform:translateY(-1px);box-shadow:var(--shadow-glow-success)}.btn-icon{padding:var(--space-2);width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);background:var(--color-bg-muted);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-icon:hover{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-border-primary)}.btn-icon-lg{width:2.75rem;height:2.75rem;border-radius:var(--radius-xl)}.btn-sm{font-size:var(--text-xs);padding:var(--space-1-5) var(--space-3-5);border-radius:var(--radius-md)}.btn-lg{font-size:var(--text-base);padding:var(--space-3-5) var(--space-7);border-radius:var(--radius-xl)}.btn-xl{font-size:var(--text-lg);padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);letter-spacing:var(--tracking-wide)}.btn-block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.btn.loading{cursor:wait;pointer-events:none}.btn.loading:after{content:"";display:inline-block;width:.875em;height:.875em;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite;margin-left:var(--space-2)}.btn-group{display:inline-flex;align-items:center;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--btn-radius) 0 0 var(--btn-radius)}.btn-group .btn:last-child{border-radius:0 var(--btn-radius) var(--btn-radius) 0}.btn-group .btn+.btn{border-left-width:0}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-pad);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) var(--ease-out)}.card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-pad);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring)}.card-hover:hover,.card-glass.card-hover:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:var(--color-border-primary)}.card-sm{padding:var(--space-4);border-radius:var(--radius-xl)}.card-lg{padding:var(--space-8);border-radius:var(--radius-3xl)}.form-input{width:100%;height:var(--input-height);padding:0 var(--space-4);background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--input-radius);font-size:var(--text-base);color:var(--color-text-primary);transition:var(--transition-fast);outline:none}.form-input:hover{border-color:var(--color-border-strong)}.form-input:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-ring)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1-5)}.form-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1-5)}.form-group{display:flex;flex-direction:column;gap:0}.form-group+.form-group{margin-top:var(--space-5)}.tabs{display:flex;flex-direction:column;gap:var(--space-6)}.tabs__nav{display:flex;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs__nav::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:var(--transition-fast);margin-bottom:-1px;background:none;border-top:none;border-left:none;border-right:none;border-radius:var(--radius-md) var(--radius-md) 0 0;font-family:var(--font-sans)}.tab-btn:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--weight-semibold)}.tabs-pill .tabs__nav{border-bottom:none;background:var(--color-bg-muted);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1)}.tabs-pill .tab-btn{border-radius:var(--radius-full);border:none;margin:0}.tabs-pill .tab-btn.active{background:var(--color-bg-card);color:var(--color-primary);border-color:transparent;box-shadow:var(--shadow-sm)}.tab-panel{display:none;animation:fadeIn var(--duration-normal) var(--ease-out)}.tab-panel.active{display:block}.toast-region{position:fixed;top:calc(var(--nav-height) + var(--space-4));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:var(--toast-width);width:calc(100vw - 2rem)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow);pointer-events:auto;cursor:pointer;transition:var(--transition-normal);animation:slideInRight var(--duration-normal) var(--ease-spring) forwards}.toast.toast-exit{animation:slideOutRight var(--duration-normal) var(--ease-in) forwards}.toast__icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.1em}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}.toast__message{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-0-5);line-height:var(--leading-normal)}.toast__close{width:1.25rem;height:1.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:var(--transition-fast);cursor:pointer}.toast__close:hover{color:var(--color-text-primary)}.toast-success{border-left:3px solid var(--color-success)}.toast-success .toast__icon{color:var(--color-success)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-warning .toast__icon{color:var(--color-warning)}.toast-error{border-left:3px solid var(--color-danger)}.toast-error .toast__icon{color:var(--color-danger)}.toast-info{border-left:3px solid var(--color-primary)}.toast-info .toast__icon{color:var(--color-primary)}.toast__progress{position:absolute;bottom:0;left:0;height:2px;background:currentColor;opacity:.3;border-radius:0 0 var(--toast-radius) var(--toast-radius);animation:toastProgress linear forwards}.chip{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:default;transition:var(--transition-fast)}.chip-interactive{cursor:pointer}.chip-interactive:hover,.chip.active{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-border-primary)}.chip.active{background:var(--color-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow-sm)}.lang-switcher{display:flex;align-items:center;background:var(--color-bg-muted);border-radius:var(--radius-full);padding:var(--space-0-5);gap:var(--space-0-5);border:1px solid var(--color-border)}.lang-btn{padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);transition:var(--transition-fast);text-transform:uppercase;letter-spacing:var(--tracking-wider);border:none;background:none;line-height:1;font-family:var(--font-sans)}.lang-btn:hover{color:var(--color-primary)}.lang-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow-sm)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);background:var(--color-bg-muted);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.theme-toggle:hover{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-border-primary)}.theme-toggle svg{width:1.125rem;height:1.125rem;transition:transform var(--duration-normal) var(--ease-spring)}.theme-toggle:hover svg{transform:rotate(20deg)}.theme-icon--sun{display:block}.theme-icon--moon,[data-theme=light] .theme-icon--sun{display:none}[data-theme=light] .theme-icon--moon{display:block}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__track{position:absolute;inset:0;background:var(--color-bg-muted);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);transition:var(--transition-fast);cursor:pointer}.toggle-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;background:var(--color-text-secondary);border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--ease-spring),background var(--duration-fast) var(--ease-out)}.toggle-switch input:checked+.toggle-switch__track{background:var(--color-primary);border-color:var(--color-primary-dark)}.toggle-switch input:checked+.toggle-switch__track:after{transform:translate(1.25rem);background:#fff}.toggle-switch input:focus-visible+.toggle-switch__track{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--btn-focus-ring)}.range-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-bg-muted);border-radius:var(--radius-full);outline:none;transition:background var(--duration-fast);cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;border-radius:var(--radius-full);background:var(--color-primary);border:2px solid var(--color-bg-body);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-fast)}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-glow-sm)}.range-slider::-moz-range-thumb{width:1.125rem;height:1.125rem;border-radius:var(--radius-full);background:var(--color-primary);border:2px solid var(--color-bg-body);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-fast)}.range-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-glow-sm)}.range-slider:focus-visible{outline:none;box-shadow:var(--btn-focus-ring);border-radius:var(--radius-full)}.segmented-control{display:inline-flex;align-items:center;background:var(--color-bg-muted);border-radius:var(--radius-full);padding:var(--space-0-5);gap:var(--space-0-5);border:1px solid var(--color-border)}.segmented-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);transition:var(--transition-fast);letter-spacing:var(--tracking-wide);border:none;background:none;line-height:1;font-family:var(--font-sans);white-space:nowrap}.segmented-btn:hover{color:var(--color-primary)}.segmented-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow-sm)}.sound-mixer__track{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.sound-mixer__toggle--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark);box-shadow:var(--shadow-glow-sm)}.sound-mixer__indicator{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:var(--radius-full);background:transparent;transition:background var(--duration-fast)}.sound-mixer__toggle--active .sound-mixer__indicator{background:var(--color-primary)}.sound-mixer__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);min-width:6rem;flex-shrink:0}.sound-mixer__slider:focus-visible{outline:none;box-shadow:var(--btn-focus-ring);border-radius:var(--radius-full)}.site-footer{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-top:1px solid var(--color-border);padding-block:var(--space-6);margin-top:auto}.footer-copy{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.timer-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8) var(--spacing-page-x);min-height:calc(100vh - var(--spacing-nav-height) - var(--spacing-footer-h))}.timer-ring{position:relative;width:var(--timer-size);height:var(--timer-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-ring__svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.timer-ring__track{fill:none;stroke:var(--timer-stroke-bg);stroke-width:var(--timer-stroke-width)}.timer-ring__progress{fill:none;stroke:var(--timer-stroke-focus);stroke-width:var(--timer-stroke-width);stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease-out),stroke var(--duration-normal) var(--ease-out);filter:drop-shadow(0 0 6px rgba(129,140,248,.3))}.timer-ring__display{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2)}.timer-ring__time{font-size:clamp(var(--text-4xl),8vw,var(--text-6xl));font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:var(--leading-none)}.timer-ring__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.timer-ring--focus .timer-ring__progress{stroke:var(--timer-stroke-focus);filter:drop-shadow(0 0 8px rgba(129,140,248,.35))}.timer-ring--focus{animation:none}.timer-ring--focus.timer-ring--running{filter:drop-shadow(var(--timer-glow-focus))}.timer-ring--break .timer-ring__progress{stroke:var(--timer-stroke-break);filter:drop-shadow(0 0 8px rgba(52,211,153,.35))}.timer-ring--break.timer-ring--running{filter:drop-shadow(var(--timer-glow-break))}.timer-ring--long-break .timer-ring__progress{stroke:var(--timer-stroke-break);filter:drop-shadow(0 0 8px rgba(52,211,153,.25))}.timer-ring--paused .timer-ring__progress{stroke:var(--timer-stroke-pause);filter:drop-shadow(0 0 8px rgba(252,211,77,.35));animation:timerPausePulse 2s ease-in-out infinite}.timer-ring--paused{filter:drop-shadow(var(--timer-glow-pause))}@keyframes timerPausePulse{0%,to{opacity:1}50%{opacity:.6}}.timer-ring--completed .timer-ring__progress{stroke:var(--color-success);filter:drop-shadow(0 0 12px rgba(52,211,153,.5))}.timer-ring--completed{animation:celebratePop .6s var(--ease-spring) both}.timer-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.timer-controls .btn{min-width:7rem}.timer-controls .btn-primary{padding:var(--space-3) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.timer-controls .btn-fullscreen{padding:var(--space-2);width:2.5rem;height:2.5rem}.timer-controls .btn-fullscreen svg{width:1.25rem;height:1.25rem}.preset-chips{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.preset-chips .chip{cursor:pointer;padding:var(--space-1-5) var(--space-3-5);font-size:var(--text-sm)}.preset-chips .chip:hover{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-border-primary)}.preset-chips .chip.active{background:var(--color-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow-sm)}.session-tabs{display:flex;align-items:center;background:var(--color-bg-muted);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1)}.session-tabs .tab-btn{flex:1;justify-content:center;border:none;border-radius:var(--radius-full);margin:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:transparent;transition:var(--transition-fast);white-space:nowrap;font-family:var(--font-sans);cursor:pointer}.session-tabs .tab-btn:hover{color:var(--color-primary);background:#818cf80f}.session-tabs .tab-btn.active{background:var(--color-bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:var(--weight-semibold)}.quick-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-4) var(--space-6);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-2xl)}.quick-stats__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.quick-stats__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:var(--leading-none)}.quick-stats__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.sound-panel{width:100%;max-width:28rem}.sound-panel summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-fast);user-select:none}.sound-panel summary:hover{color:var(--color-primary);border-color:var(--color-border-primary)}.sound-panel[open] summary{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom-color:transparent}.sound-panel summary svg{width:1rem;height:1rem;flex-shrink:0}.sound-panel__content{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-subtle);border-top:none;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.sound-mixer__track{display:flex;align-items:center;gap:var(--space-3)}.sound-mixer__toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);background:var(--color-bg-muted);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;position:relative}.sound-mixer__toggle:hover{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-border-primary)}.sound-mixer__toggle--active{background:var(--color-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow-sm)}.sound-mixer__toggle--active:hover{background:var(--color-primary-dark);color:#fff}.sound-mixer__toggle svg{width:1.125rem;height:1.125rem}.sound-mixer__indicator{position:absolute;bottom:2px;right:2px;width:6px;height:6px;border-radius:var(--radius-full);background:transparent;transition:var(--transition-fast)}.sound-mixer__toggle--active .sound-mixer__indicator{background:var(--color-success);box-shadow:0 0 4px #34d39980}.sound-mixer__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);min-width:5.5rem;flex-shrink:0}.sound-mixer__slider{-webkit-appearance:none;appearance:none;flex:1;height:6px;background:var(--color-bg-muted);border-radius:var(--radius-full);outline:none;transition:background var(--duration-fast);cursor:pointer}.sound-mixer__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;border-radius:var(--radius-full);background:var(--color-primary);border:2px solid var(--color-bg-body);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-fast)}.sound-mixer__slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-glow-sm)}.sound-mixer__slider::-moz-range-thumb{width:1.125rem;height:1.125rem;border-radius:var(--radius-full);background:var(--color-primary);border:2px solid var(--color-bg-body);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-fast)}.sound-mixer__slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-glow-sm)}.sound-mixer__slider:focus-visible{outline:none;box-shadow:var(--btn-focus-ring)}body.is-fullscreen{padding-top:0}body.is-fullscreen .nav,body.is-fullscreen .site-footer,body.is-fullscreen .quick-stats,body.is-fullscreen .session-tabs,body.is-fullscreen .preset-chips{display:none!important}body.is-fullscreen .timer-section{min-height:100vh;padding:var(--space-8)}body.is-fullscreen .timer-ring{--timer-size: clamp(300px, 50vw, 500px)}.breathing-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:#0c0f1aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8)}[data-theme=light] .breathing-overlay{background:#f5f3ffeb}.breathing__circle{width:var(--breathing-size);height:var(--breathing-size);border-radius:var(--radius-full);background:var(--breathing-color);border:2px solid rgba(129,140,248,.3);transition:transform 4s var(--ease-in-out);will-change:transform}.breathing__circle--inhale{animation:breatheIn 4s var(--ease-in-out) forwards}.breathing__circle--hold{animation:breatheHold 4s var(--ease-in-out) forwards}.breathing__circle--exhale{animation:breatheOut 4s var(--ease-in-out) forwards}.breathing__instruction{font-size:var(--text-2xl);font-weight:var(--weight-medium);color:var(--color-text-primary);text-align:center;letter-spacing:var(--tracking-wide)}.breathing__skip{margin-top:var(--space-4);color:var(--color-text-tertiary)}.breathing__skip:hover{color:var(--color-text-secondary)}@keyframes breatheIn{0%{transform:scale(1)}to{transform:scale(1.6)}}@keyframes breatheHold{0%{transform:scale(1.6)}to{transform:scale(1.6)}}@keyframes breatheOut{0%{transform:scale(1.6)}to{transform:scale(1)}}.page{width:100%;max-width:var(--container-lg);margin-inline:auto;padding:var(--space-8) var(--spacing-page-x);min-height:calc(100vh - var(--spacing-nav-height) - var(--spacing-footer-h) - var(--space-12))}.page-title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:48ch}.page--home{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--container-md);padding:0}.page--stats{max-width:var(--container-lg)}.page--settings{max-width:var(--container-md)}.settings-section{margin-bottom:var(--space-10)}.settings-section__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.settings-section__title svg{display:inline;width:1.25rem;height:1.25rem;vertical-align:middle;margin-right:var(--space-2);color:var(--color-primary)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.settings-row:last-child{border-bottom:none}.settings-row__info{flex:1;min-width:0}.settings-row__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.settings-row__desc{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-0-5)}.settings-row__control{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.settings-number{width:4.5rem;height:2.25rem;padding:0 var(--space-2);text-align:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;background:var(--color-bg-muted);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:var(--transition-fast)}.settings-number:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-ring);outline:none}.settings-actions{display:flex;flex-direction:column;gap:var(--space-3)}.settings-version{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);background:var(--glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);text-align:center;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.stat-card__icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-xl);background:var(--color-primary-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.stat-card__icon svg{width:1.25rem;height:1.25rem}.stat-card__value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-none);font-variant-numeric:tabular-nums}.stat-card__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.stat-card--focus .stat-card__icon{background:#818cf81f;color:var(--color-primary)}.stat-card--break .stat-card__icon{background:#34d3991f;color:var(--color-success)}.stat-card--streak .stat-card__icon{background:#f59e0b1f;color:var(--color-accent)}.stat-card--total .stat-card__icon{background:#fb71851f;color:var(--color-danger)}.stats-chart{background:var(--glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-6);margin-bottom:var(--space-8)}.stats-chart__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.stats-chart__canvas{width:100%;position:relative}.stats-chart__svg{width:100%;height:auto;display:block}.stats-chart__bar{animation:barGrow var(--duration-slow) var(--ease-spring) both}.stats-chart__bar--today{filter:url(#todayGlow)}.stats-chart__value{opacity:0;animation:fadeIn var(--duration-normal) var(--ease-out) both}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2);height:160px;padding-top:var(--space-4)}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%;justify-content:flex-end}.chart-bar__fill{width:100%;max-width:3rem;background:var(--gradient-primary);border-radius:var(--radius-md) var(--radius-md) 0 0;min-height:4px;transition:height var(--duration-slow) var(--ease-out);position:relative}.chart-bar__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:inherit}.chart-bar__label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--weight-medium);text-align:center}.chart-bar__value{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary)}.stats-history{margin-top:var(--space-2)}.stats-history__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) var(--space-4);text-align:center}.stats-empty__icon{width:4rem;height:4rem;border-radius:var(--radius-full);background:var(--color-primary-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.stats-empty__icon svg{width:2rem;height:2rem;opacity:.6}.stats-empty__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.stats-empty__desc{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:36ch}.session-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:24rem;overflow-y:auto}.session-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--glass-bg-light);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-xl);transition:var(--transition-fast)}.session-item:hover{background:var(--glass-bg);border-color:var(--glass-border)}.session-item__date{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);min-width:5rem}.session-item__duration{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);font-variant-numeric:tabular-nums;min-width:4rem;text-align:right}.session-item__type{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-2-5);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.session-item__type--focus{background:#818cf81f;color:var(--color-primary)}.session-item__type--short-break{background:#34d3991f;color:var(--color-success)}.session-item__type--long-break{background:#f59e0b1f;color:var(--color-accent)}.session-item__status{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-tertiary)}.session-item__status--completed{color:var(--color-success)}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-4) var(--space-3)}.stat-card__value{font-size:var(--text-2xl)}.quick-stats{gap:var(--space-4);padding:var(--space-3) var(--space-4)}.quick-stats__value{font-size:var(--text-xl)}.settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.settings-row__control{width:100%;justify-content:flex-end}.session-item{flex-wrap:wrap;gap:var(--space-2)}}@media(max-width:480px){.page{padding:var(--space-6) var(--spacing-page-x)}.session-tabs{width:100%;overflow-x:auto}.session-tabs .tab-btn{padding:var(--space-2) var(--space-2);font-size:var(--text-xs)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-48px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(48px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-48px)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(48px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes scaleInSpring{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.03)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.2)}80%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px) rotate(-1deg)}30%{transform:translate(5px) rotate(1deg)}45%{transform:translate(-4px) rotate(-.5deg)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes glow{0%,to{box-shadow:0 0 8px #818cf84d,0 0 20px #818cf81a}50%{box-shadow:0 0 20px #818cf899,0 0 40px #818cf840,0 0 60px #818cf81a}}@keyframes textGlow{0%,to{text-shadow:0 0 8px rgba(129,140,248,.3)}50%{text-shadow:0 0 16px rgba(129,140,248,.7),0 0 30px rgba(129,140,248,.3)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{0%{transform:scale(1);opacity:1}75%{transform:scale(2);opacity:.4}to{transform:scale(2);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-16px);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes timerPulse{0%,to{filter:drop-shadow(0 0 10px rgba(129,140,248,.2))}50%{filter:drop-shadow(0 0 30px rgba(129,140,248,.45)) drop-shadow(0 0 60px rgba(129,140,248,.15))}}@keyframes celebratePop{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.96)}80%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes confettiDrop{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes timerTick{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.page-transition-wrapper{position:relative;overflow-x:hidden}.page-enter{opacity:0;transform:translate(32px)}.page-enter-active{opacity:1;transform:translate(0);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.page-exit{opacity:1;transform:translate(0)}.page-exit-active{opacity:0;transform:translate(-32px);transition:opacity var(--duration-normal) var(--ease-in),transform var(--duration-normal) var(--ease-in)}.page-enter-fade{opacity:0}.page-enter-fade-active{opacity:1;transition:opacity var(--duration-normal) var(--ease-out)}.page-exit-fade{opacity:1}.page-exit-fade-active{opacity:0;transition:opacity var(--duration-fast) var(--ease-in)}@keyframes drawCircle{0%{stroke-dashoffset:var(--circle-circumference, 565.48)}to{stroke-dashoffset:var(--circle-progress, 0)}}@keyframes barFill{0%{width:0}to{width:var(--bar-width, 100%)}}@keyframes lineDraw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2.5px solid rgba(129,140,248,.2);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:2px}.spinner-lg{width:2.5rem;height:2.5rem;border-width:3px}@keyframes dotBounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.dots-loader{display:inline-flex;align-items:center;gap:var(--space-1)}.dots-loader span{display:inline-block;width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--color-primary);animation:dotBounce 1.4s ease-in-out infinite}.dots-loader span:nth-child(2){animation-delay:.16s}.dots-loader span:nth-child(3){animation-delay:.32s}.animate-fadeIn{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-fadeInUp{animation:fadeInUp var(--duration-normal) var(--ease-out) both}.animate-fadeInDown{animation:fadeInDown var(--duration-normal) var(--ease-out) both}.animate-fadeInLeft{animation:fadeInLeft var(--duration-normal) var(--ease-out) both}.animate-fadeInRight{animation:fadeInRight var(--duration-normal) var(--ease-out) both}.animate-scaleIn{animation:scaleIn var(--duration-normal) var(--ease-spring) both}.animate-scaleInSpring{animation:scaleInSpring var(--duration-slow) var(--ease-out) both}.animate-slideInLeft{animation:slideInLeft var(--duration-normal) var(--ease-spring) both}.animate-slideInRight{animation:slideInRight var(--duration-normal) var(--ease-spring) both}.animate-pop{animation:pop var(--duration-normal) var(--ease-spring) both}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-spin{animation:spin .7s linear infinite}.animate-spin-slow{animation:spinSlow 3s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-ping{animation:ping 1.5s ease-out infinite}.animate-shake{animation:shake .5s var(--ease-out) both}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.duration-fast{animation-duration:var(--duration-fast)}.duration-normal{animation-duration:var(--duration-normal)}.duration-slow{animation-duration:var(--duration-slow)}.duration-slower{animation-duration:var(--duration-slower)}.duration-slowest{animation-duration:var(--duration-slowest)}.fill-both{animation-fill-mode:both}.fill-forwards{animation-fill-mode:forwards}.fill-none{animation-fill-mode:none}.stagger-children>*{animation-delay:calc(var(--stagger, 80ms) * var(--stagger-i, 0))}.stagger-children>*:nth-child(1){--stagger-i: 0}.stagger-children>*:nth-child(2){--stagger-i: 1}.stagger-children>*:nth-child(3){--stagger-i: 2}.stagger-children>*:nth-child(4){--stagger-i: 3}.stagger-children>*:nth-child(5){--stagger-i: 4}.stagger-children>*:nth-child(6){--stagger-i: 5}.stagger-children>*:nth-child(7){--stagger-i: 6}.stagger-children>*:nth-child(8){--stagger-i: 7}.stagger-children>*:nth-child(9){--stagger-i: 8}.stagger-children>*:nth-child(10){--stagger-i: 9}.pause-on-hover:hover,.pause-on-hover:focus{animation-play-state:paused}.no-transition,.no-transition *{transition:none!important;animation:none!important}.hover-lift{transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.hover-scale{transition:transform var(--duration-fast) var(--ease-spring)}.hover-scale:hover{transform:scale(1.03)}.hover-scale:active{transform:scale(.98)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-out)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.in-view-hidden{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.in-view-hidden.in-view{opacity:1;transform:translateY(0)}@media print{*,*:before,*:after{background:#fff!important;background-image:none!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important;transition:none!important}body{padding-top:0!important;min-height:auto;font-size:12pt;line-height:1.5}.nav,.site-footer,.toast-region,.breathing-overlay,.btn:not(.print-show),.skip-link,.theme-toggle,.lang-switcher,.nav-hamburger,.mobile-menu{display:none!important}.page-enter,.in-view-hidden{opacity:1!important;transform:none!important}.container,.container-sm,.container-md,.container-lg{max-width:none;padding-inline:1cm}h1,h2,h3{page-break-after:avoid;break-after:avoid}p,li{orphans:3;widows:3}.card,.card-glass,.stat-card{border:1px solid #ddd!important;border-radius:4px!important;break-inside:avoid}.print-break-before{break-before:page}.print-break-after{break-after:page}.print-avoid-break{break-inside:avoid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.animate-float,.animate-pulse,.animate-glow,.animate-breathe,.animate-bounce,.animate-ping{animation:none!important}.timer-ring--focus.timer-ring--running,.timer-ring--break.timer-ring--running,.timer-ring--paused{filter:none!important}.breathing__circle--inhale,.breathing__circle--hold,.breathing__circle--exhale{animation:none!important}.page-enter,.page-enter-active,.page-exit,.page-exit-active{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.hover-lift:hover,.card-hover:hover,.card-glass.card-hover:hover,.stat-card:hover{transform:none!important}.in-view-hidden{opacity:1!important;transform:none!important;transition:none!important}:focus-visible{transition:none!important}}