:root{--color-primary: #68a099;--color-primary-dark: #40574f;--color-primary-darker: #224331;--color-accent-orange: #ee8c2b;--color-accent-orange-light: #ff9d3d;--color-accent-orange-bright: #ff9500;--color-accent-orange-warm: #ffb84d;--color-accent-orange-sunset: #ffb366;--color-bg-light: #f9f9f7;--color-bg-dark: #102216;--color-bg-dark-alt: #221910;--color-text-white: #ffffff;--color-text-white-muted: rgba(255, 255, 255, .7);--color-text-black: #000000;--color-text-dark: #333333;--color-text-light-gray: #e0e0e0;--color-text-medium-gray: #888888;--color-text-dark-gray: #9db9a6;--color-time-morning: #ffb84d;--color-time-afternoon: #ff9500;--color-time-evening: #ffb366;--color-time-night: #b3d9ff;--color-completion-purple-dark: #2c2a4a;--color-completion-purple-light: #7f7698;--color-border-light: #e0e0e0;--color-error: #d32f2f;--color-required: #d32f2f;--color-overlay-black-40: rgba(0, 0, 0, .4);--color-overlay-black-30: rgba(0, 0, 0, .3);--color-overlay-white-10: rgba(255, 255, 255, .1);--color-overlay-white-15: rgba(255, 255, 255, .15);--color-overlay-white-20: rgba(255, 255, 255, .2);--color-overlay-white-80: rgba(255, 255, 255, .8);--color-icon-bg: rgba(224, 224, 224, .1);--color-icon-bg-active: rgba(224, 224, 224, .2);--color-primary-overlay-15: rgba(104, 160, 153, .15);--color-primary-overlay-20: rgba(104, 160, 153, .2);--color-primary-overlay-30: rgba(104, 160, 153, .3);--color-primary-overlay-40: rgba(104, 160, 153, .4);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-ui: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Epilogue", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 32px;--text-5xl: 36px;--text-6xl: 42px;--text-7xl: 48px;--text-8xl: 56px;--text-9xl: 64px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .025em;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--border-0: 0;--border-1: 1px;--border-2: 2px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary-sm: 0 1px 2px 0 rgba(104, 160, 153, .1);--shadow-primary-md: 0 4px 6px -1px rgba(104, 160, 153, .2);--shadow-primary-lg: 0 10px 15px -3px rgba(104, 160, 153, .2), 0 4px 6px -2px rgba(104, 160, 153, .1);--shadow-primary-xl: 0 0 12px rgba(104, 160, 153, .2);--text-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--text-shadow-md: 0 1px 3px rgba(0, 0, 0, .3);--text-shadow-lg: 0 2px 4px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(255, 255, 255, .3);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .4s;--duration-slower: .5s;--duration-slowest: .8s;--ease-in: ease-in;--ease-out: ease-out;--ease-in-out: ease-in-out;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-soft: cubic-bezier(.22, 1, .36, 1);--transition-opacity: opacity var(--duration-fast) var(--ease-out);--transition-transform: transform var(--duration-fast) var(--ease-out);--transition-colors: background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);--transition-all: all var(--duration-fast) var(--ease-out);--size-button-sm: 48px;--size-button-md: 96px;--size-button-lg: 224px;--size-button-xl: 256px;--size-icon-xs: 20px;--size-icon-sm: 24px;--size-icon-md: 36px;--size-icon-lg: 56px;--size-icon-xl: 72px;--size-icon-2xl: 80px;--size-icon-3xl: 96px;--size-icon-4xl: 120px;--size-logo-sm: 120px;--size-logo-md: 180px;--size-logo-lg: 200px;--max-width-xs: 320px;--max-width-sm: 384px;--max-width-md: 448px;--max-width-lg: 512px;--max-width-content: 480px;--z-base: 0;--z-content: 10;--z-header: 100;--z-dropdown: 1000;--z-modal: 9000;--z-screen: 9998;--z-loading: 9999;--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(20px);--opacity-0: 0;--opacity-50: .5;--opacity-60: .6;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--gradient-completion: linear-gradient(135deg, var(--color-completion-purple-dark) 0%, var(--color-completion-purple-light) 100%);--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-orange: linear-gradient(90deg, var(--color-accent-orange-light) 0%, var(--color-accent-orange) 100%);--gradient-overlay-dark: linear-gradient(to top, var(--color-bg-dark), transparent)}[data-safe-area=all]{padding-top:var(--safe-area-inset-top);padding-right:var(--safe-area-inset-right);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left)}[data-safe-area=horizontal]{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}[data-safe-area=vertical]{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}[data-safe-area=top]{padding-top:var(--safe-area-inset-top)}[data-safe-area=right]{padding-right:var(--safe-area-inset-right)}[data-safe-area=bottom]{padding-bottom:var(--safe-area-inset-bottom)}[data-safe-area=left]{padding-left:var(--safe-area-inset-left)}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-800.ttf) format("truetype")}@font-face{font-family:Epilogue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/epilogue-400.ttf) format("truetype")}@font-face{font-family:Epilogue;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/epilogue-500.ttf) format("truetype")}@font-face{font-family:Epilogue;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/epilogue-700.ttf) format("truetype")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/material-symbols-outlined.ttf) format("truetype")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{font-family:var(--font-ui);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--color-text-black);background-color:var(--color-bg-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{color:var(--color-text-white);background-color:var(--color-bg-dark)}}*,*:before,*:after{box-sizing:border-box}html{width:100%;height:100%;background-color:#102216;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top,0);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right,0);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom,0);padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left,0)}body{margin:0;width:100%;min-height:100%;font-family:var(--font-ui);background-color:#102216;color:var(--color-text-white);box-sizing:border-box}#root{width:100%;min-height:100%;background-color:transparent}body.pwa-scroll-lock{position:fixed;inset:0;overflow:hidden;overscroll-behavior-y:none;background-image:radial-gradient(ellipse 85% 60% at 50% 0%,rgba(104,160,153,.25),transparent 80%),radial-gradient(ellipse 85% 60% at 50% 100%,rgba(104,160,153,.2),transparent 80%);background-repeat:no-repeat;background-size:cover;background-position:center}body.pwa-scroll-lock #root{height:100%;overflow:hidden}html:has(body.pwa-scroll-lock){height:100%;overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.toast{position:fixed;bottom:max(var(--space-6),env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(0);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);background:#1e1e1ef2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000004d;z-index:1000;animation:toast-enter .2s ease-out}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast--exiting{opacity:0;transform:translate(-50%) translateY(20px);transition:opacity .2s ease-out,transform .2s ease-out}.toast__icon{font-size:20px;flex-shrink:0}.toast__message{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-white);white-space:nowrap}.toast--success{border:1px solid rgba(76,175,80,.3)}.toast--success .toast__icon{color:#4caf50}.toast--error{border:1px solid rgba(244,67,54,.3)}.toast--error .toast__icon{color:#f44336}.toast--info{border:1px solid rgba(33,150,243,.3)}.toast--info .toast__icon{color:#2196f3}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast--exiting{transition:none}}