:root{--color-logo: #881DC2;--color-primary-50: #f6effb;--color-primary-100: #ead8f6;--color-primary-200: #d1aef0;--color-primary-300: #b680e8;--color-primary-400: #9e55db;--color-primary-500: #881DC2;--color-primary-600: #7418a7;--color-primary-700: #5f138a;--color-primary-800: #4a0f6b;--color-primary-900: #360a4e;--color-purple-50: #f7f3ff;--color-purple-100: #ebe3ff;--color-purple-200: #d3c0ff;--color-purple-300: #b39aff;--color-purple-400: #9474ff;--color-purple-500: #7a54f7;--color-purple-600: #6442d1;--color-purple-700: #4f32a8;--color-purple-800: #3a2480;--color-purple-900: #29185a;--color-pink-50: #fff5fb;--color-pink-100: #ffe0f3;--color-pink-200: #ffbde5;--color-pink-300: #ff8ed3;--color-pink-400: #ff63c3;--color-pink-500: #f239aa;--color-pink-600: #cf1f8b;--color-pink-700: #a0166a;--color-pink-800: #701049;--color-pink-900: #43092b;--color-blue-50: #f0f9ff;--color-blue-100: #e0f2fe;--color-blue-200: #bae6fd;--color-blue-300: #7dd3fc;--color-blue-400: #38bdf8;--color-blue-500: #0ea5e9;--color-blue-600: #0284c7;--color-blue-700: #0369a1;--color-blue-800: #075985;--color-blue-900: #0c4a6e;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-sage-50: #f6f7f6;--color-sage-100: #e8ebe8;--color-sage-200: #d1d7d1;--color-sage-300: #b0bdb0;--color-sage-400: #8a9d8a;--color-sage-500: #6b7f6b;--color-sage-600: #556855;--color-sage-700: #465446;--color-sage-800: #3a453a;--color-sage-900: #313a31;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-amber-900: #78350f;--color-yellow-50: #fffbea;--color-yellow-100: #ffeec2;--color-yellow-200: #ffd88a;--color-yellow-300: #ffc24d;--color-yellow-400: #ffac1a;--color-yellow-500: #e39204;--color-yellow-600: #b77102;--color-yellow-700: #8a5402;--color-yellow-800: #5b3700;--color-yellow-900: #341f00;--color-red-50: #fff3f3;--color-red-100: #ffe0e0;--color-red-200: #ffb8b8;--color-red-300: #ff8a8a;--color-red-400: #ff5858;--color-red-500: #f03232;--color-red-600: #cc1f1f;--color-red-700: #991616;--color-red-800: #660f0f;--color-red-900: #3b0808;--color-neutral-0: #ffffff;--color-neutral-25: #f9fafb;--color-neutral-50: #f3f4f6;--color-neutral-100: #e5e7eb;--color-neutral-200: #d1d5db;--color-neutral-300: #9ca3af;--color-neutral-400: #6b7280;--color-neutral-500: #4b5563;--color-neutral-600: #374151;--color-neutral-700: #1f2933;--color-neutral-800: #111827;--color-neutral-900: #020617;--theme-gradient-start: var(--color-purple-50);--theme-gradient-end: var(--color-bg-app);--color-bg-surface-calm: var(--color-blue-50);--color-accent-calm: var(--color-teal-400);--color-bg-surface-grounding: var(--color-sage-50);--color-accent-grounding: var(--color-sage-500);--color-bg-surface-compassion: var(--color-pink-50);--color-accent-compassion: var(--color-pink-400);--color-bg-surface-awareness: var(--color-amber-50);--color-accent-awareness: var(--color-amber-400);--color-accent-default: var(--color-accent)}[data-theme=serene],[data-theme=whoop],:root{--color-bg-app: var(--color-neutral-25);--color-bg-surface: var(--color-neutral-0);--color-bg-surface-subtle: var(--color-purple-50);--color-bg-elevated: var(--color-neutral-0);--color-border-subtle: var(--color-neutral-100);--color-border-strong: var(--color-neutral-200);--color-border-focus: var(--color-purple-400);--color-text-main: var(--color-neutral-800);--color-text-base: var(--color-neutral-600);--color-text-muted: var(--color-neutral-400);--color-text-soft: var(--color-neutral-300);--color-text-contrast: var(--color-neutral-0);--color-text-danger: var(--color-red-500);--color-text-success: var(--color-green-600);--color-primary-soft: var(--color-purple-200);--color-primary: var(--color-purple-500);--color-primary-strong: var(--color-purple-700);--color-primary-soft-bg: var(--color-purple-50);--color-accent: var(--color-pink-400);--color-accent-soft-bg: var(--color-pink-50);--color-success-soft-bg: var(--color-green-50);--color-success: var(--color-green-500);--color-warning-soft-bg: var(--color-yellow-50);--color-warning: var(--color-yellow-500);--color-danger-soft-bg: var(--color-red-50);--color-danger: var(--color-red-500);--theme-gradient-start: var(--color-purple-50);--theme-gradient-end: var(--color-bg-app);--footer-bg-start: var(--color-purple-700);--footer-bg-end: var(--color-purple-900)}[data-theme=ocean],[data-theme=calm]{--color-bg-app: #f0f9ff;--color-bg-surface: var(--color-neutral-0);--color-bg-surface-subtle: var(--color-blue-50);--color-bg-elevated: var(--color-neutral-0);--color-border-subtle: var(--color-blue-100);--color-border-strong: var(--color-blue-200);--color-border-focus: var(--color-teal-400);--color-text-main: var(--color-neutral-800);--color-text-muted: var(--color-neutral-500);--color-text-base: var(--color-neutral-600);--color-text-soft: var(--color-neutral-200);--color-text-contrast: var(--color-neutral-0);--color-text-danger: var(--color-red-500);--color-text-success: var(--color-teal-600);--color-primary-soft: var(--color-blue-200);--color-primary: var(--color-blue-500);--color-primary-strong: var(--color-blue-700);--color-primary-soft-bg: var(--color-blue-50);--color-accent: var(--color-teal-400);--color-accent-soft-bg: var(--color-teal-50);--color-success-soft-bg: var(--color-teal-50);--color-success: var(--color-teal-500);--color-warning-soft-bg: var(--color-amber-50);--color-warning: var(--color-amber-500);--color-danger-soft-bg: var(--color-red-50);--color-danger: var(--color-red-500);--theme-gradient-start: var(--color-blue-50);--theme-gradient-end: var(--color-bg-app);--footer-bg-start: var(--color-blue-700);--footer-bg-end: var(--color-blue-900)}[data-theme=nature],[data-theme=earth]{--color-bg-app: #f6f7f6;--color-bg-surface: var(--color-neutral-0);--color-bg-surface-subtle: var(--color-sage-50);--color-bg-elevated: var(--color-neutral-0);--color-border-subtle: var(--color-sage-100);--color-border-strong: var(--color-sage-200);--color-border-focus: var(--color-green-500);--color-text-main: var(--color-sage-900);--color-text-muted: var(--color-sage-600);--color-text-base: var(--color-neutral-600);--color-text-soft: var(--color-neutral-200);--color-text-contrast: var(--color-neutral-0);--color-text-danger: var(--color-red-500);--color-text-success: var(--color-green-600);--color-primary-soft: var(--color-green-200);--color-primary: var(--color-green-500);--color-primary-strong: var(--color-green-700);--color-primary-soft-bg: var(--color-green-50);--color-accent: var(--color-sage-500);--color-accent-soft-bg: var(--color-sage-50);--color-success-soft-bg: var(--color-green-50);--color-success: var(--color-green-500);--color-warning-soft-bg: var(--color-amber-50);--color-warning: var(--color-amber-500);--color-danger-soft-bg: var(--color-red-50);--color-danger: var(--color-red-500);--theme-gradient-start: var(--color-sage-50);--theme-gradient-end: var(--color-bg-app);--footer-bg-start: var(--color-green-700);--footer-bg-end: var(--color-green-900)}:root{--shadow-soft-sm: 0 4px 18px rgba(15, 23, 42, .03);--shadow-soft: 0 8px 30px rgba(15, 23, 42, .04);--shadow-soft-md: 0 12px 38px rgba(15, 23, 42, .06);--shadow-soft-lg: 0 18px 52px rgba(15, 23, 42, .08);--shadow-medium: 0 18px 45px rgba(15, 23, 42, .08);--shadow-strong: 0 24px 70px rgba(15, 23, 42, .16);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--font-family-sans: "Inter";--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--line-height-tight: 1.15;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--content-width-sm: 640px;--content-width-md: 840px;--content-width-lg: 1040px;--content-width-xl: 1200px;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.3, 1.2, .2, 1);--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .26s;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--input-height-sm: 36px;--input-height-md: 40px;--input-height-lg: 48px}[data-theme=serene][data-theme-mode=dark],[data-theme=whoop][data-theme-mode=dark],[data-theme=dark]{--color-bg-app: #050816;--color-bg-surface: #050816;--color-bg-surface-subtle: #0b1020;--color-bg-elevated: #0e1224;--color-border-subtle: rgba(148, 163, 184, .25);--color-border-strong: rgba(148, 163, 184, .6);--color-border-focus: var(--color-purple-300);--color-text-main: #e5e7eb;--color-text-muted: #9ca3af;--color-text-soft: #6b7280;--color-text-contrast: #020617;--color-primary-soft: var(--color-purple-300);--color-primary: var(--color-purple-300);--color-primary-strong: var(--color-purple-100);--color-primary-soft-bg: rgba(129, 140, 248, .12);--color-accent: var(--color-pink-300);--color-accent-soft-bg: rgba(248, 113, 175, .12);--color-success-soft-bg: rgba(34, 197, 94, .08);--color-warning-soft-bg: rgba(250, 204, 21, .08);--color-danger-soft-bg: rgba(248, 113, 113, .08);--shadow-soft: 0 18px 60px rgba(15, 23, 42, .55);--shadow-medium: 0 32px 90px rgba(15, 23, 42, .75);--shadow-strong: 0 40px 110px rgba(15, 23, 42, .9);--theme-gradient-start: #0b1020;--theme-gradient-end: var(--color-bg-app)}[data-theme=ocean][data-theme-mode=dark],[data-theme=calm][data-theme-mode=dark]{--color-bg-app: #0c1a2e;--color-bg-surface: #0c1a2e;--color-bg-surface-subtle: #0f2438;--color-bg-elevated: #132a42;--color-border-subtle: rgba(125, 211, 252, .15);--color-border-strong: rgba(125, 211, 252, .3);--color-border-focus: var(--color-teal-300);--color-text-main: #e0f2fe;--color-text-muted: #7dd3fc;--color-text-soft: #38bdf8;--color-text-contrast: #0c1a2e;--color-primary-soft: var(--color-blue-300);--color-primary: var(--color-blue-400);--color-primary-strong: var(--color-blue-200);--color-primary-soft-bg: rgba(14, 165, 233, .15);--color-accent: var(--color-teal-300);--color-accent-soft-bg: rgba(45, 212, 191, .15);--color-success-soft-bg: rgba(45, 212, 191, .12);--color-warning-soft-bg: rgba(251, 191, 36, .12);--color-danger-soft-bg: rgba(248, 113, 113, .12);--shadow-soft: 0 18px 60px rgba(2, 132, 199, .25);--shadow-medium: 0 32px 90px rgba(2, 132, 199, .35);--shadow-strong: 0 40px 110px rgba(2, 132, 199, .45);--theme-gradient-start: #0f2438;--theme-gradient-end: var(--color-bg-app)}[data-theme=nature][data-theme-mode=dark],[data-theme=earth][data-theme-mode=dark]{--color-bg-app: #1a1f1a;--color-bg-surface: #1a1f1a;--color-bg-surface-subtle: #222822;--color-bg-elevated: #2a302a;--color-border-subtle: rgba(107, 127, 107, .2);--color-border-strong: rgba(107, 127, 107, .4);--color-border-focus: var(--color-green-400);--color-text-main: #e8ebe8;--color-text-muted: #b0bdb0;--color-text-soft: #8a9d8a;--color-text-contrast: #1a1f1a;--color-primary-soft: var(--color-green-300);--color-primary: var(--color-green-400);--color-primary-strong: var(--color-green-200);--color-primary-soft-bg: rgba(34, 197, 94, .15);--color-accent: var(--color-sage-400);--color-accent-soft-bg: rgba(107, 127, 107, .15);--color-success-soft-bg: rgba(34, 197, 94, .12);--color-warning-soft-bg: rgba(251, 191, 36, .12);--color-danger-soft-bg: rgba(248, 113, 113, .12);--shadow-soft: 0 18px 60px rgba(22, 163, 74, .2);--shadow-medium: 0 32px 90px rgba(22, 163, 74, .3);--shadow-strong: 0 40px 110px rgba(22, 163, 74, .4);--theme-gradient-start: #222822;--theme-gradient-end: var(--color-bg-app)}[data-theme=high-contrast]{--color-bg-app: #020617;--color-bg-surface: #020617;--color-bg-surface-subtle: #020617;--color-bg-elevated: #020617;--color-border-subtle: #e5e7eb;--color-border-strong: #ffffff;--color-border-focus: #ffffff;--color-text-main: #ffffff;--color-text-muted: #e5e7eb;--color-text-soft: #cbd5f5;--color-text-contrast: #020617;--color-primary-soft: #a855f7;--color-primary: #f97316;--color-primary-strong: #f59e0b;--color-primary-soft-bg: #020617;--shadow-soft: none;--shadow-medium: none;--shadow-strong: none;--theme-gradient-start: #020617;--theme-gradient-end: #020617}html,body{height:100%;width:100%;max-width:100vw;overflow-x:hidden;font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-main);background:var(--color-bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family-sans);position:relative}a{color:inherit;text-decoration:none}a:hover{opacity:1}.ui-container{margin:0 auto;padding:0 var(--space-4)}.page-container{margin:0 auto;margin-top:var(--space-6);padding:0 var(--space-6);padding-bottom:var(--space-6);max-width:900px;flex:1;min-height:100vh;position:relative}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted)}@media (max-width: 768px){.page-container{padding-bottom:100px;padding-left:var(--space-4);padding-right:var(--space-4)}}@media (max-width: 1024px){.page-container{padding-bottom:100px;padding-left:var(--space-4);padding-right:var(--space-4)}}.button-container{display:flex;justify-content:end;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.button-container-center{display:flex;justify-content:center;align-items:center;padding:var(--space-2) 0}.button-container.border-top{border-top:1px solid var(--color-border-subtle)}.form-group{display:flex;flex-direction:column;margin-bottom:var(--space-6)}.form-label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-4);font-size:var(--font-size-md);margin-left:2px}.form-input{width:100%;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-md);background:var(--color-bg-surface);color:var(--color-text-main);box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-standard)}.form-input:focus{outline:none;border-color:var(--color-border-focus)}.form-input:disabled{background-color:var(--color-bg-surface-subtle);cursor:not-allowed}.form-label .required{color:var(--color-text-danger);margin-left:2px}.form-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-soft)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem}.form-group{margin-bottom:1.25rem}.form-group:last-of-type{margin-bottom:1.5rem}.form-input::placeholder{color:var(--color-text-soft)}.form-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #7a54f71a}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #f032321a}.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-surface-subtle)}.form-textarea{width:100%;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-main);font-size:var(--font-size-md);font-family:var(--font-family-sans);box-sizing:border-box;resize:vertical;min-height:100px;line-height:var(--line-height-relaxed)}.form-textarea::placeholder{color:var(--color-text-soft)}.form-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-soft-bg)}.form-select{width:100%;padding:var(--space-4) 2.5rem var(--space-4) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-main);font-size:var(--font-size-md);font-family:var(--font-family-sans);box-sizing:border-box;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center}.form-select:focus{outline:none;border-color:var(--color-border-focus)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.ui-spacer{flex:1}.padding-xl{padding:var(--space-10)}.padding-lg{padding:var(--space-8)}.padding-md{padding:var(--space-6)}.padding-sm{padding:var(--space-4)}.padding-xs{padding:var(--space-2)}.ui-list-container{display:flex;flex-direction:column;gap:var(--space-3)}