:root{--color-primary:#3d7a7a;--color-primary-dark:#2d5c5c;--color-primary-light:#5a9e9e;--color-primary-pale:#e8f4f4;--color-background:#f5f7f6;--color-surface:#fff;--color-border:#e0e6e6;--color-text-primary:#2d3436;--color-text-secondary:#636e72;--color-text-disabled:#b2bec3;--color-text-on-primary:#fff;--color-success:#4caf50;--color-success-light:#e8f5e9;--color-warning:#ff9800;--color-warning-light:#fff3e0;--color-error:#e53935;--color-error-light:#ffebee;--color-info:#2196f3;--color-info-light:#e3f2fd;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--color-text-primary);background-color:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:root{--liquid-glass-blur:24px;--liquid-glass-saturation:180%;--liquid-glass-brightness:1.05;--liquid-glass-bg:linear-gradient(135deg,#ffffffd9 0%,#ffffffa6 50%,#ffffffbf 100%);--liquid-glass-bg-hover:linear-gradient(135deg,#ffffffeb 0%,#ffffffc7 50%,#ffffffd9 100%);--liquid-glass-specular:linear-gradient(145deg,#ffffffe6 0%,#ffffff1a 50%,transparent 100%);--liquid-glass-specular-edge:linear-gradient(90deg,#fff9 0%,#fff3 20%,transparent 100%);--liquid-glass-refract-teal:linear-gradient(180deg,#3d7a7a14 0%,#5a9e9e0d 50%,#e8f4f41a 100%);--liquid-glass-border:1px solid #ffffff80;--liquid-glass-border-inner:inset 0 1px 0 #fffc;--liquid-glass-border-glow:0 0 0 1px #3d7a7a1a;--liquid-glass-shadow:0 8px 32px #3d7a7a1f,0 2px 8px #0000000a,inset 0 1px 0 #ffffffe6;--liquid-glass-shadow-elevated:0 16px 48px #3d7a7a26,0 4px 16px #0000000f,inset 0 1px 0 #fffffff2;--liquid-glass-transition:.4s cubic-bezier(.4,0,.2,1);--liquid-glass-transition-fast:.2s cubic-bezier(.4,0,.2,1);--liquid-glass-spring:.5s cubic-bezier(.34,1.56,.64,1)}@keyframes liquidGlassShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes liquidGlassGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes liquidGlassPulse{0%,to{box-shadow:0 8px 32px #3d7a7a1f,0 0 #3d7a7a1a}50%{box-shadow:0 8px 32px #3d7a7a2e,0 0 0 4px #3d7a7a0d}}@keyframes liquidGlassFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes specularMove{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(300%)rotate(45deg)}}.liquid-glass{background:var(--liquid-glass-bg);-webkit-backdrop-filter:blur(var(--liquid-glass-blur))saturate(var(--liquid-glass-saturation))brightness(var(--liquid-glass-brightness));border:var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow);transition:all var(--liquid-glass-transition)}.liquid-glass:hover{background:var(--liquid-glass-bg-hover);box-shadow:var(--liquid-glass-shadow-elevated)}.liquid-glass-specular{position:relative;overflow:hidden}.liquid-glass-specular:before{content:"";background:var(--liquid-glass-specular);pointer-events:none;opacity:.6;height:50%;transition:opacity var(--liquid-glass-transition-fast);position:absolute;top:0;left:0;right:0}.liquid-glass-specular:hover:before{opacity:.9}