:root{color-scheme:light;--bg-base: #F6F6FB;--background: #F6F6FB;--bg-surface: #FFFFFF;--surface: #FFFFFF;--bg-recessed: #EEEEF6;--surface-subtle: #EEEEF6;--surface-muted: #E6E6F1;--text-ink: #0E1220;--text-primary: #0E1220;--text-body: #42465A;--text-secondary: #42465A;--text-muted: #63687F;--text-subtle: #8B90A6;--text-inverse: #FFFFFF;--primary: #7C3AED;--primary-hover: #6D28D9;--primary-active: #5B21B6;--primary-soft: #F1EBFE;--primary-subtle: rgba(124, 58, 237, .08);--primary-glow: rgba(124, 58, 237, .22);--accent-sage: #0891B2;--accent-sage-hover: #0E7490;--accent-sage-soft: #E0F5FA;--sage-soft: #E0F5FA;--accent-sage-subtle: rgba(8, 145, 178, .12);--tile-violet: #7C3AED;--tile-violet-soft: #F1EBFE;--tile-violet-ink: #4C1D95;--tile-blue: #2563EB;--tile-blue-soft: #E7EEFE;--tile-blue-ink: #1E3A8A;--tile-cyan: #0891B2;--tile-cyan-soft: #E0F5FA;--tile-cyan-ink: #155E75;--tile-emerald: #059669;--tile-emerald-soft: #E3F6EE;--tile-emerald-ink: #065F46;--tile-amber: #D97706;--tile-amber-soft: #FDF3E3;--tile-amber-ink: #92400E;--tile-rose: #E11D48;--tile-rose-soft: #FDE9EE;--tile-rose-ink: #9F1239;--tile-indigo: #4F46E5;--tile-indigo-soft: #EBEBFE;--tile-indigo-ink: #312E81;--status-good: #059669;--good: #059669;--good-bg: #E3F6EE;--good-border: #A7E8C8;--good-text: #065F46;--status-mod: #D97706;--moderate: #D97706;--moderate-bg: #FDF3E3;--moderate-border: #F5D9A8;--moderate-text: #92400E;--status-needs: #E2604B;--needs-attention: #E2604B;--needs-attention-bg: #FDEDE8;--needs-attention-border: #F5C9BC;--needs-attention-text: #9A3412;--success: var(--status-good);--success-bg: var(--good-bg);--success-border: var(--good-border);--success-text: var(--good-text);--warning: var(--status-mod);--warning-bg: var(--moderate-bg);--warning-border: var(--moderate-border);--warning-text: var(--moderate-text);--danger: var(--status-needs);--danger-bg: var(--needs-attention-bg);--danger-border: var(--needs-attention-border);--danger-text: var(--needs-attention-text);--border-soft: #E5E5F0;--border: #E5E5F0;--border-subtle: rgba(14, 18, 32, .06);--border-strong: rgba(14, 18, 32, .14);--focus-ring: rgba(124, 58, 237, .32);--font-display: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: var(--font-body);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-10: 3.5rem;--space-12: 4.5rem;--space-16: 6rem;--space-20: 7.5rem;--space-24: 10rem;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-3xl: 44px;--radius-full: 9999px;--shadow-flat: none;--shadow-xs: 0 1px 2px rgba(14, 18, 32, .05);--shadow-sm: 0 2px 8px rgba(14, 18, 32, .06);--shadow-card: 0 6px 24px -8px rgba(14, 18, 32, .1), 0 2px 6px rgba(14, 18, 32, .03);--shadow-md: var(--shadow-card);--shadow-hover: 0 20px 46px -14px rgba(14, 18, 32, .2), 0 6px 14px rgba(14, 18, 32, .05);--shadow-lg: var(--shadow-hover);--shadow-modal: 0 32px 72px -16px rgba(14, 18, 32, .26), 0 8px 22px rgba(14, 18, 32, .08);--shadow-xl: var(--shadow-modal);--shadow-diffuse: 0 8px 32px rgba(14, 18, 32, .08);--shadow-soft: var(--shadow-diffuse);--shadow-tile: 0 12px 32px -12px rgba(124, 58, 237, .3);--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-gentle: .32s cubic-bezier(.16, 1, .3, 1);--transition-breath: 1.2s cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1440px;--bento-gap: 1.5rem;--bento-gap-lg: 2rem;--bento-radius: var(--radius-xl);--on-primary: #FFFFFF;--surface-elevated: #FFFFFF;--surface-hover: #F4F4FA;--field-hover-bg: #F4F4FA;--field-hover-border: #D6D6E4;--field-focus-bg: #FFFFFF;--field-disabled-bg: #E9E9F2;--field-invalid-bg: #FFFBF9;--btn-soft-hover: #E4D9FC;--btn-danger-bg: #FDEDE8;--btn-danger-hover: #FADDD4;--track-bg: rgba(14, 18, 32, .1);--thumb-bg: #FFFFFF;--thumb-shadow: 0 2px 10px rgba(14, 18, 32, .18);--thumb-shadow-hover: 0 6px 18px rgba(14, 18, 32, .22);--gauge-track: rgba(14, 18, 32, .08);--scrim: rgba(11, 13, 22, .55);--tooltip-bg: #0E1220;--tooltip-text: #F6F6FB;--glass-nav-bg: rgba(246, 246, 251, .78);--glass-border: rgba(255, 255, 255, .6);--brand-gradient: linear-gradient(120deg, #7C3AED 0%, #4F46E5 45%, #0891B2 100%);--brand-gradient-soft: linear-gradient(135deg, #F1EBFE 0%, #E0F5FA 100%);--bento-gradient: linear-gradient(140deg, #7C3AED 0%, #4F46E5 55%, #2563EB 100%);--mesh-1: radial-gradient(circle at 14% 8%, rgba(124, 58, 237, .2) 0%, rgba(124, 58, 237, 0) 60%);--mesh-2: radial-gradient(circle at 86% 6%, rgba(8, 145, 178, .16) 0%, rgba(8, 145, 178, 0) 58%);--mesh-3: radial-gradient(circle at 60% 96%, rgba(217, 119, 6, .1) 0%, rgba(217, 119, 6, 0) 58%);--blob-a: radial-gradient(circle, rgba(124, 58, 237, .34) 0%, rgba(8, 145, 178, .2) 100%);--blob-b: radial-gradient(circle, rgba(8, 145, 178, .28) 0%, rgba(246, 246, 251, .1) 100%);--blob-blend: multiply;--scrollbar-track: transparent;--scrollbar-thumb: rgba(124, 58, 237, .26);--scrollbar-thumb-hover: rgba(124, 58, 237, .44);--sheen: rgba(255, 255, 255, .32)}[data-theme=dark]{color-scheme:dark;--bg-base: #0B0D16;--background: #0B0D16;--bg-surface: #141822;--surface: #141822;--bg-recessed: #1C2130;--surface-subtle: #1C2130;--surface-muted: #232939;--text-ink: #F5F6FB;--text-primary: #F5F6FB;--text-body: #BFC5D6;--text-secondary: #BFC5D6;--text-muted: #959CB2;--text-subtle: #6E7488;--text-inverse: #0B0D16;--primary: #A78BFA;--primary-hover: #C4B5FD;--primary-active: #8B5CF6;--primary-soft: #241D3D;--primary-subtle: rgba(167, 139, 250, .14);--primary-glow: rgba(167, 139, 250, .3);--accent-sage: #22D3EE;--accent-sage-hover: #67E8F9;--accent-sage-soft: #102A33;--sage-soft: #102A33;--accent-sage-subtle: rgba(34, 211, 238, .16);--tile-violet: #A78BFA;--tile-violet-soft: #221C3A;--tile-violet-ink: #DDD2FF;--tile-blue: #60A5FA;--tile-blue-soft: #16233D;--tile-blue-ink: #CFE0FF;--tile-cyan: #22D3EE;--tile-cyan-soft: #102B33;--tile-cyan-ink: #B6EDF7;--tile-emerald: #34D399;--tile-emerald-soft: #102C24;--tile-emerald-ink: #B2F0D6;--tile-amber: #FBBF24;--tile-amber-soft: #2E2413;--tile-amber-ink: #FBE3A8;--tile-rose: #FB7185;--tile-rose-soft: #311B24;--tile-rose-ink: #FFD0D9;--tile-indigo: #818CF8;--tile-indigo-soft: #1D2044;--tile-indigo-ink: #D3D7FF;--status-good: #34D399;--good: #34D399;--good-bg: #102C24;--good-border: #2C5545;--good-text: #B2F0D6;--status-mod: #FBBF24;--moderate: #FBBF24;--moderate-bg: #2E2413;--moderate-border: #574420;--moderate-text: #FBE3A8;--status-needs: #FB8F73;--needs-attention: #FB8F73;--needs-attention-bg: #2E1D19;--needs-attention-border: #5A342B;--needs-attention-text: #FCD0BF;--border-soft: #262C3C;--border: #262C3C;--border-subtle: rgba(245, 246, 251, .07);--border-strong: rgba(245, 246, 251, .18);--focus-ring: rgba(167, 139, 250, .42);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .4);--shadow-card: 0 10px 32px -8px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4);--shadow-hover: 0 22px 52px -14px rgba(0, 0, 0, .7), 0 6px 16px rgba(0, 0, 0, .45);--shadow-modal: 0 36px 80px -18px rgba(0, 0, 0, .78), 0 10px 26px rgba(0, 0, 0, .5);--shadow-diffuse: 0 8px 34px rgba(0, 0, 0, .5);--shadow-tile: 0 14px 38px -14px rgba(167, 139, 250, .42);--on-primary: #10091F;--surface-elevated: #1E2332;--surface-hover: #242A3B;--field-hover-bg: #242A3B;--field-hover-border: #384054;--field-focus-bg: #1E2332;--field-disabled-bg: #171B26;--field-invalid-bg: #1F1614;--btn-soft-hover: #2E2450;--btn-danger-bg: #2C1C18;--btn-danger-hover: #3A2520;--track-bg: rgba(245, 246, 251, .16);--thumb-bg: #141822;--thumb-shadow: 0 2px 10px rgba(0, 0, 0, .6);--thumb-shadow-hover: 0 6px 18px rgba(0, 0, 0, .65);--gauge-track: rgba(245, 246, 251, .1);--scrim: rgba(5, 6, 11, .72);--tooltip-bg: #EEF0F7;--tooltip-text: #10131C;--glass-nav-bg: rgba(11, 13, 22, .76);--glass-border: rgba(255, 255, 255, .1);--brand-gradient: linear-gradient(120deg, #A78BFA 0%, #818CF8 45%, #22D3EE 100%);--brand-gradient-soft: linear-gradient(135deg, #241D3D 0%, #102A33 100%);--bento-gradient: linear-gradient(140deg, #A78BFA 0%, #818CF8 55%, #60A5FA 100%);--mesh-1: radial-gradient(circle at 14% 8%, rgba(124, 58, 237, .3) 0%, rgba(124, 58, 237, 0) 58%);--mesh-2: radial-gradient(circle at 86% 6%, rgba(34, 211, 238, .2) 0%, rgba(34, 211, 238, 0) 56%);--mesh-3: radial-gradient(circle at 60% 96%, rgba(251, 191, 36, .12) 0%, rgba(251, 191, 36, 0) 56%);--blob-a: radial-gradient(circle, rgba(124, 58, 237, .5) 0%, rgba(34, 211, 238, .28) 100%);--blob-b: radial-gradient(circle, rgba(34, 211, 238, .34) 0%, rgba(11, 13, 22, .2) 100%);--blob-blend: screen;--scrollbar-track: transparent;--scrollbar-thumb: rgba(167, 139, 250, .32);--scrollbar-thumb-hover: rgba(167, 139, 250, .5);--sheen: rgba(255, 255, 255, .16)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--text-secondary);background-color:var(--background);scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;color:var(--text-secondary);background-color:var(--background);background-image:var(--mesh-1),var(--mesh-2),var(--mesh-3);background-repeat:no-repeat;background-attachment:fixed;overflow-x:hidden;position:relative}html,body,.app-shell{transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column;min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1 0 auto;display:flex;flex-direction:column;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,5vw,3.75rem)}h2{font-size:clamp(1.9rem,3.2vw,2.6rem)}h3{font-size:clamp(1.35rem,2vw,1.7rem)}h4{font-size:1.25rem;letter-spacing:-.02em}h5{font-size:1.05rem;letter-spacing:-.01em}p{color:var(--text-secondary);line-height:1.7;font-size:1.0625rem}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}input,select,textarea{font-family:inherit;font-size:1rem}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 3px var(--focus-ring)}.text-primary{color:var(--primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-success{color:var(--good)!important}.text-warning{color:var(--moderate)!important}.text-danger{color:var(--needs-attention)!important}.text-muted{color:var(--text-muted)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.w-full{width:100%!important}.text-gradient{background-image:var(--brand-gradient);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradientPan 9s ease-in-out infinite}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--primary);background-color:var(--primary-soft);padding:.4rem 1.1rem;border-radius:var(--radius-full);margin-bottom:var(--space-4);letter-spacing:.01em}.eyebrow-sage{color:var(--good-text);background-color:var(--good-bg)}.container{width:100%;max-width:var(--max-width-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6);position:relative;z-index:1}.container-narrow{max-width:var(--max-width-md);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6);position:relative;z-index:1}.bento-grid{display:grid;gap:var(--bento-gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,auto)}.bento-tile{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-7);background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--bento-radius);box-shadow:var(--shadow-card);transition:transform var(--transition-gentle),box-shadow var(--transition-gentle),border-color var(--transition-normal)}.bento-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--border-strong)}.bento-tile:focus-within{border-color:var(--primary)}.bento-span-2{grid-column:span 2}.bento-span-3{grid-column:span 3}.bento-span-4{grid-column:span 4}.bento-row-2{grid-row:span 2}.tile-violet{background-color:var(--tile-violet-soft);border-color:transparent}.tile-blue{background-color:var(--tile-blue-soft);border-color:transparent}.tile-cyan{background-color:var(--tile-cyan-soft);border-color:transparent}.tile-emerald{background-color:var(--tile-emerald-soft);border-color:transparent}.tile-amber{background-color:var(--tile-amber-soft);border-color:transparent}.tile-rose{background-color:var(--tile-rose-soft);border-color:transparent}.tile-indigo{background-color:var(--tile-indigo-soft);border-color:transparent}.tile-gradient{background-image:var(--bento-gradient);border-color:transparent;color:#fff}.tile-gradient h1,.tile-gradient h2,.tile-gradient h3,.tile-gradient h4,.tile-gradient p,.tile-gradient span{color:#fff}.tile-gradient .tile-caption{color:#ffffffd1}.tile-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-md);flex-shrink:0;background-color:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.tile-icon.tile-icon-solid{background-image:var(--bento-gradient);color:#fff}.tile-icon.tile-icon-violet{background-color:var(--tile-violet-soft);color:var(--tile-violet)}.tile-icon.tile-icon-blue{background-color:var(--tile-blue-soft);color:var(--tile-blue)}.tile-icon.tile-icon-cyan{background-color:var(--tile-cyan-soft);color:var(--tile-cyan)}.tile-icon.tile-icon-emerald{background-color:var(--tile-emerald-soft);color:var(--tile-emerald)}.tile-icon.tile-icon-amber{background-color:var(--tile-amber-soft);color:var(--tile-amber)}.tile-icon.tile-icon-rose{background-color:var(--tile-rose-soft);color:var(--tile-rose)}.tile-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.tile-text{font-size:.9875rem;color:var(--text-secondary);line-height:1.65}.tile-caption{font-size:.8125rem;font-weight:500;color:var(--text-muted)}.navbar-header{position:sticky;top:0;z-index:50;background-color:var(--glass-nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-normal)}.navbar-container{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.navbar-brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.03em}.navbar-logo-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background-image:var(--bento-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px -6px #7c3aed99}.navbar-brand-text{color:var(--text-primary);font-weight:800}.navbar-nav{display:flex;align-items:center;gap:var(--space-2);padding:.3rem;background-color:var(--surface-subtle);border-radius:var(--radius-full)}.nav-link{padding:.55rem 1.15rem;font-size:.9375rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background-color:var(--surface)}.nav-link.active{color:var(--on-primary);background-image:var(--bento-gradient);box-shadow:0 6px 16px -6px #7c3aed8c}.navbar-right-cluster,.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-theme-row{background:none;border:none;width:100%;text-align:left;font-size:1rem}.auth-buttons-group{display:flex;align-items:center;gap:var(--space-2)}.user-dropdown-container{position:relative}.user-profile-btn{display:flex;align-items:center;gap:.65rem;padding:.4rem 1rem .4rem .4rem;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.user-profile-btn:hover{border-color:var(--primary);background-color:var(--primary-soft)}.user-avatar-sm{width:2rem;height:2rem;border-radius:var(--radius-full);background-image:var(--bento-gradient);color:#fff;font-weight:700;font-size:.8125rem;display:flex;align-items:center;justify-content:center}.user-name-text{font-size:.875rem;font-weight:600;color:var(--text-primary);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.user-dropdown-menu{position:absolute;top:calc(100% + .75rem);right:0;width:250px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);padding:.6rem;z-index:100;animation:fadeIn .15s ease}.dropdown-user-header{padding:.75rem .85rem}.dropdown-user-name{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.dropdown-user-email{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background-color:var(--border-subtle);margin:.4rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .85rem;font-size:.9375rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none}.dropdown-item:hover{background-color:var(--surface-subtle);color:var(--text-primary)}.dropdown-item.text-danger:hover{background-color:var(--needs-attention-bg);color:var(--needs-attention)}.desktop-only{display:flex}.mobile-only{display:none}.hamburger-btn{padding:.5rem;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.mobile-nav-drawer{background-color:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{padding:.9rem 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);border-radius:var(--radius-md);text-decoration:none;display:flex;align-items:center;gap:.75rem}.mobile-nav-link:hover{background-color:var(--surface-subtle)}.mobile-nav-divider{height:1px;background-color:var(--border-subtle);margin:.75rem 0}.mobile-auth-actions{display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-body);font-weight:600;border-radius:var(--radius-full);min-height:54px;padding:.8rem 1.9rem;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-sm{min-height:44px;padding:.55rem 1.3rem;font-size:.9rem}.btn-md{min-height:54px;padding:.8rem 1.9rem;font-size:.9875rem}.btn-lg{min-height:62px;padding:1rem 2.4rem;font-size:1.075rem;font-weight:700}.btn-full{width:100%}.btn-primary{position:relative;overflow:hidden;background-color:var(--primary);background-image:var(--bento-gradient);color:#fff;box-shadow:0 10px 26px -10px #7c3aedb3}.btn-primary:hover:not(:disabled){box-shadow:0 16px 36px -12px #7c3aedd9;transform:translateY(-3px)}.btn-primary:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent 0%,var(--sheen) 50%,transparent 100%);transform:skew(-18deg);pointer-events:none}.btn-primary:hover:not(:disabled):after{animation:sheenSweep .7s ease-out}.btn-secondary{background-color:var(--text-ink);color:var(--background);box-shadow:0 10px 24px -10px #0e122099}.btn-secondary:hover:not(:disabled){background-color:var(--primary);transform:translateY(-3px);box-shadow:0 16px 32px -12px #7c3aedb3}.btn-soft{background-color:var(--primary-soft);color:var(--primary)}.btn-soft:hover:not(:disabled){background-color:var(--btn-soft-hover);color:var(--primary-hover)}.btn-outline{background-color:var(--surface);border-color:var(--border);color:var(--text-primary);box-shadow:var(--shadow-xs)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background-color:var(--primary-soft);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--surface-subtle);color:var(--text-primary)}.btn-danger{background-color:var(--btn-danger-bg);color:var(--needs-attention);border:1px solid rgba(226,96,75,.24)}.btn-danger:hover:not(:disabled){background-color:var(--btn-danger-hover);transform:translateY(-2px)}.card{background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);transition:all var(--transition-gentle);position:relative}.card:hover{box-shadow:var(--shadow-hover)}.card-header-flex{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap}.card-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.form-group{display:flex;flex-direction:column;gap:.55rem;margin-bottom:var(--space-5)}.form-label{font-size:.9375rem;font-weight:600;color:var(--text-ink);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.form-label-optional{font-size:.8125rem;color:var(--text-muted);font-weight:400}.input-wrapper{position:relative;display:flex;align-items:center}.form-input,.form-select{width:100%;min-height:58px;padding:.9rem 1.25rem;background-color:var(--bg-recessed);border:1.5px solid transparent;border-radius:var(--radius-lg);color:var(--text-ink);font-size:1rem;line-height:1.5;outline:none;transition:all var(--transition-fast)}.form-input:hover,.form-select:hover{background-color:var(--field-hover-bg);border-color:var(--field-hover-border)}.form-input:focus,.form-select:focus{background-color:var(--field-focus-bg);border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring)}.form-input::placeholder{color:var(--text-subtle)}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--field-disabled-bg)}.form-input.has-icon-left,.form-select.has-icon-left{padding-left:3.1rem}.form-input.has-icon-right,.form-select.has-icon-right{padding-right:3.1rem}.form-input.is-invalid,.form-select.is-invalid{border-color:var(--status-needs);background-color:var(--field-invalid-bg)}.form-input.is-invalid:focus,.form-select.is-invalid:focus{box-shadow:0 0 0 4px #e2604b33}.input-icon-left{position:absolute;left:1.15rem;color:var(--text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center}.input-icon-right{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.input-icon-right:hover{color:var(--text-primary);background-color:var(--surface-subtle)}.input-icon-right:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;color:var(--text-primary)}.form-hint{font-size:.8125rem;color:var(--text-muted);margin-top:.15rem;line-height:1.45}.form-error{display:flex;align-items:center;gap:.4rem;color:var(--needs-attention-text);font-size:.8125rem;margin-top:.25rem}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:700;line-height:1;border:1px solid transparent}.badge-sm{padding:.28rem .65rem;font-size:.75rem}.badge-primary{background-color:var(--primary-soft);color:var(--primary);border-color:#7c3aed38}.badge-success{background-color:var(--good-bg);color:var(--good-text);border-color:var(--good-border)}.badge-warning{background-color:var(--moderate-bg);color:var(--moderate-text);border-color:var(--moderate-border)}.badge-danger{background-color:var(--needs-attention-bg);color:var(--needs-attention-text);border-color:var(--needs-attention-border)}.badge-neutral{background-color:var(--surface-subtle);color:var(--text-secondary);border-color:var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--scrim);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:100;animation:fadeIn .2s ease-out}.modal-container{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.modal-sm{max-width:440px}.modal-md{max-width:580px}.modal-lg{max-width:800px}.modal-xl{max-width:980px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-7) var(--space-7) var(--space-4)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-subtitle{font-size:.9375rem;color:var(--text-muted);margin-top:.3rem}.modal-close-btn{padding:.5rem;color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close-btn:hover{background-color:var(--surface-subtle);color:var(--text-primary)}.modal-body{padding:0 var(--space-7) var(--space-7)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-7);background-color:var(--surface-subtle);border-top:1px solid var(--border);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:1000;max-width:400px}.toast{display:flex;align-items:center;gap:.85rem;padding:var(--space-4) var(--space-5);background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);border:1px solid var(--border);border-left-width:4px;font-size:.9375rem;color:var(--text-primary);animation:slideInRight .25s ease-out}.toast-success{border-left-color:var(--good)}.toast-warning{border-left-color:var(--moderate)}.toast-error{border-left-color:var(--needs-attention)}.toast-info{border-left-color:var(--primary)}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-content{flex:1;line-height:1.5}.toast-close{display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:var(--radius-xs);color:var(--text-muted);flex-shrink:0;transition:all var(--transition-fast)}.toast-close:hover{background-color:var(--surface-subtle);color:var(--text-primary)}.footer-section{background-color:var(--surface);border-top:1px solid var(--border);padding:var(--space-16) 0 var(--space-8);margin-top:auto}.footer-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.6fr;gap:var(--space-12);margin-bottom:var(--space-12)}.brand-col .footer-description{margin-top:var(--space-4);margin-bottom:var(--space-5);font-size:.9875rem;line-height:1.7;max-width:380px}.footer-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background-color:var(--good-bg);border:1px solid var(--good-border);border-radius:var(--radius-full);font-size:.8125rem;color:var(--good-text);font-weight:600}.footer-heading{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-5)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{color:var(--text-secondary);font-size:.9375rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary)}.crisis-note{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.6}.crisis-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;font-size:.9rem}.crisis-link{color:var(--primary);font-weight:600}.footer-disclaimer{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background-color:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.disclaimer-icon{color:var(--moderate);flex-shrink:0;margin-top:2px}.disclaimer-text{font-size:.9rem;color:var(--text-secondary);line-height:1.65}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-muted)}.footer-bottom-links{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.ambient-blobs-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;mix-blend-mode:var(--blob-blend, multiply);pointer-events:none}.ambient-blob-sage{background:radial-gradient(circle,var(--accent-sage) 0%,rgba(143,184,168,0) 70%)}.ambient-blob-primary{background:radial-gradient(circle,var(--primary) 0%,rgba(185,212,235,0) 70%)}.ambient-blob-cream{background:radial-gradient(circle,var(--moderate) 0%,rgba(243,229,212,0) 70%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sheenSweep{0%{left:-120%}to{left:140%}}@keyframes floatSlow{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes driftBlob{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(3%,-4%,0) scale(1.06)}66%{transform:translate3d(-3%,3%,0) scale(.97)}}@keyframes shimmer{0%{background-position:-180% 0}to{background-position:180% 0}}@keyframes gradientPan{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.hero-section,.auth-page,.dashboard-page,.assessment-page,.result-page,.history-page,.profile-page{background-image:var(--mesh-1),var(--mesh-2),var(--mesh-3);background-repeat:no-repeat;background-color:var(--background)}.calm-blob,.hero-blob-1,.hero-blob-2{animation:driftBlob 22s ease-in-out infinite;will-change:transform}.hero-blob-2{animation-duration:28s;animation-direction:reverse}.reveal{opacity:0;translate:0 24px;transition:opacity .64s cubic-bezier(.16,1,.3,1),translate .64s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;translate:0 0}.bento-grid .reveal:nth-child(2),.stats-banner-container .reveal:nth-child(2),.features-grid .reveal:nth-child(2){transition-delay:70ms}.bento-grid .reveal:nth-child(3),.stats-banner-container .reveal:nth-child(3),.features-grid .reveal:nth-child(3){transition-delay:.14s}.bento-grid .reveal:nth-child(4),.stats-banner-container .reveal:nth-child(4),.features-grid .reveal:nth-child(4){transition-delay:.21s}.bento-grid .reveal:nth-child(5){transition-delay:.28s}.bento-grid .reveal:nth-child(6){transition-delay:.35s}.spinner{display:inline-block;border-style:solid;border-width:2.5px;border-radius:var(--radius-full);flex-shrink:0;animation:spin .7s linear infinite}.skeleton{background-color:var(--surface-subtle);background-image:linear-gradient(90deg,transparent 0%,var(--border-subtle) 40%,var(--border) 50%,var(--border-subtle) 60%,transparent 100%);background-size:220% 100%;animation:shimmer 1.6s linear infinite}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::selection{background-color:var(--primary-glow);color:var(--text-ink)}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-full);background-color:var(--surface);border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow-xs);overflow:hidden;transition:all var(--transition-fast)}.theme-toggle:hover{color:var(--primary);border-color:var(--primary);background-color:var(--primary-soft);transform:translateY(-2px)}.theme-toggle svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.theme-toggle:active svg{transform:rotate(35deg) scale(.9)}.stat-card,.recent-assessments-card,.history-entry-card,.history-filter-card,.profile-form-card,.account-info-card,.quiet-signout-card,.assessment-card-main,.result-card-hero,.suggestions-card,.observation-card,.auth-card,.score-summary-card{position:relative}.stat-card,.recent-assessments-card,.history-entry-card,.history-filter-card,.profile-form-card,.account-info-card,.quiet-signout-card,.assessment-card-main,.result-card-hero,.suggestions-card,.observation-card,.auth-card,.score-summary-card{overflow:hidden}.assessment-card-main:before,.result-card-hero:before,.auth-card:before,.score-summary-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background-image:var(--bento-gradient)}.score-trend-card:before{content:"";position:absolute;top:0;left:var(--space-8);right:var(--space-8);height:4px;border-radius:0 0 var(--radius-full) var(--radius-full);background-image:var(--bento-gradient)}.stat-card:before,.recent-assessments-card:before,.history-entry-card:before,.profile-form-card:before,.account-info-card:before,.quiet-signout-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background-image:var(--bento-gradient);opacity:0;transition:opacity var(--transition-normal)}.stat-card:hover:before,.recent-assessments-card:hover:before,.history-entry-card:hover:before,.profile-form-card:hover:before,.account-info-card:hover:before,.quiet-signout-card:hover:before{opacity:1}.auth-card{background-color:var(--glass-nav-bg);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.score-summary-card:hover,.score-trend-card:hover,.result-card-hero:hover,.suggestions-card:hover{box-shadow:var(--shadow-hover)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;translate:0 0;transition:none}.spinner{animation-duration:1.8s!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.landing-page{display:flex;flex-direction:column;width:100%;overflow-x:hidden;background-color:var(--background)}.hero-section{position:relative;padding:var(--space-20) 0 var(--space-16);background-color:var(--background);overflow:hidden}.hero-blob-1{width:560px;height:560px;top:-160px;left:-160px;background:var(--blob-a)}.hero-blob-2{width:600px;height:600px;top:8%;right:-180px;background:var(--blob-b)}.hero-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-16);align-items:center;position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem 1.15rem;background-color:var(--glass-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:700;color:var(--primary);box-shadow:var(--shadow-xs);margin-bottom:var(--space-6)}.hero-title{font-family:var(--font-display);font-size:clamp(2.75rem,5.2vw,4.25rem);font-weight:800;line-height:1.06;color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.035em}.hero-highlight{background-image:var(--brand-gradient);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradientPan 9s ease-in-out infinite}.hero-description{font-size:1.175rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-10);max-width:560px}.hero-cta-group{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10)}.hero-social-proof{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap;padding-top:var(--space-6);border-top:1px solid var(--border);font-size:.9rem;color:var(--text-secondary)}.proof-item{display:flex;align-items:center;gap:.45rem;font-weight:600}.proof-icon{color:var(--good);flex-shrink:0}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-visual:before{content:"";position:absolute;top:2%;right:0%;bottom:2%;left:0%;background-image:var(--bento-gradient);filter:blur(60px);opacity:.24;border-radius:var(--radius-2xl);z-index:0;pointer-events:none}.hero-card-preview{position:relative;z-index:1;width:100%;max-width:460px;background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);padding:var(--space-7);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal);animation:floatSlow 7s ease-in-out infinite}.hero-card-preview:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--border-strong)}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.preview-badge{display:flex;align-items:center;gap:.55rem;font-size:.85rem;font-weight:700;color:var(--text-primary)}.live-dot{width:9px;height:9px;border-radius:50%;background-color:var(--good);box-shadow:0 0 0 4px var(--good-bg)}.preview-sample-pill{font-size:.75rem;font-weight:700;color:var(--tile-violet-ink);background-color:var(--tile-violet-soft);padding:.3rem .7rem;border-radius:var(--radius-full)}.preview-gauge-box{display:flex;align-items:center;justify-content:center;margin:var(--space-4) 0}.preview-gauge-ring{position:relative;width:160px;height:160px}.preview-gauge-svg{width:100%;height:100%}.preview-gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-score-big{font-family:var(--font-display);font-size:2.6rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.03em}.preview-score-sub{font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-top:2px}.preview-category-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);margin-bottom:var(--space-6)}.preview-narrative{font-size:.85rem;color:var(--text-secondary);line-height:1.6;max-width:300px}.preview-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.preview-metric{background-color:var(--surface-subtle);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:.2rem}.preview-metric:nth-child(1){background-color:var(--tile-violet-soft)}.preview-metric:nth-child(2){background-color:var(--tile-cyan-soft)}.preview-metric:nth-child(3){background-color:var(--tile-emerald-soft)}.preview-metric:nth-child(4){background-color:var(--tile-amber-soft)}.p-metric-label{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.p-metric-val{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.calm-category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:var(--radius-full);border:1px solid;font-size:.85rem;font-weight:700}.badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stats-banner-section{padding:var(--space-16) 0;background-color:transparent}.stats-banner-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bento-gap)}.stat-banner-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background-color:var(--surface);border:1px solid transparent;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-gentle),box-shadow var(--transition-gentle)}.stat-banner-item:nth-child(1){background-color:var(--tile-violet-soft)}.stat-banner-item:nth-child(2){background-color:var(--tile-emerald-soft)}.stat-banner-item:nth-child(3){background-color:var(--tile-cyan-soft)}.stat-banner-item:nth-child(4){background-color:var(--tile-amber-soft)}.stat-banner-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.stat-banner-icon{width:52px;height:52px;border-radius:var(--radius-md);background-color:var(--surface);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-xs)}.stat-banner-item:nth-child(1) .stat-banner-icon{color:var(--tile-violet)}.stat-banner-item:nth-child(2) .stat-banner-icon{color:var(--tile-emerald)}.stat-banner-item:nth-child(3) .stat-banner-icon{color:var(--tile-cyan)}.stat-banner-item:nth-child(4) .stat-banner-icon{color:var(--tile-amber)}.stat-banner-number{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.025em}.stat-banner-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.5}.how-it-works-section{padding:var(--space-16) 0;background-color:transparent}.section-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6)}.section-header{margin-bottom:var(--space-12)}.section-header.text-center{text-align:center;max-width:680px;margin-left:auto;margin-right:auto}.section-header .eyebrow{display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);background-color:var(--primary-soft);padding:.4rem 1.1rem;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.03em}.section-subtitle{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bento-gap)}.step-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:var(--space-7);background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-gentle),box-shadow var(--transition-gentle)}.step-card:nth-child(1){grid-column:span 2;background-image:var(--bento-gradient);border-color:transparent;color:#fff}.step-card:nth-child(2),.step-card:nth-child(3){grid-column:span 1}.step-card:nth-child(2){background-color:var(--tile-cyan-soft);border-color:transparent}.step-card:nth-child(3){background-color:var(--tile-amber-soft);border-color:transparent}.step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.step-icon-box{width:56px;height:56px;border-radius:var(--radius-md);background-color:var(--surface);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);flex-shrink:0;box-shadow:var(--shadow-xs)}.step-card:nth-child(1) .step-icon-box{background-color:#fff3;color:#fff;box-shadow:none}.step-card:nth-child(2) .step-icon-box{color:var(--tile-cyan)}.step-card:nth-child(3) .step-icon-box{color:var(--tile-amber)}.step-card-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.step-card-desc{font-size:.9875rem;color:var(--text-secondary);line-height:1.7}.step-card:nth-child(1) .step-card-title,.step-card:nth-child(1) .step-card-desc{color:#fff}.step-card:nth-child(1) .step-card-desc{color:#ffffffe0}.features-section{padding:var(--space-16) 0;background-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);gap:var(--bento-gap)}.feature-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-7);background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-gentle),box-shadow var(--transition-gentle)}.feature-card:nth-child(1){grid-column:span 2;grid-row:span 2}.feature-card:nth-child(2){grid-column:span 2}.feature-card:nth-child(3){grid-column:span 1}.feature-card:nth-child(4){grid-column:span 1}.feature-card:nth-child(2){background-color:var(--tile-violet-soft);border-color:transparent}.feature-card:nth-child(3){background-color:var(--tile-emerald-soft);border-color:transparent}.feature-card:nth-child(4){background-color:var(--tile-rose-soft);border-color:transparent}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.feature-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-md);background-color:var(--surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);color:var(--primary);box-shadow:var(--shadow-xs);transition:transform var(--transition-normal)}.feature-card:nth-child(2) .feature-icon-wrapper{color:var(--tile-violet)}.feature-card:nth-child(3) .feature-icon-wrapper{color:var(--tile-emerald)}.feature-card:nth-child(4) .feature-icon-wrapper{color:var(--tile-rose)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.08) rotate(-4deg)}.feature-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.feature-card:nth-child(1) .feature-title{font-size:1.6rem}.feature-text{font-size:.9375rem;color:var(--text-secondary);line-height:1.7}.cta-banner-section{padding:var(--space-16) 0 var(--space-20);background-color:transparent}.cta-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6)}.cta-card{position:relative;overflow:hidden;background-image:var(--bento-gradient);border-radius:var(--radius-3xl);padding:var(--space-16) var(--space-8);text-align:center;box-shadow:0 32px 70px -24px #7c3aed8c}.cta-card:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:640px;height:640px;background:radial-gradient(circle,rgba(255,255,255,.24) 0%,transparent 68%);pointer-events:none}.cta-content{position:relative;z-index:2;max-width:640px;margin:0 auto}.cta-content .eyebrow{color:#fff;background-color:#ffffff2e;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.cta-title{font-family:var(--font-display);color:#fff;font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:800;margin-bottom:var(--space-4);letter-spacing:-.03em;line-height:1.15}.cta-subtitle{color:#ffffffe6;font-size:1.1rem;margin-bottom:var(--space-10);line-height:1.65}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.cta-card .btn-primary{background-image:none;background-color:#fff;color:#4c1d95;box-shadow:0 16px 34px -14px #00000073}.cta-card .btn-primary:hover:not(:disabled){background-color:#f5f3ff}.cta-card .btn-outline{background-color:#ffffff24;border-color:#ffffff80;color:#fff;box-shadow:none}.cta-card .btn-outline:hover:not(:disabled){background-color:#ffffff3d;border-color:#fff;color:#fff}@media(max-width:1100px){.hero-container{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-content{align-items:center}.hero-description{margin-left:auto;margin-right:auto}.hero-cta-group,.hero-social-proof{justify-content:center}.stats-banner-container,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card:nth-child(1){grid-column:span 2}.step-card:nth-child(2),.step-card:nth-child(3){grid-column:span 1}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.feature-card:nth-child(1){grid-column:span 2;grid-row:span 1}.feature-card:nth-child(2){grid-column:span 2}.feature-card:nth-child(3),.feature-card:nth-child(4){grid-column:span 1}}@media(max-width:640px){.hero-section{padding:var(--space-12) 0 var(--space-10)}.stats-banner-container,.steps-grid{grid-template-columns:1fr}.step-card:nth-child(1),.step-card:nth-child(2),.step-card:nth-child(3){grid-column:span 1}.features-grid{grid-template-columns:1fr}.feature-card:nth-child(1),.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4){grid-column:span 1}.cta-card{padding:var(--space-12) var(--space-6)}.hero-social-proof{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}@media(max-width:480px){.preview-metrics-grid{grid-template-columns:1fr}.preview-metric{padding:var(--space-3) var(--space-4)}}@media(prefers-reduced-motion:reduce){.hero-card-preview{animation:none}}.auth-page{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);position:relative;overflow:hidden;background-color:var(--background)}.calm-blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0;opacity:.55;filter:blur(70px)}.blob-top-left{width:440px;height:440px;top:-120px;left:-120px;background:var(--blob-a)}.blob-bottom-right{width:480px;height:480px;bottom:-150px;right:-120px;background:var(--blob-b)}.auth-container{width:100%;max-width:460px;margin:0 auto;position:relative;z-index:1}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-header .eyebrow{display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--primary);background-color:var(--primary-soft);padding:.25rem .875rem;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.auth-title{font-family:var(--font-display);font-size:1.875rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-2);margin-bottom:var(--space-2);letter-spacing:-.015em;line-height:1.25}.auth-subtitle{font-size:.9375rem;color:var(--text-secondary);line-height:1.55;max-width:360px;margin:0 auto}.auth-friendly-error{background-color:var(--needs-attention-bg);border:1px solid var(--needs-attention-border);color:var(--needs-attention-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;margin-bottom:var(--space-4);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-action-row{margin-top:var(--space-2)}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-secondary)}.auth-link{font-weight:600;color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.auth-benefits{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-2)}.benefit-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.benefit-icon{color:var(--accent-sage);flex-shrink:0}@media(max-width:480px){.auth-card{padding:var(--space-6) var(--space-5)}}.dashboard-page{background-color:var(--background);min-height:calc(100vh - 140px);padding:var(--space-12) 0 var(--space-20);position:relative}.dashboard-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.dashboard-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-10);flex-wrap:wrap}.dashboard-header-row .eyebrow{display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);background-color:var(--primary-soft);padding:.4rem 1.1rem;border-radius:var(--radius-full);margin-bottom:var(--space-3)}.dashboard-main-title{font-family:var(--font-display);font-size:clamp(2rem,3.6vw,2.9rem);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.12}.dashboard-subtitle{font-size:1.0625rem;color:var(--text-secondary);margin-top:var(--space-2)}.dashboard-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.dashboard-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(200px,auto);gap:var(--bento-gap)}.score-summary-card{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;padding:var(--space-8);background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-gentle)}.score-summary-card.empty-state{align-items:center;justify-content:center;text-align:center}.calm-empty-illustration{margin-bottom:var(--space-5)}.empty-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3)}.empty-desc{font-size:.9875rem;color:var(--text-secondary);max-width:340px;margin:0 auto var(--space-7);line-height:1.7}.score-visual-row{display:flex;align-items:center;gap:var(--space-8);flex:1;flex-wrap:wrap}.gauge-container{position:relative;width:168px;height:168px;flex-shrink:0}.gauge-svg{width:100%;height:100%}.gauge-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--transition-breath)}.gauge-center-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-score-value{font-family:var(--font-display);font-size:2.9rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.04em}.gauge-score-max{font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-top:3px}.score-narrative{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-width:220px}.score-category-text{font-size:1rem;color:var(--text-secondary);line-height:1.7}.score-date-text{font-size:.85rem;color:var(--text-muted)}.score-actions-group{margin-top:var(--space-2)}.stat-card{grid-column:span 1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid transparent;box-shadow:var(--shadow-card);transition:transform var(--transition-gentle),box-shadow var(--transition-gentle)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.stat-card.tint-violet{background-color:var(--tile-violet-soft)}.stat-card.tint-emerald{background-color:var(--tile-emerald-soft)}.stat-card.tint-cyan{background-color:var(--tile-cyan-soft)}.stat-card.tint-amber{background-color:var(--tile-amber-soft)}.stat-card.tint-violet .stat-icon-wrapper{color:var(--tile-violet)}.stat-card.tint-emerald .stat-icon-wrapper{color:var(--tile-emerald)}.stat-card.tint-cyan .stat-icon-wrapper{color:var(--tile-cyan)}.stat-card.tint-amber .stat-icon-wrapper{color:var(--tile-amber)}.stat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.stat-title{font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background-color:var(--surface);box-shadow:var(--shadow-xs);flex-shrink:0}.stat-body{display:flex;flex-direction:column;gap:.3rem}.stat-value-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.stat-value{font-family:var(--font-display);font-size:2.1rem;font-weight:800;color:var(--text-primary);line-height:1.05;letter-spacing:-.035em}.stat-pill-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .7rem;border-radius:var(--radius-full);border:1px solid transparent;font-size:.75rem;font-weight:700}.stat-badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.stat-subtitle{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.score-trend-card{grid-column:span 2;display:flex;flex-direction:column;padding:var(--space-7);border-radius:var(--radius-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);background-color:var(--surface);transition:box-shadow var(--transition-gentle)}.trend-badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;background-color:var(--good-bg);border:1px solid var(--good-border);color:var(--good-text);font-size:.8125rem;font-weight:700;border-radius:var(--radius-full)}.trend-chart-wrapper{position:relative;width:100%;height:190px;margin:var(--space-5) 0 var(--space-3)}.trend-svg{width:100%;height:100%;overflow:visible}.chart-tooltip{position:absolute;transform:translate(-50%,-100%);background-color:var(--tooltip-bg);color:var(--tooltip-text);padding:.5rem .9rem;border-radius:var(--radius-md);font-size:.8125rem;display:flex;flex-direction:column;align-items:center;pointer-events:none;box-shadow:var(--shadow-md);white-space:nowrap;z-index:10}.chart-tooltip strong{font-family:var(--font-display);font-size:1rem;font-weight:700}.chart-tooltip span{font-size:.6875rem;opacity:.85}.trend-x-axis{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:var(--space-4);margin-top:var(--space-2)}.trend-legend-label{color:var(--text-secondary);font-weight:600}.trend-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-5);gap:var(--space-4);color:var(--text-secondary);font-size:.9875rem;line-height:1.7;flex:1}.recent-assessments-card{grid-column:span 2;padding:var(--space-7);border-radius:var(--radius-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);background-color:var(--surface);transition:box-shadow var(--transition-gentle)}.view-all-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:700;color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}.view-all-link:hover{color:var(--primary-hover);text-decoration:underline}.recent-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.recent-checkin-card{background-color:var(--surface-subtle);border:1px solid transparent;border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.recent-checkin-card:hover{background-color:var(--surface-elevated);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.recent-checkin-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary)}.recent-checkin-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.recent-score-pill{display:inline-flex;align-items:baseline;gap:3px;padding:.3rem .75rem;border-radius:var(--radius-full);border:1px solid}.recent-score-val{font-family:var(--font-display);font-size:1.2rem;font-weight:800}.recent-score-scale{font-size:.6875rem;opacity:.75}.recent-checkin-middle{display:flex;flex-direction:column;gap:4px}.recent-platform-badge{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.recent-checkin-date{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}.inline-icon{flex-shrink:0}.recent-checkin-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--primary);font-weight:700}.recent-arrow-icon{transition:transform var(--transition-fast)}.recent-checkin-card:hover .recent-arrow-icon{transform:translate(4px)}.recent-empty-state{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-muted);font-size:.9375rem}.modal-assessment-content{display:flex;flex-direction:column;gap:var(--space-7);padding:var(--space-2) 0}.modal-score-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid;flex-wrap:wrap}.modal-score-label{font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.modal-score-number strong{font-family:var(--font-display);font-size:2.6rem;font-weight:800;line-height:1.05;letter-spacing:-.04em}.modal-score-number span{font-size:.9rem;color:var(--text-muted)}.modal-section-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3)}.modal-params-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.param-cell{background-color:var(--surface-subtle);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:3px}.param-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.param-value{font-size:.9875rem;font-weight:700;color:var(--text-primary)}@media(max-width:1100px){.dashboard-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(180px,auto)}.score-summary-card{grid-column:span 2;grid-row:span 1}.score-trend-card,.recent-assessments-card{grid-column:span 2}.stat-card{grid-column:span 1}}@media(max-width:768px){.dashboard-bento{grid-template-columns:1fr;grid-auto-rows:auto}.score-summary-card,.score-trend-card,.recent-assessments-card,.stat-card{grid-column:span 1}.score-visual-row{flex-direction:column;text-align:center;align-items:center}.score-narrative{align-items:center;text-align:center;min-width:0}.modal-params-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.modal-params-grid{grid-template-columns:1fr}}.assessment-page{background-color:var(--background);min-height:calc(100vh - 140px);padding:var(--space-8) 0 var(--space-16);position:relative}.assessment-container{max-width:780px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.assessment-header{margin-bottom:var(--space-8)}.assessment-header.text-center{text-align:center}.assessment-header .eyebrow{display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--primary);background-color:var(--primary-soft);padding:.25rem .875rem;border-radius:var(--radius-full);margin-bottom:var(--space-3)}.assessment-title{font-family:var(--font-display);font-size:2.125rem;font-weight:600;color:var(--text-primary);line-height:1.25;margin-bottom:var(--space-3);letter-spacing:-.015em}.assessment-subtitle{font-size:1.0625rem;color:var(--text-secondary);max-width:580px;margin:0 auto;line-height:1.6}.calm-step-indicator{margin-bottom:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.step-counter-badge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--surface);border:1px solid var(--border);padding:.35rem 1rem;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);font-size:.875rem;color:var(--text-secondary)}.step-counter-badge span:first-child{font-weight:600;color:var(--primary)}.step-counter-divider{color:var(--text-subtle)}.step-counter-title{font-weight:500;color:var(--text-primary)}.step-dots-row{display:flex;align-items:center;justify-content:center;gap:var(--space-6);width:100%;max-width:520px}.step-dot-item{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);transition:all var(--transition-normal)}.step-dot-pill{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--surface);border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--text-muted);transition:all var(--transition-normal)}.step-dot-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);display:inline}.step-dot-item.active .step-dot-pill{background-color:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:0 0 0 4px var(--primary-glow)}.step-dot-item.active .step-dot-label{color:var(--primary);font-weight:600}.step-dot-item.completed .step-dot-pill{background-color:var(--good);border-color:var(--good);color:var(--on-primary)}.step-dot-item.completed .step-dot-label{color:var(--text-primary)}.assessment-card-main{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-md);position:relative}.step-intro{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.step-heading{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.step-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.pill-selection-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-2)}.choice-pill-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.625rem 1.25rem;border-radius:var(--radius-full);border:1.5px solid var(--border);background-color:var(--surface);color:var(--text-secondary);font-family:var(--font-body);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.choice-pill-btn:hover{border-color:var(--primary);background-color:var(--primary-soft);color:var(--primary)}.choice-pill-btn.selected{border-color:var(--primary);background-color:var(--primary-soft);color:var(--primary);font-weight:600;box-shadow:0 0 0 3px var(--primary-glow)}.choice-pill-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.platform-pill-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:46px;padding:.5rem .875rem;border-radius:var(--radius-md);border:1.5px solid var(--border);background-color:var(--surface-subtle);color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.platform-pill-btn:hover{background-color:var(--surface-elevated);border-color:var(--primary);color:var(--primary)}.platform-pill-btn.selected{background-color:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600;box-shadow:0 0 0 2px var(--primary-glow)}.platform-pill-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary)}.platform-icon{flex-shrink:0;opacity:.75}.platform-pill-btn.selected .platform-icon{opacity:1}.calm-slider-container{background-color:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-6);margin-bottom:var(--space-5);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.calm-slider-container:focus-within{border-color:var(--primary);background-color:var(--surface-elevated);box-shadow:var(--shadow-sm)}.slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.slider-label{font-size:.9375rem;font-weight:600;color:var(--text-primary);cursor:pointer}.slider-label-with-badge{display:flex;flex-direction:column;gap:.25rem}.restful-badge{display:inline-block;font-size:.75rem;font-weight:600;color:var(--good-text);background-color:var(--good-bg);border:1px solid var(--good-border);padding:.125rem .5rem;border-radius:var(--radius-full);width:fit-content}.slider-large-value{display:flex;align-items:baseline;gap:.35rem;background-color:var(--surface);border:1px solid var(--border);padding:.25rem .875rem;border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}.slider-large-value strong{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--primary)}.slider-large-value span{font-size:.8125rem;color:var(--text-muted);font-weight:500}.calm-slider-track-box{position:relative;height:44px;display:flex;align-items:center}.restful-range-band{position:absolute;top:10px;bottom:10px;background-color:color-mix(in srgb,var(--accent-sage) 20%,transparent);border:1.5px dashed var(--accent-sage);border-radius:var(--radius-sm);pointer-events:none;z-index:1}.calm-range-input{width:100%;height:44px;background:transparent;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;z-index:2;margin:0}.calm-range-input::-webkit-slider-runnable-track{width:100%;height:8px;background-color:var(--track-bg);border-radius:var(--radius-full);border:none}.calm-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background-color:var(--thumb-bg);border:3px solid var(--primary);box-shadow:var(--thumb-shadow);margin-top:-9px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.calm-range-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--thumb-shadow-hover),0 0 0 4px var(--primary-glow)}.calm-range-input::-webkit-slider-thumb:active{transform:scale(1.08);background-color:var(--primary-soft)}.calm-range-input::-moz-range-track{width:100%;height:8px;background-color:var(--track-bg);border-radius:var(--radius-full);border:none}.calm-range-input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background-color:var(--thumb-bg);border:3px solid var(--primary);box-shadow:var(--thumb-shadow);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.calm-range-input::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:var(--thumb-shadow-hover),0 0 0 4px var(--primary-glow)}.calm-range-input:focus-visible{outline:none}.calm-range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--primary)}.calm-range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--primary)}.slider-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:var(--space-1)}.slider-ticks .tick-restful{color:var(--good-text);font-weight:600}.stress-pills-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.stress-pill-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:92px;padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);border:2px solid var(--border);background-color:var(--surface-subtle);cursor:pointer;text-align:center;transition:all var(--transition-fast);position:relative}.stress-pill-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.stress-pill-desc{font-size:.6875rem;color:var(--text-muted);line-height:1.3}.stress-pill-btn:hover{border-color:var(--border-strong);background-color:var(--surface-elevated)}.stress-pill-btn.stress-low.selected{background-color:var(--good-bg);border-color:var(--good);border-width:2.5px;box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 24%,transparent)}.stress-pill-btn.stress-low.selected .stress-pill-title{color:var(--good-text)}.stress-pill-btn.stress-medium.selected{background-color:var(--primary-soft);border-color:var(--primary);border-width:2.5px;box-shadow:0 0 0 3px var(--primary-glow)}.stress-pill-btn.stress-medium.selected .stress-pill-title{color:var(--primary)}.stress-pill-btn.stress-high.selected{background-color:var(--moderate-bg);border-color:var(--moderate);border-width:2.5px;box-shadow:0 0 0 4px color-mix(in srgb,var(--moderate) 24%,transparent)}.stress-pill-btn.stress-high.selected .stress-pill-title{color:var(--moderate-text)}.stress-pill-btn.stress-very-high.selected{background-color:var(--needs-attention-bg);border-color:var(--needs-attention);border-width:2.5px;box-shadow:0 0 0 4px color-mix(in srgb,var(--needs-attention) 24%,transparent)}.stress-pill-btn.stress-very-high.selected .stress-pill-title{color:var(--needs-attention-text)}.stress-pill-btn.selected:after{content:"✓";position:absolute;top:6px;right:8px;font-size:.6875rem;font-weight:700;line-height:1}.stress-pill-btn.stress-low.selected:after{color:var(--good-text)}.stress-pill-btn.stress-medium.selected:after{color:var(--primary)}.stress-pill-btn.stress-high.selected:after{color:var(--moderate-text)}.stress-pill-btn.stress-very-high.selected:after{color:var(--needs-attention-text)}.stress-pill-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary)}.form-section-block{padding:var(--space-2) 0}.form-section-divider{height:1px;background-color:var(--border-soft);margin:var(--space-10) 0;width:100%}.section-step-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);background-color:var(--primary-soft);color:var(--primary);font-size:.8125rem;font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-3)}.assessment-controls{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.assessment-single-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border-soft);text-align:center}.assessment-submit-btn{min-width:260px}.assessment-trust-pills{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);color:var(--text-muted);font-size:.875rem}.assessment-trust-item{display:inline-flex;align-items:center;gap:.375rem}.assessment-privacy-note{margin-top:var(--space-6);font-size:.8125rem;color:var(--text-muted);line-height:1.5}@media(max-width:640px){.assessment-card-main{padding:var(--space-6) var(--space-4)}.step-dots-row{gap:var(--space-3)}.step-dot-label{display:none}.form-grid-2{grid-template-columns:1fr;gap:var(--space-3)}.stress-pills-row{grid-template-columns:repeat(2,1fr)}.slider-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.result-page{background-color:var(--background);min-height:calc(100vh - 140px);padding:var(--space-8) 0 var(--space-16);position:relative}.result-container{max-width:860px;margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-10);position:relative;z-index:1}.result-card-hero{padding:var(--space-10) var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative}.result-header{margin-bottom:var(--space-8)}.result-header.text-center{text-align:center}.result-opening-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;color:var(--primary);background-color:var(--primary-soft);padding:.35rem 1rem;border-radius:var(--radius-full);margin-bottom:var(--space-3)}.eyebrow-icon{color:var(--primary)}.result-title{font-family:var(--font-display);font-size:2.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.015em;line-height:1.25}.result-subtitle{font-size:1.0625rem;color:var(--text-secondary);max-width:580px;margin:0 auto;line-height:1.6}.result-score-presentation{display:grid;grid-template-columns:220px 1fr;gap:var(--space-10);align-items:center;padding:var(--space-8) 0 var(--space-2);border-top:1px solid var(--border-subtle)}.result-gauge-box{position:relative;width:200px;height:200px;margin:0 auto}.result-gauge-svg{width:100%;height:100%;transform:rotate(0)}.gauge-bg{fill:none;stroke:var(--gauge-track)}.gauge-fill-breath{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--transition-breath)}@media(prefers-reduced-motion:reduce){.gauge-fill-breath{transition:none}}.result-gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-big-number{font-family:var(--font-display);font-size:3.25rem;font-weight:600;color:var(--text-primary);line-height:1}.result-score-scale{font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-top:4px}.result-summary-box{display:flex;flex-direction:column}.result-badge-row{margin-bottom:var(--space-3)}.calm-category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .875rem;border-radius:var(--radius-full);border:1px solid;font-size:.875rem;font-weight:600}.badge-dot{width:8px;height:8px;border-radius:50%}.result-status-heading{font-family:var(--font-display);font-size:1.45rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.35}.result-status-desc{font-size:1rem;color:var(--text-secondary);line-height:1.65;margin-bottom:var(--space-6)}.result-action-buttons{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.result-section .section-header{margin-bottom:var(--space-6)}.section-eyebrow{display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--primary);background-color:var(--primary-soft);padding:.25rem .875rem;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.section-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.section-subtitle{font-size:1rem;color:var(--text-secondary)}.observations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.observation-card{padding:var(--space-7);border-radius:var(--radius-xl);border:1px solid transparent;background-color:var(--surface);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-4);transition:transform var(--transition-gentle),box-shadow var(--transition-gentle)}.observation-card:nth-child(1){background-color:var(--tile-violet-soft)}.observation-card:nth-child(2){background-color:var(--tile-cyan-soft)}.observation-card:nth-child(3){background-color:var(--tile-emerald-soft)}.observation-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.obs-icon-circle{width:52px;height:52px;border-radius:var(--radius-md);background-color:var(--surface);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs)}.obs-card-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.obs-card-text{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.suggestions-card{padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border);background-color:var(--surface);box-shadow:var(--shadow-md)}.suggestions-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.sug-icon-box{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--accent-sage-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-sage);flex-shrink:0}.sug-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--text-primary)}.sug-subtitle{font-size:.9375rem;color:var(--text-secondary);margin-top:2px}.suggestions-list{display:flex;flex-direction:column;gap:var(--space-5)}.sug-item{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-5) var(--space-6);background-color:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.sug-item:hover{background-color:var(--surface-elevated);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.sug-bullet{width:34px;height:34px;border-radius:var(--radius-sm);background-image:var(--bento-gradient);color:#fff;color:var(--primary);font-family:var(--font-display);font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.sug-body{display:flex;flex-direction:column;gap:3px}.sug-heading{font-size:1rem;font-weight:600;color:var(--text-primary)}.sug-text{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.result-footer-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding-top:var(--space-5)}.result-disclaimer{font-size:.875rem;color:var(--text-muted);max-width:600px;line-height:1.6}.need-support-link{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:var(--space-2) var(--space-4);font-size:.9375rem;font-weight:600;color:var(--primary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);text-decoration:underline;text-underline-offset:4px}.need-support-link:hover{background-color:var(--primary-soft);text-decoration:none}.support-link-icon{flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease-out}.calm-support-modal{background-color:var(--surface);border-radius:var(--radius-xl);max-width:560px;width:100%;padding:var(--space-8);box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.modal-title-with-icon{display:flex;align-items:flex-start;gap:var(--space-3)}.support-modal-icon{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--primary-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-modal-heading{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--text-primary)}.support-modal-sub{font-size:.875rem;color:var(--text-secondary);margin-top:2px}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.modal-close-btn:hover{color:var(--text-primary);background-color:var(--surface-subtle)}.support-modal-content{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.support-channel-card{padding:var(--space-4) var(--space-5);background-color:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.support-channel-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.support-channel-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.55}.support-modal-actions{display:flex;justify-content:flex-end}.empty-icon-circle{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--primary-soft);display:flex;align-items:center;justify-content:center}@media(max-width:768px){.result-card-hero{padding:var(--space-6) var(--space-4)}.result-score-presentation{grid-template-columns:1fr;text-align:center;gap:var(--space-6)}.result-badge-row{display:flex;justify-content:center}.result-action-buttons{justify-content:center}.observations-grid{grid-template-columns:1fr}}.history-page{background-color:var(--background);min-height:calc(100vh - 140px);padding:var(--space-8) 0 var(--space-16)}.history-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.history-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.history-title{font-family:var(--font-display);font-size:2.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.015em;line-height:1.25}.history-subtitle{font-size:1rem;color:var(--text-secondary);margin-top:.25rem}.history-action-buttons{display:flex;align-items:center;gap:var(--space-3)}.history-filter-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--surface);box-shadow:var(--shadow-sm)}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:1.125rem;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.75rem 2.75rem .75rem 2.875rem;background-color:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;color:var(--text-primary);outline:none;transition:all var(--transition-fast)}.search-input:focus{background-color:var(--field-focus-bg);border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring)}.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{position:absolute;right:.875rem;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--text-muted);cursor:pointer;background:none;border:none;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.clear-search-btn:hover{color:var(--text-primary);background-color:var(--surface-subtle)}.history-cards-stack{display:flex;flex-direction:column;gap:var(--space-5)}.history-entry-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-7);display:grid;grid-template-columns:280px 1fr auto;align-items:center;gap:var(--space-7);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.history-entry-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.entry-identity-col{display:flex;flex-direction:column;gap:var(--space-2)}.entry-date-row{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted)}.entry-calendar-icon{color:var(--text-muted)}.entry-score-category-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.entry-score-pill{display:inline-flex;align-items:baseline;gap:2px;padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid}.entry-score-num{font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1}.entry-score-scale{font-size:.75rem;opacity:.75}.entry-details-grid{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.entry-metric-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .75rem;background-color:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8125rem;color:var(--text-secondary)}.metric-icon{color:var(--text-muted)}.entry-actions-col{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end}.remove-entry-btn{color:var(--text-muted)}.remove-entry-btn:hover{color:var(--needs-attention);background-color:color-mix(in srgb,var(--needs-attention) 12%,transparent)}.text-terracotta{color:var(--needs-attention)!important;border-color:color-mix(in srgb,var(--needs-attention) 40%,transparent)!important}.text-terracotta:hover{background-color:color-mix(in srgb,var(--needs-attention) 10%,transparent)!important}.history-empty-card{padding:var(--space-12) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius-xl);border:1px solid var(--border);background-color:var(--surface);box-shadow:var(--shadow-sm)}.history-empty-card h3{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-2);margin-bottom:var(--space-2)}@media(max-width:900px){.history-entry-card{grid-template-columns:1fr;gap:var(--space-4)}.entry-actions-col{justify-content:flex-start;border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}}.profile-page{background-color:var(--background);min-height:calc(100vh - 140px);padding:var(--space-8) 0 var(--space-16)}.profile-container{max-width:var(--max-width-lg);margin:0 auto;padding:0 var(--space-6)}.profile-header{margin-bottom:var(--space-8)}.profile-title{font-family:var(--font-display);font-size:2.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.015em;line-height:1.25;margin-top:var(--space-2);margin-bottom:var(--space-2)}.profile-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6}.profile-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:var(--space-10);align-items:start}.profile-form-card{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border);background-color:var(--surface);box-shadow:var(--shadow-sm)}.profile-avatar-row{display:flex;align-items:center;gap:var(--space-5);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.profile-large-avatar{width:4.75rem;height:4.75rem;border-radius:var(--radius-lg);background-image:var(--bento-gradient);color:#fff;font-family:var(--font-display);font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);box-shadow:var(--shadow-sm);flex-shrink:0}.profile-user-name{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.profile-user-email{font-size:.875rem;color:var(--text-muted)}.profile-form{display:flex;flex-direction:column;gap:var(--space-5)}.profile-save-row{margin-top:var(--space-2)}.profile-sidebar-cards{display:flex;flex-direction:column;gap:var(--space-8)}.account-info-card,.quiet-signout-card{padding:var(--space-7);border-radius:var(--radius-xl);border:1px solid var(--border-soft);background-color:var(--surface);box-shadow:var(--shadow-card)}.sidebar-card-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.account-details-list{display:flex;flex-direction:column;gap:var(--space-5)}.account-detail-item{display:flex;align-items:center;gap:var(--space-3)}.detail-icon-box{width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--primary-soft);border:1px solid transparent;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.detail-label{font-size:.75rem;color:var(--text-muted);display:block}.detail-val{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.signout-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.55;margin-bottom:var(--space-4)}@media(max-width:800px){.profile-grid{grid-template-columns:1fr}}@media(max-width:1024px){.navbar-container{gap:var(--space-4)}.navbar-nav{gap:.15rem;padding:.25rem}}@media(max-width:900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}.brand-col{grid-column:span 2}.brand-col .footer-description{max-width:520px}}@media(max-width:768px){.navbar-container{padding:var(--space-3) var(--space-4)}.mobile-nav-drawer{padding:var(--space-4)}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);width:auto}.footer-section{padding:var(--space-12) 0 var(--space-6)}.footer-container{padding:0 var(--space-4)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-bottom-links{flex-wrap:wrap;gap:var(--space-4)}}@media(max-width:560px){.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.brand-col{grid-column:span 1}}