:root{--md-sys-typescale-body-large-font: "Noto Sans KR", sans-serif;--md-sys-typescale-body-medium-font: "Noto Sans KR", sans-serif;--md-sys-typescale-body-small-font: "Noto Sans KR", sans-serif;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-large-tracking: .25px;--md-sys-typescale-label-medium-font: "Noto Sans KR", sans-serif;--md-sys-typescale-label-medium-weight: 500;--md-sys-typescale-label-medium-tracking: .5px;--md-sys-typescale-label-medium-line-height: 16px;--md-sys-typescale-title-medium-font: "Noto Sans KR", sans-serif;--md-sys-typescale-title-medium-weight: 500;--md-sys-typescale-title-medium-line-height: 24px;--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short3: .15s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium1: .25s;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-duration-medium3: .35s;--md-sys-motion-duration-medium4: .4s;--md-sys-motion-duration-long1: .45s;--md-sys-motion-duration-long2: .5s;--md-sys-motion-duration-long3: .55s;--md-sys-motion-duration-long4: .6s;--md-sys-motion-duration-extra-long1: .7s;--md-sys-motion-duration-extra-long2: .8s;--md-sys-motion-duration-extra-long3: .9s;--md-sys-motion-duration-extra-long4:1s;--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);--md-sys-motion-easing-legacy: cubic-bezier(.4, 0, .2, 1);--md-sys-motion-easing-legacy-accelerate: cubic-bezier(.4, 0, 1, 1);--md-sys-motion-easing-legacy-decelerate: cubic-bezier(0, 0, .2, 1);--md-sys-typescale-display-large-size: clamp(36px, calc(28.4px + 2.39vw) , 57px);--md-sys-typescale-display-medium-size: clamp(28px, calc(21.8px + 1.93vw) , 45px);--md-sys-typescale-headline-large-size: clamp(26px, calc(23.8px + .68vw) , 32px);--md-sys-typescale-headline-medium-size: clamp(22px, calc(19.8px + .68vw) , 28px);--md-sys-typescale-headline-small-size: clamp(20px, calc(18.5px + .45vw) , 24px);--md-sys-typescale-title-large-size: clamp(18px, calc(16.5px + .45vw) , 22px);--md-sys-typescale-title-medium-size: 16px;--md-sys-typescale-title-small-size: 14px;--md-sys-typescale-body-large-size: 16px;--md-sys-typescale-body-medium-size: 14px;--md-sys-typescale-body-small-size: 12px;--md-sys-typescale-label-large-size: 14px;--md-sys-typescale-label-medium-size: 12px;--md-sys-typescale-label-small-size: 11px;--md-sys-typescale-label-large-weight: 500;--md-sys-typescale-title-large-weight: 400;--md-sys-typescale-headline-font: "Noto Sans KR", sans-serif;--md-sys-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-elevation-4: 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-sys-elevation-5: 0px 4px 4px 0px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15);--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px}:root[data-theme=light]{--md-sys-color-background: #F5F5F9;--md-sys-color-on-background: #1A1B21;--md-sys-color-surface: #FDFBFF;--md-sys-color-on-surface: #1A1B21;--md-sys-color-surface-variant: #E1E2EC;--md-sys-color-on-surface-variant: #44464F;--md-sys-color-surface-container-lowest: #FFFFFF;--md-sys-color-surface-container-low: #F5F3F7;--md-sys-color-surface-container: #EEEDF2;--md-sys-color-surface-container-high: #E5E3E8;--md-sys-color-surface-container-highest: #DDDBE0;--md-sys-color-inverse-surface: #2F3036;--md-sys-color-inverse-on-surface: #F2F0F4;--md-sys-color-outline: #757780;--md-sys-color-outline-variant: #C5C6D0;--md-sys-color-error: #BA1A1A;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #FFDAD6;--md-sys-color-on-error-container: #410002;--md-sys-color-scrim: rgba(0, 0, 0, .4)}:root[data-theme=dark]{--md-sys-color-background: #131316;--md-sys-color-on-background: #E3E2E6;--md-sys-color-surface: #131316;--md-sys-color-on-surface: #E3E2E6;--md-sys-color-surface-variant: #44464F;--md-sys-color-on-surface-variant: #C5C6D0;--md-sys-color-surface-container-lowest: #0E0E11;--md-sys-color-surface-container-low: #1B1B1F;--md-sys-color-surface-container: #201F23;--md-sys-color-surface-container-high: #2A292D;--md-sys-color-surface-container-highest: #353438;--md-sys-color-inverse-surface: #E3E2E6;--md-sys-color-inverse-on-surface: #2F3036;--md-sys-color-outline: #8F9099;--md-sys-color-outline-variant: #44464F;--md-sys-color-error: #FFB4AB;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000A;--md-sys-color-on-error-container: #FFDAD6;--md-sys-color-scrim: rgba(0, 0, 0, .6)}:root[data-accent=rose][data-theme=light]{--md-sys-color-primary: #B02F5B;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #FFD9E1;--md-sys-color-on-primary-container: #3F0019;--md-sys-color-secondary: #75565E;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #FFD9E1;--md-sys-color-on-secondary-container: #2B151B;--md-sys-color-tertiary: #7A5732;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFDCBE;--md-sys-color-on-tertiary-container: #2C1600}:root[data-accent=rose][data-theme=dark]{--md-sys-color-primary: #FFB1C5;--md-sys-color-on-primary: #65002C;--md-sys-color-primary-container: #8E1243;--md-sys-color-on-primary-container: #FFD9E1;--md-sys-color-secondary: #E4BDC5;--md-sys-color-on-secondary: #432930;--md-sys-color-secondary-container: #5C3F46;--md-sys-color-on-secondary-container: #FFD9E1;--md-sys-color-tertiary: #EBB98F;--md-sys-color-on-tertiary: #462A08;--md-sys-color-tertiary-container: #60401D;--md-sys-color-on-tertiary-container: #FFDCBE}:root[data-accent=pink][data-theme=light]{--md-sys-color-primary: #9B406B;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #FFD9E6;--md-sys-color-on-primary-container: #3E0024;--md-sys-color-secondary: #745660;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #FFD9E6;--md-sys-color-on-secondary-container: #2B151D;--md-sys-color-tertiary: #7C5635;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFDCC1;--md-sys-color-on-tertiary-container: #2E1500}:root[data-accent=pink][data-theme=dark]{--md-sys-color-primary: #FFB0D0;--md-sys-color-on-primary: #5F113C;--md-sys-color-primary-container: #7D2953;--md-sys-color-on-primary-container: #FFD9E6;--md-sys-color-secondary: #E3BDC8;--md-sys-color-on-secondary: #422932;--md-sys-color-secondary-container: #5A3F48;--md-sys-color-on-secondary-container: #FFD9E6;--md-sys-color-tertiary: #EFBD94;--md-sys-color-on-tertiary: #48290B;--md-sys-color-tertiary-container: #623F20;--md-sys-color-on-tertiary-container: #FFDCC1}:root[data-accent=purple][data-theme=light]{--md-sys-color-primary: #7A4A9E;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #F2DAFF;--md-sys-color-on-primary-container: #2D0052;--md-sys-color-secondary: #665A6F;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #EDDDF6;--md-sys-color-on-secondary-container: #21182A;--md-sys-color-tertiary: #805158;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD9DF;--md-sys-color-on-tertiary-container: #321017}:root[data-accent=purple][data-theme=dark]{--md-sys-color-primary: #DFB7FF;--md-sys-color-on-primary: #47176B;--md-sys-color-primary-container: #603084;--md-sys-color-on-primary-container: #F2DAFF;--md-sys-color-secondary: #D0C1D9;--md-sys-color-on-secondary: #362C3F;--md-sys-color-secondary-container: #4D4256;--md-sys-color-on-secondary-container: #EDDDF6;--md-sys-color-tertiary: #F2B7C1;--md-sys-color-on-tertiary: #4B252B;--md-sys-color-tertiary-container: #653B41;--md-sys-color-on-tertiary-container: #FFD9DF}:root[data-accent=deep-purple][data-theme=light]{--md-sys-color-primary: #6750A4;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EADDFF;--md-sys-color-on-primary-container: #21005D;--md-sys-color-secondary: #625B71;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E8DEF8;--md-sys-color-on-secondary-container: #1D192B;--md-sys-color-tertiary: #7D5260;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD8E4;--md-sys-color-on-tertiary-container: #31111D}:root[data-accent=deep-purple][data-theme=dark]{--md-sys-color-primary: #D0BCFF;--md-sys-color-on-primary: #381E72;--md-sys-color-primary-container: #4F378B;--md-sys-color-on-primary-container: #EADDFF;--md-sys-color-secondary: #CCC2DC;--md-sys-color-on-secondary: #332D41;--md-sys-color-secondary-container: #4A4458;--md-sys-color-on-secondary-container: #E8DEF8;--md-sys-color-tertiary: #EFB8C8;--md-sys-color-on-tertiary: #492532;--md-sys-color-tertiary-container: #633B48;--md-sys-color-on-tertiary-container: #FFD8E4}:root[data-accent=indigo][data-theme=light]{--md-sys-color-primary: #4355B9;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #DEE0FF;--md-sys-color-on-primary-container: #00105C;--md-sys-color-secondary: #5B5D72;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E0E1F9;--md-sys-color-on-secondary-container: #181A2C;--md-sys-color-tertiary: #77536D;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD7F1;--md-sys-color-on-tertiary-container: #2D1228}:root[data-accent=indigo][data-theme=dark]{--md-sys-color-primary: #BAC3FF;--md-sys-color-on-primary: #08218A;--md-sys-color-primary-container: #293CA0;--md-sys-color-on-primary-container: #DEE0FF;--md-sys-color-secondary: #C3C5DD;--md-sys-color-on-secondary: #2D2F42;--md-sys-color-secondary-container: #434659;--md-sys-color-on-secondary-container: #E0E1F9;--md-sys-color-tertiary: #E6BAD7;--md-sys-color-on-tertiary: #44263E;--md-sys-color-tertiary-container: #5D3C55;--md-sys-color-on-tertiary-container: #FFD7F1}:root[data-accent=blue][data-theme=light]{--md-sys-color-primary: #0061A4;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #D1E4FF;--md-sys-color-on-primary-container: #001D36;--md-sys-color-secondary: #535F70;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #D7E3F7;--md-sys-color-on-secondary-container: #101C2B;--md-sys-color-tertiary: #6B5778;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #F2DAFF;--md-sys-color-on-tertiary-container: #251431}:root[data-accent=blue][data-theme=dark]{--md-sys-color-primary: #9ECAFF;--md-sys-color-on-primary: #003258;--md-sys-color-primary-container: #00497D;--md-sys-color-on-primary-container: #D1E4FF;--md-sys-color-secondary: #BBC7DB;--md-sys-color-on-secondary: #253140;--md-sys-color-secondary-container: #3B4858;--md-sys-color-on-secondary-container: #D7E3F7;--md-sys-color-tertiary: #D6BEE4;--md-sys-color-on-tertiary: #3B2948;--md-sys-color-tertiary-container: #523F5F;--md-sys-color-on-tertiary-container: #F2DAFF}:root[data-accent=light-blue][data-theme=light]{--md-sys-color-primary: #006493;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #CAE6FF;--md-sys-color-on-primary-container: #001E30;--md-sys-color-secondary: #50606E;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #D3E4F5;--md-sys-color-on-secondary-container: #0C1D29;--md-sys-color-tertiary: #65587B;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #EBDDFF;--md-sys-color-on-tertiary-container: #201634}:root[data-accent=light-blue][data-theme=dark]{--md-sys-color-primary: #8DCDFF;--md-sys-color-on-primary: #00344F;--md-sys-color-primary-container: #004B70;--md-sys-color-on-primary-container: #CAE6FF;--md-sys-color-secondary: #B7C8D9;--md-sys-color-on-secondary: #22323F;--md-sys-color-secondary-container: #384956;--md-sys-color-on-secondary-container: #D3E4F5;--md-sys-color-tertiary: #CFC0E8;--md-sys-color-on-tertiary: #362B4A;--md-sys-color-tertiary-container: #4D4162;--md-sys-color-on-tertiary-container: #EBDDFF}:root[data-accent=cyan][data-theme=light]{--md-sys-color-primary: #006874;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #97F0FF;--md-sys-color-on-primary-container: #001F24;--md-sys-color-secondary: #4A6267;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #CDE7EC;--md-sys-color-on-secondary-container: #051F23;--md-sys-color-tertiary: #525E7D;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #DAE2FF;--md-sys-color-on-tertiary-container: #0E1B37}:root[data-accent=cyan][data-theme=dark]{--md-sys-color-primary: #4FD8EB;--md-sys-color-on-primary: #00363D;--md-sys-color-primary-container: #004F58;--md-sys-color-on-primary-container: #97F0FF;--md-sys-color-secondary: #B1CBD0;--md-sys-color-on-secondary: #1C3438;--md-sys-color-secondary-container: #334A4F;--md-sys-color-on-secondary-container: #CDE7EC;--md-sys-color-tertiary: #BAC6EA;--md-sys-color-on-tertiary: #24304D;--md-sys-color-tertiary-container: #3B4664;--md-sys-color-on-tertiary-container: #DAE2FF}:root[data-accent=teal][data-theme=light]{--md-sys-color-primary: #006A60;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #74F8E5;--md-sys-color-on-primary-container: #00201C;--md-sys-color-secondary: #4A635F;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #CCE8E2;--md-sys-color-on-secondary-container: #05201C;--md-sys-color-tertiary: #456179;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #CCE5FF;--md-sys-color-on-tertiary-container: #001E31}:root[data-accent=teal][data-theme=dark]{--md-sys-color-primary: #53DBC9;--md-sys-color-on-primary: #003731;--md-sys-color-primary-container: #005048;--md-sys-color-on-primary-container: #74F8E5;--md-sys-color-secondary: #B0CCC6;--md-sys-color-on-secondary: #1C3531;--md-sys-color-secondary-container: #334B47;--md-sys-color-on-secondary-container: #CCE8E2;--md-sys-color-tertiary: #ADCAE6;--md-sys-color-on-tertiary: #153349;--md-sys-color-tertiary-container: #2D4961;--md-sys-color-on-tertiary-container: #CCE5FF}:root[data-accent=green][data-theme=light]{--md-sys-color-primary: #1A6C30;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #A3F6AA;--md-sys-color-on-primary-container: #002107;--md-sys-color-secondary: #52634F;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #D4E8CE;--md-sys-color-on-secondary-container: #101F10;--md-sys-color-tertiary: #38656A;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #BCEBF0;--md-sys-color-on-tertiary-container: #002023}:root[data-accent=green][data-theme=dark]{--md-sys-color-primary: #88D990;--md-sys-color-on-primary: #003912;--md-sys-color-primary-container: #00531E;--md-sys-color-on-primary-container: #A3F6AA;--md-sys-color-secondary: #B8CCB3;--md-sys-color-on-secondary: #243423;--md-sys-color-secondary-container: #3A4B38;--md-sys-color-on-secondary-container: #D4E8CE;--md-sys-color-tertiary: #A0CFD4;--md-sys-color-on-tertiary: #00363B;--md-sys-color-tertiary-container: #1F4D52;--md-sys-color-on-tertiary-container: #BCEBF0}:root{color-scheme:light dark;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xxs: .125rem;--spacing-xs: .25rem;--spacing-1-5: .375rem;--spacing-sm: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-md: 1rem;--spacing-5: 1.25rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-xs: var(--md-sys-shape-corner-extra-small);--radius-sm: var(--md-sys-shape-corner-small);--radius-md: var(--md-sys-shape-corner-medium);--radius-m: var(--md-sys-shape-corner-medium);--radius-lg: var(--md-sys-shape-corner-large);--radius-s: var(--md-sys-shape-corner-small);--radius-l: var(--md-sys-shape-corner-large);--radius-xl: var(--md-sys-shape-corner-extra-large);--radius-2xl: var(--md-sys-shape-corner-extra-large);--radius-3xl: var(--md-sys-shape-corner-extra-large);--radius-full: var(--md-sys-shape-corner-full);--transition-fast: all .15s ease-out;--transition-medium: all .3s ease-out;--transition-slow: all .5s ease-out;--transition-bounce: all .3s cubic-bezier(.68, -.55, .265, 1.55);--shadow-xs: var(--md-sys-elevation-1);--shadow-sm: var(--md-sys-elevation-2);--shadow-md: var(--md-sys-elevation-3);--shadow-lg: var(--md-sys-elevation-4);--shadow-xl: var(--md-sys-elevation-5);--shadow-2xl: var(--md-sys-elevation-5);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-notif-panel: 1080;--z-index-overlay-top: 1090;--bp-medium: 600;--bp-expanded: 840;--bp-large: 1200;--bg-main: var(--md-sys-color-background);--bg-secondary: var(--md-sys-color-surface);--bg-tertiary: var(--md-sys-color-surface-variant);--text-main: var(--md-sys-color-on-background);--text-dim: var(--md-sys-color-on-surface-variant);--text-dim2: var(--md-sys-color-outline);--text-inverse: var(--md-sys-color-on-primary);--primary: var(--md-sys-color-primary);--primary-hover: var(--md-sys-color-primary-container);--primary-active: var(--md-sys-color-primary);--accent: var(--md-sys-color-secondary);--accent-hover: var(--md-sys-color-secondary-container);--accent-active: var(--md-sys-color-secondary);--secondary: var(--md-sys-color-tertiary);--secondary-hover: var(--md-sys-color-tertiary-container);--secondary-active: var(--md-sys-color-tertiary);--success: #55f0d0;--success-hover: #75ffe0;--success-active: #35e0c0;--warning: #ffcc66;--warning-hover: #ffdd88;--warning-active: #ffbb44;--warning-text: #ffddaa;--danger: var(--md-sys-color-error);--danger-hover: var(--md-sys-color-error-container);--danger-active: var(--md-sys-color-error);--info: #66aaff;--info-hover: #88bbff;--info-active: #4499ff;--glass-bg: var(--md-sys-color-surface-container, #201F23);--glass-bg-light: var(--md-sys-color-surface-container-high, #2A292D);--glass-border: var(--md-sys-color-outline-variant, #44464F);--glass-shadow: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);--glass-shadow-floating: 0 1px 3px rgba(0,0,0,.3), 0 4px 8px 3px rgba(0,0,0,.15);--glass-glow: none;--glass-blur: none;--modal-bg: var(--md-sys-color-surface-container-high, #2A292D);--modal-border: var(--md-sys-color-outline-variant, #44464F);--modal-radius: 28px;--modal-floating-margin: 16px;--modal-backdrop: rgba(0, 0, 0, .6);--input-bg: var(--md-sys-color-surface-container-highest, #353438);--input-border: var(--md-sys-color-outline, #8F9099);--input-focus-border: var(--md-sys-color-primary);--input-focus-glow: none;--input-placeholder: var(--text-dim);--input-disabled-bg: var(--md-sys-color-surface-container, #201F23);--input-disabled-text: var(--text-dim2);--tab-bar-bg: var(--md-sys-color-surface-container, #201F23);--tab-active-bg: var(--md-sys-color-secondary-container);--tab-active-text: var(--md-sys-color-on-secondary-container);--tab-inactive-text: var(--md-sys-color-on-surface-variant);--tab-hover-bg: var(--md-sys-color-surface-container-high, #2A292D);--table-header-bg: var(--md-sys-color-surface-container-high, #2A292D);--table-row-stripe-bg: var(--md-sys-color-surface-container-low, rgba(255,255,255,.03));--table-row-hover-bg: var(--md-sys-color-surface-container-highest, #353438);--table-border: var(--md-sys-color-outline-variant, #44464F);--chart-button-bg: var(--md-sys-color-surface-container, #201F23);--chart-wrapper-bg: var(--md-sys-color-surface-container-low, #1C1B20);--chart-grid-color: var(--md-sys-color-outline-variant, #44464F);--chart-tooltip-bg: var(--md-sys-color-surface-container-high, #2A292D);--bg-gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);--bg-gradient-success: linear-gradient(135deg, var(--success) 0%, #35e0c0 100%);--bg-gradient-danger: linear-gradient(135deg, var(--danger) 0%, #ff3355 100%)}body.light-mode{--bg-main: var(--md-sys-color-background);--bg-secondary: var(--md-sys-color-surface);--bg-tertiary: var(--md-sys-color-surface-variant);--text-main: var(--md-sys-color-on-background);--text-dim: var(--md-sys-color-on-surface-variant);--text-dim2: var(--md-sys-color-outline);--text-inverse: var(--md-sys-color-on-primary);--primary: var(--md-sys-color-primary);--primary-hover: var(--md-sys-color-primary-container);--primary-active: var(--md-sys-color-primary);--accent: var(--md-sys-color-secondary);--accent-hover: var(--md-sys-color-secondary-container);--accent-active: var(--md-sys-color-secondary);--success: #008060;--success-hover: #00a080;--success-active: #006040;--secondary: var(--md-sys-color-tertiary);--secondary-hover: var(--md-sys-color-tertiary-container);--secondary-active: var(--md-sys-color-tertiary);--warning: #ff9800;--warning-hover: #ffb020;--warning-active: #e08000;--warning-text: #8B0000;--danger: var(--md-sys-color-error);--danger-hover: var(--md-sys-color-error-container);--danger-active: var(--md-sys-color-error);--info: #2196f3;--info-hover: #42a5f5;--info-active: #1976d2;--glass-bg: var(--md-sys-color-surface-container, #F2F0F4);--glass-bg-light: var(--md-sys-color-surface-container-high, #ECE9EE);--glass-border: var(--md-sys-color-outline-variant, #C6C5D0);--glass-shadow: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);--glass-shadow-floating: 0 1px 3px rgba(0,0,0,.3), 0 4px 8px 3px rgba(0,0,0,.15);--glass-glow: none;--modal-bg: var(--md-sys-color-surface-container-high, #ECE9EE);--modal-border: var(--md-sys-color-outline-variant, #C6C5D0);--modal-backdrop: rgba(0, 0, 0, .4);--input-bg: var(--md-sys-color-surface-container-highest, #E5E3E7);--input-border: var(--md-sys-color-outline, #767680);--input-focus-border: var(--md-sys-color-primary);--input-focus-glow: none;--tab-bar-bg: var(--md-sys-color-surface-container, #F2F0F4);--tab-active-bg: var(--md-sys-color-secondary-container);--tab-active-text: var(--md-sys-color-on-secondary-container);--table-header-bg: var(--md-sys-color-surface-container-high);--table-row-stripe-bg: var(--md-sys-color-surface-container-low, #F8F6FA);--table-row-hover-bg: var(--md-sys-color-surface-container-highest);--chart-button-bg: var(--md-sys-color-surface-container);--chart-wrapper-bg: var(--md-sys-color-surface-container-low);--chart-grid-color: var(--md-sys-color-outline-variant);--bg-gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%)}@media (prefers-contrast: high){:root{--text-main: #ffffff;--bg-main: #000000;--glass-border: rgba(255, 255, 255, .5)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:var(--md-sys-typescale-body-large-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-main);background:var(--bg-main);background-image:var(--bg-gradient-dark);background-attachment:fixed;overflow-x:hidden;transition:var(--transition-medium)}body.light-mode{background-image:var(--bg-gradient-light)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);color:var(--text-main)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-hover);text-decoration:underline}a:active{color:var(--primary-active)}strong{font-weight:var(--font-weight-bold)}em{font-style:italic}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}code,pre{font-family:Consolas,Monaco,Courier New,monospace;font-size:var(--font-size-sm);background:var(--input-bg);border-radius:var(--radius-sm)}code{padding:2px 6px}pre{padding:var(--spacing-md);overflow-x:auto;margin-bottom:var(--spacing-md)}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--glass-bg);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}*{scrollbar-width:thin;scrollbar-color:var(--primary) var(--glass-bg)}::selection{background:var(--primary);color:var(--text-inverse)}::-moz-selection{background:var(--primary);color:var(--text-inverse)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-dim{color:var(--text-dim)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.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}.justify-around{justify-content:space-around}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition:var(--transition-fast)}.transition-medium{transition:var(--transition-medium)}.transition-slow{transition:var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}:root{--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-decelerated: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-accelerated: cubic-bezier(.3, 0, 1, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short3: .15s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium1: .25s;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-duration-medium3: .35s;--md-sys-motion-duration-medium4: .4s;--md-sys-motion-duration-long1: .45s;--md-sys-motion-duration-long2: .5s;--md-sys-motion-duration-long3: .55s;--md-sys-motion-duration-long4: .6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards}.animate-slide-up{animation:slideUp var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes md3-ripple-expand{0%{transform:scale(0);opacity:var(--md3-ripple-opacity, .12)}60%{opacity:var(--md3-ripple-opacity, .12)}to{transform:scale(1);opacity:0}}.md3-ripple{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;animation:md3-ripple-expand .45s var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)) forwards;z-index:0}.btn-filled>*:not(.md3-ripple),.btn-filled-tonal>*:not(.md3-ripple),.btn-text>*:not(.md3-ripple),.btn-outlined>*:not(.md3-ripple),.btn-elevated>*:not(.md3-ripple),.glass-button>*:not(.md3-ripple),.icon-button>*:not(.md3-ripple){position:relative;z-index:1}.btn-filled .md3-ripple{--md3-ripple-opacity: .16}.icon-button .md3-ripple,.btn-text .md3-ripple{--md3-ripple-opacity: .08}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#00000080;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.paywall-overlay.visible{opacity:1;visibility:visible}.paywall-sheet{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--surface-container, #1c1c1e);border-radius:28px 28px 0 0;padding:24px 20px 32px;transform:translateY(100%);transition:transform .35s cubic-bezier(.2,0,0,1)}.paywall-overlay.visible .paywall-sheet{transform:translateY(0)}.paywall-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-dim, #888);cursor:pointer;padding:4px;border-radius:50%}.paywall-close:hover{background:var(--surface-variant, #333)}.paywall-header{text-align:center;margin-bottom:20px}.paywall-icon{color:var(--accent, #bb86fc);margin-bottom:8px}.paywall-icon .mi-lg{font-size:40px;width:40px;height:40px}.paywall-title{font-size:1.25rem;font-weight:700;color:var(--text-high, #fff);margin:0 0 6px}.paywall-desc{font-size:.875rem;color:var(--text-dim, #aaa);margin:0;line-height:1.4}.paywall-plans{display:flex;gap:12px;margin-bottom:20px}.paywall-plan{flex:1;position:relative;background:var(--surface-variant, #2c2c2e);border:2px solid transparent;border-radius:16px;padding:16px 12px;text-align:center;transition:border-color .2s}.paywall-plan.recommended{border-color:var(--accent, #bb86fc)}.paywall-plan.current{opacity:.6}.paywall-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent, #bb86fc);color:#000;font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:10px;white-space:nowrap}.paywall-plan-name{font-size:1rem;font-weight:700;color:var(--text-high, #fff);margin:4px 0}.paywall-plan-price{font-size:1.25rem;font-weight:800;color:var(--accent, #bb86fc);margin:4px 0}.paywall-plan-billing{display:block;font-size:.7rem;color:var(--text-dim, #888);margin-bottom:8px}.billing-toggle{display:flex;gap:6px;justify-content:center;margin:6px 0 8px}.billing-toggle-label{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-dim, #888);cursor:pointer;padding:4px 8px;border-radius:8px;border:1px solid var(--border-color, #333);transition:border-color .2s,color .2s}.billing-toggle-label:has(:checked){border-color:var(--accent, #bb86fc);color:var(--accent, #bb86fc)}.billing-toggle-input{display:none}.paywall-plan-features{list-style:none;padding:0;margin:8px 0 12px;text-align:left;font-size:.75rem;color:var(--text-medium, #ccc)}.paywall-plan-features li{display:flex;align-items:center;gap:4px;padding:2px 0;line-height:1.3}.paywall-plan-features .mi-inline{color:var(--accent, #bb86fc);flex-shrink:0}.paywall-plan-btn{width:100%;padding:10px;border:none;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;background:var(--accent, #bb86fc);color:#000;transition:opacity .2s}.paywall-plan-btn:hover:not(.disabled){opacity:.85}.paywall-plan-btn.disabled{background:var(--surface-variant, #333);color:var(--text-dim, #888);cursor:default}.paywall-promo{margin-bottom:16px}.paywall-promo summary{cursor:pointer;font-size:.8rem;color:var(--text-dim, #888);text-align:center;-webkit-user-select:none;user-select:none}.paywall-promo-form{display:flex;gap:8px;margin-top:10px}.paywall-promo-input{flex:1;padding:8px 12px;border:1px solid var(--outline, #444);border-radius:8px;background:var(--surface, #1c1c1e);color:var(--text-high, #fff);font-size:.85rem}.paywall-promo-btn{padding:8px 16px;border:none;border-radius:8px;background:var(--accent, #bb86fc);color:#000;font-weight:600;font-size:.85rem;cursor:pointer}.paywall-promo-result{font-size:.8rem;text-align:center;margin-top:8px}.paywall-promo-result.success{color:var(--success, #4caf50)}.paywall-promo-result.error{color:var(--error, #f44336)}.paywall-later{display:block;width:100%;padding:12px;border:none;background:none;color:var(--text-dim, #888);font-size:.85rem;cursor:pointer;text-align:center}.paywall-later:hover{color:var(--text-medium, #bbb)}.premium-badge{display:inline-flex;align-items:center;gap:2px;background:linear-gradient(135deg,var(--accent, #bb86fc),#e040fb);color:#000;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.premium-badge.plus{background:linear-gradient(135deg,#ffd54f,#ffab40)}.premium-badge.ai-plus{background:linear-gradient(135deg,#bb86fc,#e040fb)}.sub-current-card{background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:14px;padding:14px 16px;margin-bottom:12px}.sub-current-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sub-current-plan-info{display:flex;align-items:center;gap:8px}.sub-current-label{font-size:.85rem;color:var(--text-dim, #888)}.subscription-expiry{font-size:.78rem;color:var(--text-dim, #888);margin:0}.sub-features-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sub-feature-chip{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;padding:3px 8px;border-radius:8px;white-space:nowrap}.sub-feature-chip.enabled{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.sub-feature-chip.disabled{background:color-mix(in srgb,var(--on-surface) 6%,transparent);color:var(--text-dim2, #666)}.sub-feature-chip svg{width:12px;height:12px;flex-shrink:0}.sub-actions{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.sub-action-btn{width:100%}.sub-promo-details{margin-top:4px}.sub-promo-summary{cursor:pointer;font-size:.8rem;color:var(--text-dim, #888);text-align:center;-webkit-user-select:none;user-select:none;list-style:none;padding:6px 0}.sub-promo-summary::-webkit-details-marker{display:none}.sub-promo-summary::marker{content:""}.sub-promo-details[open] .sub-promo-summary{margin-bottom:8px}.promo-code-row{display:flex;gap:8px;align-items:center}.promo-code-row .glass-input{min-width:0}.promo-result{font-size:.8rem;margin-top:6px;padding:4px 0}.promo-result.success{color:var(--success, #4caf50)}.promo-result.error{color:var(--error, #ef4444)}.glass-button.accent{background:var(--accent, #b02f5b);color:#fff;border:none}.app-wrapper{display:flex;flex-direction:column;min-height:100dvh;position:relative}.container{flex:1;width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md) var(--spacing-md) 100px;position:relative}.app-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) 0;position:sticky;top:0;z-index:var(--z-index-sticky);background:linear-gradient(to bottom,var(--bg-main) 0%,var(--bg-main) 20%,transparent 100%)}.app-bar-title{display:flex;align-items:center;margin:0}.app-bar-logo{height:48px;width:auto;display:none;object-fit:contain}.app-bar-logo--svg{height:48px;display:none;align-items:center}.app-bar-logo--svg svg{height:100%;width:auto;fill:var(--primary, #D0BCFF);color:var(--primary, #D0BCFF);transition:fill .3s ease,color .3s ease}.app-bar-logo--svg svg path,.app-bar-logo--svg svg rect,.app-bar-logo--svg svg circle,.app-bar-logo--svg svg polygon,.app-bar-logo--svg svg ellipse,.app-bar-logo--svg svg text{fill:var(--primary, #D0BCFF)!important;stroke:none!important}.app-bar-logo--dark{display:block}.app-bar-logo--light,.light-mode .app-bar-logo--dark,[data-theme=light] .app-bar-logo--dark{display:none}.light-mode .app-bar-logo--light,[data-theme=light] .app-bar-logo--light{display:block}.app-bar-actions{display:flex;gap:var(--spacing-xs)}.tab-bar{position:fixed;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-3);z-index:var(--z-index-fixed);padding-bottom:env(safe-area-inset-bottom,0px);width:auto;max-width:calc(100vw - 32px)}.tab-group{display:flex;align-items:center;gap:0;background:var(--md-sys-color-surface-container-high, var(--tab-bar-bg));border-radius:var(--md-sys-shape-corner-full);padding:var(--spacing-xs);box-shadow:var(--md-sys-elevation-3)}.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xxs);border:none;background:transparent;color:var(--tab-inactive-text);cursor:pointer;font-size:10px;font-family:inherit;font-weight:var(--md-sys-typescale-label-medium-weight);padding:var(--spacing-sm) 14px;position:relative;transition:all var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);-webkit-tap-highlight-color:transparent;min-width:48px;border-radius:var(--md-sys-shape-corner-full);z-index:1}.tab-button svg{width:22px;height:22px;position:relative;z-index:1;transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.tab-button span{position:relative;z-index:1;line-height:1;font-size:9px;max-height:0;overflow:hidden;opacity:0;white-space:nowrap;transition:all var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized)}.active-tab-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--md-sys-shape-corner-full);background:var(--tab-active-bg);transform:scaleX(0);transition:transform var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);z-index:0}.tab-button.active .active-tab-indicator{transform:scaleX(1)}.tab-button.active{color:var(--tab-active-text)}.tab-button.active span{max-height:18px;opacity:1}.tab-button.active svg{transform:scale(1.05)}.tab-button:hover:not(.active){background:color-mix(in srgb,var(--text-main) 6%,transparent)}.tab-contents{position:relative}.tab-content{display:none;animation:fadeIn var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.tab-content.active{display:block}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-5);margin-bottom:var(--spacing-md);box-shadow:var(--glass-shadow);transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.glass-card:hover{box-shadow:var(--glass-shadow-floating)}.card-filled,.card-outlined,.card-elevated{border-radius:var(--md-sys-shape-corner-medium);padding:var(--spacing-md);transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);position:relative;overflow:hidden}.card-filled{background:var(--md-sys-color-surface-container-highest, var(--glass-bg));border:none}.card-outlined{background:var(--md-sys-color-surface, var(--bg-primary));border:1px solid var(--md-sys-color-outline-variant, var(--glass-border))}.card-elevated{background:var(--md-sys-color-surface-container-low, var(--surface-card));border:none;box-shadow:var(--md-sys-elevation-1)}.card-elevated:hover{box-shadow:var(--md-sys-elevation-2)}.card-filled[role=button]:hover,.card-outlined[role=button]:hover{box-shadow:var(--md-sys-elevation-1)}.card-filled[role=button],.card-outlined[role=button],.card-elevated[role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent}.card-filled[role=button]:after,.card-outlined[role=button]:after,.card-elevated[role=button]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);border-radius:inherit;pointer-events:none}.card-filled[role=button]:active:after,.card-outlined[role=button]:active:after,.card-elevated[role=button]:active:after{opacity:.08}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2-5) var(--spacing-lg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);-webkit-tap-highlight-color:transparent;white-space:nowrap;line-height:1.4;min-height:40px}.glass-button:hover{background:var(--glass-bg-light);box-shadow:var(--md-sys-elevation-1)}.glass-button:active{transform:scale(.97)}.glass-button:disabled{opacity:.38;cursor:not-allowed}.glass-button.primary{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.glass-button.primary:hover{background:var(--primary);opacity:.92;box-shadow:var(--md-sys-elevation-1)}.glass-button.danger{background:var(--danger);color:var(--md-sys-color-on-error, #fff);border-color:var(--danger)}.glass-button.danger:hover{opacity:.92;box-shadow:var(--md-sys-elevation-1)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);cursor:pointer;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);-webkit-tap-highlight-color:transparent;padding:0}.icon-button svg{width:24px;height:24px;fill:currentColor}.icon-button:hover{background:color-mix(in srgb,var(--text-main) 8%,transparent)}.icon-button:active{background:color-mix(in srgb,var(--text-main) 12%,transparent)}.icon-button{position:relative}.notif-badge{position:absolute;top:8px;right:8px;min-width:16px;height:16px;border-radius:9999px;background:var(--md-sys-color-error, #FF5449);color:#fff;font-size:9px;font-weight:700;line-height:16px;text-align:center;padding:0 4px;pointer-events:none}.notification-panel{position:fixed;top:0;right:0;width:min(360px,100vw);height:100dvh;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-left:1px solid var(--glass-border);z-index:var(--z-index-notif-panel);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #0000004d}.notification-panel.open{transform:translate(0)}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.notification-panel-title{font-size:var(--md-sys-typescale-title-medium-size, 16px);font-weight:600;color:var(--text-main)}.notif-list{flex:1;overflow-y:auto;padding:8px 0}.notif-empty{display:flex;align-items:center;justify-content:center;height:120px;color:var(--text-dim2, #888);font-size:14px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--glass-border);cursor:pointer;transition:background .15s}.notif-item:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.notif-item.unread:before{content:"";position:absolute;left:6px;width:6px;height:6px;border-radius:50%;background:var(--primary);top:50%;transform:translateY(-50%)}.notif-item{position:relative}.notif-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.notif-icon--measurement{background:color-mix(in oklch,var(--primary) 15%,transparent);color:var(--primary)}.notif-icon--diary{background:color-mix(in oklch,var(--primary) 10%,rgba(100,180,255,.1));color:#64b5f6}.notif-icon--quest{background:color-mix(in oklch,var(--primary) 10%,rgba(255,167,38,.1));color:#ffa726}.notif-icon--health{background:color-mix(in oklch,var(--primary) 10%,rgba(239,83,80,.1));color:#ef5350}.notif-icon--goal{background:color-mix(in oklch,var(--primary) 10%,rgba(102,187,106,.1));color:#66bb6a}.notif-content{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:2px}.notif-body{font-size:12px;color:var(--text-dim);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notif-time{font-size:10px;color:var(--text-dim2, #888);white-space:nowrap;flex-shrink:0;margin-top:2px}.notif-category-label{font-size:10px;font-weight:700;color:var(--text-dim2, #888);letter-spacing:.06em;text-transform:uppercase;padding:10px 16px 4px}.notification-panel-footer{padding:10px 16px;border-top:1px solid var(--glass-border);flex-shrink:0}.notif-clear-btn{width:100%;background:none;border:1px solid var(--glass-border);border-radius:8px;padding:8px;font-size:13px;color:var(--text-dim);cursor:pointer;font-family:inherit;transition:all .15s}.notif-clear-btn:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--text-main);border-color:var(--primary)}.announce-widget-zone{flex-shrink:0;border-bottom:1px solid var(--glass-border)}.announce-widget{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:color-mix(in srgb,var(--primary) 8%,transparent);border:none;cursor:pointer;font-family:inherit;color:inherit;text-align:left;transition:background .15s}.announce-widget:hover{background:color-mix(in srgb,var(--primary) 14%,transparent)}.announce-widget:active{background:color-mix(in srgb,var(--primary) 20%,transparent)}.announce-widget-icon{position:relative;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.announce-widget-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--md-sys-color-error, #dc362e);border:1.5px solid var(--glass-bg)}.announce-widget-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.announce-widget-label{font-size:10px;font-weight:700;color:var(--primary);letter-spacing:.04em;text-transform:uppercase}.announce-widget-title{font-size:13px;font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announce-widget-arrow{flex-shrink:0;color:var(--text-dim2, #888)}.notif-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--z-index-modal-backdrop);opacity:0;pointer-events:none;transition:opacity .3s ease}.notif-backdrop.visible{opacity:1;pointer-events:auto}body.notif-panel-open .tab-bar{z-index:0;pointer-events:none;opacity:0;transition:opacity .2s ease,z-index 0s .2s}.btn-filled{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2-5) var(--spacing-lg);border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--primary);color:var(--text-inverse);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);min-height:40px}.btn-filled:hover{box-shadow:var(--md-sys-elevation-1);opacity:.92}.btn-filled-tonal{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2-5) var(--spacing-lg);border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container, var(--accent-hover));color:var(--md-sys-color-on-secondary-container, var(--text-main));font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);min-height:40px}.btn-filled-tonal:hover{box-shadow:var(--md-sys-elevation-1)}.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2-5) var(--spacing-3);border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--primary);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);min-height:40px}.btn-text:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.btn-outlined{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2-5) var(--spacing-lg);border:1px solid var(--md-sys-color-outline, var(--glass-border));border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--primary);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);min-height:40px}.btn-outlined:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.btn-elevated{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2-5) var(--spacing-lg);border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-low, var(--surface-card));color:var(--primary);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);min-height:40px;box-shadow:var(--md-sys-elevation-1)}.btn-elevated:hover{box-shadow:var(--md-sys-elevation-2)}.btn-filled:disabled,.btn-filled-tonal:disabled,.btn-text:disabled,.btn-outlined:disabled,.btn-elevated:disabled{opacity:.38;cursor:default;pointer-events:none;box-shadow:none}.btn-filled,.btn-filled-tonal,.btn-text,.btn-outlined,.btn-elevated{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.btn-filled:after,.btn-filled-tonal:after,.btn-text:after,.btn-outlined:after,.btn-elevated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);border-radius:inherit;pointer-events:none}.btn-filled:active:after,.btn-filled-tonal:active:after,.btn-text:active:after,.btn-outlined:active:after,.btn-elevated:active:after{opacity:.12}.add-btn{width:100%;margin-top:var(--spacing-sm);justify-content:center;border-style:dashed}.chip-assist,.chip-filter,.chip-input,.chip-suggestion{display:inline-flex;align-items:center;gap:var(--spacing-sm);height:32px;padding:0 var(--spacing-md);border-radius:var(--md-sys-shape-corner-small);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);-webkit-tap-highlight-color:transparent;white-space:nowrap;line-height:1}.chip-assist .material-symbols-outlined,.chip-assist .svg-icon,.chip-filter .material-symbols-outlined,.chip-filter .svg-icon,.chip-input .material-symbols-outlined,.chip-input .svg-icon,.chip-suggestion .material-symbols-outlined,.chip-suggestion .svg-icon{font-size:18px}.chip-assist{background:transparent;border:1px solid var(--md-sys-color-outline, var(--glass-border));color:var(--md-sys-color-on-surface, var(--text-main))}.chip-assist:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface, var(--text-main)) 8%,transparent)}.chip-filter{background:transparent;border:1px solid var(--md-sys-color-outline, var(--glass-border));color:var(--md-sys-color-on-surface-variant, var(--text-secondary))}.chip-filter:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface, var(--text-main)) 8%,transparent)}.chip-filter.selected,.chip-filter[aria-selected=true]{background:var(--md-sys-color-secondary-container, var(--accent-hover));color:var(--md-sys-color-on-secondary-container, var(--text-main));border-color:transparent}.chip-filter.selected:before,.chip-filter[aria-selected=true]:before{content:"check";font-family:Material Symbols Outlined;font-size:18px;margin-right:var(--spacing-xs)}.chip-input{background:transparent;border:1px solid var(--md-sys-color-outline, var(--glass-border));color:var(--md-sys-color-on-surface-variant, var(--text-secondary));padding-right:var(--spacing-xs)}.chip-input:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface-variant, var(--text-secondary)) 8%,transparent)}.chip-input .chip-remove{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant, var(--text-secondary));border-radius:var(--md-sys-shape-corner-full);cursor:pointer;padding:0}.chip-input .chip-remove:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.chip-suggestion{background:transparent;border:1px solid var(--md-sys-color-outline, var(--glass-border));color:var(--md-sys-color-on-surface-variant, var(--text-secondary))}.chip-suggestion:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface, var(--text-main)) 8%,transparent);box-shadow:var(--md-sys-elevation-1)}.chip-assist:disabled,.chip-filter:disabled,.chip-input:disabled,.chip-suggestion:disabled{opacity:.38;cursor:default;pointer-events:none}.ai-enhanced-badge{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--primary);border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-family:inherit;font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.ai-enhanced-badge:hover{background:color-mix(in srgb,var(--primary) 20%,transparent);box-shadow:var(--md-sys-elevation-1)}.button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-3)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--md-sys-typescale-body-small-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--text-dim);margin-bottom:var(--spacing-1-5);letter-spacing:.4px}.form-group-full-width{grid-column:1 / -1}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=url],input[type=tel],select,textarea{width:100%;padding:var(--spacing-3) var(--spacing-md);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--md-sys-shape-corner-small);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 1px var(--input-focus-border)}input::placeholder,textarea::placeholder{color:var(--input-placeholder);opacity:.6}input:disabled,select:disabled,textarea:disabled{background:var(--input-disabled-bg);color:var(--input-disabled-text);cursor:not-allowed;opacity:.6}textarea{resize:vertical;min-height:80px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}@media (max-width: 400px){.input-grid{grid-template-columns:1fr}}.input-with-unit{display:flex;gap:var(--spacing-sm)}.input-with-unit input{flex:1;min-width:0}.unit-select{width:auto;min-width:80px;flex-shrink:0}.glass-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--md-sys-shape-corner-medium);color:var(--text-main);font-family:inherit}.text-field-filled{position:relative;display:flex;flex-direction:column}.text-field-filled input,.text-field-filled textarea{width:100%;padding:var(--spacing-5) var(--spacing-md) var(--spacing-sm);background:var(--md-sys-color-surface-container-highest, var(--input-bg));border:none;border-bottom:1px solid var(--md-sys-color-on-surface-variant, var(--input-border));border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;color:var(--md-sys-color-on-surface, var(--text-main));font-family:inherit;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);outline:none;transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.text-field-filled input:focus,.text-field-filled textarea:focus{border-bottom:2px solid var(--primary);padding-bottom:calc(var(--spacing-sm) - 1px)}.text-field-filled label{position:absolute;top:var(--spacing-md);left:var(--spacing-md);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface-variant, var(--text-dim));pointer-events:none;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);transform-origin:left top}.text-field-filled input:focus~label,.text-field-filled input:not(:placeholder-shown)~label,.text-field-filled textarea:focus~label,.text-field-filled textarea:not(:placeholder-shown)~label{top:var(--spacing-sm);font-size:var(--md-sys-typescale-body-small-size);color:var(--primary)}.text-field-filled .supporting-text{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant, var(--text-dim));padding:var(--spacing-xs) var(--spacing-md) 0}.text-field-filled.error input,.text-field-filled.error textarea{border-bottom-color:var(--md-sys-color-error, var(--danger))}.text-field-filled.error .supporting-text{color:var(--md-sys-color-error, var(--danger))}.text-field-outlined{position:relative;display:flex;flex-direction:column}.text-field-outlined input,.text-field-outlined textarea{width:100%;padding:var(--spacing-md);background:transparent;border:1px solid var(--md-sys-color-outline, var(--input-border));border-radius:var(--md-sys-shape-corner-extra-small);color:var(--md-sys-color-on-surface, var(--text-main));font-family:inherit;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);outline:none;transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.text-field-outlined input:focus,.text-field-outlined textarea:focus{border:2px solid var(--primary);padding:calc(var(--spacing-md) - 1px)}.text-field-outlined label{position:absolute;top:var(--spacing-md);left:var(--spacing-3);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface-variant, var(--text-dim));background:var(--md-sys-color-surface, var(--bg-primary));padding:0 var(--spacing-xs);pointer-events:none;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);transform-origin:left top}.text-field-outlined input:focus~label,.text-field-outlined input:not(:placeholder-shown)~label,.text-field-outlined textarea:focus~label,.text-field-outlined textarea:not(:placeholder-shown)~label{top:calc(-1 * var(--spacing-sm));font-size:var(--md-sys-typescale-body-small-size);color:var(--primary)}.text-field-outlined .supporting-text{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant, var(--text-dim));padding:var(--spacing-xs) var(--spacing-md) 0}.text-field-outlined.error input,.text-field-outlined.error textarea{border-color:var(--md-sys-color-error, var(--danger))}.text-field-outlined.error .supporting-text{color:var(--md-sys-color-error, var(--danger))}.description{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);margin-bottom:var(--spacing-3);line-height:1.5}.warning{font-size:var(--md-sys-typescale-body-small-size);color:var(--warning-text, var(--warning));margin-top:var(--spacing-3);line-height:1.5}.hint-text{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);line-height:1.4}.accordion-group{border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);margin-bottom:var(--spacing-3);overflow:hidden;background:var(--glass-bg)}.accordion-title{display:flex;align-items:center;padding:14px var(--spacing-md);font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--primary);cursor:pointer;list-style:none;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);-webkit-user-select:none;user-select:none}.accordion-title::-webkit-details-marker{display:none}.accordion-title:before{content:"";display:inline-block;width:0;height:0;border-left:6px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-right:var(--spacing-3);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);flex-shrink:0}details[open]>.accordion-title:before{transform:rotate(90deg)}.accordion-title:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.accordion-content{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-md)}.sv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin-top:var(--spacing-3)}.sv-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-md);box-shadow:var(--glass-shadow);transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);overflow:hidden;min-height:100px}.sv-card h3{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-medium-weight);margin:0 0 var(--spacing-sm);color:var(--primary)}.sv-card--clickable{cursor:pointer}.sv-card--clickable:hover{box-shadow:var(--glass-shadow-floating);transform:translateY(-2px)}.sv-card--locked{position:relative}.sv-card--locked>*:not(.sv-card-lock-overlay){opacity:.35;pointer-events:none}.sv-card-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:13px;z-index:2;pointer-events:none}.sv-card-lock-overlay svg{opacity:.5}.sv-card-widget{grid-column:1 / -1}.sv-card-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-md);box-shadow:var(--glass-shadow)}.sv-card-group>.sv-card{background:var(--md-sys-color-surface-container-low, rgba(255,255,255,.03));border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);padding:var(--spacing-md);min-height:80px;box-shadow:none}.sv-card-group>.sv-card:hover{box-shadow:none;transform:none}@media (max-width: 420px){.sv-card-group{grid-template-columns:1fr}}.sv-highlight-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sv-highlight-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--md-sys-typescale-body-small-size)}.sv-highlight-label{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:var(--spacing-xs)}.sv-highlight-pct{font-weight:700;font-size:.75rem;white-space:nowrap}.sv-highlight-pct.positive-change{color:color-mix(in oklch,var(--primary) 30%,#4CAF50 70%)}.sv-highlight-pct.negative-change{color:color-mix(in oklch,var(--primary) 30%,#FF5449 70%)}.sv-card-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sv-card-label{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--primary);margin:0 0 var(--spacing-xs)}.sv-card-desc{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);margin:0}@media (max-width: 400px){.sv-grid{grid-template-columns:1fr}}.svcard-persona-carousel{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.svcard-persona-carousel::-webkit-scrollbar{display:none}.svcard-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--glass-bg-light);color:var(--text-dim);font-size:var(--md-sys-typescale-body-large-size);cursor:pointer;display:none;align-items:center;justify-content:center;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);z-index:2;opacity:.8}.sv-card:hover .svcard-arrow:not(.hidden){display:flex}.svcard-arrow:hover{background:var(--glass-bg-light);opacity:1}.svcard-arrow-prev{left:var(--spacing-xxs)}.svcard-arrow-next{right:var(--spacing-xxs)}.svcard-persona-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.svcard-persona-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.svcard-persona-avatar--default{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg-light, rgba(255,255,255,.08));color:var(--text-dim)}.svcard-persona-name{font-size:var(--md-sys-typescale-title-small-size);font-weight:600;color:var(--text-main)}.svcard-persona-mode{display:flex;align-items:center;gap:4px;font-size:var(--md-sys-typescale-label-medium-size);color:var(--primary)}.svcard-persona-goal{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);text-align:center;line-height:1.4;max-height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.svcard-persona-target-title{display:flex;align-items:center;gap:4px;font-size:var(--md-sys-typescale-label-large-size);font-weight:600;color:var(--primary);margin:0 0 var(--spacing-xs);width:100%}.svcard-target-scroll{width:100%;max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs);padding-right:4px}.svcard-target-scroll::-webkit-scrollbar{width:3px}.svcard-target-scroll::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.svcard-target-row{display:flex;flex-direction:column;gap:2px}.svcard-target-row-header{display:flex;justify-content:space-between;align-items:baseline}.svcard-target-label{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim);font-weight:500}.svcard-target-values{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2)}.svcard-target-bar{width:100%;height:6px;border-radius:3px;background:var(--md-sys-color-surface-container-highest, rgba(255,255,255,.06));overflow:hidden}.svcard-target-fill{height:100%;border-radius:3px;background:var(--primary);transition:width .4s ease}.svcard-target-pct{font-size:.6rem;color:var(--primary);font-weight:600;text-align:right}.m3-circular-progress{position:relative;width:100px;height:100px;margin:0 auto}.m3-circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.m3-progress-track{fill:none;stroke:var(--md-sys-color-surface-container-highest, rgba(255, 255, 255, .08));stroke-width:6}.m3-progress-indicator{fill:none;stroke:var(--primary, #D0BCFF);stroke-width:6;stroke-linecap:round;stroke-dasharray:238.76;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.m3-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--primary, #D0BCFF);pointer-events:none}#sv-card-targets .sv-card-content{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-md)}#sv-card-targets .sv-card-content p{margin:0;font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-secondary, #CAC4D0);text-align:center}.m3-progress-desc{margin:8px 0 0;font-size:var(--md-sys-typescale-label-medium-size, 12px);font-weight:500;color:var(--text-dim, #a0a0a0);letter-spacing:.3px}.svcard-dots{display:flex;justify-content:center;gap:6px;padding-top:var(--spacing-xs)}.svcard-dot{width:6px;height:6px;border-radius:50%;background:var(--glass-border);transition:background .2s,width .2s}.svcard-dot.active{width:16px;border-radius:3px;background:var(--primary)}.svcard-diary-calendar{padding:0}.svcard-cal-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 6px}.svcard-cal-header .sv-card-label{margin:0}.svcard-cal-month{font-size:11px;color:var(--text-dim);font-weight:500}.svcard-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.svcard-cal-dow{text-align:center;font-size:9px;font-weight:600;color:var(--text-dim);padding:1px 0}.svcard-cal-cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}.svcard-cal-cell.empty{visibility:hidden}.svcard-cal-cell.today{outline:2px solid var(--primary);outline-offset:-1px}.svcard-cal-num{font-size:9px;color:var(--text-dim);font-weight:500}.svcard-cal-num.today{color:var(--primary);font-weight:700}.svcard-cal-emoji{width:100%;height:100%;object-fit:contain;border-radius:4px}.svcard-cal-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.5}.svcard-diary-calendar .sv-card-desc{text-align:right;padding-top:4px;font-size:11px}.svcard-quest-carousel{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.svcard-quest-carousel::-webkit-scrollbar{display:none}.svcard-quest-slide{flex:0 0 100%;scroll-snap-align:start;padding:var(--spacing-xs) 0;box-sizing:border-box}.carousel-container{position:relative}.carousel-wrapper{position:relative;overflow:hidden}.carousel-content{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;will-change:scroll-position}.carousel-content::-webkit-scrollbar{display:none}.carousel-content>*{min-width:100%;flex-shrink:0;box-sizing:border-box}.carousel-item{min-width:100%;flex-shrink:0;padding:var(--spacing-xs) 0;box-sizing:border-box;scroll-snap-align:start}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--glass-bg-light);color:var(--text-dim);font-size:var(--md-sys-typescale-body-large-size);cursor:pointer;display:none;align-items:center;justify-content:center;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);z-index:1;opacity:.8}.carousel-container:hover .carousel-nav-btn{display:flex}.carousel-nav-btn.prev{left:var(--spacing-xxs)}.carousel-nav-btn.next{right:var(--spacing-xxs)}.carousel-nav-btn:hover{background:var(--glass-bg-light);opacity:1}.carousel-dots{display:flex;justify-content:center;gap:var(--spacing-1-5);margin-top:var(--spacing-2-5)}.carousel-dots .dot,.carousel-dots span{width:8px;height:8px;border-radius:var(--md-sys-shape-corner-full);background:var(--text-dim2);transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);cursor:pointer}.carousel-dots .dot.active,.carousel-dots span.active{background:var(--primary);width:24px}.streak-strip-container{margin-bottom:var(--spacing-3)}.streak-strip{display:flex;align-items:stretch;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--glass-shadow);overflow:hidden;margin-bottom:var(--spacing-md);min-width:0}.streak-grass{min-width:0;background:var(--md-sys-color-surface-container-low, var(--surface));border-radius:8px;padding:var(--spacing-1-5)}.streak-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;max-width:160px;min-width:80px;width:100%}.streak-cell{--cell-color: var(--primary);--cell-bg: var(--md-sys-color-surface-container-highest, #353438);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-extra-small);position:relative;overflow:hidden}.streak-cell.active-0{background:color-mix(in srgb,var(--cell-color) 5%,var(--cell-bg))}.streak-cell.active-1{background:color-mix(in srgb,var(--cell-color) 25%,var(--cell-bg))}.streak-cell.active-2{background:color-mix(in srgb,var(--cell-color) 35%,var(--cell-bg))}.streak-cell.active-3{background:color-mix(in srgb,var(--cell-color) 45%,var(--cell-bg))}.streak-med-fill{position:absolute;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--primary) 85%,white);border-radius:0 0 3px 3px;z-index:1;pointer-events:none;opacity:.6}.streak-cell svg{position:relative;z-index:2;width:100%;height:100%;display:block}.streak-ring{stroke:#fff9;fill:none}.streak-dot{fill:#fff9}[data-theme=light] .streak-ring,:root:not([data-theme=dark]) .streak-ring{stroke:#fffc}[data-theme=light] .streak-dot,:root:not([data-theme=dark]) .streak-dot{fill:#fffc}.streak-cell--today{outline:2px solid var(--primary);outline-offset:1px;border-radius:5px}.streak-legend{display:flex;flex-direction:column;gap:5px;align-items:flex-start;flex-shrink:0}.streak-legend-item{display:inline-flex;align-items:center;gap:5px;margin-left:var(--spacing-1-5);font-size:10px;color:var(--md-sys-color-on-surface-variant, #999);white-space:nowrap;line-height:1.2}.streak-legend-dot{width:6px;height:6px;border-radius:50%;background:var(--md-sys-color-on-surface-variant, #999);flex-shrink:0}.streak-legend-ring{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--md-sys-color-on-surface-variant, #999);background:transparent;flex-shrink:0;box-sizing:border-box}.streak-legend-fill{display:inline-block;width:10px;height:10px;border-radius:2px;position:relative;background:color-mix(in srgb,var(--primary) 10%,var(--md-sys-color-surface-container-highest, #353438));overflow:hidden;flex-shrink:0}.streak-legend-fill:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:color-mix(in srgb,var(--primary) 50%,transparent);border-radius:0 0 1px 1px}.streak-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);flex:1;min-width:0;text-align:center}.streak-flame{width:28px;height:28px;color:var(--primary);flex-shrink:0}.streak-summary--broken .streak-flame{color:var(--outline);opacity:.5}.streak-count{font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--font-weight-bold);color:var(--on-surface);line-height:1.3}.streak-broken-msg{font-size:var(--md-sys-typescale-label-small-size);color:var(--on-surface-variant);line-height:1.3}.streak-fire-badge{display:none}.streak-section{display:flex;align-items:center}.streak-section--grid{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);flex:0 1 auto;min-width:0}.streak-divider{width:1px;align-self:stretch;background:var(--glass-border, rgba(255,255,255,.08));flex-shrink:0}.streak-section--account{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:none;border:none;cursor:pointer;color:var(--on-surface);font-family:inherit;flex:1 1 0;min-width:56px;transition:background var(--md-sys-motion-duration-short2) ease}.streak-section--account:active{background:color-mix(in srgb,var(--on-surface) 6%,transparent)}.sv-account-avatar{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--primary) 18%,transparent);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin:10px 2px 10px 12px}.sv-account-avatar svg{width:22px;height:22px;color:var(--primary)}.sv-account-avatar img{width:100%;height:100%;object-fit:cover}.sv-account-name{font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--font-weight-medium);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-account-name--placeholder{font-size:var(--md-sys-typescale-label-small-size);color:var(--on-surface-variant);opacity:.7;max-width:120px;white-space:normal;line-height:1.3}.sv-account-mode{font-size:var(--md-sys-typescale-label-small-size);color:var(--on-surface-variant);white-space:nowrap}.sv-account-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;flex:1 1 auto}.streak-section--goal{display:none;flex-direction:column;gap:4px;padding:var(--spacing-2) var(--spacing-3);min-width:0;flex:1 1 auto;justify-content:center}.streak-divider--goal{display:none}.streak-goal-label{font-size:var(--md-sys-typescale-label-small-size);color:var(--on-surface-variant);white-space:nowrap}.streak-goal-text{font-size:var(--md-sys-typescale-body-small-size);color:var(--on-surface);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;word-break:break-word}@media (min-width: 600px){.streak-section--goal{display:flex}.streak-divider--goal{display:block}}@media (max-width: 360px){.streak-strip{flex-direction:column}.streak-divider{width:auto;height:1px;align-self:stretch}.streak-section--grid{justify-content:center}.streak-section--account{flex:0 0 auto;padding:var(--spacing-2) var(--spacing-3)}}.announce-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);z-index:var(--z-index-modal);display:none;opacity:0;padding:var(--spacing-md) var(--spacing-md) 0;transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.announce-popup-overlay.visible{display:flex;align-items:flex-end;justify-content:center;opacity:1}.announce-popup{width:100%;max-height:70vh;background:var(--modal-bg);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;overflow-y:auto;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized);max-width:480px}.announce-popup-overlay.visible .announce-popup{transform:translateY(0)}.announce-popup-header{position:sticky;top:0;background:var(--modal-bg);z-index:1;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border)}.announce-popup-header h3{margin:0;font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--font-weight-bold)}.announce-popup-close{background:none;border:none;font-size:24px;color:var(--on-surface-variant);cursor:pointer;padding:4px;line-height:1}.announce-popup-body{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xl)}.announce-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.announce-item{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--surface-container);border-left:3px solid var(--outline);cursor:pointer;transition:background var(--md-sys-motion-duration-short2) ease}.announce-item:active{background:var(--surface-container-high)}.announce-item--event{border-left-color:var(--md-sys-color-tertiary, #efb8c8)}.announce-item--notice{border-left-color:var(--primary)}.announce-item--changelog{border-left-color:var(--outline-variant)}.announce-item-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.announce-type-badge{font-size:10px;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--md-sys-shape-corner-small);text-transform:uppercase;letter-spacing:.5px}.announce-type-badge--event{background:color-mix(in srgb,var(--md-sys-color-tertiary, #efb8c8) 20%,transparent);color:var(--md-sys-color-tertiary, #efb8c8)}.announce-type-badge--notice{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.announce-type-badge--changelog{background:color-mix(in srgb,var(--outline-variant) 20%,transparent);color:var(--on-surface-variant)}.announce-item-date{font-size:var(--md-sys-typescale-label-small-size);color:var(--on-surface-variant);margin-left:auto}.announce-item-title{font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--font-weight-medium);color:var(--on-surface)}.announce-item-new{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--md-sys-color-error, #dc362e);margin-left:4px;vertical-align:middle}.announce-detail{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xl)}.announce-detail-back{background:none;border:none;color:var(--primary);font-size:var(--md-sys-typescale-label-large-size);cursor:pointer;padding:0;margin-bottom:var(--spacing-3);font-family:inherit}.announce-detail-title{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.announce-detail-meta{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.announce-detail-content{font-size:var(--md-sys-typescale-body-medium-size);line-height:1.65;color:var(--on-surface)}.announce-detail-content p{margin:0 0 var(--spacing-3)}.announce-detail-content img{width:100%;border-radius:var(--md-sys-shape-corner-medium);margin:var(--spacing-3) 0}.announce-empty{text-align:center;padding:var(--spacing-xl) 0;color:var(--on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.lottie-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lottie-emoji svg{width:100%!important;height:100%!important}.svcard-cal-lottie{width:22px;height:22px}.svcard-cal-lottie svg{width:100%!important;height:100%!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-md) var(--spacing-md) 0;animation:fadeIn var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized-decelerate)}.modal-overlay>.modal-content{width:100%;max-height:calc(100vh - var(--spacing-md));overflow-y:auto}.modal-bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);z-index:var(--z-index-modal);display:none;opacity:0;padding:var(--spacing-md) var(--spacing-md) 0;transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.modal-bottom-sheet-overlay.active,.modal-bottom-sheet-overlay.visible{display:flex;align-items:flex-end;justify-content:center;opacity:1}.modal-bottom-sheet{width:100%;max-height:calc(100vh - 15px);min-height:calc(100vh - 15px);background:var(--modal-bg);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;overflow-y:auto;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.modal-bottom-sheet-overlay.active .modal-bottom-sheet,.modal-bottom-sheet-overlay.visible .modal-bottom-sheet{transform:translateY(0)}.modal-header{position:sticky;top:0;background:var(--modal-bg);z-index:1;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border)}.modal-handle{position:absolute;top:var(--spacing-sm);left:50%;transform:translate(-50%);width:var(--spacing-xl);height:4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-outline-variant, var(--glass-border))}.modal-title{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);margin:var(--spacing-lg) 0 var(--spacing-3);color:var(--text-main)}.modal-close-btn{width:40px;height:40px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);font-size:var(--md-sys-typescale-headline-small-size);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);flex-shrink:0}.modal-close-btn:hover{background:color-mix(in srgb,var(--text-main) 8%,transparent)}.modal-share-btn{width:36px;height:36px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.modal-share-btn:hover{background:color-mix(in srgb,var(--text-main) 8%,transparent)}.tab-header-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-block:var(--spacing-3) var(--spacing-sm)}.tab-header-row h2{flex:1;margin:0}.tab-header-row .modal-share-btn svg{margin:var(--spacing-xxs) 0}.share-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .2s ease}.share-preview-sheet{position:relative;background:var(--md-sys-color-surface-container, var(--surface, #1e1e2e));border-radius:var(--md-sys-shape-corner-extra-large, 28px);max-width:420px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #0006}.share-preview-img-wrap{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-md) 0}.share-preview-img-wrap img{width:100%;border-radius:var(--md-sys-shape-corner-large, 16px);display:block}.share-preview-actions{display:flex;gap:var(--spacing-2-5);padding:var(--spacing-md)}.share-preview-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-3) var(--spacing-md);border:none;border-radius:var(--md-sys-shape-corner-full, 100px);font-size:15px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity .15s}.share-preview-btn:hover{opacity:.85}.share-preview-share{background:var(--primary);color:var(--on-primary, #fff)}.share-preview-download{background:var(--md-sys-color-surface-container-high, #2a2a3e);color:var(--text-main)}.share-preview-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border:none;border-radius:var(--md-sys-shape-corner-full);background:#00000059;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-header-actions{display:flex;align-items:center;gap:var(--spacing-xxs);flex-shrink:0;margin-left:auto}.modal-bottom-sheet>.modal-content{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xl)}.modal-tab-switcher{display:flex;gap:0;margin-bottom:var(--spacing-md);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:4px;overflow-x:auto}.modal-tab-btn{flex:1;padding:10px 0;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:inherit;font-size:.9rem;font-weight:600;border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.modal-tab-btn.active{background:var(--primary);color:var(--md-sys-color-on-primary);box-shadow:0 1px 3px #00000026}.modal-tab-btn:hover:not(.active){background:color-mix(in srgb,var(--primary) 8%,transparent)}.modal-tab-content{display:none}.modal-tab-content.active{display:block}.modal-content-wrapper{padding:0}.md3-switch{position:relative;display:inline-flex;align-items:center;width:52px;height:32px;cursor:pointer;margin-right:2px}.md3-switch input{opacity:0;width:0;height:0;position:absolute}.md3-switch-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest, #353438);border:2px solid var(--md-sys-color-outline, #8F9099);transition:all var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized)}.md3-switch-thumb{position:absolute;left:var(--spacing-1-5);top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-outline, #8F9099);transition:all var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);z-index:1}.md3-switch input:checked~.md3-switch-track{background:var(--primary);border-color:var(--primary)}.md3-switch input:checked~.md3-switch-thumb{left:24px;width:24px;height:24px;background:var(--text-inverse)}.md3-progress-bar{width:100%;height:4px;background:var(--md-sys-color-surface-container-highest, #353438);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.md3-progress-bar-indicator{height:100%;background:var(--primary);border-radius:var(--md-sys-shape-corner-full);transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.mood-selector-group{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}.mood-chip-strip{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.mood-chip{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);-webkit-tap-highlight-color:transparent}.mood-chip .material-symbols-outlined,.mood-chip .svg-icon{font-size:var(--md-sys-typescale-headline-small-size)}.mood-chip:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:var(--primary)}.mood-chip.selected,.mood-chip.active{background:var(--md-sys-color-secondary-container, var(--accent-hover));color:var(--md-sys-color-on-secondary-container, var(--text-main));border-color:var(--md-sys-color-secondary-container, var(--accent-hover));transform:scale(1.1)}.photo-upload-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-3);margin-top:var(--spacing-sm)}@media (max-width: 400px){.photo-upload-grid{grid-template-columns:repeat(3,1fr)}}.photo-upload-slot{text-align:center}.photo-upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1-5);cursor:pointer;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim)}.photo-preview-circle{width:56px;height:56px;border-radius:var(--md-sys-shape-corner-full);border:2px dashed var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-dim2);overflow:hidden;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background:var(--input-bg)}.photo-preview-circle:hover{border-color:var(--primary);color:var(--primary)}.photo-preview-circle img{width:100%;height:100%;object-fit:cover}.photo-upload-progress{margin-top:var(--spacing-3)}.symptoms-container,.medications-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.symptom-item,.medication-item{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-md);background:var(--md-sys-color-surface-container, var(--glass-bg));border:1px solid var(--md-sys-color-outline-variant, var(--glass-border));border-radius:var(--md-sys-shape-corner-large)}.severity-container{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.severity-label{font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--text-dim)}.severity-stars{display:flex;gap:var(--spacing-xxs);align-items:center}.severity-star{cursor:pointer;line-height:1;transition:transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);-webkit-user-select:none;user-select:none}.severity-star:hover{transform:scale(1.2)}.severity-star.filled .material-symbols-outlined,.severity-star.filled .svg-icon{color:#f5c518;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.severity-star.empty .material-symbols-outlined,.severity-star.empty .svg-icon{color:var(--text-dim);font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}.severity-star .material-symbols-outlined,.severity-star .svg-icon{pointer-events:none;font-size:22px}.remove-symptom-btn,.remove-medication-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-3) var(--spacing-md);gap:var(--spacing-xs);background:color-mix(in srgb,var(--md-sys-color-error, #BA1A1A) 18%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-error, #BA1A1A) 40%,transparent);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-error, #CF6679);cursor:pointer;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.remove-symptom-btn:hover,.remove-medication-btn:hover{background:color-mix(in srgb,var(--md-sys-color-error, #BA1A1A) 30%,transparent)}.medication-dose-input{width:100%}.symptoms-empty-state,.medications-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);color:var(--text-dim);font-size:var(--md-sys-typescale-body-medium-size);text-align:center}.symptoms-empty-state-icon,.medications-empty-state-icon{opacity:.4}.next-measurement-info{padding:var(--spacing-3) var(--spacing-md);background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:var(--md-sys-shape-corner-medium);margin-bottom:var(--spacing-md);border-left:3px solid var(--primary)}.next-measurement-info p{margin:0;font-size:var(--md-sys-typescale-body-medium-size);color:var(--text-dim)}.settings-group-label{font-size:.8rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:20px 0 8px 4px;display:flex;align-items:center;gap:4px}.settings-section{margin-bottom:var(--spacing-md)}.settings-section h3{font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--primary);margin-bottom:var(--spacing-sm)}.settings-section.info h3{color:var(--info)}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.setting-item h3{margin:0;flex:1}.setting-item select{width:auto;min-width:120px}.accent-color-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2-5);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--glass-border)}.accent-chip{width:36px;height:36px;border-radius:var(--md-sys-shape-corner-full);border:3px solid transparent;cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);box-shadow:var(--md-sys-elevation-1)}.accent-chip:hover{transform:scale(1.15)}.accent-chip.active,.accent-chip.selected{border-color:var(--text-main);transform:scale(1.2);box-shadow:var(--md-sys-elevation-3)}.custom-color-btn{position:relative}.api-key-input-wrapper{display:flex;gap:var(--spacing-xs);align-items:center}.api-key-input-wrapper input{flex:1}.api-key-toggle{flex-shrink:0}.my-section{margin-bottom:var(--spacing-md)}.my-section h3{font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--primary);margin-bottom:var(--spacing-3)}.account-section .account-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.account-avatar{width:56px;height:56px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest, var(--input-bg));display:flex;align-items:center;justify-content:center;color:var(--text-dim);overflow:hidden;flex-shrink:0;position:relative;cursor:pointer}.account-avatar-edit-btn{position:absolute;bottom:-1px;right:-1px;width:22px;height:22px;border-radius:50%;background:var(--md-sys-color-primary, #6750A4);color:var(--md-sys-color-on-primary, #fff);border:2px solid var(--md-sys-color-surface, #fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,transform .15s;z-index:1;margin:0;padding:0}.account-avatar-edit-btn:hover{opacity:.88;transform:scale(1.08)}.account-avatar{overflow:visible}.account-avatar>img,.account-avatar>svg:first-of-type{border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.account-info{display:flex;flex-direction:column;gap:var(--spacing-xxs);min-width:0}.account-name{font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--text-main)}.account-email{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-md)}@media (max-width: 400px){.persona-grid{grid-template-columns:1fr}}.target-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}@media (max-width: 400px){.target-grid{grid-template-columns:1fr}}.tg-guide{margin-top:6px}.tg-bar{position:relative;height:10px;background:var(--glass-bg, rgba(128,128,128,.12));border-radius:5px;overflow:visible}.tg-range{position:absolute;top:0;height:100%;border-radius:5px;pointer-events:none}.tg-range--male{background:#60a5fa59}.tg-range--female{background:#f472b666}.tg-range--hrt{background:transparent;border:1.5px dashed var(--md-sys-color-primary, #a78bfa);box-sizing:border-box;border-radius:5px;top:-2px;height:calc(100% + 4px)}.tg-marker{position:absolute;top:-3px;width:3px;height:16px;background:var(--md-sys-color-on-surface, #fff);border-radius:2px;transform:translate(-50%);box-shadow:0 0 4px #0000004d;z-index:2;transition:left .15s ease}.tg-labels{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-dim2, rgba(255,255,255,.45));margin-top:2px;line-height:1}.tg-feedback{font-size:10px;font-weight:600}.tg-feedback--ok{color:var(--md-sys-color-tertiary, #4ade80)}.tg-feedback--below{color:var(--md-sys-color-secondary, #f472b6)}.tg-feedback--above{color:var(--md-sys-color-error, #f87171)}.tg-legend{display:flex;gap:8px;margin-top:3px;flex-wrap:wrap}.tg-legend-item{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--text-dim2, rgba(255,255,255,.45));line-height:1}.tg-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tg-dot--male{background:#60a5fab3}.tg-dot--female{background:#f472b6b3}.tg-dot--hrt{background:transparent;border:1.5px dashed var(--md-sys-color-primary, #a78bfa)}.tg-pin{position:absolute;top:-4px;width:6px;height:18px;border-radius:3px 3px 1px 1px;transform:translate(-50%);z-index:3;pointer-events:none}.tg-pin--prev{background:var(--md-sys-color-tertiary, #4ade80);opacity:.75}.tg-pin--target{background:var(--md-sys-color-secondary, #f472b6);opacity:.75}.tg-dot--prev-legend{width:7px;height:7px;border-radius:50%;background:var(--md-sys-color-tertiary, #4ade80)}.tg-dot--target-legend{width:7px;height:7px;border-radius:50%;background:var(--md-sys-color-secondary, #f472b6)}.goal-textarea{min-height:80px}.goal-char-counter{text-align:right;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);margin-top:var(--spacing-xs)}.goal-actions{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-md);flex-wrap:wrap}.history-view{margin-top:var(--spacing-3)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.horizontal-scroll{scrollbar-width:thin}#my-history-filter-controls{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-3)}#my-history-cards-container{display:grid;grid-template-columns:1fr;gap:0}.filter-button{font-size:.72rem;padding:var(--spacing-xs) var(--spacing-2-5);border-radius:var(--md-sys-shape-corner-full, 20px);border:1.5px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;line-height:1.4}.filter-button:hover{filter:brightness(1.15)}.filter-button.active{background:var(--md-sys-color-secondary-container, var(--accent-hover));color:var(--md-sys-color-on-secondary-container, var(--text-main));border-color:transparent}.history-card{margin-bottom:var(--spacing-3);padding:var(--spacing-md);overflow:hidden}.history-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2);font-size:.85rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.history-card-header h4{margin:0;font-size:inherit}.history-card-body{margin-bottom:var(--spacing-2);overflow:hidden;border-radius:8px}.history-card .button-group{margin-top:var(--spacing-2)}.inner-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.inner-history-table{width:100%;border-collapse:collapse;font-size:.75rem}.inner-history-table th,.inner-history-table td{padding:6px 8px;text-align:center;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.inner-history-table th{color:var(--text-dim);font-weight:500;border-bottom:1px solid var(--glass-border)}.inner-history-table td{color:var(--text-primary)}.history-card-tags{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid color-mix(in srgb,var(--glass-border) 60%,transparent);display:flex;flex-direction:column;gap:6px}.history-card-tags-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap}.history-tag-label{font-size:11px;font-weight:600;color:var(--md-sys-color-on-surface-variant, var(--text-secondary));white-space:nowrap;padding-top:5px;min-width:fit-content;opacity:.75}.history-tag-chips{display:flex;flex-wrap:wrap;gap:4px}.history-tag-chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:var(--md-sys-shape-corner-small);font-size:11px;font-weight:500;background:transparent;border:1px solid var(--md-sys-color-outline, var(--glass-border));color:var(--md-sys-color-on-surface-variant, var(--text-secondary));white-space:nowrap;cursor:default;pointer-events:none}.history-tags-row .history-tags-cell{padding:4px 10px 8px;text-align:left}.history-tags-row td{background:color-mix(in srgb,var(--glass-bg, transparent) 40%,transparent);border-bottom:1px solid color-mix(in srgb,var(--glass-border) 40%,transparent)}.history-table{width:100%;border-collapse:collapse;font-size:.78rem}.history-table th,.history-table td{padding:8px 10px;text-align:center;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid color-mix(in srgb,var(--glass-border) 50%,transparent)}.history-table th{color:var(--text-dim);font-weight:600;font-size:.72rem;position:sticky;top:0;background:var(--surface-bg);z-index:2}.history-table td{color:var(--text-primary)}.history-table tr:hover td{background:color-mix(in srgb,var(--primary) 6%,transparent)}.history-table .sticky-col{position:sticky;right:0;z-index:3;background:var(--surface-bg);border-left:1px solid var(--glass-border);white-space:nowrap;min-width:110px}.history-table thead .sticky-col{z-index:4}.action-buttons{display:flex;gap:6px;justify-content:center}.action-buttons .glass-button{font-size:.72rem;padding:4px 10px}.wrap-cell{white-space:normal!important;max-width:180px;word-break:break-word}.col-symptoms,.col-medications{min-width:120px}.memo-text{font-size:.78rem;color:var(--text-secondary);padding:var(--spacing-1-5) 0 2px;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4em;max-height:2.8em}.memo-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;max-height:none;display:block}.memo-expand-btn{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--primary, #D0BCFF);background:none;border:none;cursor:pointer;padding:2px 0 6px;font-family:inherit}.diary-calendar-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);margin-bottom:var(--spacing-3);position:relative}.diary-calendar-header #diary-search-btn{position:absolute;right:0}.diary-month-title{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);margin:0;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--md-sys-shape-corner-small);padding:var(--spacing-xs) var(--spacing-2-5);transition:background .15s ease}.diary-month-title:hover{background:color-mix(in srgb,var(--text-main) 8%,transparent)}.diary-month-title:active{background:color-mix(in srgb,var(--text-main) 14%,transparent)}.diary-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.diary-picker-cell{display:flex;align-items:center;justify-content:center;padding:14px var(--spacing-sm);border:none;border-radius:var(--md-sys-shape-corner-medium);background:color-mix(in srgb,var(--glass-bg) 70%,transparent);color:var(--text-main);font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:background .15s ease,transform .12s ease}.diary-picker-cell:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)}.diary-picker-cell:active{transform:scale(.95)}.diary-picker-cell.selected{background:var(--primary);color:var(--md-sys-color-on-primary, #fff);font-weight:var(--font-weight-bold)}.diary-picker-cell.today:not(.selected){border:2px solid var(--primary)}.diary-calendar{padding:var(--spacing-md)}.diary-weekday-row{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--text-dim);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border)}.diary-day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.diary-day-cell{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.diary-cell-inner{width:100%;aspect-ratio:1;min-height:0;border-radius:var(--md-sys-shape-corner-medium);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);background:color-mix(in srgb,var(--primary) var(--score-opacity, 0%),color-mix(in srgb,var(--glass-bg) 70%,transparent));border:1.5px solid transparent;position:relative;transition:transform .15s ease,background .3s ease,box-shadow .2s ease;overflow:hidden}.diary-day-cell.has-entry .diary-cell-inner{border-color:color-mix(in srgb,var(--glass-border) 50%,transparent);box-shadow:0 4px 14px #00000047,0 1px 3px #00000026}.diary-day-cell:active .diary-cell-inner{transform:scale(.94)}.diary-day-cell.empty{pointer-events:none}.diary-day-cell.empty .diary-cell-inner{background:transparent;border-color:transparent}.diary-day-cell.today .diary-cell-inner{border:2px solid var(--primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent),0 4px 14px #00000047!important}.diary-mood-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;opacity:.85}.diary-day-cell.mood-great .diary-mood-dot{background:#c084fc}.diary-day-cell.mood-good .diary-mood-dot{background:#93c5fd}.diary-day-cell.mood-okay .diary-mood-dot{background:#9ca3af}.diary-day-cell.mood-bad .diary-mood-dot{background:#fbbf24}.diary-day-cell.mood-terrible .diary-mood-dot{background:#f87171}.diary-cell-emoji{width:clamp(28px,9vw,80px);height:clamp(28px,9vw,80px);display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:var(--spacing-xxs)}.diary-cell-emoji.lottie-emoji svg{width:100%!important;height:100%!important}img.diary-cell-emoji{object-fit:contain}.diary-cell-empty-emoji{opacity:.1;width:clamp(28px,9vw,80px);height:clamp(28px,9vw,80px);filter:brightness(0)}[data-theme=dark] .diary-cell-empty-emoji,.dark-mode .diary-cell-empty-emoji{filter:brightness(0) invert(1)}.diary-cell-emotion-sm{position:absolute;bottom:2px;left:2px;width:clamp(14px,3.5vw,24px);height:clamp(14px,3.5vw,24px);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.diary-cell-emotion-sm.lottie-emoji svg{width:100%!important;height:100%!important}.noto-emoji{display:inline-block;vertical-align:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.diary-eval-chip .noto-emoji{width:28px;height:28px}.diary-emotion-chip .noto-emoji{width:24px;height:24px}.noto-lottie svg{width:100%!important;height:100%!important}.diary-day-num{font-size:10px;line-height:1;color:var(--text-dim);font-weight:var(--font-weight-medium)}.diary-day-cell.today .diary-day-num{color:var(--primary);font-weight:var(--font-weight-bold)}.diary-score-badge{position:absolute;top:var(--spacing-xs);right:5px;font-size:9px;font-weight:var(--font-weight-bold);color:#ffffff8c;line-height:1;letter-spacing:-.3px}.diary-day-cell.has-text .diary-cell-inner:after{content:"";position:absolute;bottom:3px;left:3px;width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--primary) 60%,transparent)}.diary-inline-actions{display:flex;justify-content:center;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-md)}.diary-plus-badge-wrap{display:flex;justify-content:center;margin-top:var(--spacing-3)}.diary-plus-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase;color:var(--md-sys-color-on-primary, #fff);background:linear-gradient(135deg,var(--md-sys-color-primary),color-mix(in srgb,var(--md-sys-color-primary) 70%,#a855f7));padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--md-sys-shape-corner-full);line-height:1.4}.diary-entry-list{display:flex;flex-direction:column;gap:var(--spacing-2-5);margin-top:var(--spacing-md);padding:0 var(--spacing-1)}.diary-card-entry{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);transition:background .15s ease,border-color .15s ease}.diary-card-entry:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 6%,var(--glass-bg))}.diary-card-entry.diary-card-latest{padding:var(--spacing-3) var(--spacing-3) var(--spacing-3);background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--glass-bg));border-color:color-mix(in srgb,var(--md-sys-color-primary) 40%,var(--glass-border));border-width:1.5px}.diary-card-latest .diary-card-emoji{width:28px;height:28px;font-size:24px}.diary-card-latest .diary-card-header .diary-card-title{font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--font-weight-medium)}.diary-card-latest .diary-card-time{font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--font-weight-semibold);color:var(--text-dim)}.diary-card-header{display:flex;align-items:center;gap:var(--spacing-2-5);width:100%}.diary-card-time{font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--font-weight-medium);color:var(--text-dim2);white-space:nowrap;min-width:42px}.diary-card-emoji{width:24px;height:24px;font-size:20px;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center}.diary-card-emoji.lottie-emoji{font-size:unset}.diary-card-title{flex:1;font-size:13px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.diary-card-no-text{color:var(--text-dim2);font-style:italic}.diary-card-actions{display:flex;gap:var(--spacing-xxs);flex-shrink:0}.diary-card-actions .icon-button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.diary-card-edit{color:var(--text-dim)}.diary-card-del{color:var(--md-sys-color-error, #B3261E)}.diary-card-body{font-size:12.5px;color:var(--text-dim);line-height:1.5;padding-left:var(--spacing-xxs);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.diary-day-cell.selected .diary-cell-inner{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px;border-radius:var(--md-sys-shape-corner-medium)}.diary-action-btn{display:flex;align-items:center;gap:var(--spacing-1-5)}.diary-filter-chips{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-3);padding:0}.diary-filter-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:var(--glass-bg);color:var(--text-dim);cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;line-height:1.4;flex:1;justify-content:center;min-width:0}.diary-filter-chip:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--glass-bg))}.diary-filter-chip.active{background:color-mix(in srgb,var(--md-sys-color-primary) 16%,var(--glass-bg));border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);font-weight:var(--font-weight-semibold)}.diary-filter-chip .filter-chip-emoji{width:20px;height:20px;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.diary-filter-chip .filter-chip-emoji.lottie-emoji{font-size:unset}.diary-filter-more-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:var(--glass-bg);color:var(--text-dim);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.diary-filter-more-btn:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--glass-bg))}.diary-filter-more-btn svg{width:18px;height:18px}.diary-emotion-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);padding:var(--spacing-2) 0}.diary-emotion-filter-chip{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-2-5) var(--spacing-xs) var(--spacing-sm);border-radius:var(--md-sys-shape-corner-medium);border:1.5px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;font-size:20px;transition:all .15s ease;color:var(--text-main)}.diary-emotion-filter-chip .noto-emoji{width:28px;height:28px}.diary-emotion-filter-chip span{font-size:10px;color:var(--text-dim);white-space:nowrap}.diary-emotion-filter-chip.active{background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:var(--primary);color:var(--primary)}.diary-day-cell.filter-hidden .diary-cell-inner{opacity:.2}.diary-stats-period{display:flex;gap:var(--spacing-1-5);padding:0 0 var(--spacing-2)}.diary-stats-period-btn{flex:1;padding:var(--spacing-1-5) 0;font-size:13px;font-weight:var(--font-weight-medium);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:var(--glass-bg);color:var(--text-dim);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.diary-stats-period-btn.active{background:color-mix(in srgb,var(--md-sys-color-primary) 16%,var(--glass-bg));border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);font-weight:var(--font-weight-semibold)}.diary-stats-section{margin-bottom:var(--spacing-md)}.diary-stats-section-title{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-main);margin-bottom:var(--spacing-2)}.diary-stats-chart-wrap{position:relative;width:100%;height:180px}.diary-stats-chart-wrap canvas{width:100%!important;height:100%!important}.diary-stats-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.diary-stats-card{padding:var(--spacing-2) var(--spacing-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);text-align:center}.diary-stats-card-value{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--font-weight-bold);color:var(--md-sys-color-primary);line-height:1.2}.diary-stats-card-label{font-size:11px;color:var(--text-dim);margin-top:var(--spacing-xxs)}.diary-stats-bar-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-1-5)}.diary-stats-bar-emoji{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.diary-stats-bar-emoji.lottie-emoji{font-size:unset}.diary-stats-bar-track{flex:1;height:10px;background:var(--glass-bg);border-radius:5px;overflow:hidden}.diary-stats-bar-fill{height:100%;border-radius:5px;background:var(--md-sys-color-primary);transition:width .3s ease}.diary-stats-bar-count{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-dim);min-width:20px;text-align:right}.diary-stats-empty{text-align:center;padding:var(--spacing-md);color:var(--text-dim2);font-size:13px}.diary-stats-dow-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);text-align:center}.diary-stats-dow-cell{padding:var(--spacing-1-5) 0;border-radius:var(--md-sys-shape-corner-small);font-size:11px;color:var(--text-dim)}.diary-stats-dow-cell .dow-label{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xxs)}.diary-stats-dow-cell .dow-count{font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--font-weight-bold);color:var(--md-sys-color-primary)}.diary-search-input-wrap{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-2);color:var(--text-dim)}.diary-search-field{flex:1;padding:var(--spacing-sm) var(--spacing-3);font-size:var(--md-sys-typescale-body-medium-size);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:var(--glass-bg);color:var(--text-main);outline:none;transition:border-color .15s}.diary-search-field:focus{border-color:var(--md-sys-color-primary)}.diary-search-results{min-height:120px}.diary-search-result-card{padding:var(--spacing-2) var(--spacing-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);margin-bottom:var(--spacing-sm);cursor:pointer;transition:background .15s}.diary-search-result-card:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--glass-bg))}.diary-search-result-date{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--md-sys-color-primary);margin-bottom:var(--spacing-xxs)}.diary-search-result-text{font-size:13px;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.diary-search-result-text mark{background:color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent);color:inherit;border-radius:2px;padding:0 1px}.diary-search-empty{text-align:center;padding:var(--spacing-md);color:var(--text-dim2);font-size:13px}.diary-bottom-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-modal);display:none;pointer-events:none}.diary-bottom-sheet.active,.diary-bottom-sheet.open{display:block;pointer-events:auto}.diary-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);opacity:0;transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.diary-bottom-sheet.active .diary-sheet-backdrop,.diary-bottom-sheet.open .diary-sheet-backdrop{opacity:1}.diary-sheet-surface{position:absolute;bottom:0;left:0;right:0;max-height:92vh;background:var(--modal-bg);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-xl);overflow-y:auto;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.diary-bottom-sheet.active .diary-sheet-surface,.diary-bottom-sheet.open .diary-sheet-surface{transform:translateY(0)}.diary-sheet-handle{width:32px;height:4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-outline-variant, var(--glass-border));margin:0 auto var(--spacing-md)}.diary-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.diary-sheet-date{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);margin:0;color:var(--text-main)}.diary-sheet-section{margin-bottom:var(--spacing-5)}.diary-sheet-label{display:block;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--text-dim);margin-bottom:var(--spacing-sm)}.diary-eval-row{display:flex;gap:6px}.diary-eval-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;border-radius:12px;border:1.5px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;font-size:22px;transition:all .15s ease;color:var(--text-main)}.diary-eval-chip span{font-size:9px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.diary-eval-chip.active,.diary-eval-chip[data-evaluation=great].active{background:#c084fc40;border-color:#c084fc99}.diary-eval-chip[data-evaluation=good].active{background:#93c5fd40;border-color:#93c5fd99}.diary-eval-chip[data-evaluation=okay].active{background:#9ca3af33;border-color:#9ca3af99}.diary-eval-chip[data-evaluation=bad].active{background:#fbbf2438;border-color:#fbbf2499}.diary-eval-chip[data-evaluation=terrible].active{background:#f8717138;border-color:#f8717199}.diary-emotion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.diary-emotion-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;border-radius:10px;border:1.5px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;font-size:20px;transition:all .15s ease;color:var(--text-main)}.diary-emotion-chip span{font-size:9px;color:var(--text-dim);white-space:nowrap}.diary-emotion-chip.active{background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:var(--primary)}.diary-score-label-row{display:flex;align-items:center;justify-content:space-between}.diary-score-value{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--font-weight-bold);color:var(--primary);min-width:2ch;text-align:right}.diary-score-row{display:flex;align-items:center;gap:var(--spacing-sm)}.diary-score-min,.diary-score-max{font-size:12px;color:var(--text-dim);flex-shrink:0}.diary-score-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--glass-border);outline:none;cursor:pointer}.diary-score-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px #00000040;transition:transform .1s ease}.diary-score-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.diary-score-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 6px #00000040}.diary-textarea-wrapper{position:relative}.diary-textarea{width:100%;min-height:100px;resize:vertical}.diary-char-counter{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-3);font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2)}.diary-sheet-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}.diary-entry-timeline{padding:0 0 var(--spacing-sm)}.diary-tl{display:flex;flex-direction:column;gap:var(--spacing-2)}.diary-tl-entry{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:background .15s ease}.diary-tl-entry:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--glass-bg))}.diary-tl-left{flex-shrink:0;width:36px;text-align:center}.diary-tl-emo{font-size:24px;line-height:1}.diary-tl-body{flex:1;min-width:0}.diary-tl-time{font-size:12px;color:var(--text-dim2);font-weight:500}.diary-tl-text{margin:2px 0 0;font-size:13px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diary-tl-score{font-size:11px;color:var(--md-sys-color-primary);font-weight:600}.diary-tl-actions{display:flex;gap:var(--spacing-1);flex-shrink:0}.diary-tl-actions .icon-button{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.diary-tl-del{color:var(--md-sys-color-error, #B3261E)}.diary-add-entry-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1-5);width:100%;margin-top:var(--spacing-2)}.diary-entry-count{position:absolute;top:2px;right:2px;font-size:9px;font-weight:700;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary, #fff);border-radius:var(--md-sys-shape-corner-full);min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 3px}#diary-form-back{margin-bottom:var(--spacing-2);font-size:13px}.auth-logo-container{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}#auth-modal .modal-content{text-align:left}#auth-modal .divider{display:flex;align-items:center;gap:var(--spacing-3);color:var(--text-dim);font-size:var(--md-sys-typescale-body-small-size)}#auth-modal .divider:before,#auth-modal .divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.hormone-report-container{padding:0}.briefing-section,.hormone-section{margin-bottom:var(--spacing-5);padding:var(--spacing-md);background:var(--glass-bg);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--glass-border)}.hormone-section-header{margin-bottom:var(--spacing-3)}.hormone-section-title{display:flex;align-items:center;gap:var(--spacing-2-5);font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);margin:0;color:var(--text-main)}.section-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--md-sys-shape-corner-full);background:var(--primary);color:var(--text-inverse);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--font-weight-bold);flex-shrink:0}.hormone-section-desc{margin:4px 0 0;font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim);line-height:1.4}.hormone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-3, 12px)}.hormone-card{padding:var(--spacing-3, 12px) var(--spacing-md, 16px);background:var(--md-sys-color-surface-container, rgba(255,255,255,.04));border-radius:var(--md-sys-shape-corner-medium, 12px);border:1px solid var(--glass-border, rgba(255,255,255,.06))}.hormone-card.highlight-card{background:linear-gradient(135deg,#d0bcff14,#d0bcff05);border-color:#d0bcff26}.hormone-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm, 8px)}.hormone-name{font-size:var(--md-sys-typescale-title-small-size, 14px);font-weight:600;color:var(--text-main, #e0e0e0);margin:0}.hormone-current-value{font-size:1.75rem;font-weight:700;color:var(--primary, #D0BCFF);margin-bottom:var(--spacing-sm, 8px)}.hormone-current-mini{font-size:var(--md-sys-typescale-body-small-size, 12px);font-weight:600;color:var(--primary, #D0BCFF);white-space:nowrap}.hormone-target{display:flex;align-items:center;gap:6px;margin-bottom:var(--spacing-sm, 8px);font-size:var(--md-sys-typescale-body-small-size, 12px)}.target-label{color:var(--text-dim, #a0a0a0)}.target-value{color:var(--text-main, #e0e0e0);font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--md-sys-shape-corner-full, 9999px);font-size:var(--md-sys-typescale-label-small-size, 11px);font-weight:600}.optimal-badge{background:#4caf501f;color:var(--success, #4CAF50)}.danger-badge{background:#ff54491f;color:var(--md-sys-color-error, #FF5449)}.above-badge{background:#ffb4001f;color:var(--warning, #FFB400)}.below-badge{background:#64b5f61f;color:var(--info, #64B5F6)}.neutral-badge{background:var(--glass-bg, rgba(255,255,255,.04));color:var(--text-dim, #a0a0a0)}.status-icon{font-size:16px!important;vertical-align:middle}.change-metrics{display:flex;flex-direction:column;gap:6px}.change-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--glass-border, rgba(255,255,255,.04))}.change-item:last-child{border-bottom:none}.change-label{font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim, #a0a0a0)}.change-value{font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:600;color:var(--text-main, #e0e0e0)}.change-value.positive{color:var(--success, #4CAF50)}.change-value.negative{color:var(--md-sys-color-error, #FF5449)}.info-card{padding:var(--spacing-3, 12px) var(--spacing-md, 16px);background:#d0bcff0a;border-radius:var(--md-sys-shape-corner-medium, 12px);border:1px dashed rgba(208,188,255,.15);margin-bottom:var(--spacing-3, 12px)}.info-card.mini{padding:var(--spacing-sm, 8px) var(--spacing-3, 12px)}.info-card-title{font-size:var(--md-sys-typescale-label-medium-size, 12px);font-weight:600;color:var(--primary, #D0BCFF);margin:0 0 6px;display:flex;align-items:center;gap:4px}.info-card-content p,.info-card-text{font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim, #a0a0a0);line-height:1.5;margin:4px 0}.info-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-3, 12px)}.emax-special{text-align:center}.emax-metrics{display:flex;align-items:stretch;justify-content:center;gap:0}.emax-item{flex:1;padding:var(--spacing-sm, 8px)}.emax-label{font-size:var(--md-sys-typescale-label-small-size, 11px);color:var(--text-dim, #a0a0a0);margin-bottom:4px}.emax-value{font-size:1.25rem;font-weight:700;color:var(--text-main, #e0e0e0);display:flex;align-items:center;justify-content:center;gap:4px}.emax-value.positive{color:var(--success, #4CAF50)}.emax-value.negative{color:var(--md-sys-color-error, #FF5449)}.emax-unit{font-size:10px;color:var(--text-dim2, #777);margin-top:2px}.emax-message{font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim, #a0a0a0);margin-top:4px}.emax-divider{width:1px;background:var(--glass-border, rgba(255,255,255,.06));margin:4px 0}.primary-color{color:var(--primary, #D0BCFF)!important}.stability-display{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm, 8px);text-align:center}.stability-cv{display:flex;flex-direction:column;align-items:center}.stability-cv-value{font-size:1.5rem;font-weight:700;color:var(--text-main, #e0e0e0)}.stability-cv-label{font-size:var(--md-sys-typescale-label-small-size, 11px);color:var(--text-dim2, #777)}.stability-status{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--md-sys-shape-corner-full, 9999px);font-size:var(--md-sys-typescale-label-small-size, 11px);font-weight:600}.stability-status.stable{background:#4caf501f;color:var(--success, #4CAF50)}.stability-status.moderate{background:#ffb4001f;color:var(--warning, #FFB400)}.stability-status.unstable{background:#ff54491f;color:var(--md-sys-color-error, #FF5449)}.prediction-card .prediction-display{display:flex;flex-direction:column;gap:8px}.prediction-card .prediction-item{display:flex;flex-direction:column;gap:2px;padding:8px;background:transparent;border:none;cursor:default}.prediction-card .prediction-item:hover{border-color:transparent}.prediction-card .prediction-label{display:flex;align-items:center;gap:4px;font-size:var(--md-sys-typescale-label-small-size, 11px);color:var(--text-dim, #a0a0a0)}.prediction-card .prediction-value{font-size:1.1rem;font-weight:700;color:var(--primary, #D0BCFF)}.prediction-target{font-size:10px;color:var(--text-dim2, #777)}.drug-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3, 12px)}.drug-card{padding:var(--spacing-3, 12px);background:var(--md-sys-color-surface-container, rgba(255,255,255,.04));border-radius:var(--md-sys-shape-corner-medium, 12px);border:1px solid var(--glass-border, rgba(255,255,255,.06))}.drug-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm, 8px)}.drug-name{font-size:var(--md-sys-typescale-title-small-size, 14px);font-weight:600;color:var(--text-main, #e0e0e0);margin:0;display:flex;align-items:center;gap:4px}.drug-samples{font-size:10px;color:var(--text-dim2, #777);background:var(--glass-bg, rgba(255,255,255,.04));padding:2px 8px;border-radius:var(--md-sys-shape-corner-full, 9999px)}.drug-influences{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-sm, 8px)}.drug-influence-item{display:flex;align-items:center;gap:8px}.drug-hormone-label{font-size:var(--md-sys-typescale-label-medium-size, 12px);font-weight:700;color:var(--text-dim, #a0a0a0);min-width:20px}.drug-influence-value{font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:600}.drug-influence-value.positive{color:var(--success, #4CAF50)}.drug-influence-value.negative{color:var(--md-sys-color-error, #FF5449)}.drug-influence-unit{font-size:10px;color:var(--text-dim2, #777)}.drug-confidence{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:var(--md-sys-shape-corner-small, 8px);font-size:var(--md-sys-typescale-label-small-size, 11px)}.drug-confidence.high{background:#4caf5014;color:var(--success, #4CAF50)}.drug-confidence.medium{background:#ffb40014;color:var(--warning, #FFB400)}.drug-confidence.low{background:#ff544914;color:var(--md-sys-color-error, #FF5449)}.confidence-label{color:var(--text-dim, #a0a0a0)}.confidence-value{font-weight:600}.body-ratio-container{display:flex;flex-direction:column;gap:var(--spacing-3, 12px)}.body-ratio-card{padding:var(--spacing-3, 12px) var(--spacing-md, 16px);background:var(--md-sys-color-surface-container, rgba(255,255,255,.04));border-radius:var(--md-sys-shape-corner-medium, 12px);border:1px solid var(--glass-border, rgba(255,255,255,.06))}.body-ratio-name{font-size:var(--md-sys-typescale-title-small-size, 14px);font-weight:600;color:var(--text-main, #e0e0e0);margin:0 0 var(--spacing-sm, 8px);display:flex;align-items:center;gap:4px}.ratio-value-display{text-align:center;margin-top:var(--spacing-sm, 8px)}.ratio-number{font-size:1.25rem;font-weight:700;color:var(--text-main, #e0e0e0)}.ratio-card{padding:var(--spacing-3, 12px) var(--spacing-md, 16px)}@media (max-width: 480px){.hormone-grid,.info-card-grid,.drug-grid{grid-template-columns:1fr}.emax-metrics{flex-direction:column}.emax-divider{width:100%;height:1px;margin:0 4px}}.progress-container,.body-change-container{margin-top:var(--spacing-sm)}.progress-bar-wrapper,.body-change-bar-wrapper{margin-bottom:var(--spacing-sm)}.progress-bar,.body-change-bar{width:100%;height:8px;background:var(--md-sys-color-surface-container-highest, #353438);border-radius:var(--md-sys-shape-corner-full);overflow:hidden;margin-bottom:var(--spacing-1-5)}.progress-fill,.body-change-fill{height:100%;background:var(--primary);border-radius:var(--md-sys-shape-corner-full);transition:width var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-emphasized)}.progress-info,.body-change-info{display:flex;justify-content:space-between;font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim)}.progress-change-info,.body-change-details{display:flex;gap:var(--spacing-md);font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);flex-wrap:wrap}.change-item{display:flex;gap:var(--spacing-xs)}.chart-section{margin-bottom:var(--spacing-lg, 24px)}.chart-section h4{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--text-main);margin-bottom:var(--spacing-xs, 4px)}.chart-wrapper{background:var(--chart-wrapper-bg);border-radius:var(--md-sys-shape-corner-medium);padding:var(--spacing-3);position:relative}.chart-wrapper canvas{width:100%!important;max-height:clamp(180px,35vw,360px)}.hormone-legend-controls{margin-bottom:var(--spacing-sm)}.comparison-filter-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5);margin-bottom:var(--spacing-3)}.selected-week-data-container{margin-top:var(--spacing-3);padding:var(--spacing-3) var(--spacing-md);background:var(--glass-bg);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--glass-border)}.selected-week-data-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.placeholder-text{text-align:center;color:var(--text-dim2);font-size:var(--md-sys-typescale-body-small-size);padding:var(--spacing-sm)}.roadmap-section{margin-bottom:var(--spacing-5)}.roadmap-section h3{font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--primary);margin-bottom:var(--spacing-3)}.roadmap-progress-container{padding:var(--spacing-sm) 0}.roadmap-progress-bar{position:relative;width:100%;height:12px;background:var(--md-sys-color-surface-container-highest, #353438);border-radius:var(--md-sys-shape-corner-full);overflow:visible;margin-bottom:var(--spacing-sm)}.roadmap-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary);border-radius:var(--md-sys-shape-corner-full);transition:width var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-emphasized);z-index:1}.roadmap-progress-segments,.roadmap-progress-ticks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.roadmap-progress-trajectory{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.roadmap-progress-marker{position:absolute;top:50%;width:12px;height:12px;border-radius:var(--md-sys-shape-corner-full);transform:translate(-50%,-50%);z-index:4;border:2px solid var(--glass-bg)}.roadmap-progress-marker.start{left:0;background:var(--text-dim2)}.roadmap-progress-marker.current{background:var(--primary)}.roadmap-progress-marker.target{right:0;left:auto;background:var(--success)}.roadmap-progress-labels{display:flex;justify-content:space-between;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);margin-bottom:var(--spacing-sm)}.roadmap-progress-info{display:flex;gap:var(--spacing-sm);font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);flex-wrap:wrap}.roadmap-progress-note{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim2);margin-top:var(--spacing-sm)}.timeline-container{padding:0}.roadmap-standout{margin-bottom:var(--spacing-md)}.roadmap-standout h4{font-size:var(--md-sys-typescale-title-small-size);color:var(--text-main);margin-bottom:var(--spacing-sm)}.roadmap-standout-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.monthly-summary-container{display:flex;flex-direction:column;gap:var(--spacing-3)}.roadmap-detail-switcher{margin-bottom:var(--spacing-md);background:var(--md-sys-color-surface-container-low);padding:3px}.roadmap-detail-switcher .modal-tab-btn{font-size:.82rem;padding:8px 0}.roadmap-date-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.date-selector-field label{display:block;font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--text-dim);margin-bottom:var(--spacing-xs)}.roadmap-compare-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5);margin-bottom:var(--spacing-3)}.roadmap-action-btn{padding:var(--spacing-1-5) 14px;border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.roadmap-action-btn:hover{background:var(--glass-bg-light)}.comparison-results{margin-top:var(--spacing-3)}.photo-compare-controls{margin-bottom:var(--spacing-3)}.photo-compare-date-row{display:flex;align-items:flex-end;gap:var(--spacing-2)}.photo-compare-date-field{flex:1}.photo-compare-date-field label{display:block;font-size:var(--md-sys-typescale-label-medium-size, .75rem);font-weight:600;color:var(--text-dim);margin-bottom:4px}.photo-compare-date-field select{width:100%;padding:8px 12px;border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:.85rem}.photo-compare-swap-btn{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:0!important;border-radius:var(--md-sys-shape-corner-full, 50%)!important}.photo-compare-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.photo-compare-row{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-large, 16px);overflow:hidden}.photo-compare-category{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:600;color:var(--text-dim);border-bottom:1px solid var(--glass-border);background:var(--glass-bg-light, rgba(255,255,255,.03))}.photo-compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px}.photo-compare-cell{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--md-sys-color-surface-container, rgba(0,0,0,.15));display:flex;align-items:center;justify-content:center}.photo-compare-cell img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-compare-cell img:hover{transform:scale(1.05)}.photo-compare-cell.empty{opacity:.5}.photo-compare-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-dim2);font-size:.75rem}.photo-compare-date-label{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:linear-gradient(transparent,#000000a6);color:#fff;font-size:.7rem;text-align:center}.photo-compare-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:var(--text-dim);gap:12px}.photo-compare-empty p{margin:0;font-size:.95rem}.photo-compare-hint{font-size:.8rem!important;color:var(--text-dim2)!important;max-width:280px}.compare-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}@media (max-width: 400px){.compare-metrics-grid{grid-template-columns:1fr}}.compare-metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium, 12px);padding:12px 14px;transition:border-color .2s}.compare-metric-card.positive{border-left:3px solid var(--success, #4caf50)}.compare-metric-card.negative{border-left:3px solid var(--error, #ef5350)}.compare-metric-card.neutral{border-left:3px solid var(--text-dim2, #888)}.compare-metric-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.compare-metric-name{font-size:.8rem;font-weight:600;color:var(--text-main)}.compare-metric-unit{font-size:.7rem;color:var(--text-dim2)}.compare-metric-values{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:.95rem}.compare-val--old{color:var(--text-dim)}.compare-arrow{color:var(--text-dim2);display:flex}.compare-val--new{font-weight:700;color:var(--text-main)}.compare-metric-delta{position:relative;padding:4px 8px;border-radius:6px;background:var(--md-sys-color-surface-container, rgba(0,0,0,.08));overflow:hidden}.compare-delta-bar{position:absolute;top:0;left:0;bottom:0;width:var(--bar-w, 0%);border-radius:6px;opacity:.15}.compare-metric-card.positive .compare-delta-bar{background:var(--success, #4caf50)}.compare-metric-card.negative .compare-delta-bar{background:var(--error, #ef5350)}.compare-metric-card.neutral .compare-delta-bar{background:var(--text-dim2)}.compare-delta-text{position:relative;font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:3px}.compare-metric-card.positive .compare-delta-text{color:var(--success, #4caf50)}.compare-metric-card.negative .compare-delta-text{color:var(--error, #ef5350)}.compare-metric-card.neutral .compare-delta-text{color:var(--text-dim2)}.delta-arrow{display:flex}.compare-section-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-large, 16px);padding:14px;margin-bottom:var(--spacing-2)}.compare-section-title{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--text-dim);margin:0 0 10px}.compare-chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.compare-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--md-sys-shape-corner-full, 100px);font-size:.78rem;font-weight:500;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-main)}.compare-chip em{font-style:normal;font-weight:700;font-size:.72rem}.compare-chip.chip--added{border-color:var(--success, #4caf50);background:#4caf5014}.compare-chip.chip--added em{color:var(--success, #4caf50)}.compare-chip.chip--removed{border-color:var(--error, #ef5350);background:#ef535014;text-decoration:line-through;opacity:.7}.compare-chip.chip--removed em{color:var(--error, #ef5350)}.compare-chip.chip--changed{border-color:var(--warning, #ffa726);background:#ffa72614}.compare-chip.chip--changed em{color:var(--warning, #ffa726)}.action-guide{padding:0}.action-guide-tabs{display:flex;gap:0;margin-bottom:var(--spacing-md);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:4px}.action-guide-tab{flex:1;padding:10px 0;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);font-size:.9rem;font-weight:600;border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:all .2s ease}.action-guide-tab.active{background:var(--primary);color:var(--md-sys-color-on-primary);box-shadow:0 1px 3px #00000026}.action-guide-tab-panel{display:none}.action-guide-tab-panel.active{display:block}.ag-ai-prompt-area{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-4)}.ag-ai-prompt-input{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .2s}.ag-ai-prompt-input:focus{outline:none;border-color:var(--primary)}.ag-ai-prompt-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.7}.ag-ai-generate-btn{align-self:flex-end;display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--md-sys-shape-corner-full);font-weight:600}.ag-ai-generate-btn:disabled{opacity:.5;cursor:not-allowed}.ag-ai-results{min-height:40px}.ag-ai-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--spacing-lg) 0;color:var(--md-sys-color-on-surface-variant);font-size:.9rem}.ag-ai-spinner{width:20px;height:20px;border:2.5px solid var(--md-sys-color-outline-variant);border-top-color:var(--primary);border-radius:50%;animation:ag-spin .8s linear infinite}@keyframes ag-spin{to{transform:rotate(360deg)}}.ag-ai-no-key,.ag-ai-error{display:flex;align-items:center;gap:8px;padding:var(--spacing-md);background:color-mix(in srgb,var(--md-sys-color-error) 10%,transparent);color:var(--md-sys-color-error);border-radius:var(--md-sys-shape-corner-medium);font-size:.85rem}.ag-ai-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;margin-bottom:var(--spacing-3);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--tertiary, var(--primary)) 10%,transparent));border-radius:var(--md-sys-shape-corner-full);font-size:.75rem;font-weight:600;color:var(--primary)}.ag-ai-disclaimer{margin-top:var(--spacing-4);padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;color:var(--md-sys-color-on-surface-variant);text-align:center;opacity:.8}.ag-personalized-section{margin-bottom:var(--spacing-4);padding:var(--spacing-md);background:color-mix(in srgb,var(--primary) 6%,var(--md-sys-color-surface-container-low));border-radius:var(--md-sys-shape-corner-large);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent)}.ag-personalized-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;margin-bottom:var(--spacing-3);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,var(--tertiary, var(--primary)) 12%,transparent));border-radius:var(--md-sys-shape-corner-full);font-size:.75rem;font-weight:600;color:var(--primary)}.personalized-category{margin-bottom:var(--spacing-3)}.personalized-category:last-child{margin-bottom:0}.ag-page{display:none}.ag-page.active{display:block}.ag-page-back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:600;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-3);cursor:pointer}.ag-ai-section{margin-top:var(--spacing-5);padding-top:var(--spacing-4);border-top:1px solid var(--glass-border)}.ag-ai-section-title{display:flex;align-items:center;gap:6px;font-size:var(--md-sys-typescale-title-small-size);font-weight:600;color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--spacing-3)}.ag-exercise-card{padding:var(--spacing-3) var(--spacing-3)!important}.ag-exercise-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-2)}.ag-exercise-sets{font-size:1.15rem;font-weight:700;color:var(--primary);white-space:nowrap;letter-spacing:.02em}.ag-reason-box{background:color-mix(in srgb,var(--md-sys-color-on-surface) 5%,transparent);border-radius:var(--md-sys-shape-corner-medium);padding:var(--spacing-2) var(--spacing-2-5);margin-top:var(--spacing-1);font-size:.78rem;line-height:1.4;color:var(--md-sys-color-on-surface-variant)}.ag-reason-bullet{padding:2px 0}.ag-reason-bullet+.ag-reason-bullet{border-top:1px solid color-mix(in srgb,var(--md-sys-color-on-surface) 6%,transparent)}.ag-diet-grid{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.ag-diet-row{display:flex;gap:var(--spacing-sm);align-items:baseline;font-size:.85rem}.ag-diet-label{font-weight:600;color:var(--text-main);white-space:nowrap;min-width:70px}.ag-diet-value{color:var(--md-sys-color-on-surface-variant);line-height:1.4}.ag-diet-foods{color:var(--primary);font-weight:500}.ag-diet-avoid-row .ag-diet-value{opacity:.7}.ag-med-item{padding:var(--spacing-3)!important}.ag-med-level{font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-1)}.ag-med-level-target{font-size:.78rem;font-weight:400;color:var(--md-sys-color-on-surface-variant)}.ag-med-warnings{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-2)}.ag-med-warning-chip{display:inline-block;padding:2px 8px;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-error) 10%,transparent);color:var(--md-sys-color-error);font-size:.72rem;font-weight:500}.ag-med-warning{display:flex;align-items:flex-start;gap:6px;margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-2-5);border-radius:var(--md-sys-shape-corner-medium);background:color-mix(in srgb,var(--md-sys-color-error) 6%,transparent);color:var(--md-sys-color-error);font-size:.75rem;line-height:1.4}.action-guide-section{margin-bottom:var(--spacing-5)}.action-guide-section-title{font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--primary);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border)}.action-guide-recommendations,.action-guide-performance{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-guide-med-ai-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-md)}.action-guide-med-ai-inner{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.action-guide-med-ai-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--md-sys-shape-corner-medium);background:var(--primary-alpha-12, rgba(208,188,255,.12));color:var(--primary);flex-shrink:0}.action-guide-med-ai-icon .material-symbols-outlined,.action-guide-med-ai-icon .svg-icon{font-size:24px}.action-guide-med-ai-body{flex:1;min-width:140px}.action-guide-med-ai-title{font-size:var(--md-sys-typescale-title-small-size, 14px);font-weight:600;color:var(--text-primary);margin-bottom:2px}.action-guide-med-ai-desc{font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim);line-height:1.4}.action-guide-med-ai-btn{flex-shrink:0;white-space:nowrap}.action-guide-category{background:var(--glass-bg);border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-md);margin-bottom:var(--spacing-3);border:1px solid var(--glass-border)}.action-guide-category:last-child{margin-bottom:0}.action-guide-category-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--primary);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border)}.action-guide-category-title .category-icon{font-size:20px}.action-guide-item{padding:var(--spacing-2-5) var(--spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:rgba(var(--primary-rgb, 147, 143, 255),.04);margin-bottom:var(--spacing-sm);border-left:3px solid var(--primary)}.action-guide-item:last-child{margin-bottom:0}.action-guide-item-title{font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--text-main);margin-bottom:var(--spacing-xs)}.action-guide-item-reason{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);line-height:1.5;margin-bottom:var(--spacing-xxs)}.action-guide-item-detail{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim2);line-height:1.4}.action-guide-feedback{text-align:center;padding:var(--spacing-lg) var(--spacing-md);color:var(--text-dim);font-size:var(--md-sys-typescale-body-medium-size)}.ag-lt-section{margin-top:var(--spacing-2-5);padding:var(--spacing-2-5) var(--spacing-3);border-radius:var(--md-sys-shape-corner-medium)}.ag-lt-do{background:color-mix(in srgb,#4CAF50 6%,transparent)}.ag-lt-avoid{background:color-mix(in srgb,var(--md-sys-color-error) 6%,transparent)}.ag-lt-header{font-size:var(--md-sys-typescale-label-large-size);font-weight:600;margin-bottom:var(--spacing-1-5);display:flex;align-items:center;gap:4px}.ag-lt-do .ag-lt-header{color:#2e7d32}.ag-lt-avoid .ag-lt-header{color:var(--md-sys-color-error)}@media (prefers-color-scheme: dark){.ag-lt-do .ag-lt-header{color:#66bb6a}.ag-lt-avoid .ag-lt-header{color:#ef9a9a}}[data-theme=dark] .ag-lt-do .ag-lt-header{color:#66bb6a}[data-theme=dark] .ag-lt-avoid .ag-lt-header{color:#ef9a9a}.ag-lt-item{padding:var(--spacing-1-5) 0;border-bottom:1px solid color-mix(in srgb,var(--text-dim) 10%,transparent)}.ag-lt-item:last-child{border-bottom:none;padding-bottom:0}.ag-lt-text{font-size:var(--md-sys-typescale-body-small-size);font-weight:500;color:var(--text-main);line-height:1.45;display:flex;align-items:flex-start;gap:4px}.ag-lt-bullet-do{color:#4caf50;flex-shrink:0;margin-top:1px}.ag-lt-bullet-avoid{color:var(--md-sys-color-error);flex-shrink:0;margin-top:1px}[data-theme=dark] .ag-lt-bullet-do{color:#66bb6a}[data-theme=dark] .ag-lt-bullet-avoid{color:#ef9a9a}@media (prefers-color-scheme: dark){.ag-lt-bullet-do{color:#66bb6a}.ag-lt-bullet-avoid{color:#ef9a9a}}.ag-lt-reason{font-size:.72rem;color:var(--text-dim);line-height:1.4;margin-top:2px}.ag-guide-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-xs)}.ag-guide-chip{font-size:.7rem;padding:2px 8px;border-radius:99px;background:rgba(var(--primary-rgb, 147, 143, 255),.1);color:var(--text-dim);white-space:nowrap}.ag-guide-tips{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-xs)}.ag-guide-tip{font-size:.7rem;color:var(--text-dim2);display:flex;align-items:center;gap:3px}.ag-guide-freq{font-size:.68rem;opacity:.6;margin-left:6px;font-weight:400}.date-conflict-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);z-index:var(--z-index-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.dialog-surface{background:var(--modal-bg);border-radius:var(--md-sys-shape-corner-extra-large);padding:var(--spacing-lg);max-width:400px;width:100%;box-shadow:var(--md-sys-elevation-3)}.dialog-title{font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--text-main);margin-bottom:var(--spacing-md)}.dialog-content{font-size:var(--md-sys-typescale-body-medium-size);color:var(--text-dim);margin-bottom:var(--spacing-lg);line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.md3-dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);z-index:var(--z-index-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.md3-dialog-scrim.open{opacity:1;pointer-events:auto}.md3-dialog{background:var(--md-sys-color-surface-container-high, var(--modal-bg));border-radius:var(--md-sys-shape-corner-extra-large);padding:var(--spacing-lg);max-width:560px;min-width:280px;width:calc(100% - var(--spacing-xl));box-shadow:var(--md-sys-elevation-3);transform:scale(.9);opacity:0;transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate),opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.md3-dialog-scrim.open .md3-dialog{transform:scale(1);opacity:1}.md3-dialog-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-md);color:var(--md-sys-color-secondary, var(--primary))}.md3-dialog-icon .material-symbols-outlined,.md3-dialog-icon .svg-icon{font-size:var(--md-sys-typescale-headline-small-size)}.md3-dialog-headline{font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-on-surface, var(--text-main));margin-bottom:var(--spacing-md);text-align:center}.md3-dialog-body{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant, var(--text-dim));line-height:1.5;margin-bottom:var(--spacing-lg);max-height:60vh;overflow-y:auto}.md3-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.popup{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:var(--md-sys-color-inverse-surface, #2F3036);color:var(--md-sys-color-inverse-on-surface, #F2F0F4);padding:var(--spacing-3) var(--spacing-lg);border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-body-medium-size);z-index:var(--z-index-tooltip);opacity:0;pointer-events:none;transition:all var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard);box-shadow:var(--md-sys-elevation-3);text-align:center;max-width:calc(100vw - 32px)}.popup.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.material-symbols-outlined.mi-inline,.svg-icon.mi-inline{vertical-align:middle;font-size:20px;line-height:1}.material-symbols-outlined.mi-sm,.svg-icon.mi-sm{font-size:18px}.material-symbols-outlined.mi-error,.svg-icon.mi-error{color:var(--danger)}.material-symbols-outlined.mi-warning,.svg-icon.mi-warning{color:var(--md-sys-color-warning, #ffb74d)}.material-symbols-outlined.mi-on-surface,.svg-icon.mi-on-surface{color:var(--text-secondary)}.material-symbols-outlined.mi-primary,.svg-icon.mi-primary{color:var(--primary)}.svg-icon{display:inline-block;vertical-align:middle;flex-shrink:0;line-height:1}.svg-icon.mi-inline{width:20px;height:20px}.svg-icon.mi-sm{width:18px;height:18px}.svg-icon.mi-md{width:24px;height:24px}.svg-icon.mi-xl{width:32px;height:32px}.svg-icon.mi-2xl{width:40px;height:40px}.svg-icon.mi-error{color:var(--danger)}.svg-icon.mi-warning{color:var(--md-sys-color-warning, #ffb74d)}.svg-icon.mi-on-surface{color:var(--text-secondary)}.svg-icon.mi-primary{color:var(--primary)}.svg-icon.mi-success{color:var(--md-sys-color-success, #4caf50)}.svg-icon.mi-filled{fill:currentColor}table{width:100%;border-collapse:collapse;font-size:var(--md-sys-typescale-body-medium-size)}thead th{background:var(--table-header-bg);color:var(--text-main);font-weight:var(--md-sys-typescale-label-large-weight);padding:var(--spacing-3) var(--spacing-md);text-align:left;white-space:nowrap;border-bottom:1px solid var(--table-border);position:sticky;top:0;z-index:1}tbody td{padding:var(--spacing-2-5) var(--spacing-md);border-bottom:1px solid var(--table-border);color:var(--text-main)}tbody tr:nth-child(2n){background:var(--table-row-stripe-bg)}tbody tr:hover{background:var(--table-row-hover-bg)}.divider{border:none;border-top:1px solid var(--glass-border);margin:var(--spacing-md) 0}.target-achievement-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.target-achievement-item{background:var(--glass-bg);border-radius:var(--md-sys-shape-corner-medium);padding:14px var(--spacing-md);border:1px solid var(--glass-border);overflow:hidden}.metric-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2-5)}.metric-name{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--text-main)}.status-message{font-size:var(--md-sys-typescale-label-small-size);color:var(--primary);text-align:right;max-width:55%}.progress-bar-wrapper{position:relative;width:100%;overflow:visible}.leader-lines-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.labels-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.progress-bar-label{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);white-space:nowrap;z-index:3}.progress-bar-label .label{font-size:10px;color:var(--text-dim2);text-transform:uppercase;letter-spacing:.3px}.progress-bar-label .value{font-weight:var(--md-sys-typescale-label-large-weight);color:var(--text-dim)}.progress-bar-label.current .value{color:var(--primary);font-weight:var(--font-weight-bold)}.progress-bar-label.top-label,.progress-bar-label.bottom-label{flex-direction:column}.progress-bar-track-container{position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%);height:8px;z-index:2}.progress-bar-track{width:100%;height:100%;background:var(--md-sys-color-surface-container-highest, #353438);border-radius:var(--md-sys-shape-corner-full)}.progress-bar-range{position:absolute;top:0;height:100%;border-radius:var(--md-sys-shape-corner-full);opacity:.5}.progress-bar-range.range-initial{background:var(--text-dim2);opacity:.25}.progress-bar-range.range-prev{background:var(--info, #64b5f6);opacity:.35}.progress-bar-range.range-target{background:var(--primary);opacity:.3}.progress-bar-marker{position:absolute;top:50%;width:14px;height:14px;border-radius:var(--md-sys-shape-corner-full);background:var(--primary);border:2px solid var(--modal-bg);transform:translate(-50%,-50%);z-index:3;box-shadow:0 0 0 2px var(--primary)}.progress-bar-placeholder{text-align:center;color:var(--text-dim2);font-size:var(--md-sys-typescale-body-small-size);padding:var(--spacing-sm)}.body-ratio-container{display:flex;flex-direction:column;gap:var(--spacing-3)}.body-ratio-item{background:var(--glass-bg);border-radius:var(--md-sys-shape-corner-medium);padding:14px var(--spacing-md);border:1px solid var(--glass-border)}.body-ratio-item-fullwidth{width:100%}.ratio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2-5)}.ratio-name{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--text-main)}.ratio-value-display{text-align:right}.ratio-number{font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--font-weight-bold);color:var(--primary)}.ratio-bar-container{display:flex;align-items:center;gap:var(--spacing-sm)}.ratio-icon-group{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxs);flex-shrink:0;min-width:32px}.ratio-icon{display:flex;align-items:center;justify-content:center}.ratio-icon.male{color:var(--info, #64b5f6)}.ratio-icon.female{color:var(--warning, #ffb74d)}.ratio-percentile{font-size:10px;color:var(--text-dim2);white-space:nowrap}.ratio-bar{flex:1;height:10px;background:linear-gradient(to right,var(--info, #64b5f6),var(--warning, #ffb74d));border-radius:var(--md-sys-shape-corner-full);position:relative;overflow:visible}.ratio-bar-fill{display:none}.ratio-bar-marker{position:absolute;top:50%;width:14px;height:14px;border-radius:var(--md-sys-shape-corner-full);background:var(--text-main);border:2px solid var(--modal-bg);transform:translate(-50%,-50%);z-index:2;box-shadow:0 0 0 2px var(--text-main)}.ratio-evaluation{margin-top:var(--spacing-sm);font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);text-align:center}.predictions-container{display:flex;flex-direction:column;gap:var(--spacing-3)}.prediction-item{display:flex;gap:var(--spacing-3);padding:14px var(--spacing-md);border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.prediction-item:hover,.prediction-item:focus{border-color:var(--primary);outline:none}.prediction-main-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.prediction-metric-name{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--text-main)}.prediction-values-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.prediction-value-item{display:flex;gap:var(--spacing-xs);font-size:var(--md-sys-typescale-body-small-size)}.prediction-value-item.predicted{font-style:italic}.prediction-label{color:var(--text-dim2)}.prediction-value-text{color:var(--text-dim)}.prediction-value-text.highlight{color:var(--primary);font-weight:var(--md-sys-typescale-label-large-weight)}.prediction-progress-container{margin-top:var(--spacing-xs)}.prediction-progress-bar{position:relative;height:8px;background:var(--md-sys-color-surface-container-highest, #353438);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.prediction-progress-fill{position:absolute;height:100%;background:var(--primary);border-radius:var(--md-sys-shape-corner-full);transition:width var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-emphasized)}.prediction-progress-text{position:absolute;right:0;top:calc(-1 * var(--spacing-5));font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2)}.prediction-progress-placeholder{height:4px}.prediction-divider{width:1px;background:var(--glass-border);align-self:stretch;flex-shrink:0}.prediction-stats-col{display:flex;flex-direction:column;gap:var(--spacing-1-5);min-width:90px;justify-content:center}.prediction-stat-item{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.prediction-stat-label{font-size:10px;color:var(--text-dim2);text-transform:uppercase;letter-spacing:.3px}.prediction-stat-value{font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--text-dim)}.prediction-stat-value.positive{color:var(--success, #81c784)}.prediction-stat-value.negative{color:var(--md-sys-color-error, #f2b8b5)}.prediction-stat-divider{height:1px;background:var(--glass-border)}@media (max-width: 400px){.prediction-item{flex-direction:column}.prediction-divider{width:100%;height:1px}}.chart-wrapper-container{position:relative}.chart-inner-container{position:relative;min-height:200px}.chart-zoom-controls{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);z-index:5}.chart-zoom-btn{width:var(--spacing-xl);height:var(--spacing-xl);border-radius:var(--md-sys-shape-corner-full, 50%);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.chart-zoom-btn:hover{background:var(--md-sys-color-surface-container-high, var(--glass-hover))}.chart-zoom-btn:disabled{opacity:.35;cursor:default}.briefing-legend-toolbar{display:none}.briefing-legend-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.legend-group-card{background:transparent;border-radius:0;padding:0;border:none}.legend-group-title{font-size:var(--md-sys-typescale-label-small-size, 11px);font-weight:600;color:var(--text-dim);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.05em}.legend-list{display:flex;flex-wrap:wrap;gap:6px;max-height:none;overflow-y:visible}.legend-group-toolbar{display:none}.legend-group-toggle{font-size:.72rem}.legend-button{font-size:var(--md-sys-typescale-label-small-size, 11px);padding:4px 10px;border-radius:var(--md-sys-shape-corner-full, 20px);border:1.5px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;transition:background .15s,color .15s,opacity .15s;white-space:nowrap;line-height:1.3}.legend-button:hover{filter:brightness(1.1)}.legend-button.inactive{opacity:.5;background:transparent}.data-item{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-1-5) 0;border-bottom:1px solid var(--glass-border);gap:var(--spacing-3)}.data-item:last-child{border-bottom:none}.data-item-label{font-size:.82rem;color:var(--text-secondary);flex-shrink:0}.data-item-value{font-size:.85rem;font-weight:500;color:var(--text-primary);text-align:right;white-space:pre-line;word-break:break-word}.alerts-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.alert-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-md);border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);border-left:4px solid var(--md-sys-color-outline-variant, var(--glass-border))}.alert-item.critical{border-left-color:var(--md-sys-color-error, #f2b8b5);background:rgba(var(--md-sys-color-error-rgb, 242, 184, 181),.08)}.alert-item.warning{border-left-color:var(--warning, #ffb74d);background:#ffb74d14}.alert-item.info{border-left-color:var(--info, #64b5f6);background:#64b5f614}.alert-icon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:var(--spacing-xxs)}.alert-content{flex:1;min-width:0}.alert-title{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--text-main);margin-bottom:var(--spacing-xs)}.alert-description{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);line-height:1.5}.alert-action{font-size:var(--md-sys-typescale-label-medium-size);color:var(--primary)}.safety-scores-inner{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--spacing-md)}.safety-score-row{display:flex;align-items:center;gap:10px}.safety-score-label{font-size:12px;color:var(--text-secondary);min-width:90px;flex-shrink:0}.safety-score-track{flex:1;height:8px;background:var(--glass-border);border-radius:4px;overflow:hidden}.safety-score-fill{height:100%;border-radius:4px;transition:width .4s var(--md-sys-motion-easing-standard)}.safety-bar-critical{background:var(--md-sys-color-error, #BA1A1A)}.safety-bar-warning{background:#f5a623}.safety-bar-info{background:var(--primary);opacity:.7}.safety-score-number{font-size:12px;font-weight:600;min-width:28px;text-align:right;color:var(--text-secondary)}.safety-alert-item{position:relative}.safety-tags-row{margin-top:6px}.safety-tag{display:inline-block;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:500}.safety-tag-med{background:color-mix(in srgb,var(--primary, #938FFF) 18%,transparent);color:var(--primary, #938FFF);border:1px solid color-mix(in srgb,var(--primary, #938FFF) 35%,transparent)}.safety-tag-sym{background:color-mix(in srgb,#F5A623 18%,transparent);color:#b47a12;border:1px solid color-mix(in srgb,#F5A623 40%,transparent)}.dark-mode .safety-tag-sym{color:#f5c870}.safety-tests-list,.safety-education-list{margin-top:4px}.safety-test-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);border-left:3px solid var(--glass-border);margin-bottom:6px}.safety-test-critical{border-left-color:var(--md-sys-color-error, #BA1A1A)}.safety-test-warning{border-left-color:#f5a623}.safety-test-info{border-left-color:var(--primary)}.safety-test-priority{flex-shrink:0;padding-top:1px}.safety-test-name{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:2px}.safety-test-reason{font-size:12px;color:var(--text-dim);line-height:1.4}.safety-test-urgency{font-size:12px;color:var(--md-sys-color-error, #CF6679);margin-top:3px;font-weight:500}.safety-edu-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--glass-border);font-size:12px;color:var(--text-secondary);line-height:1.5}.safety-edu-item:last-child{border-bottom:none}.safety-edu-text{flex:1}.safety-subsection-title{display:flex;align-items:center;gap:6px;margin:16px 0 8px;font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.safety-disclaimer{margin-top:12px;padding:10px 12px;background:color-mix(in srgb,var(--glass-bg) 60%,transparent);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-small);font-size:11px;color:var(--text-dim);line-height:1.5;font-style:italic}.timeline-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-md);border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);border-left:4px solid var(--glass-border);margin-bottom:var(--spacing-sm);transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.timeline-item:last-child{margin-bottom:0}.timeline-item.start{border-left-color:var(--md-sys-color-outline, var(--text-dim2))}.timeline-item.current{border-left-color:var(--primary);background:rgba(var(--primary-rgb, 147, 143, 255),.08)}.timeline-item.prediction{border-left-color:var(--info, #64b5f6)}.timeline-item.warning{border-left-color:var(--warning, #ffb74d);background:#ffb74d0f}.timeline-item.normal{border-left-color:var(--glass-border)}.timeline-week{flex:1;font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--text-main);white-space:nowrap}.timeline-date{flex-shrink:0;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);min-width:70px;text-align:right}.timeline-content{width:100%;font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);line-height:1.5;margin-top:var(--spacing-xs)}.timeline-item{flex-direction:column;gap:var(--spacing-xs)}.timeline-item .timeline-week,.timeline-item .timeline-date{text-align:left}.weekly-tick{position:absolute;top:0;width:3px;height:100%;border-radius:2px;opacity:.6}.weekly-tick.positive{background:var(--success, #81c784)}.weekly-tick.negative{background:var(--md-sys-color-error, #f2b8b5)}.weekly-tick.neutral{background:var(--text-dim2)}.roadmap-progress-segment{position:absolute;top:0;height:100%;border-radius:2px}.roadmap-progress-segment.positive{background:var(--success, #81c784)}.roadmap-progress-segment.negative{background:var(--md-sys-color-error, #f2b8b5)}.roadmap-progress-segment.break{background:transparent}.monthly-summary-item{display:flex;align-items:baseline;gap:var(--spacing-3);padding:var(--spacing-2-5) 14px;border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);margin-bottom:var(--spacing-sm)}.monthly-summary-item:last-child{margin-bottom:0}.month-name{flex-shrink:0;min-width:70px;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--primary)}.top-changes{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5);flex:1}.top-changes .change-item,.roadmap-standout-list .change-item{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-2-5);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container, rgba(var(--primary-rgb, 147, 143, 255), .12));color:var(--md-sys-color-on-secondary-container, var(--text-main));font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-medium-weight);white-space:nowrap;gap:var(--spacing-xxs)}.quest-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);z-index:var(--z-index-modal);display:flex;align-items:flex-end;justify-content:center;padding:var(--spacing-md) var(--spacing-md) 0;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.quest-modal-overlay.visible{opacity:1;pointer-events:auto}.quest-modal-surface{width:100%;max-height:calc(100vh - 15px);background:var(--modal-bg);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.quest-modal-overlay.visible .quest-modal-surface{transform:translateY(0)}.quest-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-lg) var(--spacing-3);border-bottom:1px solid var(--glass-border)}.quest-modal-header h2{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--text-main);margin:0}.quest-modal-close{width:40px;height:40px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);font-size:var(--md-sys-typescale-headline-small-size);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-modal-close:hover{background:var(--glass-bg-light)}.quest-modal-toolbar{padding:var(--spacing-3) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-2-5)}.quest-category-tabs{display:flex;gap:var(--spacing-1-5);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--spacing-xs)}.quest-category-tabs::-webkit-scrollbar{display:none}.quest-cat-tab{flex-shrink:0;padding:var(--spacing-1-5) 14px;border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);font-family:inherit;font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);cursor:pointer;white-space:nowrap;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-cat-tab:hover{background:var(--glass-bg)}.quest-cat-tab.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.quest-sort-bar{display:flex;justify-content:flex-end}.quest-sort-select{padding:var(--spacing-1-5) var(--spacing-3);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-small);background:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-label-medium-size);cursor:pointer}.quest-list-container{flex:1;overflow-y:auto;padding:var(--spacing-3) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-3)}.quest-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-md);transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-card:hover{border-color:var(--primary)}.quest-card.quest-completed{opacity:.7;border-color:var(--success, #81c784)}.quest-card.quest-pinned{border-left:3px solid var(--primary)}.quest-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.quest-card-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.quest-badge{display:inline-flex;align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-medium-weight);background:var(--md-sys-color-secondary-container, rgba(var(--primary-rgb, 147, 143, 255), .12));color:var(--md-sys-color-on-secondary-container, var(--text-main))}.quest-badge.pin{background:rgba(var(--primary-rgb, 147, 143, 255),.15)}.quest-badge.fav .mi-filled{color:var(--warning, #ffb74d)}.quest-badge.done .mi-success{color:var(--success, #81c784)}.quest-badge.linked{background:#64b5f61f;color:var(--info, #64b5f6)}.quest-badge.dday{background:rgba(var(--md-sys-color-tertiary-rgb, 239, 184, 200),.12);color:var(--tertiary, #efb8c8)}.quest-badge.progress{background:#81c7841f;color:var(--success, #81c784)}.quest-selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.quest-selector-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2-5) var(--spacing-md);border:1.5px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);color:var(--text-dim);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);cursor:pointer;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);text-align:left;white-space:nowrap;overflow:hidden}.quest-selector-btn .material-symbols-outlined,.quest-selector-btn .svg-icon{font-size:18px;flex-shrink:0;opacity:.7}.quest-selector-label{overflow:hidden;text-overflow:ellipsis}.quest-selector-btn:hover{background:rgba(var(--primary-rgb, 147, 143, 255),.08);border-color:rgba(var(--primary-rgb, 147, 143, 255),.4);color:var(--text-main)}.quest-selector-btn.active{background:rgba(var(--primary-rgb, 147, 143, 255),.14);border-color:var(--primary);color:var(--primary);font-weight:var(--md-sys-typescale-label-large-weight)}.quest-selector-btn.active .material-symbols-outlined,.quest-selector-btn.active .svg-icon{opacity:1}.quest-tracking-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.quest-tracking-section{margin-top:var(--spacing-sm)}.quest-tracking-hint{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);color:var(--text-dim);font-size:var(--md-sys-typescale-body-small-size);line-height:1.5;margin:0}.quest-dday-chip{display:inline-flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-medium-size);font-weight:700;letter-spacing:.02em}.quest-dday-chip.remaining{background:rgba(var(--primary-rgb, 147, 143, 255),.14);color:var(--primary)}.quest-dday-chip.today{background:rgba(var(--md-sys-color-tertiary-rgb, 239, 184, 200),.18);color:var(--tertiary, #efb8c8)}.quest-dday-chip.overdue{background:rgba(var(--md-sys-color-error-rgb, 242, 184, 181),.14);color:var(--md-sys-color-error, #f2b8b5)}.quest-dday-main{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.quest-dday-preview{margin-top:var(--spacing-sm);min-height:28px}.quest-card-menu{display:flex;align-items:center;gap:var(--spacing-xs);position:relative;flex-shrink:0}.quest-card-menu-btn{width:32px;height:32px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-card-menu-btn:hover{background:var(--glass-bg-light)}.quest-card-menu-dropdown{position:absolute;top:100%;right:0;min-width:180px;background:var(--modal-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--shadow-medium);z-index:10;display:none;flex-direction:column;overflow:hidden}.quest-card-menu-dropdown.visible{display:flex}.quest-card-menu-dropdown button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2-5) var(--spacing-md);border:none;background:transparent;color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-body-medium-size);cursor:pointer;text-align:left;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-card-menu-dropdown button:hover{background:var(--glass-bg)}.quest-card-menu-dropdown button.quest-menu-danger{color:var(--md-sys-color-error, #f2b8b5)}.quest-card-title{font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--text-main);margin:0 0 var(--spacing-xs)}.quest-card-desc{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);margin:0 0 var(--spacing-3);line-height:1.5}.quest-progress-section{margin-top:var(--spacing-sm)}.quest-progress-labels{display:flex;justify-content:space-between;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);margin-bottom:var(--spacing-1-5)}.quest-progress-pct{text-align:right;font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--primary)}.quest-value-input{width:72px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-small);background:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-body-small-size);text-align:center}.quest-target-date{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2)}.quest-elapsed-info{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.quest-elapsed-badge{font-size:var(--md-sys-typescale-label-large-size);font-weight:700;color:var(--primary);letter-spacing:.02em}.quest-elapsed-date{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2)}.quest-record-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:rgba(var(--primary-rgb, 147, 143, 255),.12);color:var(--primary);cursor:pointer;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);flex-shrink:0}.quest-record-btn:hover{background:rgba(var(--primary-rgb, 147, 143, 255),.22);transform:scale(1.1)}.quest-record-btn .material-symbols-outlined,.quest-record-btn .svg-icon{font-size:22px}.quest-record-panel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);background:var(--glass-bg-light, rgba(255,255,255,.04));border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);animation:fadeIn var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-record-date{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-small);background:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-body-small-size)}.quest-record-slider{flex:1 1 120px;min-width:80px;accent-color:var(--primary);cursor:pointer}.quest-record-slider-label{font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--primary);min-width:36px;text-align:center}.quest-record-value-input{width:80px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-small);background:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-body-small-size);text-align:center}.quest-record-save{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--primary);border-radius:var(--md-sys-shape-corner-full);background:rgba(var(--primary-rgb, 147, 143, 255),.12);color:var(--primary);font-family:inherit;font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:background var(--md-sys-motion-duration-short3)}.quest-record-save:hover{background:rgba(var(--primary-rgb, 147, 143, 255),.22)}.quest-record-slider-wrap{flex:1 1 140px;display:flex;flex-direction:column;gap:2px;min-width:100px}.quest-record-slider-row{display:flex;align-items:center;gap:var(--spacing-sm)}.quest-record-slider-row .quest-record-slider{flex:1;min-width:80px}.quest-record-slider-ends{display:flex;justify-content:space-between;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);padding:0 2px}.quest-card-side--dday{flex:0 0 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-sm);border-left:1px solid var(--glass-border)}.quest-side-dday-display{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.quest-side-dday-badge{font-size:1.15rem;font-weight:700;letter-spacing:.03em}.quest-side-dday-display.remaining .quest-side-dday-badge{color:var(--primary)}.quest-side-dday-display.today .quest-side-dday-badge{color:var(--success, #4CAF50)}.quest-side-dday-display.overdue .quest-side-dday-badge{color:var(--error)}.quest-alarm-section{border-top:1px solid var(--glass-border);padding-top:var(--spacing-md);margin-top:var(--spacing-sm)}.quest-alarm-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--text-main)}.quest-alarm-toggle-wrap{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-left:auto;font-size:var(--md-sys-typescale-label-medium-size);font-weight:400;color:var(--text-dim);cursor:pointer}.quest-alarm-toggle-wrap input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.quest-alarm-days{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.quest-alarm-day-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);font-family:inherit;font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-medium-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-alarm-day-btn:hover{border-color:var(--primary);color:var(--primary)}.quest-alarm-day-btn.active{border-color:var(--primary);background:rgba(var(--primary-rgb, 147, 143, 255),.15);color:var(--primary);font-weight:600}.quest-progress-bar{height:10px;background:var(--md-sys-color-surface-container-highest, #353438);border-radius:var(--md-sys-shape-corner-full);overflow:hidden;margin-bottom:var(--spacing-xs);position:relative}.quest-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary, #938fff);border-radius:var(--md-sys-shape-corner-full);transition:width .45s cubic-bezier(.4,0,.2,1);min-width:0}#qt-progress-init{width:100%;margin-top:var(--spacing-xs);accent-color:var(--primary);cursor:pointer}.quest-card-body{display:flex;gap:var(--spacing-sm);align-items:flex-start}.quest-card-main{flex:1 1 0;min-width:0;overflow:hidden}.quest-card-side{flex:0 0 100px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-sm);border-left:1px solid var(--glass-border)}@media (max-width: 400px){.quest-card{padding:var(--spacing-sm)}.quest-card-side{flex:0 0 72px;padding-left:var(--spacing-xs)}.quest-card-side .quest-record-btn{width:36px;height:36px}.quest-card-side .quest-record-btn .material-symbols-outlined,.quest-card-side .quest-record-btn .svg-icon{font-size:26px}.quest-card-title{font-size:var(--md-sys-typescale-body-medium-size)}.quest-card-badges{gap:4px}.quest-badge{padding:2px 6px;font-size:.65rem}.quest-elapsed-badge{font-size:.75rem}.quest-progress-labels{font-size:.65rem}.quest-progress-labels strong{font-size:.7rem}}.quest-card-side .quest-record-btn{width:44px;height:44px}.quest-card-side .quest-record-btn .material-symbols-outlined,.quest-card-side .quest-record-btn .svg-icon{font-size:32px}.quest-card-side--linked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;color:var(--text-dim)}.quest-linked-icon{font-size:28px;color:var(--primary);opacity:.8}.quest-card-side--linked .quest-side-label{font-size:.65rem;opacity:.7;white-space:nowrap}.quest-side-last{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.quest-side-dday{font-size:1.1rem;font-weight:700;color:var(--primary);letter-spacing:.03em}.quest-side-label{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);white-space:nowrap}.quest-side-date{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim);font-weight:500}.quest-history-list-section{margin-top:var(--spacing-md)}.quest-history-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.quest-history-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-small);transition:border-color var(--md-sys-motion-duration-short3)}.quest-history-item.editing{border-color:var(--primary)}.quest-history-date{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);white-space:nowrap;min-width:72px}.quest-history-info{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden}.quest-history-item-title{font-size:var(--md-sys-typescale-body-small-size);font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-history-item-desc{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-history-value-wrap{display:flex;align-items:center;flex-shrink:0}.quest-history-value-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 var(--spacing-xs);border-radius:50%;background:rgba(var(--primary-rgb, 147, 143, 255),.15);border:2px solid var(--primary);color:var(--primary);font-size:var(--md-sys-typescale-label-medium-size);font-weight:700;text-align:center}.quest-history-edit-input{width:60px;padding:var(--spacing-xs);border:1px solid var(--primary);border-radius:var(--md-sys-shape-corner-small);background:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-body-small-size);text-align:center}.quest-history-edit-btn,.quest-history-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--text-dim2);cursor:pointer;flex-shrink:0;transition:background var(--md-sys-motion-duration-short3),color var(--md-sys-motion-duration-short3)}.quest-history-edit-btn:hover{background:rgba(var(--primary-rgb, 147, 143, 255),.12);color:var(--primary)}.quest-history-delete-btn:hover{background:rgba(var(--error-rgb, 207, 102, 121),.12);color:var(--error, #cf6679)}.quest-empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-dim)}.quest-empty-icon{margin-bottom:var(--spacing-3);color:var(--text-dim2)}.quest-empty-state p{margin:0 0 var(--spacing-sm);font-size:var(--md-sys-typescale-body-medium-size)}.quest-empty-hint{color:var(--text-dim2);font-size:var(--md-sys-typescale-body-small-size)!important}.quest-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-3) var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-3);border:2px dashed var(--glass-border);border-radius:var(--md-sys-shape-corner-large);background:transparent;color:var(--primary);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-add-btn:hover{background:rgba(var(--primary-rgb, 147, 143, 255),.08);border-color:var(--primary)}.med-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);z-index:var(--z-index-modal);display:flex;align-items:flex-end;justify-content:center;padding:0;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.med-modal-overlay.visible{opacity:1;pointer-events:auto}.med-modal-surface{width:100%;height:calc(100vh - 15px);max-height:calc(100vh - 15px);background:var(--modal-bg);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.med-modal-overlay.visible .med-modal-surface{transform:translateY(0)}.med-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-lg) var(--spacing-3);border-bottom:1px solid var(--glass-border)}.med-modal-header h2{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--text-main);margin:0}.med-header-actions{display:flex;gap:var(--spacing-2);align-items:center}.med-modal-close,.med-back-btn,.med-calendar-btn{width:40px;height:40px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);font-size:var(--md-sys-typescale-headline-small-size);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.med-modal-close:hover,.med-back-btn:hover,.med-calendar-btn:hover{background:var(--glass-bg-light)}.med-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-5) var(--spacing-5) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-5)}.med-section-card{background:var(--md-sys-color-surface-container-high, var(--surface-container-high));border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-4)}.med-section-card .med-today-item,.med-section-card .med-list-card,.med-section-card .med-rx-card{background:var(--md-sys-color-surface-container-highest, var(--surface-container-highest))}.med-section-title{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--font-weight-semibold);color:var(--text-dim);margin:0 0 var(--spacing-3)}.med-today-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--surface-container-high);margin-bottom:var(--spacing-3)}.med-today-left{flex:1;min-width:0}.med-today-name{font-weight:var(--font-weight-semibold);color:var(--text-main);font-size:var(--md-sys-typescale-body-medium-size)}.med-today-info{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2)}.med-dose-row{display:flex;gap:var(--spacing-2);flex-wrap:wrap;flex-shrink:0}.med-dose-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-1-5) var(--spacing-3);border:1px solid var(--outline-variant);border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);font-size:var(--md-sys-typescale-label-medium-size);font-family:inherit;cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.med-dose-btn:hover{background:var(--glass-bg-light)}.med-dose-btn--done{background:color-mix(in srgb,var(--primary) 15%,transparent);border-color:var(--primary);color:var(--primary)}.med-empty-hint{color:var(--text-dim2);font-size:var(--md-sys-typescale-body-small-size);text-align:center;padding:var(--spacing-3)}.med-list-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--surface-container-high);margin-bottom:var(--spacing-3)}.med-list-card--inactive{opacity:.5}.med-list-main{flex:1;min-width:0}.med-list-actions{display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0}.med-list-name{display:block;font-weight:var(--font-weight-semibold);color:var(--text-main);font-size:var(--md-sys-typescale-body-medium-size)}.med-list-detail{display:block;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.med-toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.med-toggle-switch input{display:none}.med-toggle-track{width:36px;height:20px;border-radius:10px;background:var(--outline-variant);position:relative;transition:background .2s ease}.med-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--md-sys-color-surface, #fff);transition:left .2s ease,background .2s ease}.med-toggle-switch input:checked+.med-toggle-track{background:var(--primary)}.med-toggle-switch input:checked+.med-toggle-track .med-toggle-thumb{left:18px;background:var(--on-primary)}.med-edit-btn,.med-delete-btn{width:32px;height:32px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.med-edit-btn:hover{color:var(--primary)}.med-delete-btn:hover{color:var(--error)}.med-add-btn{width:100%;padding:var(--spacing-4);border:1px dashed var(--outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--primary);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);cursor:pointer;margin-top:var(--spacing-2);transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.med-add-btn:hover{background:rgba(var(--primary-rgb, 147, 143, 255),.08);border-color:var(--primary)}.med-empty-state{text-align:center;padding:var(--spacing-5);color:var(--text-dim2)}.med-empty-state .svg-icon{margin-bottom:var(--spacing-2);opacity:.5}.med-rx-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--surface-container-high);margin-bottom:var(--spacing-2)}.med-rx-name{font-weight:500;color:var(--text-main)}.med-rx-dday{font-weight:700;color:var(--text-dim)}.med-rx--urgent .med-rx-dday{color:var(--error)}.med-rx--soon .med-rx-dday{color:var(--warning, #f0a020)}.med-adherence-bar{height:8px;border-radius:4px;background:var(--surface-container-highest);overflow:hidden;margin-bottom:var(--spacing-2)}.med-adherence-fill{height:100%;border-radius:4px;background:var(--primary);transition:width .3s ease}.med-adherence-label{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim)}.med-pattern-insight{font-size:var(--md-sys-typescale-body-small-size);color:var(--warning, #f0a020);margin-top:var(--spacing-2)}.med-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.med-cal-nav button{width:36px;height:36px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.med-cal-month-label{font-weight:600;color:var(--text-main);font-size:var(--md-sys-typescale-body-large-size)}.med-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.med-cal-dow{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);padding:4px 0}.med-cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-label-medium-size);color:var(--text-dim)}.med-cal-cell.empty{visibility:hidden}.med-cal--today{outline:2px solid var(--primary);outline-offset:-1px;font-weight:700}.med-cal--all{background:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--text-main)}.med-cal--partial{background:color-mix(in srgb,var(--warning, #f0a020) 25%,transparent);color:var(--text-main)}.med-cal--missed{background:color-mix(in srgb,var(--error) 20%,transparent);color:var(--text-main)}.med-cal-legend{display:flex;gap:var(--spacing-3);justify-content:center;margin-top:var(--spacing-3);flex-wrap:wrap}.med-legend-item{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);display:flex;align-items:center;gap:4px}.med-legend-item:before{content:"";width:10px;height:10px;border-radius:2px}.med-legend--all:before{background:color-mix(in srgb,var(--primary) 30%,transparent)}.med-legend--partial:before{background:color-mix(in srgb,var(--warning, #f0a020) 25%,transparent)}.med-legend--missed:before{background:color-mix(in srgb,var(--error) 20%,transparent)}.med-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.med-form-card{background:var(--md-sys-color-surface-container-high, var(--surface-container-high));border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.med-form-label{font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--text-dim)}.med-form-input{width:100%;padding:10px 14px;border:1px solid var(--outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--surface-container-high);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-body-medium-size)}.med-form-input:focus{border-color:var(--primary);outline:none}.med-form-row{display:flex;gap:var(--spacing-3)}.med-form-row-between{display:flex;align-items:center;justify-content:space-between}.med-form-field{flex:1}.med-name-combo{display:flex;flex-direction:column;gap:var(--spacing-2)}.med-name-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.med-name-manual.hidden{display:none}.med-day-chips{display:flex;gap:var(--spacing-1-5);flex-wrap:wrap}.med-day-chip{display:flex;align-items:center;padding:6px 12px;border-radius:var(--md-sys-shape-corner-full);border:1px solid var(--outline-variant);cursor:pointer;font-size:var(--md-sys-typescale-label-medium-size);color:var(--text-dim);-webkit-user-select:none;user-select:none;transition:all .15s ease}.med-day-chip input{display:none}.med-day-chip--active{background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:var(--primary);color:var(--primary)}.med-time-inputs{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.med-time-input{padding:8px 12px;border:1px solid var(--outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--surface-container-high);color:var(--text-main);font-family:inherit}.med-times-count{width:80px}.med-form-toggle{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;color:var(--text-dim);font-size:var(--md-sys-typescale-body-medium-size)}.med-notif-type{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.med-notif-type.hidden{display:none}.med-notif-option{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--outline-variant);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;font-size:var(--md-sys-typescale-label-medium-size);color:var(--text-dim);-webkit-user-select:none;user-select:none;transition:all .15s ease}.med-notif-option input[type=radio],.med-notif-option input[type=checkbox]{display:none}.med-notif-option--active{background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:var(--primary);color:var(--primary)}.med-form-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-3)}.med-cancel-btn{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--text-main);font-family:inherit;font-weight:600;font-size:var(--md-sys-typescale-label-large-size);cursor:pointer;transition:background .15s ease}.med-cancel-btn:hover{background:var(--glass-bg-light)}.med-save-btn{flex:2;padding:var(--spacing-2-5) var(--spacing-lg);border:none;border-radius:var(--md-sys-shape-corner-medium);background:var(--primary);color:var(--on-primary);font-family:inherit;font-weight:600;font-size:var(--md-sys-typescale-label-large-size);cursor:pointer;transition:opacity .15s ease;min-width:40px}.med-save-btn:hover{opacity:.9}.med-widget-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin:var(--spacing-2) 0}.med-widget-card{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--md-sys-shape-corner-medium);background:linear-gradient(to right,color-mix(in srgb,var(--primary) 25%,var(--md-sys-color-surface-container-high, #3a3840)) var(--med-pct, 0%),var(--md-sys-color-surface-container-high, #3a3840) var(--med-pct, 0%));gap:var(--spacing-2);transition:background .3s ease}.med-widget-card--done{opacity:.55}.med-widget-info{flex:1;min-width:0}.med-widget-name{display:block;color:var(--text-main);font-weight:600;font-size:var(--md-sys-typescale-body-small-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.med-widget-detail{display:block;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2)}.med-widget-doses{display:flex;gap:2px;flex-shrink:0}.med-widget-dose{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 6px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);cursor:pointer;font-family:inherit;transition:all .15s ease}.med-widget-dose--next{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);padding:0 10px;font-weight:600}.med-widget-dose--next:hover{background:color-mix(in srgb,var(--primary) 28%,transparent)}.med-widget-dose:active{transform:scale(.9)}.med-widget-dose--done{color:var(--primary)}.med-widget-dose-count{font-size:10px;color:inherit;opacity:.8;margin-left:2px}.med-widget-done-badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:var(--md-sys-typescale-label-small-size);font-weight:600;white-space:nowrap}.med-widget-dose-time{font-size:9px;color:inherit;white-space:nowrap}.med-widget-more{font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);text-align:center}.med-widget-progress{margin-top:var(--spacing-1)}.med-widget-bar{height:4px;border-radius:2px;background:var(--surface-container-highest);overflow:hidden}.med-widget-fill{height:100%;border-radius:2px;background:var(--primary);transition:width .3s ease}.quest-detail-toggle{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--text-dim2);font-family:inherit;font-size:var(--md-sys-typescale-label-small-size);cursor:pointer;transition:color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);width:100%;justify-content:center}.quest-detail-toggle:hover{color:var(--primary)}.quest-detail-toggle .material-symbols-outlined,.quest-detail-toggle .svg-icon{transition:transform var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.quest-detail-toggle.expanded .material-symbols-outlined,.quest-detail-toggle.expanded .svg-icon{transform:rotate(180deg)}.quest-detail-toggle.expanded{color:var(--primary)}.quest-detail-panel{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--glass-border);animation:slideDownFade var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quest-detail-dday{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-3);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-large-weight);margin-bottom:var(--spacing-3)}.quest-detail-dday.remaining{background:rgba(var(--primary-rgb, 147, 143, 255),.12);color:var(--primary)}.quest-detail-dday.today{background:rgba(var(--md-sys-color-tertiary-rgb, 239, 184, 200),.15);color:var(--tertiary)}.quest-detail-dday.overdue{background:rgba(var(--md-sys-color-error-rgb, 242, 184, 181),.12);color:var(--md-sys-color-error, #f2b8b5)}.quest-dday-label{font-weight:700;font-size:var(--md-sys-typescale-title-small-size)}.quest-dday-date{color:var(--text-dim);font-size:var(--md-sys-typescale-label-small-size);font-weight:400}.quest-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-3)}.quest-stat-item{text-align:center;padding:var(--spacing-2-5) var(--spacing-xs);background:var(--glass-bg);border-radius:var(--md-sys-shape-corner-medium)}.quest-stat-value{display:block;font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--primary);line-height:1.2}.quest-stat-label{display:block;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);margin-top:var(--spacing-xxs)}.quest-detail-milestone{margin-bottom:var(--spacing-5)}.quest-milestone-labels{display:flex;justify-content:space-between;font-size:var(--md-sys-typescale-label-small-size);color:var(--text-dim2);margin-bottom:var(--spacing-1-5)}.quest-milestone-track{position:relative;height:12px;background:var(--md-sys-color-surface-container-highest, #353438);border-radius:var(--md-sys-shape-corner-full);overflow:visible}.quest-milestone-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--tertiary));border-radius:var(--md-sys-shape-corner-full);transition:width var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-emphasized)}.quest-milestone-marker{position:absolute;top:calc(-1 * var(--spacing-xs));width:20px;height:20px;background:var(--primary);border:2px solid var(--surface-base);border-radius:50%;transform:translate(-50%);z-index:2}.quest-milestone-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--primary);color:var(--on-primary);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--md-sys-shape-corner-small);font-size:10px;font-weight:600;white-space:nowrap;margin-bottom:var(--spacing-xs)}.quest-milestone-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--primary)}.quest-milestone-tick{position:absolute;top:0;width:1px;height:100%;background:var(--glass-border);z-index:1}.quest-detail-chart-section{margin-bottom:var(--spacing-3)}.quest-detail-section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--text-main);margin:0 0 var(--spacing-sm)}.quest-chart-container{position:relative;width:100%;height:200px;background:var(--glass-bg);border-radius:var(--md-sys-shape-corner-medium);padding:var(--spacing-sm)}.quest-chart-container canvas{width:100%!important;height:100%!important}.quest-chart-wrapper{position:relative;width:100%;overflow:hidden;border-radius:var(--md-sys-shape-corner-medium)}.quest-point-info-card{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);animation:fade-in .2s ease}.qpic-header{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--md-sys-typescale-label-medium-size, 12px);color:var(--text-dim);margin-bottom:var(--spacing-sm)}.qpic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.qpic-col{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-xs);border-radius:var(--md-sys-shape-corner-extra-small)}.qpic-col.qpic-selected{background:var(--primary);border-radius:var(--md-sys-shape-corner-small)}.qpic-label{font-size:10px;color:var(--text-dim);white-space:nowrap;text-align:center}.qpic-selected .qpic-label{color:var(--on-primary);opacity:.8}.qpic-value{font-size:var(--md-sys-typescale-label-large-size, 14px);font-weight:600;color:var(--text-main);white-space:nowrap}.qpic-selected .qpic-value{color:var(--on-primary)}.quest-dday-calendar{margin-bottom:var(--spacing-3)}.qcal-countdown{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);border:1px solid var(--glass-border)}.qcal-dday-label{font-size:var(--md-sys-typescale-headline-small-size, 24px);font-weight:700;color:var(--primary);min-width:80px}.qcal-countdown.today .qcal-dday-label{color:var(--success, #4caf50)}.qcal-countdown.overdue .qcal-dday-label{color:var(--error, #f44336)}.qcal-target-date{font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim)}.qcal-month-label{text-align:center;font-size:var(--md-sys-typescale-title-small-size, 14px);font-weight:600;color:var(--text-main);margin-bottom:var(--spacing-xs)}.qcal-grid{width:100%}.qcal-header-row,.qcal-body{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.qcal-header-cell{text-align:center;font-size:10px;color:var(--text-dim);padding:var(--spacing-xs) 0}.qcal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:var(--md-sys-shape-corner-extra-small);color:var(--text-main)}.qcal-day.qcal-past{color:var(--text-dim)}.qcal-day.qcal-today{background:var(--primary);color:var(--on-primary);font-weight:700;border-radius:50%}.qcal-day.qcal-target{background:var(--tertiary, var(--accent));color:var(--on-tertiary, #fff);font-weight:700;border-radius:50%;outline:2px solid var(--tertiary, var(--accent));outline-offset:2px}.qcal-day.qcal-today.qcal-target{background:linear-gradient(135deg,var(--primary) 50%,var(--tertiary, var(--accent)) 50%);color:var(--on-primary)}.qcal-day.qcal-empty{visibility:hidden}.quest-detail-no-history{text-align:center;padding:var(--spacing-lg) var(--spacing-md);color:var(--text-dim2)}.quest-detail-no-history .material-symbols-outlined,.quest-detail-no-history .svg-icon{font-size:32px;margin-bottom:var(--spacing-sm);opacity:.4}.quest-detail-no-history p{margin:0;font-size:var(--md-sys-typescale-body-small-size)}.quest-detail-linked{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-2-5) var(--spacing-3);background:rgba(var(--primary-rgb, 147, 143, 255),.06);border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-label-medium-size);color:var(--text-dim);margin-top:var(--spacing-sm)}.quest-detail-linked .material-symbols-outlined,.quest-detail-linked .svg-icon{color:var(--primary)}.quest-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);z-index:var(--z-index-popover);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized-decelerate)}.quest-dialog-surface{width:100%;max-height:calc(100vh - var(--spacing-xl));overflow-y:auto;background:var(--modal-bg);border-radius:var(--md-sys-shape-corner-extra-large);padding:var(--spacing-lg)}.quest-dialog-surface h3{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--text-main);margin:0 0 var(--spacing-5)}.quest-dialog-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.quest-form-group{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.quest-form-group label{font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--text-dim)}.quest-form-group input,.quest-form-group select,.quest-form-group textarea{padding:var(--spacing-2-5) 14px;border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-small);background:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-body-medium-size);transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-form-group input:focus,.quest-form-group select:focus,.quest-form-group textarea:focus{outline:none;border-color:var(--primary)}.quest-form-row-3{grid-template-columns:1fr 1fr 1fr}.quest-linked-hint{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim2);line-height:1.4}.quest-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-5)}.quest-dialog-cancel{padding:var(--spacing-2-5) var(--spacing-5);border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-dim);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-dialog-cancel:hover{background:var(--glass-bg)}.quest-dialog-save{padding:var(--spacing-2-5) var(--spacing-lg);border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--primary);color:var(--on-primary);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.quest-dialog-save:hover{opacity:.9}.health-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);z-index:var(--z-index-modal);display:flex;align-items:flex-end;justify-content:center;padding:var(--spacing-md) var(--spacing-md) 0;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.health-modal-overlay.visible{opacity:1;pointer-events:auto}.health-modal-surface{width:100%;max-height:calc(100vh - 15px);overflow-y:auto;background:var(--modal-bg);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.health-modal-overlay.visible .health-modal-surface{transform:translateY(0)}.health-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-lg) var(--spacing-3);border-bottom:1px solid var(--glass-border);position:sticky;top:0;background:var(--modal-bg);z-index:1}.health-modal-title{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--text-main);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.health-modal-close{flex-shrink:0}.health-modal-content{padding:var(--spacing-5) var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.health-warnings-section,.health-hrt-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.health-section-title{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--text-main);margin:0 0 12px;display:flex;align-items:center;gap:var(--spacing-1-5)}.health-warning-card{padding:14px var(--spacing-md);border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);border-left:4px solid var(--glass-border)}.health-warning-card.severity-high{border-left-color:var(--md-sys-color-error, #f2b8b5);background:rgba(var(--md-sys-color-error-rgb, 242, 184, 181),.08)}.health-warning-card.severity-medium{border-left-color:var(--warning, #ffb74d);background:#ffb74d14}.health-warning-card.severity-low{border-left-color:var(--info, #64b5f6);background:#64b5f614}.health-warning-card.severity-info{border-left-color:var(--md-sys-color-outline-variant, var(--glass-border))}.warning-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.severity-chip{display:inline-flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-2-5);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-large-weight);text-transform:uppercase;letter-spacing:.5px}.severity-chip.severity-high{background:rgba(var(--md-sys-color-error-rgb, 242, 184, 181),.2);color:var(--md-sys-color-error, #f2b8b5)}.severity-chip.severity-medium{background:#ffb74d33;color:var(--warning, #ffb74d)}.severity-chip.severity-low{background:#64b5f633;color:var(--info, #64b5f6)}.severity-chip.severity-info{background:var(--glass-bg);color:var(--text-dim)}.warning-title{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--text-main)}.warning-description{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);line-height:1.5;margin:0 0 var(--spacing-1-5)}.warning-recommendation{font-size:var(--md-sys-typescale-body-small-size);color:var(--primary);line-height:1.5;margin:0;display:flex;align-items:flex-start;gap:var(--spacing-xs)}.health-no-warnings{text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.no-warnings-text{font-size:var(--md-sys-typescale-body-large-size);color:var(--text-main);margin:0 0 var(--spacing-xs)}.no-warnings-hint{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim2);margin:0}.hrt-info-card{padding:14px var(--spacing-md);border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);border:1px solid var(--glass-border)}.hrt-info-card p{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);line-height:1.6;margin:0}.health-preview{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim)}#health-card-alerts{display:flex;flex-direction:column;gap:6px;margin-top:var(--spacing-sm)}.health-card-alert{display:flex;align-items:flex-start;gap:6px;padding:6px 8px;border-radius:var(--md-sys-shape-corner-small, 8px);font-size:var(--md-sys-typescale-label-small-size, 11px);line-height:1.4}.health-card-critical{background:#ff54491a;color:var(--md-sys-color-error, #FF5449)}.health-card-critical .material-symbols-outlined,.health-card-critical .svg-icon{color:var(--md-sys-color-error, #FF5449);font-size:14px!important;flex-shrink:0}.health-card-warning{background:#ffb4001a;color:var(--warning, #FFB400)}.health-card-warning .material-symbols-outlined,.health-card-warning .svg-icon{color:var(--warning, #FFB400);font-size:14px!important;flex-shrink:0}.health-card-status{display:flex;align-items:center;gap:6px;font-size:var(--md-sys-typescale-body-small-size, 12px);padding:6px 8px;border-radius:var(--md-sys-shape-corner-small, 8px)}.health-card-ok{background:#4caf5014;color:var(--success, #4CAF50)}.health-card-more{font-size:10px;color:var(--text-dim2, #777);text-align:right;padding-top:2px}.health-card-alerts-container{display:flex;flex-direction:column;gap:5px;margin-top:var(--spacing-sm)}.health-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--md-sys-shape-corner-small, 8px);font-size:var(--md-sys-typescale-label-small-size, 11px);font-weight:500;line-height:1.4}.health-chip .material-symbols-outlined,.health-chip .svg-icon{font-size:14px!important;flex-shrink:0}.health-chip--good{background:color-mix(in oklch,var(--primary) 12%,transparent);color:color-mix(in oklch,var(--primary) 80%,#4CAF50 20%)}.health-chip--good .material-symbols-outlined,.health-chip--good .svg-icon{color:color-mix(in oklch,var(--primary) 60%,#4CAF50 40%)}.health-chip--warning{background:color-mix(in oklch,var(--primary) 8%,rgba(255,180,0,.08) 92%);color:color-mix(in oklch,var(--primary) 30%,#FFB400 70%)}.health-chip--warning .material-symbols-outlined,.health-chip--warning .svg-icon{color:color-mix(in oklch,var(--primary) 20%,#FFB400 80%)}.health-chip--critical{background:color-mix(in oklch,var(--primary) 6%,rgba(255,84,73,.1) 94%);color:color-mix(in oklch,var(--primary) 15%,#FF5449 85%)}.health-chip--critical .material-symbols-outlined,.health-chip--critical .svg-icon{color:color-mix(in oklch,var(--primary) 10%,#FF5449 90%)}.health-chip--more{font-size:10px;color:var(--text-dim2, #777);text-align:right;padding:2px 10px 0;justify-content:flex-end}#sv-card-shortcut{background:color-mix(in oklch,var(--primary) var(--shortcut-bg-pct, 0%),var(--glass-bg, rgba(255,255,255,.05)));transition:background .6s ease}.shortcut-card{display:flex;flex-direction:column;justify-content:center;height:100%;padding:2px 0;gap:6px}.shortcut-dday{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--primary, #D0BCFF)}.shortcut-dday--overdue{color:var(--md-sys-color-error, #FF5449)}.shortcut-dday--dday{color:color-mix(in oklch,var(--primary) 60%,#FFB400 40%)}.shortcut-dday--urgent{color:var(--warning, #FFB400)}.shortcut-dday--soon{color:color-mix(in oklch,var(--primary) 70%,#FFB400 30%)}.shortcut-dday--ok{color:var(--primary, #D0BCFF)}.shortcut-detail{font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim, #a0a0a0);line-height:1.4;margin-top:2px}.shortcut-new-icon{font-size:28px!important;color:var(--primary, #D0BCFF);display:block;margin-bottom:4px}.sv-metric-slide{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px)!important}.sv-metric-header{display:flex;justify-content:space-between;align-items:center}.sv-metric-title{font-size:var(--md-sys-typescale-label-medium-size, 12px);font-weight:600;color:var(--text-dim, #a0a0a0);margin:0}.sv-metric-pct{font-size:11px;font-weight:700;padding:1px 7px;border-radius:var(--md-sys-shape-corner-full, 9999px)}.sv-metric-pct.positive-change{background:color-mix(in oklch,var(--primary) 10%,rgba(76,175,80,.1) 90%);color:color-mix(in oklch,var(--primary) 30%,#4CAF50 70%)}.sv-metric-pct.negative-change{background:color-mix(in oklch,var(--primary) 10%,rgba(255,84,73,.1) 90%);color:color-mix(in oklch,var(--primary) 30%,#FF5449 70%)}.sv-metric-body{padding:4px 0}.sv-metric-value{font-size:1.5rem;font-weight:700;color:var(--primary, #D0BCFF);margin:0}.sv-metric-footer{display:flex;align-items:center;gap:4px}.sv-metric-icon{font-size:16px!important}.sv-metric-icon.positive-change{color:color-mix(in oklch,var(--primary) 40%,#4CAF50 60%)}.sv-metric-icon.negative-change{color:color-mix(in oklch,var(--primary) 40%,#FF5449 60%)}.sv-metric-change{font-size:var(--md-sys-typescale-label-small-size, 11px);color:var(--text-dim, #a0a0a0);margin:0}.sv-metric-change.positive-change{color:color-mix(in oklch,var(--primary) 30%,#4CAF50 70%)}.sv-metric-change.negative-change{color:color-mix(in oklch,var(--primary) 30%,#FF5449 70%)}.sv-card-hormones-compact{overflow:hidden}.shc-grid{display:flex;flex-direction:column;gap:6px}.shc-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;background:var(--md-sys-color-surface-container, rgba(255,255,255,.04));border-radius:var(--md-sys-shape-corner-small, 8px);border:1px solid var(--glass-border, rgba(255,255,255,.04))}.shc-label{display:flex;align-items:center;gap:5px;min-width:0}.shc-abbr{font-size:10px;font-weight:700;color:var(--primary, #D0BCFF);background:color-mix(in oklch,var(--primary) 12%,transparent);padding:2px 5px;border-radius:5px;line-height:1;flex-shrink:0}.shc-name{font-size:11px;font-weight:500;color:var(--text-main, #e0e0e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 380px){.shc-name{display:none}}.shc-data{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.shc-value{font-size:.95rem;font-weight:700;color:var(--primary, #D0BCFF);line-height:1.2}.shc-target{font-size:9px;color:var(--text-dim2, #777);white-space:nowrap}.shc-badge{font-size:0!important;padding:3px;gap:0;flex-shrink:0;border-radius:6px}.shc-badge .material-symbols-outlined,.shc-badge .svg-icon{font-size:14px!important}.shc-ratio{margin-top:6px;padding:6px 8px;background:var(--md-sys-color-surface-container, rgba(255,255,255,.04));border-radius:var(--md-sys-shape-corner-small, 8px);border:1px solid var(--glass-border, rgba(255,255,255,.04))}.shc-ratio-bar{display:flex;flex-direction:column;gap:3px}.shc-ratio-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--info, #64b5f6),var(--warning, #ffb74d));position:relative}.shc-ratio-marker{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--text-main, #e0e0e0);border:2px solid var(--glass-bg, #1a1a2e);transform:translate(-50%,-50%);box-shadow:0 0 0 1px var(--text-main)}.shc-ratio-labels{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-dim2, #777)}.shc-ratio-val{font-weight:600;color:var(--text-dim, #a0a0a0)}.health-symptom-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.symptom-summary-text{font-size:var(--md-sys-typescale-body-medium-size);color:var(--text-dim);line-height:1.6;margin:0}.symptom-insight-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-2-5) 14px;border-radius:var(--md-sys-shape-corner-medium);background:rgba(var(--primary-rgb, 147, 143, 255),.06);font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);line-height:1.5;margin-bottom:var(--spacing-1-5)}.symptom-insight-item .insight-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.symptom-insight-item .insight-body strong{color:var(--text-primary);font-size:var(--md-sys-typescale-body-medium-size)}.symptom-insight-item .insight-symptoms{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.symptom-insight-item .insight-advice{margin:4px 0 0;display:flex;align-items:center;gap:4px;color:var(--primary);font-size:var(--md-sys-typescale-label-small-size)}.symptom-insight-item:last-child{margin-bottom:0}.symptom-insight-item .material-symbols-outlined,.symptom-insight-item .svg-icon{color:var(--primary);flex-shrink:0;margin-top:1px}.symptom-trends-row{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5)}.symptom-trend-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-3);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-medium-weight)}.symptom-trend-chip.trend-good{background:#81c78426;color:var(--success, #81c784)}.symptom-trend-chip.trend-bad{background:rgba(var(--md-sys-color-error-rgb, 242, 184, 181),.15);color:var(--md-sys-color-error, #f2b8b5)}.symptom-trend-chip.trend-neutral{background:var(--glass-bg);color:var(--text-dim)}.hormone-cycle-info{padding:var(--spacing-3) var(--spacing-md);border-radius:var(--md-sys-shape-corner-medium);background:var(--glass-bg);border:1px solid var(--glass-border)}.cycle-phase{font-size:var(--md-sys-typescale-body-medium-size);color:var(--text-main);margin-bottom:var(--spacing-xs)}.cycle-recommendation{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);line-height:1.5;margin:0}.health-causes-section,.health-compound-section,.health-hormone-range-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.cause-analysis-card{background:var(--md-sys-color-surface-container, var(--glass-bg));border:1px solid var(--glass-border, rgba(255,255,255,.08));border-radius:var(--md-sys-shape-corner-large, 16px);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.cause-header{display:flex;justify-content:space-between;align-items:center}.cause-symptom-name{font-weight:500;color:var(--text-primary);text-transform:capitalize;font-size:var(--md-sys-typescale-body-large-size, 16px)}.cause-severity-badge{font-size:var(--md-sys-typescale-label-small-size, 11px);font-weight:600;padding:2px var(--spacing-sm);border-radius:var(--radius-full, 100px)}.cause-severity-badge.severity-high{background:var(--md-sys-color-error-container, rgba(255,50,50,.15));color:var(--md-sys-color-error, #FF5449)}.cause-severity-badge.severity-medium{background:#ffb40026;color:#ffb400}.cause-severity-badge.severity-low{background:#81c78426;color:#81c784}.cause-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.cause-chip{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-full, 100px);font-size:var(--md-sys-typescale-label-small-size, 11px);background:rgba(var(--primary-rgb, 147, 143, 255),.12);color:var(--md-sys-color-primary);text-transform:capitalize}.hospital-advice{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm, 8px);font-size:var(--md-sys-typescale-body-small-size, 12px);font-weight:600}.hospital-advice.hospital-critical{background:var(--md-sys-color-error-container, rgba(255,50,50,.15));color:var(--md-sys-color-error, #FF5449)}.hospital-advice.hospital-warning{background:#ffb4001f;color:#ffb400}.resolution-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.resolution-category{display:flex;flex-direction:column;gap:var(--spacing-xxs);background:rgba(var(--primary-rgb, 147, 143, 255),.06);border-radius:var(--radius-md, 12px);padding:var(--spacing-sm)}.resolution-cat-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--md-sys-typescale-label-small-size, 11px);font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.resolution-list{margin:0;padding-left:var(--spacing-md);font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim);line-height:1.6}.resolution-list li::marker{color:var(--md-sys-color-primary)}.compound-pattern-card{border-radius:var(--radius-md, 12px);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.compound-pattern-card.severity-critical{background:var(--md-sys-color-error-container, rgba(255,50,50,.12));border-left:3px solid var(--md-sys-color-error, #FF5449)}.compound-pattern-card.severity-warning{background:#ffb4001a;border-left:3px solid #FFB400}.compound-header{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary)}.compound-description{margin:0;font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim);line-height:1.5}.compound-action{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;font-size:var(--md-sys-typescale-body-medium-size, 14px);color:var(--md-sys-color-primary)}.compound-matched{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.hormone-range-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md, 12px);background:var(--state-hover)}.hormone-range-card.range-ideal{border-left:3px solid var(--md-sys-color-primary)}.hormone-range-card.range-caution{border-left:3px solid #FFB400}.hormone-range-card.range-danger{border-left:3px solid var(--md-sys-color-error, #FF5449)}.hormone-range-header{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.hormone-range-name{font-weight:500;color:var(--text-primary);font-size:var(--md-sys-typescale-body-medium-size, 14px)}.hormone-range-status{font-size:var(--md-sys-typescale-label-small-size, 11px);color:var(--text-dim)}.hormone-range-value{font-weight:600;font-size:var(--md-sys-typescale-title-medium-size, 16px);color:var(--md-sys-color-primary)}@media (min-width: 600px){.container{padding:var(--spacing-lg) var(--spacing-lg) 100px}.sv-grid{gap:var(--spacing-md)}.input-grid{grid-template-columns:1fr 1fr}.quest-modal-overlay{align-items:center;padding:var(--spacing-lg)}.quest-modal-surface{max-width:560px;max-height:85vh;border-radius:var(--md-sys-shape-corner-extra-large);transform:translateY(24px) scale(.96)}.quest-modal-overlay.visible .quest-modal-surface{transform:translateY(0) scale(1)}}@supports (padding: env(safe-area-inset-bottom)){.tab-bar{padding-bottom:env(safe-area-inset-bottom)}.container{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}@media print{.tab-bar,.app-bar-actions,.button-group,.glass-button,.icon-button,.modal-overlay,.modal-bottom-sheet-overlay,.diary-bottom-sheet{display:none!important}body{background:#fff;color:#000}.glass-card{border:1px solid var(--md-sys-color-outline-variant, #ddd);box-shadow:none;break-inside:avoid}}body.modal-open{overflow:hidden}.sv-card-with-image{position:relative;overflow:hidden}.sv-card-image-normal .carousel-content,.sv-card-image-write .carousel-content{scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sv-card-image-normal .carousel-content::-webkit-scrollbar,.sv-card-image-write .carousel-content::-webkit-scrollbar{display:none}.sv-metric-slide,.sv-action-slide,.sv-hormone-summary-slide{scroll-snap-align:start;padding:var(--spacing-xs) 0}.sv-hormone-rows{display:flex;flex-direction:column;gap:8px}.sv-hormone-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--md-sys-color-surface-container, rgba(255,255,255,.04));border-radius:var(--md-sys-shape-corner-medium, 12px);border:1px solid var(--glass-border, rgba(255,255,255,.06))}.sv-hormone-row-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.sv-hormone-abbr{font-size:11px;font-weight:700;color:var(--primary, #D0BCFF);background:#d0bcff1a;padding:2px 6px;border-radius:6px;line-height:1}.sv-hormone-row-name{font-size:11px;font-weight:600;color:var(--text-main, #e0e0e0);white-space:nowrap}.sv-hormone-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.sv-hormone-row-value{font-size:1rem;font-weight:700;color:var(--primary, #D0BCFF);line-height:1.2}.sv-hormone-row-target{font-size:10px;color:var(--text-dim2, #777)}.sv-hormone-row .status-badge{font-size:9px;padding:1px 7px;gap:2px}.sv-hormone-row .status-icon{font-size:12px!important}.sv-ratio-row{display:flex;align-items:center;gap:var(--spacing-sm)}.sv-ratio-group{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.sv-ratio-bar-wrapper{flex:1}.sv-action-category{display:flex;align-items:center;gap:var(--spacing-1-5);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--primary);margin-bottom:var(--spacing-sm)}.sv-action-category .category-icon{font-size:18px}.sv-action-items{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.sv-action-item{padding:var(--spacing-1-5) 0;border-bottom:1px solid color-mix(in srgb,var(--glass-border) 50%,transparent)}.sv-action-item:last-child{border-bottom:none}.sv-action-item-title{font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--text-main)}.sv-action-item-reason{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);margin-top:var(--spacing-xxs)}.sv-action-empty{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim2);text-align:center;padding:var(--spacing-3)}.sv-action-locked-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:var(--spacing-xl) var(--spacing-3);color:var(--text-dim);font-size:var(--md-sys-typescale-body-medium-size);text-align:center}.diary-preview-item{padding:var(--spacing-1-5) 0;border-bottom:1px solid color-mix(in srgb,var(--glass-border) 50%,transparent)}.diary-preview-item:last-child{border-bottom:none}.diary-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxs)}.diary-preview-date{font-size:var(--md-sys-typescale-label-medium-size);color:var(--primary);font-weight:600}.diary-preview-mood{font-size:var(--md-sys-typescale-body-large-size)}.diary-preview-text{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim);line-height:1.4;margin:0}.quest-preview-item{padding:var(--spacing-1-5) 0;border-bottom:1px solid color-mix(in srgb,var(--glass-border) 50%,transparent)}.quest-preview-item:last-child{border-bottom:none}.quest-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.quest-preview-title{font-size:var(--md-sys-typescale-body-medium-size);color:var(--text-main);font-weight:500}.quest-preview-pct{font-size:var(--md-sys-typescale-label-medium-size);color:var(--primary);font-weight:600}.quest-preview-bar{width:100%;height:6px;border-radius:3px;background:color-mix(in srgb,var(--primary) 15%,transparent);overflow:hidden}.quest-preview-fill{height:100%;border-radius:3px;background:var(--primary);transition:width .3s ease}.placeholder{text-align:center;color:var(--text-dim2);font-size:var(--md-sys-typescale-body-small-size);padding:var(--spacing-md) var(--spacing-sm)}.carousel-dots .carousel-dot,.carousel-dots .dot,.carousel-dots span{width:8px;height:8px;border-radius:var(--md-sys-shape-corner-full);background:var(--text-dim2);transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);cursor:pointer;display:inline-block}.carousel-dots .carousel-dot.active,.carousel-dots .dot.active,.carousel-dots span.active{background:var(--primary);width:24px}md-modal-* 동시 지원 */ .md-carousel{position:relative}.md-carousel-content{display:flex;transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);will-change:transform}.md-carousel-slide{min-width:100%;flex-shrink:0;padding:var(--spacing-xs) 0;box-sizing:border-box}.md-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--glass-bg-light);color:var(--text-dim);cursor:pointer;display:none;align-items:center;justify-content:center;z-index:1;opacity:.8}.md-carousel:hover .md-carousel-arrow{display:flex}.md-carousel-dots{display:flex;justify-content:center;gap:var(--spacing-1-5);margin-top:var(--spacing-2-5)}.md-carousel-dots .md-carousel-dot{width:8px;height:8px;border-radius:var(--md-sys-shape-corner-full);background:var(--text-dim2);display:inline-block;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);cursor:pointer}.md-carousel-dots .md-carousel-dot.active{background:var(--primary);width:24px}.md-modal-header{position:sticky;top:0;background:var(--modal-bg);z-index:1;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border)}.md-modal-body{padding:var(--spacing-md) var(--spacing-lg);overflow-y:auto}.md-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-md)}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:var(--z-index-overlay-top);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);opacity:0;transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.onboarding-overlay.visible{opacity:1}.onboarding-surface{width:100%;max-width:540px;max-height:94vh;background:var(--modal-bg, var(--glass-bg));border-radius:var(--md-sys-shape-corner-extra-large);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--md-sys-elevation-5);transform:translateY(24px) scale(.96);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.onboarding-overlay.visible .onboarding-surface{transform:translateY(0) scale(1)}.onboarding-content{flex:1;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);transition:opacity .15s ease}.onboarding-footer{padding:var(--spacing-3) var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.onboarding-dots{display:flex;justify-content:center;gap:var(--spacing-sm)}.onboarding-dot{width:8px;height:8px;border-radius:var(--md-sys-shape-corner-full);background:var(--text-dim2);transition:all var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);cursor:pointer}.onboarding-dot.active{width:24px;background:var(--primary)}.onboarding-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.onboarding-step-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.onboarding-step-center h2{font-size:var(--md-sys-typescale-headline-medium-size);font-weight:400;margin-bottom:0;color:var(--text-main)}.onboarding-logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.onboarding-logo-svg{width:200px;height:auto}.onboarding-sub{font-size:var(--md-sys-typescale-body-large-size);color:var(--text-dim);margin-bottom:var(--spacing-md)}.onboarding-hint{font-size:var(--md-sys-typescale-body-small-size);color:var(--text-dim2);margin-top:var(--spacing-3);padding:var(--spacing-sm) var(--spacing-3);background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:var(--md-sys-shape-corner-medium)}.onboarding-step-icon{width:64px;height:64px;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--primary) 12%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-3)}.onboarding-step-icon .material-symbols-outlined,.onboarding-step-icon .svg-icon,.mi-xl{font-size:var(--md-sys-typescale-headline-large-size);color:var(--primary)}.onboarding-lang-chips{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-3)}.onboarding-lang-chip{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-2-5) var(--spacing-5);border:2px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.onboarding-lang-chip:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:var(--primary)}.onboarding-lang-chip.active{background:var(--md-sys-color-secondary-container, var(--accent-hover));color:var(--md-sys-color-on-secondary-container, var(--text-main));border-color:var(--md-sys-color-secondary-container, var(--accent-hover))}.onboarding-account-options{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-md);width:100%;max-width:300px}.onboarding-theme-toggle{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-3)}.onboarding-theme-btn{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-2-5) 18px;border:2px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--text-main);font-family:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.onboarding-theme-btn:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:var(--primary)}.onboarding-theme-btn.active{background:var(--md-sys-color-secondary-container, var(--accent-hover));color:var(--md-sys-color-on-secondary-container, var(--text-main));border-color:var(--md-sys-color-secondary-container, var(--accent-hover))}.onboarding-form{width:100%;text-align:left;margin-top:var(--spacing-md)}.onboarding-form .quest-form-group{margin-bottom:var(--spacing-3)}.onboarding-form .quest-form-group label{display:block;font-size:var(--md-sys-typescale-body-small-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--text-dim);margin-bottom:var(--spacing-1-5)}.quest-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.onboarding-tour-cards{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-md);width:100%}.onboarding-tour-card{display:flex;align-items:center;gap:var(--spacing-3);padding:14px var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--md-sys-shape-corner-medium);text-align:left}.onboarding-tour-card span:first-child{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.onboarding-tour-card p{margin:0;font-size:var(--md-sys-typescale-body-medium-size);color:var(--text-main)}.onboarding-features-group{width:100%;margin-top:var(--spacing-md)}.onboarding-features-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 4px;text-align:left;text-transform:uppercase;letter-spacing:.5px}.onboarding-features-plus .onboarding-features-label{color:var(--primary)}.ob-card-plus{border-color:color-mix(in srgb,var(--primary) 30%,transparent)!important;background:color-mix(in srgb,var(--primary) 5%,var(--glass-bg))!important}.onboarding-consent-inline{font-size:11px;color:var(--text-secondary);margin-top:16px;line-height:1.5;text-align:center}.plus-upsell-btn{display:inline-flex;align-items:center;padding:2px 10px;margin-top:8px;margin-bottom:8px;font-size:10px;font-weight:600;border:none;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap;line-height:1.4}.plus-upsell-btn:hover{background:color-mix(in srgb,var(--primary) 25%,transparent)}.plus-upsell-btn:active{transform:scale(.95)}.diary-plus-emotion.diary-emotion-locked{opacity:.4;position:relative}.diary-plus-emotion.diary-emotion-locked:after{content:"🔒";position:absolute;top:2px;right:2px;font-size:10px}.diary-add-entry-btn.diary-add-locked{opacity:.7;border-style:dashed!important}@media (min-width: 840px){.tab-bar{position:fixed;left:0;top:50%;bottom:auto;right:auto;transform:translate(0) translateY(-50%);width:80px;flex-direction:column;justify-content:center;gap:var(--spacing-sm);max-width:80px;padding-bottom:0}.tab-group{flex-direction:column;border-radius:var(--md-sys-shape-corner-extra-large);padding:var(--spacing-sm) var(--spacing-xs)}.tab-button{padding:var(--spacing-3) var(--spacing-sm)}.container{margin-left:80px;width:calc(100% - 80px);box-sizing:border-box;padding-inline:max(var(--spacing-md),calc((100% - 820px)/2));max-width:none;padding-bottom:var(--spacing-xl)}.sv-grid{grid-template-columns:1fr 1fr 1fr}#sv-card-guide,.sv-card-widget{grid-column:auto}.sv-card-group.sv-card-widget{grid-column:1 / -1}.sv-card-group{grid-template-columns:1fr 1fr}.popup{bottom:var(--spacing-lg);left:calc(40px + 50%)}.popup.show{transform:translate(-50%) translateY(0)}}@media (min-width: 1200px){.tab-bar{width:200px;max-width:200px}.tab-group{width:100%;padding:var(--spacing-xs)}.tab-button{flex-direction:row;justify-content:flex-start;width:100%;padding:var(--spacing-3) var(--spacing-md);gap:var(--spacing-sm);border-radius:var(--md-sys-shape-corner-large);min-width:unset;font-size:var(--md-sys-typescale-label-large-size)}.tab-button span{max-height:24px;opacity:1;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight)}.container{margin-left:200px;width:calc(100% - 200px);box-sizing:border-box;padding-inline:max(var(--spacing-md),calc((100% - 1180px)/2));max-width:none}.sv-grid{grid-template-columns:1fr 1fr 1fr 1fr}.popup{left:calc(100px + 50%)}}.ai-advisor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-overlay-top);background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;padding:var(--spacing-md)}.ai-advisor-overlay.visible{opacity:1}.ai-advisor-surface{width:100%;height:100%;max-width:100%;max-height:100%;background:var(--glass-bg, rgba(30, 30, 30, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl, 28px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--elevation-3);transform:scale(.95);transition:transform .25s cubic-bezier(.2,0,0,1)}.ai-advisor-overlay.visible .ai-advisor-surface{transform:scale(1)}.ai-advisor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--glass-border);flex-shrink:0}.ai-advisor-header h2{margin:0;font-size:var(--md-sys-typescale-headline-small-size, 24px);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.ai-advisor-close{background:none;border:none;color:var(--text-dim);font-size:28px;cursor:pointer;padding:var(--spacing-xs);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .15s}.ai-advisor-close:hover{background:var(--state-hover)}.ai-advisor-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);scroll-behavior:smooth}.ai-advisor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl) 0;color:var(--text-dim)}.ai-advisor-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--md-sys-color-primary);border-radius:50%;animation:ai-spin .8s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-advisor-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.ai-advisor-error-icon{width:64px;height:64px;border-radius:50%;background:var(--md-sys-color-error-container, rgba(255, 50, 50, .15));display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-error, #FF5449)}.ai-advisor-error p{margin:0;color:var(--text-primary);font-weight:500}.ai-advisor-error-hint{font-size:var(--md-sys-typescale-body-small-size, 12px);color:var(--text-dim)!important;font-weight:400!important;max-width:360px;line-height:1.5}.ai-advisor-streaming:after{content:"";display:inline-block;width:2px;height:1.1em;background:var(--md-sys-color-primary);margin-left:var(--spacing-xxs);vertical-align:text-bottom;animation:ai-blink .7s step-end infinite}@keyframes ai-blink{50%{opacity:0}}.ai-advisor-response{line-height:1.7;color:var(--text-primary)}.ai-advisor-response h2{font-size:var(--md-sys-typescale-headline-small-size, 24px);font-weight:500;margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--text-primary)}.ai-advisor-response h3{font-size:var(--md-sys-typescale-title-large-size, 22px);font-weight:500;margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--text-primary)}.ai-advisor-response h4{font-size:var(--md-sys-typescale-title-medium-size, 16px);font-weight:600;margin:var(--spacing-md) 0 var(--spacing-xs);color:var(--md-sys-color-primary)}.ai-advisor-response h5{font-size:var(--md-sys-typescale-body-large-size, 16px);font-weight:600;margin:var(--spacing-md) 0 var(--spacing-xs);color:var(--text-dim)}.ai-advisor-response p{margin:0 0 var(--spacing-sm)}.ai-advisor-response strong{color:var(--md-sys-color-primary);font-weight:600}.ai-advisor-response em{font-style:italic;color:var(--text-dim)}.ai-advisor-response ul,.ai-advisor-response ol{margin:var(--spacing-xs) 0 var(--spacing-md);padding-left:var(--spacing-lg)}.ai-advisor-response li{margin-bottom:var(--spacing-xs)}.ai-advisor-response li::marker{color:var(--md-sys-color-primary)}.ai-advisor-response code{background:var(--state-hover);padding:2px var(--spacing-xs);border-radius:var(--radius-xs, 4px);font-family:Fira Code,Consolas,monospace;font-size:.9em}.ai-advisor-response pre{background:#0000004d;border-radius:var(--radius-md, 12px);padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-sm) 0 var(--spacing-md)}.ai-advisor-response pre code{background:none;padding:0;font-size:.85em;line-height:1.5}.ai-advisor-response hr{border:none;border-top:1px solid var(--glass-border);margin:var(--spacing-lg) 0}.ai-advisor-response a{color:var(--md-sys-color-primary);text-decoration:underline;text-underline-offset:2px}.ai-advisor-cache-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--state-hover);border-radius:var(--radius-full, 100px);font-size:var(--md-sys-typescale-label-small-size, 11px);color:var(--text-dim);margin-bottom:var(--spacing-md)}.ai-advisor-refresh{margin-top:var(--spacing-md);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.ai-advisor-error .ai-advisor-refresh{margin-top:var(--spacing-lg)}.radar-chart-container{width:100%;max-width:400px;margin:0 auto;aspect-ratio:1}.radar-legend{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.radar-details{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.radar-detail-card{background:var(--state-hover);border-radius:var(--radius-md, 12px);padding:var(--spacing-sm) var(--spacing-md)}.radar-detail-card.good{border-left:3px solid var(--md-sys-color-primary)}.radar-detail-card.moderate{border-left:3px solid var(--md-sys-color-tertiary, #7D5260)}.radar-detail-card.low{border-left:3px solid var(--md-sys-color-error, #FF5449)}.radar-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.radar-detail-label{font-weight:500;color:var(--text-primary);font-size:var(--md-sys-typescale-body-large-size, 16px)}.radar-detail-score{font-weight:600;color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-title-medium-size, 16px)}.radar-detail-score small{font-weight:400;color:var(--text-dim);font-size:.7em}.radar-detail-bar{height:4px;background:var(--glass-border);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-xs)}.radar-detail-fill{height:100%;border-radius:2px;transition:width .6s ease}.radar-detail-card.good .radar-detail-fill{background:var(--md-sys-color-primary)}.radar-detail-card.moderate .radar-detail-fill{background:var(--md-sys-color-tertiary, #7D5260)}.radar-detail-card.low .radar-detail-fill{background:var(--md-sys-color-error, #FF5449)}.radar-detail-info{display:flex;justify-content:space-between;font-size:var(--md-sys-typescale-body-small-size, 12px)}.radar-detail-value{color:var(--text-primary)}.radar-detail-note{color:var(--text-dim)}.radar-no-data{text-align:center;color:var(--text-dim);padding:var(--spacing-xl) 0;font-size:var(--md-sys-typescale-body-medium-size, 14px)}.briefing-body-silhouette{width:100%;margin-bottom:var(--spacing-md)}.silhouette-svg{width:100%;max-width:580px;height:auto;display:block;margin:0 auto;overflow:visible}.silhouette-no-data{text-align:center;color:var(--text-dim);padding:var(--spacing-lg) 0;font-size:var(--md-sys-typescale-body-medium-size, 14px)}.silhouette-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;color:var(--md-sys-color-on-secondary-container, #1D192B);background:var(--md-sys-color-secondary-container, rgba(160, 140, 210, .2));margin-bottom:8px}@media (max-width: 400px){.silhouette-svg{max-width:100%}}.app-lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--bg-primary, #121212);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s var(--md-sys-motion-easing-standard, ease);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.app-lock-overlay.visible{opacity:1;pointer-events:auto}.app-lock-overlay.dismissing{opacity:0;pointer-events:none;transition:opacity .35s var(--md-sys-motion-easing-emphasized-accelerate, ease)}.app-lock-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 24px;max-width:320px;width:100%}.app-lock-icon{width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--primary) 15%,transparent);display:flex;align-items:center;justify-content:center;color:var(--primary);animation:appLockPulse 2s ease-in-out infinite}@keyframes appLockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.app-lock-title{font-size:1.15rem;font-weight:600;color:var(--text-main);margin:0;text-align:center}.app-lock-dots{display:flex;gap:16px;padding:12px 0}.app-lock-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--md-sys-color-outline, #8F9099);background:transparent;transition:all .2s var(--md-sys-motion-easing-standard, ease)}.app-lock-dot.filled{background:var(--primary);border-color:var(--primary);transform:scale(1.15)}.app-lock-dots.shake{animation:appLockShake .4s ease}@keyframes appLockShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.app-lock-error{font-size:.85rem;color:var(--md-sys-color-error, #dc362e);min-height:1.2em;margin:0;opacity:0;transition:opacity .2s ease;text-align:center}.app-lock-error.visible{opacity:1}.app-lock-numpad{display:grid;grid-template-columns:repeat(3,72px);gap:12px;justify-content:center}.app-lock-key{width:72px;height:72px;border-radius:50%;border:none;background:color-mix(in srgb,var(--text-main, #fff) 8%,transparent);color:var(--text-main);font-size:1.4rem;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.app-lock-key:active{background:color-mix(in srgb,var(--primary) 25%,transparent);transform:scale(.92)}.app-lock-key--empty{background:transparent;cursor:default}.app-lock-key--action{background:transparent;color:var(--text-dim)}.app-lock-key--action:active{background:color-mix(in srgb,var(--text-main) 8%,transparent)}.app-lock-key--action svg{width:24px;height:24px}.app-lock-pin-field{text-align:center;font-size:1.5rem;letter-spacing:.5em;padding:12px 16px;border-radius:var(--md-sys-shape-corner-medium, 12px);font-family:inherit}.app-lock-setup-label{display:block;font-size:var(--md-sys-typescale-body-small-size, 12px);font-weight:500;color:var(--text-dim);margin-bottom:6px}.app-lock-setup-error{font-size:.8rem;color:var(--md-sys-color-error, #dc362e);margin:8px 0 0;display:none}.app-lock-forgot-btn{background:none;border:none;color:var(--primary);font-size:.85rem;font-family:inherit;cursor:pointer;padding:8px 16px;opacity:.8;transition:opacity .2s ease}.app-lock-forgot-btn:hover{opacity:1}.app-lock-forgot-flow{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0}.app-lock-forgot-msg{font-size:.9rem;color:var(--text-dim);line-height:1.5;margin:0}.app-lock-forgot-status{font-size:.85rem;margin:0;min-height:1.2em}