@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Prompt:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--surface-0: #FDFCFB;--surface-1: #F7F5F2;--surface-2: #EEEAE4;--surface-border: rgba(0,0,0,.06);--accent-primary: #5B4FBE;--accent-primary-light: #EDE9FF;--accent-primary-hover: #4A40A8;--accent-teal: #0A9396;--accent-teal-light: #E0F5F5;--concern-low: #2D9E6B;--concern-low-bg: #E8F7F1;--concern-low-border: #C2EAD9;--concern-moderate: #D08700;--concern-moderate-bg: #FFF5DB;--concern-moderate-border: #F7DFB2;--concern-high: #C0392B;--concern-high-bg: #FDECEA;--concern-high-border: #F7C5C1;--text-primary: #1C1917;--text-secondary: #78716C;--text-muted: #A8A29E;--text-inverse: #FFFFFF;--text-link: var(--accent-primary);--text-link-hover: var(--accent-primary-hover);--pastel-blue: var(--surface-1);--pastel-purple: var(--accent-primary-light);--pastel-green: var(--concern-low-bg);--pastel-peach: var(--concern-moderate-bg);--pastel-rose: var(--concern-high-bg);--pastel-cream: var(--surface-1);--pastel-lavender: var(--accent-primary-light);--pastel-mint: var(--accent-teal-light);--pastel-blue-dark: var(--surface-2);--pastel-purple-dark: var(--accent-primary-light);--pastel-green-dark: var(--concern-low-bg);--pastel-peach-dark: var(--concern-moderate-bg);--pastel-rose-dark: var(--concern-high-bg);--pastel-cream-dark: var(--surface-2);--pastel-lavender-dark: var(--accent-primary-light);--pastel-mint-dark: var(--accent-teal-light);--pastel-blue-darker: var(--surface-2);--pastel-purple-darker: var(--accent-primary-light);--pastel-green-darker: var(--concern-low-bg);--pastel-peach-darker: var(--concern-moderate-bg);--pastel-rose-darker: var(--concern-high-bg);--pastel-lavender-darker: var(--accent-primary-light);--pastel-mint-darker: var(--accent-teal-light);--clinical-blue: var(--accent-primary);--clinical-blue-hover: var(--accent-primary-hover);--clinical-green: var(--concern-low);--clinical-green-hover: var(--concern-low);--clinical-purple: var(--accent-primary);--clinical-purple-hover: var(--accent-primary-hover);--clinical-teal: var(--accent-teal);--clinical-indigo: var(--accent-primary);--surface-white: #FFFFFF;--surface-bg: var(--surface-0);--surface-overlay: rgba(253, 252, 251, .8);--surface-overlay-strong: rgba(253, 252, 251, .92);--surface-glass-border: var(--surface-border);--surface-scrim: rgba(0, 0, 0, .3);--border-light: var(--surface-border);--border-medium: var(--surface-border);--border-focus: var(--accent-primary);--gradient-hero: radial-gradient(ellipse 80% 60% at 20% 10%, rgba(91,79,190,.1) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 90%, rgba(10,147,150,.08) 0%, transparent 60%), var(--surface-0);--gradient-hero-alt: radial-gradient(ellipse 80% 60% at 20% 10%, rgba(91,79,190,.12) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 90%, rgba(10,147,150,.1) 0%, transparent 60%), var(--surface-0);--gradient-btn: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-primary-hover) 100%);--gradient-btn-hover: linear-gradient(135deg, var(--accent-primary-hover) 0%, #403699 100%);--gradient-card: linear-gradient(180deg, var(--surface-0) 0%, var(--surface-1) 100%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(138, 180, 248, .35), 0 0 60px rgba(138, 180, 248, .12);--font-sans: "Inter", "Sarabun", system-ui, -apple-system, sans-serif;--font-display: "Outfit", "Prompt", var(--font-sans);--font-thai: "Prompt", "Sarabun", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed:1.625;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--transition-fast: .15s var(--ease-default);--transition-normal: .3s var(--ease-default);--transition-slow: .5s var(--ease-default);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-nav: 400;--z-overlay: 500;--z-modal: 600;--z-tooltip: 700;--z-toast: 800;--glass-blur: 16px;--glass-blur-strong: 24px;--glass-bg: rgba(255, 255, 255, .65);--glass-bg-strong: rgba(255, 255, 255, .85);--glass-bg-flat: rgba(255, 255, 255, .55);--glass-border: 1px solid rgba(255, 255, 255, .5);--glass-border-strong: 1px solid rgba(255, 255, 255, .6);--glass-border-flat: 1px solid rgba(255, 255, 255, .4);--glass-shadow: rgba(91,79,190,.04);--glass-shadow-hover: rgba(91,79,190,.08);--container-max: 1200px;--container-narrow: 800px;--focus-ring: 0 0 0 3px rgba(138, 180, 248, .5);--gauge-size: 180px}body.dark{--surface-0: #121016;--surface-1: #1C1A24;--surface-2: #252230;--surface-border: rgba(255, 255, 255, .08);--surface-white: #1C1A24;--surface-bg: #121016;--surface-overlay: rgba(18, 16, 22, .8);--surface-overlay-strong: rgba(18, 16, 22, .92);--surface-scrim: rgba(0, 0, 0, .55);--text-primary: #F5F4F8;--text-secondary: #C7C4D4;--text-muted: #898698;--text-inverse: #121016;--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--accent-primary: #7B6FE0;--accent-primary-light: rgba(123, 111, 224, .15);--accent-primary-hover: #6A5ED0;--accent-teal-light: rgba(10, 147, 150, .15);--concern-low-bg: rgba(45, 158, 107, .12);--concern-low-border: rgba(45, 158, 107, .25);--concern-moderate-bg: rgba(208, 135, 0, .12);--concern-moderate-border: rgba(208, 135, 0, .25);--concern-high-bg: rgba(192, 57, 43, .12);--concern-high-border: rgba(192, 57, 43, .25);--pastel-blue: rgba(255, 255, 255, .04);--pastel-purple: rgba(123, 111, 224, .15);--pastel-green: rgba(45, 158, 107, .12);--pastel-peach: rgba(208, 135, 0, .12);--pastel-rose: rgba(192, 57, 43, .12);--pastel-cream: rgba(255, 255, 255, .04);--pastel-lavender: rgba(123, 111, 224, .15);--pastel-mint: rgba(10, 147, 150, .15);--pastel-blue-dark: rgba(255, 255, 255, .06);--pastel-purple-dark: rgba(123, 111, 224, .18);--pastel-green-dark: rgba(45, 158, 107, .15);--pastel-peach-dark: rgba(208, 135, 0, .15);--pastel-rose-dark: rgba(192, 57, 43, .15);--pastel-cream-dark: rgba(255, 255, 255, .06);--pastel-lavender-dark: rgba(123, 111, 224, .18);--pastel-mint-dark: rgba(10, 147, 150, .18);--pastel-blue-darker: rgba(255, 255, 255, .08);--pastel-purple-darker: rgba(123, 111, 224, .22);--pastel-green-darker: rgba(45, 158, 107, .18);--pastel-peach-darker: rgba(208, 135, 0, .18);--pastel-rose-darker: rgba(192, 57, 43, .18);--pastel-lavender-darker: rgba(123, 111, 224, .22);--pastel-mint-darker: rgba(10, 147, 150, .22);--clinical-blue: #8AB4F8;--clinical-blue-hover: #AECBFA;--clinical-green: #81C995;--clinical-green-hover: #A8DAB5;--gradient-hero: radial-gradient(ellipse 80% 60% at 20% 10%, rgba(123, 111, 224, .18) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 90%, rgba(10, 147, 150, .14) 0%, transparent 60%), var(--surface-0);--gradient-hero-alt: radial-gradient(ellipse 80% 60% at 20% 10%, rgba(123, 111, 224, .22) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 90%, rgba(10, 147, 150, .18) 0%, transparent 60%), var(--surface-0);--gradient-btn: linear-gradient(135deg, #7B6FE0 0%, #6A5ED0 100%);--gradient-btn-hover: linear-gradient(135deg, #6A5ED0 0%, #5B4FBE 100%);--gradient-card: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%);--glass-bg: rgba(28, 26, 36, .65);--glass-bg-strong: rgba(28, 26, 36, .85);--glass-bg-flat: rgba(28, 26, 36, .55);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-border-strong: 1px solid rgba(255, 255, 255, .12);--glass-border-flat: 1px solid rgba(255, 255, 255, .06);--glass-shadow: rgba(0, 0, 0, .2);--glass-shadow-hover: rgba(0, 0, 0, .35);--focus-ring: 0 0 0 3px rgba(138, 180, 248, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--gradient-hero);background-attachment:fixed}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}table{border-collapse:collapse;border-spacing:0}fieldset{border:none;padding:0;margin:0}legend{padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.01em}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--text-3xl);font-weight:600;letter-spacing:-.015em}h3{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em}h4{font-size:var(--text-xl);font-weight:var(--weight-semibold)}h5{font-size:var(--text-lg);font-weight:var(--weight-semibold)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold)}p{font-size:var(--text-base);line-height:1.75;color:var(--text-secondary)}p+p{margin-top:var(--space-4)}small{font-size:var(--text-sm);color:var(--text-muted)}strong{font-weight:var(--weight-semibold)}.text-thai{font-family:var(--font-thai)}a:not([class]){color:var(--text-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--transition-fast)}a:not([class]):hover{color:var(--text-link-hover)}a:not([class]):focus-visible{outline:2px solid var(--clinical-blue);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-5)}.container-narrow{width:100%;max-width:var(--container-narrow);margin-inline:auto;padding-inline:var(--space-5)}@media(max-width:768px){.container,.container-narrow{padding-inline:var(--space-4)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(190%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(190%);border:var(--glass-border);border-radius:24px;box-shadow:0 2px 6px #00000003,0 8px 32px var(--glass-shadow),0 0 0 1px #ffffffe6 inset;padding:var(--space-6);transition:box-shadow .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.glass-card:hover{box-shadow:0 4px 12px #00000005,0 16px 40px var(--glass-shadow-hover),0 0 0 1px #ffffffe6 inset;transform:translateY(-4px)}.glass-card-strong{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur-strong)) saturate(190%);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(190%);border:var(--glass-border-strong);border-radius:24px;box-shadow:0 2px 6px #00000003,0 12px 36px var(--glass-shadow),0 0 0 1px #fffffff2 inset;padding:var(--space-6);transition:box-shadow .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.glass-card-strong:hover{box-shadow:0 6px 16px #00000005,0 20px 48px var(--glass-shadow-hover),0 0 0 1px #fffffff2 inset;transform:translateY(-4px)}.glass-card-flat{background:var(--glass-bg-flat);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:var(--glass-border-flat);border-radius:24px;box-shadow:0 1px 3px #00000003,0 4px 16px var(--glass-shadow),0 0 0 1px #ffffffd9 inset;padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;user-select:none;-webkit-user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:100px;padding:14px 32px;font-weight:600;letter-spacing:.01em;box-shadow:0 2px 12px #5b4fbe4d;transition:all .2s ease}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:0 4px 20px #5b4fbe66;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary);border-radius:100px;padding:12px 30px;transition:all .2s ease}.btn-secondary:hover{background:var(--accent-primary-light);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:#0000000a;color:var(--text-primary)}.btn-ghost:active{background:#00000014}.btn-success{background:var(--clinical-green);color:var(--text-inverse);border-color:transparent}.btn-success:hover{background:var(--clinical-green-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success:active{transform:translateY(0)}.btn-danger{background:var(--concern-high);color:var(--text-inverse);border-color:transparent}.btn-danger:hover{background:#ef4444;transform:translateY(-1px)}.btn-lg{padding:var(--space-4) var(--space-7);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-1)}.form-label .required{color:var(--concern-high);font-weight:var(--weight-bold)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-white);border:2px solid var(--border-light);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:var(--border-medium)}.form-input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.form-input:user-invalid{border-color:var(--concern-high);box-shadow:0 0 0 3px #f8717140}.form-select{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-7);font-size:var(--text-base);color:var(--text-primary);background-color:var(--surface-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.4L2.6 6 4 4.6 8 8.6l4-4L13.4 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:16px;border:2px solid var(--border-light);border-radius:var(--radius-md);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:hover{border-color:var(--border-medium)}.form-select:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);background:var(--surface-white);border:2px solid var(--border-light);border-radius:var(--radius-md);outline:none;resize:vertical;min-height:120px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--concern-high)!important;box-shadow:0 0 0 3px #f8717140!important}.form-error{font-size:var(--text-sm);color:var(--concern-high);display:flex;align-items:center;gap:var(--space-1)}.form-error:before{content:"⚠";font-size:var(--text-xs)}.form-hint{font-size:var(--text-sm);color:var(--text-muted)}.form-check{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-base);color:var(--text-primary)}.form-check input[type=checkbox],.form-check input[type=radio]{width:20px;height:20px;accent-color:var(--clinical-blue);cursor:pointer}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.mx-auto{margin-inline:auto}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-7{padding:var(--space-7)}.p-8{padding:var(--space-8)}.px-1{padding-inline:var(--space-1)}.px-2{padding-inline:var(--space-2)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.px-5{padding-inline:var(--space-5)}.px-6{padding-inline:var(--space-6)}.py-1{padding-block:var(--space-1)}.py-2{padding-block:var(--space-2)}.py-3{padding-block:var(--space-3)}.py-4{padding-block:var(--space-4)}.py-5{padding-block:var(--space-5)}.py-6{padding-block:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-inverse)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--clinical-blue);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-40px;left:var(--space-4);background:var(--clinical-blue);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:var(--z-toast);transition:top var(--transition-fast);font-weight:var(--weight-semibold)}.skip-link:focus{top:var(--space-4)}::selection{background:var(--pastel-purple);color:var(--text-primary)}::-moz-selection{background:var(--pastel-purple);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media(max-width:480px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}body{font-size:var(--text-sm)}}.hero-illustration{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:400px;height:400px;color:var(--accent-primary);opacity:.08;pointer-events:none;z-index:0;display:block}@media(max-width:1024px){.hero-illustration{right:2%;width:300px;height:300px}}@media(max-width:768px){.hero-illustration{display:none}}.app-layout{display:flex;min-height:100vh;background:transparent}.app-main{flex:1;margin-left:260px;padding:var(--space-6) var(--space-8);min-width:0;display:flex;flex-direction:column}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:#ffffff73;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border-right:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);z-index:var(--z-nav);transition:transform var(--transition-normal) ease-in-out}.sidebar-brand-wrapper{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);padding-left:var(--space-2)}.sidebar-logo-icon{font-size:1.3rem;background:var(--accent-primary-light);color:var(--accent-primary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);box-shadow:0 4px 10px #5b4fbe26}.sidebar-brand{text-decoration:none;display:flex;flex-direction:column}.brand-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--text-primary);line-height:1.2}.brand-subtitle{font-size:10px;color:var(--text-muted)}.sidebar-menu{display:flex;flex-direction:column;gap:var(--space-2);flex-grow:1}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);transition:all var(--transition-fast) ease-in-out}.sidebar-link:hover{background:#ffffff8c;color:var(--text-primary);transform:translate(4px)}.sidebar-link.active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600;box-shadow:0 4px 12px #5b4fbe14}.sidebar-link-icon{font-size:1.1rem}.sidebar-widget{background:#5b4fbe0d;border:1px solid rgba(91,79,190,.1);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);text-align:center;position:relative}.sidebar-widget-img{width:60px;height:60px;object-fit:contain;margin-inline:auto;margin-bottom:var(--space-2)}.sidebar-widget-text{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);line-height:var(--leading-normal)}.sidebar-widget-subtext{font-size:10px;color:var(--text-muted)}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--surface-border)}.sidebar-footer .lang-toggle{width:100%;justify-content:center}.mobile-header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--surface-1);border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-4);z-index:var(--z-nav)}.mobile-logo{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--text-primary);text-decoration:none}.nav-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.nav-toggle span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.hero{position:relative;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(91,79,190,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 90%,rgba(10,147,150,.08) 0%,transparent 60%),var(--surface-0);min-height:80vh;display:flex;align-items:center;overflow:hidden;padding:var(--space-8) 0}.hero-content{position:relative;z-index:var(--z-base);max-width:720px;margin-inline:auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--clinical-blue);background:var(--surface-white);border:1px solid var(--pastel-blue-dark);border-radius:var(--radius-full);margin-bottom:var(--space-5)}.hero-badge-dot{width:8px;height:8px;background:var(--clinical-green);border-radius:var(--radius-full)}.hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-5);letter-spacing:-.025em}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:560px;margin-inline:auto}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media(max-width:768px){.hero{padding:var(--space-7) 0 var(--space-6)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}}@media(max-width:480px){.hero-title{font-size:var(--text-2xl)}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}.floating-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.floating-shapes .shape{position:absolute;border-radius:50%;opacity:.35}.floating-shapes .shape-1{width:200px;height:200px;background:var(--pastel-purple);top:10%;left:-5%;animation:float 8s ease-in-out infinite}.floating-shapes .shape-2{width:150px;height:150px;background:var(--pastel-peach);top:60%;right:-3%;animation:float 10s ease-in-out infinite reverse}.floating-shapes .shape-3{width:100px;height:100px;background:var(--pastel-mint);bottom:15%;left:15%;animation:float 7s ease-in-out infinite 1s}.floating-shapes .shape-4{width:80px;height:80px;background:var(--pastel-rose);top:20%;right:20%;animation:float 9s ease-in-out infinite .5s}.floating-shapes .shape-5{width:120px;height:120px;background:var(--pastel-blue);bottom:30%;right:10%;animation:float 11s ease-in-out infinite 2s}.step-indicator{display:flex;align-items:center;justify-content:space-between;max-width:480px;margin:0 auto;padding:var(--space-5) 0;position:relative}.step-indicator:before{content:"";position:absolute;top:50%;left:20px;right:20px;height:2px;background:var(--surface-border);z-index:0;transform:translateY(-50%)}.step-dot{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid var(--surface-border);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:var(--text-muted);transition:all var(--transition-normal);flex-shrink:0;z-index:1;cursor:pointer}.step-dot.active{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff;box-shadow:0 0 0 4px var(--accent-primary-light)}.step-dot.completed{border-color:var(--concern-low);background:var(--concern-low);color:#fff}.step-dot.completed span{display:none}.step-dot.completed:after{content:"✓";font-size:var(--text-base);font-weight:700;color:#fff}.progress-container{counter-reset:step-counter 0;display:flex;flex-direction:column}.step-badge{order:-1;display:inline-block;align-self:flex-end;font-size:var(--text-xs);font-weight:700;color:var(--accent-primary);background:var(--accent-primary-light);padding:6px 14px;border-radius:100px;margin-bottom:var(--space-3);box-shadow:0 2px 6px #5b4fbe0f}.step-dot.completed,.step-dot.active{counter-increment:step-counter}.step-badge:after{content:"ขั้นตอนที่ " counter(step-counter) " จาก 5 / Step " counter(step-counter) " of 5"}@media(max-width:640px){.step-dot{width:34px;height:34px;font-size:var(--text-xs)}}.progress-bar{width:100%;height:8px;background:var(--pastel-blue);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--gradient-btn);border-radius:var(--radius-full);transition:width .6s var(--ease-out);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s linear infinite}.progress-bar-label{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.likert-group{display:flex;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}.likert-option{flex:1 1 0px;min-width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:#ffffff73;border:1.5px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;min-height:90px;user-select:none;-webkit-user-select:none}.likert-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.likert-emoji{font-size:1.8rem;transition:transform var(--transition-fast) ease}.likert-text{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);line-height:var(--leading-tight)}.likert-option:hover{background:#ffffffbf;border-color:#5b4fbe40;transform:translateY(-3px)}.likert-option:hover .likert-emoji{transform:scale(1.15)}.likert-option.selected{background:var(--surface-white);box-shadow:0 8px 24px #5b4fbe1a;transform:translateY(-3px) scale(1.03)}.likert-group .likert-option:nth-child(1).selected{border-color:var(--concern-low);background:var(--concern-low-bg)}.likert-group .likert-option:nth-child(1).selected .likert-text{color:var(--concern-low)}.likert-group .likert-option:nth-child(2).selected{border-color:var(--concern-low);background:var(--concern-low-bg)}.likert-group .likert-option:nth-child(2).selected .likert-text{color:var(--concern-low)}.likert-group .likert-option:nth-child(3).selected{border-color:var(--concern-moderate);background:var(--concern-moderate-bg)}.likert-group .likert-option:nth-child(3).selected .likert-text{color:var(--concern-moderate)}.likert-group .likert-option:nth-child(4).selected{border-color:var(--concern-high);background:var(--concern-high-bg)}.likert-group .likert-option:nth-child(4).selected .likert-text{color:var(--concern-high)}.likert-group .likert-option:nth-child(5).selected{border-color:var(--concern-high);background:var(--concern-high-bg)}.likert-group .likert-option:nth-child(5).selected .likert-text{color:var(--concern-high)}.question-item.has-error{border-left:4px solid var(--concern-high);padding-left:var(--space-3);background:var(--concern-high-bg);border-radius:var(--radius-md)}@media(max-width:640px){.likert-group{flex-direction:column;gap:var(--space-2)}.likert-option{width:100%;flex-direction:row;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:auto;text-align:left}.likert-option:hover .likert-emoji{transform:none}}.concern-gauge{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.concern-gauge-svg{width:var(--gauge-size);height:var(--gauge-size);transform:rotate(-90deg)}.concern-gauge-track{fill:none;stroke:var(--border-light);stroke-width:10}.concern-gauge-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease-out),stroke .5s var(--ease-default)}.concern-gauge-label{text-align:center}.concern-gauge-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1;margin-bottom:var(--space-1)}.concern-gauge-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.concern-low .concern-gauge-fill{stroke:var(--concern-low)}.concern-low .concern-gauge-value{color:var(--concern-low)}.concern-moderate .concern-gauge-fill{stroke:var(--concern-moderate)}.concern-moderate .concern-gauge-value{color:var(--concern-moderate)}.concern-high .concern-gauge-fill{stroke:var(--concern-high)}.concern-high .concern-gauge-value{color:var(--concern-high)}.feature-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.feature-card:hover{border-color:var(--pastel-blue-dark);box-shadow:var(--shadow-sm)}.feature-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.feature-icon-blue{background:var(--pastel-blue);color:var(--clinical-blue)}.feature-icon-green{background:var(--pastel-green);color:var(--clinical-green)}.feature-icon-purple{background:var(--pastel-purple);color:var(--clinical-indigo)}.feature-icon-peach{background:var(--pastel-peach);color:#c2410c}.feature-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.feature-value{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.feature-bar{flex:1;height:6px;background:var(--pastel-blue);border-radius:var(--radius-full);overflow:hidden}.feature-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.accordion{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-white);transition:box-shadow var(--transition-fast)}.accordion+.accordion{margin-top:var(--space-3)}.accordion:hover{box-shadow:var(--shadow-sm)}.accordion summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-weight:var(--weight-semibold);color:var(--text-primary);cursor:pointer;list-style:none;transition:background var(--transition-fast);user-select:none;-webkit-user-select:none}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%236B7280' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:transform var(--transition-fast);flex-shrink:0}.accordion summary:hover{background:var(--pastel-blue)}.accordion[open] summary{border-bottom:1px solid var(--border-light)}.accordion[open] summary:after{transform:rotate(180deg)}.accordion-content{padding:var(--space-4) var(--space-5);color:var(--text-secondary);line-height:var(--leading-relaxed)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);line-height:1.4;white-space:nowrap}.badge-info{background:var(--pastel-blue);color:var(--clinical-blue)}.badge-success{background:var(--concern-low-bg);color:#166534}.badge-warning{background:var(--concern-moderate-bg);color:#92400e}.badge-danger{background:var(--concern-high-bg);color:#991b1b}.badge-neutral{background:var(--surface-bg);color:var(--text-secondary)}.disclaimer-banner{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--concern-moderate-bg);border:1px solid var(--concern-moderate-border);border-left:4px solid var(--concern-moderate);border-radius:var(--radius-md);color:#92400e;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.disclaimer-banner-icon{font-size:var(--text-xl);flex-shrink:0;margin-top:2px}.disclaimer-banner-title{font-weight:var(--weight-semibold);margin-bottom:var(--space-1);color:#78350f}.info-card{padding:var(--space-5);background:var(--pastel-blue);border:1px solid var(--pastel-blue-dark);border-left:4px solid var(--clinical-blue);border-radius:var(--radius-md)}.info-card-title{font-weight:var(--weight-semibold);color:var(--clinical-blue);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.info-card-body{font-size:var(--text-sm);color:#1e40af;line-height:var(--leading-relaxed)}.recommendation-card{padding:var(--space-5);background:var(--concern-low-bg);border:1px solid var(--concern-low-border);border-left:4px solid var(--concern-low);border-radius:var(--radius-md)}.recommendation-card-title{font-weight:var(--weight-semibold);color:#166534;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.recommendation-card-body{font-size:var(--text-sm);color:#14532d;line-height:var(--leading-relaxed)}.warning-card{padding:var(--space-5);background:var(--concern-moderate-bg);border:1px solid var(--concern-moderate-border);border-left:4px solid var(--concern-moderate);border-radius:var(--radius-md)}.warning-card-title{font-weight:var(--weight-semibold);color:#92400e;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.warning-card-body{font-size:var(--text-sm);color:#78350f;line-height:var(--leading-relaxed)}.footer{padding:var(--space-7) 0 var(--space-6);text-align:center;border-top:1px solid rgba(255,255,255,.3);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.footer-disclaimer{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:600px;margin-inline:auto;margin-bottom:var(--space-4)}.footer-links{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.footer-link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--clinical-blue)}.footer-copy{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-4)}.page-header{padding:var(--space-6) 0 var(--space-5)}.page-header-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.page-header-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.page-header-breadcrumb a:hover{color:var(--clinical-blue)}.page-header-breadcrumb .separator{color:var(--text-muted)}.page-header-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.page-header-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.divider{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-light) 20%,var(--border-light) 80%,transparent 100%);margin:var(--space-6) 0}.divider-thick{height:2px;margin:var(--space-7) 0}.divider-dotted{height:auto;border:none;border-bottom:2px dashed var(--border-light);background:none}.tooltip{position:relative;cursor:help}.tooltip:before,.tooltip:after{position:absolute;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);pointer-events:none;z-index:var(--z-tooltip)}.tooltip:after{content:attr(data-tooltip);bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-inverse);background:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;max-width:240px;text-align:center;line-height:var(--leading-normal)}.tooltip:before{content:"";bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(4px);border:6px solid transparent;border-top-color:var(--text-primary)}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus-visible:before,.tooltip:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-scrim);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-5);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--surface-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:85dvh;overflow-y:auto;z-index:var(--z-modal);transform:scale(.95) translateY(12px);transition:transform var(--transition-normal)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light)}.modal-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;background:none;border:none;font-size:var(--text-xl)}.modal-close:hover{background:var(--surface-bg);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light)}@media(max-width:640px){.modal{max-width:100%;max-height:90dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-self:flex-end}}.download-btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface-white);border:2px solid var(--border-light);border-radius:var(--radius-md);font-weight:var(--weight-semibold);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.download-btn:hover{border-color:var(--clinical-blue);color:var(--clinical-blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.download-btn:active{transform:translateY(0)}.download-btn-icon{font-size:var(--text-xl)}.download-btn-label{display:flex;flex-direction:column}.download-btn-label span{font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--pastel-blue) 25%,var(--pastel-lavender) 50%,var(--pastel-blue) 75%);background-size:200% 100%;animation:shimmer 1.8s linear infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}.skeleton-card{height:180px;border-radius:var(--radius-lg)}.toast-container{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);pointer-events:auto;animation:slideInRight .4s var(--ease-out) both}.toast-success{border-left:4px solid var(--concern-low)}.toast-error{border-left:4px solid var(--concern-high)}.toast-info{border-left:4px solid var(--clinical-blue)}.section{padding:var(--space-8) 0}.section-sm{padding:var(--space-6) 0}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);text-align:center;margin-bottom:var(--space-2)}.section-subtitle{font-size:var(--text-base);color:var(--text-secondary);text-align:center;max-width:560px;margin-inline:auto;margin-bottom:var(--space-7)}.section-alt{background:#00000004;border-radius:var(--radius-xl);padding-inline:var(--space-6);margin-inline:calc(-1 * var(--space-4))}@media(max-width:768px){.page-header-title{font-size:var(--text-2xl)}.footer-links{flex-direction:column;gap:var(--space-2)}.modal-header,.modal-body,.modal-footer{padding-inline:var(--space-4)}}@media(max-width:480px){.section{padding:var(--space-6) 0}.feature-card{flex-direction:column;text-align:center}.disclaimer-banner{flex-direction:column;gap:var(--space-2)}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}}.filter-tabs-container{position:sticky;top:75px;z-index:var(--z-sticky);background:#fdfcfbf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-3) 0;margin-bottom:var(--space-5);border-bottom:1px solid var(--surface-border)}.filter-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{background:var(--surface-2);border:1px solid var(--surface-border);border-radius:100px;padding:8px 18px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-tab:hover{background:var(--surface-border);color:var(--text-primary)}.filter-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 8px #5b4fbe40}.accordion[open]{border-left:4px solid var(--accent-primary)!important}.concern-gauge-container{display:flex;flex-direction:column;align-items:center;margin:var(--space-6) auto;max-width:280px;position:relative}.concern-gauge{width:100%;max-width:240px;overflow:visible}.gauge-label{font-size:var(--text-sm);font-weight:700;margin-top:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.gauge-score{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin-top:var(--space-1);line-height:1}#gauge-needle{filter:drop-shadow(0px 2px 5px rgba(91,79,190,.35));stroke:var(--text-primary);stroke-width:4px;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}.concern-gauge-container.concern-low .gauge-score,.concern-gauge-container.concern-low .gauge-label{color:var(--concern-low)!important}.concern-gauge-container.concern-moderate .gauge-score,.concern-gauge-container.concern-moderate .gauge-label{color:var(--concern-moderate)!important}.concern-gauge-container.concern-high .gauge-score,.concern-gauge-container.concern-high .gauge-label{color:var(--concern-high)!important}#category-cards .feature-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);background:var(--surface-1);border:1px solid var(--surface-border);border-radius:16px;padding:var(--space-5);box-shadow:var(--shadow-sm)}#category-cards .feature-card .feature-icon{align-self:flex-start;margin-bottom:var(--space-1)}#category-cards .feature-card .feature-bar{width:100%;height:8px;background:var(--surface-2)}.voice-observation-block{background:var(--surface-1);border:1px dashed var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.voice-obs-header{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.voice-badge{display:inline-block;font-size:var(--text-sm);font-weight:700;color:var(--accent-primary)}.voice-badge-en{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.voice-obs-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:var(--leading-normal)}.voice-unsupported-notice{font-size:var(--text-sm);color:var(--concern-high);background:var(--concern-high-bg);border:1px solid var(--concern-high-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.voice-recorder-ui{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;width:100%}.btn-voice{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);padding:10px 24px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:0 2px 10px #5b4fbe33;transition:all .2s ease}.btn-voice:hover{background:var(--accent-primary-hover);box-shadow:0 4px 16px #5b4fbe4d;transform:translateY(-1px)}.btn-voice-stop{background:var(--concern-high);color:#fff;border-radius:var(--radius-full);padding:10px 24px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:0 2px 10px #c0392b33;transition:all .2s ease}.btn-voice-stop:hover{background:#a93226;box-shadow:0 4px 16px #c0392b4d;transform:translateY(-1px)}.recording-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--concern-high);font-weight:600}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--concern-high);animation:pulse-dot-anim 1.5s ease-in-out infinite}@keyframes pulse-dot-anim{0%{transform:scale(.8);opacity:.5;box-shadow:0 0 #c0392bb3}70%{transform:scale(1);opacity:1;box-shadow:0 0 0 6px #c0392b00}to{transform:scale(.8);opacity:.5;box-shadow:0 0 #c0392b00}}.transcript-preview{width:100%;max-height:120px;overflow-y:auto;background:var(--surface-0);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary)}.analysis-summary{width:100%;background:var(--accent-primary-light);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary)}.voice-transcript-quote{font-style:italic;color:var(--text-primary);border-left:3px solid var(--accent-primary);padding-left:var(--space-3);margin:0 0 var(--space-3) 0;line-height:var(--leading-relaxed)}.voice-obs-list{list-style:none;padding:0;margin:0 0 var(--space-3) 0}.welcome-banner{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-8);background:#ffffff8c;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:var(--space-8);align-items:center;margin-bottom:var(--space-8);box-shadow:0 8px 32px #5b4fbe0d}.welcome-banner-content{display:flex;flex-direction:column;align-items:flex-start}.welcome-badge{font-size:var(--text-xs);font-weight:600;color:var(--accent-primary);background:var(--accent-primary-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.welcome-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.welcome-subtitle{font-size:1.25rem;font-weight:600;color:var(--accent-primary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.welcome-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-5)}.welcome-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.welcome-security-text{font-size:var(--text-xs);color:var(--text-muted)}.welcome-banner-img-container{display:flex;justify-content:center;align-items:center}.welcome-banner-img{width:100%;max-width:320px;height:auto;object-fit:contain}.step-card{padding:var(--space-5);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;height:100%}.step-card-num{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--accent-primary);background:var(--accent-primary-light);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.step-card h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.step-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.feature-card-item{display:flex;gap:var(--space-4);align-items:start;padding:var(--space-5)}.feature-card-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.feature-card-icon.icon-purple{background:var(--accent-primary-light);color:var(--accent-primary)}.feature-card-icon.icon-teal{background:var(--accent-teal-light);color:var(--accent-teal)}.feature-card-icon.icon-green{background:var(--concern-low-bg);color:var(--concern-low)}.feature-card-heading{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.feature-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.help-areas-row{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-6);justify-content:center}.help-area-col{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:120px}.help-area-circle{font-size:2rem;background:var(--surface-1);border:1px solid var(--surface-border);width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all var(--transition-fast) ease-in-out}.help-area-col:hover .help-area-circle{transform:translateY(-4px);background:var(--accent-primary-light);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.help-area-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-align:center}.important-check-card{padding:var(--space-6);border-left:4px solid var(--concern-moderate)!important}.important-card-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.important-check-list{list-style:none;padding:0;margin:0 0 var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-2)}.important-check-list li{display:flex;gap:var(--space-2);align-items:start;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.important-check-list .check-icon{color:var(--concern-moderate);font-weight:700}.important-card-link{font-size:var(--text-xs);font-weight:600;color:var(--accent-primary);text-decoration:none}.important-card-link:hover{text-decoration:underline}.stat-card{padding:var(--space-6)}.stat-card-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.stat-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);align-items:start}.stat-row:last-child{margin-bottom:0}.stat-num-box{background:var(--accent-primary-light);color:var(--accent-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:700;font-size:var(--text-sm);white-space:nowrap}.stat-icon-box{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-1);border-radius:var(--radius-md);flex-shrink:0}.stat-text-box{display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs);line-height:var(--leading-normal)}.stat-text-box strong{color:var(--text-primary);font-weight:600}.stat-text-box span{color:var(--text-secondary)}.disclaimer-banner-wrapper{margin-top:var(--space-8)}.disclaimer-banner-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);padding:var(--space-6);background:#fff5db99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--concern-moderate-border);border-radius:var(--radius-lg);align-items:center}.disclaimer-mascot-box{width:72px;height:72px;border-radius:var(--radius-full);background:var(--surface-white);padding:var(--space-2);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.disclaimer-mascot-img{width:100%;height:100%;object-fit:contain}.disclaimer-banner-text h3{font-size:var(--text-sm);font-weight:600;color:var(--concern-moderate);margin-bottom:var(--space-1)}.disclaimer-banner-text p{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.screening-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);align-items:start}.screening-left{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-6)}.screening-right{min-width:0}.child-summary-card{padding:var(--space-4)}.child-summary-header{display:flex;align-items:center;gap:var(--space-3)}.child-avatar{font-size:1.8rem;background:var(--accent-primary-light);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.child-summary-details{display:flex;flex-direction:column;gap:2px}.child-summary-details strong{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.child-summary-details span{font-size:var(--text-xs);color:var(--text-secondary)}.progress-status-card{padding:var(--space-4)}.progress-bar-container{display:flex;flex-direction:column}.mascot-status-card{padding:var(--space-4);display:flex;justify-content:center;align-items:center}.elephant-mascot-img{width:140px;height:auto;object-fit:contain;margin-inline:auto}.results-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-6);align-items:start}.results-left{display:flex;flex-direction:column;gap:var(--space-4)}.results-right{min-width:0}.result-gauge-card{padding:var(--space-6);display:flex;flex-direction:column;align-items:center}.concern-gauge-container{width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.concern-gauge{width:100%;max-width:220px;height:auto}.gauge-label{text-align:center;font-weight:700;font-size:var(--text-xl);margin-top:var(--space-3)}.concern-low .gauge-label{color:var(--concern-low)}.concern-moderate .gauge-label{color:var(--concern-moderate)}.concern-high .gauge-label{color:var(--concern-high)}.bear-mascot-container{display:flex;justify-content:center;align-items:center;margin-top:var(--space-4)}.bear-mascot-img{width:120px;height:auto;object-fit:contain}.result-breakdown-card{padding:var(--space-6)}.domain-summary-list{display:flex;flex-direction:column;gap:var(--space-3)}.feature-bar{width:80px;height:6px;background:var(--surface-2);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.feature-bar-fill{height:100%;width:0%;border-radius:var(--radius-full)}@media(max-width:1024px){.app-main{margin-left:0;padding:calc(60px + var(--space-6)) var(--space-4) var(--space-6)}.sidebar{transform:translate(-100%);transition:transform var(--transition-normal) ease-in-out;box-shadow:var(--shadow-lg);width:280px;top:60px;bottom:0;position:fixed}.sidebar.open{transform:translate(0)}.hide-desktop{display:flex!important}.screening-layout,.results-layout{grid-template-columns:1fr}.screening-left{position:static;flex-direction:row;flex-wrap:wrap}.child-summary-card,.progress-status-card{flex:1 1 calc(50% - var(--space-2))}.mascot-status-card{display:none}}@media(min-width:1025px){.hide-desktop,.mobile-header{display:none!important}}@media(max-width:768px){.welcome-banner{grid-template-columns:1fr;padding:var(--space-6);gap:var(--space-6)}.welcome-banner-img-container{order:-1}.screening-left{flex-direction:column}.child-summary-card,.progress-status-card{flex:1 1 100%;width:100%}}.top-bar{display:flex;align-items:center;justify-content:space-between;height:64px;padding-inline:var(--space-6);background:#ffffff73;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--surface-border);margin-bottom:var(--space-6);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000003;border:1px solid var(--surface-border)}body.dark .top-bar{background:#1c1a2473}.top-bar-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.top-bar-right{display:flex;align-items:center;gap:var(--space-4)}.top-bar-btn{background:transparent;border:1px solid var(--surface-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) ease-in-out;display:inline-flex;align-items:center;gap:var(--space-2)}.top-bar-btn:hover{background:#ffffffd9;color:var(--text-primary);border-color:var(--accent-primary)}body.dark .top-bar-btn:hover{background:#ffffff14}.login-btn{padding:10px 24px;border-radius:var(--radius-full);font-size:var(--text-xs)}@media(max-width:1024px){.top-bar{margin-bottom:var(--space-4);padding-inline:var(--space-4)}.top-bar-title{display:none}}body.dark .sidebar{background:#1c1a24d9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid rgba(255,255,255,.06)}body.dark .sidebar-link:hover{background:#ffffff0f}body.dark .sidebar-link.active{background:#7b6fe02e;box-shadow:0 4px 12px #00000026}body.dark .sidebar-logo-icon{background:#7b6fe026;box-shadow:0 4px 10px #0003}body.dark .sidebar-widget{background:#7b6fe014;border-color:#7b6fe026}body.dark .mobile-header{background:#1c1a24eb;border-bottom-color:#ffffff0f}body.dark .glass-card{box-shadow:0 2px 6px #00000014,0 8px 32px #00000026,0 0 0 1px #ffffff0a inset}body.dark .glass-card:hover{box-shadow:0 4px 12px #0000001f,0 16px 40px #00000038,0 0 0 1px #ffffff0f inset}body.dark .glass-card-strong{box-shadow:0 2px 6px #0000001a,0 12px 36px #0000002e,0 0 0 1px #ffffff0f inset}body.dark .glass-card-flat{box-shadow:0 1px 3px #0000000f,0 4px 16px #0000001f,0 0 0 1px #ffffff08 inset}body.dark .welcome-banner{background:#1c1a2499;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-color:#ffffff0f;box-shadow:0 8px 32px #0003}body.dark .disclaimer-banner{background:var(--concern-moderate-bg);border-color:var(--concern-moderate-border);color:#ffd073}body.dark .disclaimer-banner-title{color:#ffd073}body.dark .disclaimer-banner-card{background:#d0870014;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--concern-moderate-border)}body.dark .disclaimer-banner-text h3{color:#ffb84d}body.dark .info-card{background:#8ab4f814;border-color:#8ab4f826}body.dark .info-card-title{color:#8ab4f8}body.dark .info-card-body{color:#aecbfa}body.dark .recommendation-card{background:#81c99514;border-color:#81c99526}body.dark .recommendation-card-title{color:#81c995}body.dark .recommendation-card-body{color:#a8dab5}body.dark .warning-card{background:#ffb04d14;border-color:#ffb04d26}body.dark .warning-card-title{color:#ffb84d}body.dark .warning-card-body{color:#ffd073}body.dark .important-check-card{border-left-color:var(--concern-moderate)!important}body.dark .important-check-list .check-icon{color:#ffb84d}body.dark .stat-num-box{background:#7b6fe026}body.dark .stat-icon-box{background:#ffffff0d}body.dark .accordion{background:var(--surface-1);border-color:var(--surface-border)}body.dark .accordion summary:hover{background:#ffffff0a}body.dark .accordion[open] summary{border-bottom-color:var(--surface-border)}body.dark .filter-tabs-container{background:#121016eb;border-bottom-color:var(--surface-border)}body.dark .filter-tab{background:var(--surface-2);border-color:var(--surface-border)}body.dark .filter-tab:hover{background:#ffffff14}body.dark .likert-option{background:#ffffff0a;border-color:#ffffff14}body.dark .likert-option:hover{background:#ffffff14;border-color:#7b6fe04d}body.dark .likert-option.selected{background:#ffffff0f;box-shadow:0 8px 24px #0003}body.dark .form-input,body.dark .form-select,body.dark .form-textarea{background:var(--surface-2);border-color:#ffffff1a;color:var(--text-primary)}body.dark .form-input::placeholder,body.dark .form-select::placeholder,body.dark .form-textarea::placeholder{color:var(--text-muted)}body.dark .form-input:hover,body.dark .form-select:hover{border-color:#ffffff2e}body.dark .form-input:focus,body.dark .form-select:focus,body.dark .form-textarea:focus{border-color:var(--accent-primary)}body.dark .btn-secondary{border-color:var(--accent-primary);color:var(--accent-primary)}body.dark .btn-secondary:hover{background:#7b6fe026}body.dark .btn-ghost:hover{background:#ffffff0f}body.dark .download-btn{background:var(--surface-2);border-color:#ffffff1a}body.dark .download-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}body.dark .feature-card{background:var(--surface-1);border-color:var(--surface-border)}body.dark .feature-card:hover{border-color:#ffffff1f}body.dark #category-cards .feature-card{background:var(--surface-1);border-color:var(--surface-border)}body.dark .badge-info{background:#8ab4f81f;color:#8ab4f8}body.dark .badge-success{background:#81c9951f;color:#81c995}body.dark .badge-warning{background:#ffb04d1f;color:#ffb84d}body.dark .badge-danger{background:#ef44441f;color:#ef4444}body.dark .voice-observation-block{background:var(--surface-1);border-color:var(--surface-border)}body.dark .transcript-preview{background:var(--surface-2);border-color:var(--surface-border)}body.dark .analysis-summary{background:#7b6fe01a;border-color:#7b6fe026}body.dark .help-area-circle{background:var(--surface-2);border-color:var(--surface-border)}body.dark .help-area-col:hover .help-area-circle{background:#7b6fe026;border-color:var(--accent-primary)}body.dark .section-alt{background:#ffffff05}body.dark .step-indicator:before{background:#ffffff14}body.dark .step-dot{background:var(--surface-2);border-color:#ffffff1f;color:var(--text-muted)}body.dark .welcome-banner-img,body.dark .elephant-mascot-img,body.dark .bear-mascot-img,body.dark .disclaimer-mascot-img,body.dark .sidebar-widget-img{border-radius:var(--radius-lg);mix-blend-mode:luminosity;opacity:.88;filter:brightness(.92) contrast(1.05)}body.dark .welcome-banner-img,body.dark .elephant-mascot-img,body.dark .bear-mascot-img,body.dark .disclaimer-mascot-img{mix-blend-mode:normal;opacity:.92;filter:brightness(.88)}body.dark ::-webkit-scrollbar-track{background:var(--surface-0)}body.dark ::-webkit-scrollbar-thumb{background:#ffffff1f}body.dark ::-webkit-scrollbar-thumb:hover{background:#fff3}body.dark .toast{background:var(--surface-2);box-shadow:0 8px 32px #00000059}body.dark .footer{background:#1c1a2499;border-top-color:#ffffff0f}body.dark ::selection{background:#7b6fe059;color:var(--text-primary)}body.dark ::-moz-selection{background:#7b6fe059;color:var(--text-primary)}body.dark .progress-bar{background:#ffffff0f}body.dark .skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%)}body.dark .modal{background:var(--surface-1);box-shadow:0 24px 80px #00000080}body.dark .modal-header{border-bottom-color:var(--surface-border)}body.dark .modal-footer{border-top-color:var(--surface-border)}body.dark .modal-close:hover{background:#ffffff0f}body.dark .feature-card-item{background:var(--glass-bg)!important}body.dark .feature-card-icon{background:#7b6fe01f!important}body.dark .disclaimer-mascot-box{background:var(--surface-2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(1deg)}50%{transform:translateY(-6px) rotate(-1deg)}75%{transform:translateY(-14px) rotate(.5deg)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #1a73e84d}50%{transform:scale(1.03);box-shadow:0 0 0 10px #1a73e800}}@keyframes gaugeNeedle{0%{transform:rotate(-90deg)}to{transform:rotate(var(--gauge-rotation, 0deg))}}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width, 100%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dashDraw{0%{stroke-dashoffset:var(--dash-total, 565)}to{stroke-dashoffset:var(--dash-offset, 0)}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) both}.animate-fade-in{animation:fadeIn .5s var(--ease-default) both}.animate-fade-out{animation:fadeOut .3s var(--ease-default) both}.animate-slide-in-left{animation:slideInLeft .5s var(--ease-out) both}.animate-slide-in-right{animation:slideInRight .5s var(--ease-out) both}.animate-scale-in{animation:scaleIn .4s var(--ease-bounce) both}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2.5s ease-in-out infinite}.animate-bounce{animation:bounce 1.4s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:shimmer 1.8s linear infinite}.animate-spin{animation:spin 1s linear infinite}.animate-dash-draw{animation:dashDraw 1.2s var(--ease-out) both}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.fill-both{animation-fill-mode:both}.fill-forwards{animation-fill-mode:forwards}.animate-on-enter{opacity:0}.animate-on-enter.is-visible{animation:fadeInUp .6s var(--ease-out) both}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transform:scale(.96);transition:opacity .5s var(--ease-out),transform .5s var(--ease-bounce)}.reveal-scale.is-visible{opacity:1;transform:scale(1)}body.celebrate:before,body.celebrate:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}body.celebrate:before{background-image:radial-gradient(circle,var(--accent-primary) 4px,transparent 0),radial-gradient(circle,var(--accent-teal) 6px,transparent 0),radial-gradient(circle,var(--concern-low) 5px,transparent 0),radial-gradient(circle,var(--concern-moderate) 4px,transparent 0);background-size:200px 200px;background-position:0 0,40px 60px,130px 110px,70px 150px;animation:confetti-fall-1 6s linear infinite}body.celebrate:after{background-image:radial-gradient(circle,var(--accent-teal) 5px,transparent 0),radial-gradient(circle,var(--accent-primary) 5px,transparent 0),radial-gradient(circle,var(--concern-low) 4px,transparent 0),radial-gradient(circle,var(--concern-moderate) 6px,transparent 0);background-size:250px 250px;background-position:20px 80px,90px 20px,180px 140px,120px 200px;animation:confetti-fall-2 7s linear infinite}@keyframes confetti-fall-1{0%{transform:translateY(-200px);opacity:1}85%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes confetti-fall-2{0%{transform:translateY(-250px) rotate(15deg);opacity:1}85%{opacity:1}to{transform:translateY(100vh) rotate(-15deg);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-float,.animate-pulse,.animate-bounce,.animate-shimmer,.animate-spin{animation:none!important}.reveal,.reveal-scale,.animate-on-enter{opacity:1!important;transform:none!important}}