*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#app{min-height:100vh}[data-theme=dark]{color-scheme:dark}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div{color:inherit}:root{--space-0: 0;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 56px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--space-16: 128px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--text-5xl: 48px;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.8;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--gradient-brand: linear-gradient(135deg, #a78bfa 0%, #f472b6 50%, #fb923c 100%);--color-purple-light: #a78bfa;--color-pink: #f472b6;--color-orange: #fb923c;--gradient-background: linear-gradient(135deg, #f3e8ff 0%, #fff7f2 100%);--color-bg: #ffffff;--color-bg-secondary: rgba(255, 255, 255, .85);--color-text-primary: #374151;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: rgba(167, 139, 250, .2);--color-border-hover: rgba(167, 139, 250, .4);--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-white: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--shadow-purple: 0 8px 24px rgba(167, 139, 250, .3);--shadow-purple-hover: 0 12px 32px rgba(167, 139, 250, .5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 50;--z-sticky: 100;--z-fixed: 200;--z-modal: 500;--z-tooltip: 600;--container-xs: 400px;--container-sm: 480px;--container-md: 640px;--container-lg: 900px;--container-xl: 1200px;--btn-primary-padding: var(--space-2) var(--space-5);--btn-primary-font-size: var(--text-lg);--btn-primary-height: 48px;--btn-secondary-padding: var(--space-2) var(--space-3);--btn-secondary-font-size: var(--text-base);--btn-secondary-height: 44px;--btn-tertiary-padding: var(--space-1) var(--space-2);--btn-tertiary-font-size: var(--text-sm);--btn-tertiary-height: 40px;--btn-icon-size: 40px;--breathing-circle-size: 160px;--breathing-circle-size-mobile: 140px;--breathing-circle-border: 4px}[data-theme=dark]{--gradient-background: linear-gradient(135deg, #1a1a2e 0%, #2d1b3d 100%);--color-bg: #16161f;--color-bg-secondary: rgba(30, 30, 45, .85);--color-text-primary: #f5f5f5;--color-text-secondary: #d0d0d5;--color-text-tertiary: #a0a0a8;--color-border: rgba(167, 139, 250, .3);--color-border-hover: rgba(167, 139, 250, .6);--color-gray-50: #2a2a3a;--color-gray-100: #35354a;--color-gray-200: #45455f;--color-gray-300: #55556f;--color-gray-400: #9090a0;--color-gray-500: #b0b0b5;--color-gray-600: #d0d0d5;--color-gray-700: #e5e5e8;--color-gray-800: #f0f0f2;--color-gray-900: #fafafa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--shadow-purple: 0 8px 24px rgba(167, 139, 250, .5);--shadow-purple-hover: 0 12px 32px rgba(167, 139, 250, .7)}@media (max-width: 640px){:root{--text-5xl: 40px;--text-4xl: 32px;--text-3xl: 28px;--text-2xl: 20px;--space-8: 48px;--space-12: 72px}}[data-theme=dark] .page,[data-theme=dark] .capsule-page,[data-theme=dark] .my-capsules-page,[data-theme=dark] .gift-page,[data-theme=dark] .support-success,[data-theme=dark] .support-cancelled,[data-theme=dark] .cancelled-page{background:var(--gradient-background)!important}[data-theme=dark] .cancelled-page .title{color:#f5f5f5!important}[data-theme=dark] .cancelled-page .message{color:#d5d5d8!important}[data-theme=dark] .cancelled-page .btn-secondary{background:#ffffff14!important;border-color:#a78bfa66!important;color:#d5d5d8!important}[data-theme=dark] .cancelled-page .btn-secondary:hover{background:#ffffff26!important;border-color:#a78bfa99!important;color:#fff!important}[data-theme=dark] .success-page{background:var(--gradient-background)!important}[data-theme=dark] .success-page .title{background:linear-gradient(135deg,#a78bfa,#f472b6,#fb923c)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}[data-theme=dark] .success-page .message{color:#d5d5d8!important}[data-theme=dark] .success-page .impact{background:#a78bfa1a!important;border-color:#a78bfa4d!important}[data-theme=dark] .success-page .impact-text{color:#f5f5f5!important}[data-theme=dark] .success-page .impact-subtext,[data-theme=dark] .success-page .actions .link{color:#d5d5d8!important}[data-theme=dark] .success-page .actions .link:hover{color:#fff!important}[data-theme=dark] .verification-container{background:var(--gradient-background)!important}[data-theme=dark] .status-card{background:#ffffff14!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(167,139,250,.4)!important;box-shadow:0 8px 32px #0006!important}[data-theme=dark] .status-message{color:#d5d5d8!important}[data-theme=dark] .status-title{color:#f5f5f5!important}[data-theme=dark] .icon-wrapper.success{background:#34d39926!important}[data-theme=dark] .icon-wrapper.error{background:#ef444426!important}[data-theme=dark] .auth-verified-page{background:var(--gradient-background)!important}[data-theme=dark] .status-text,[data-theme=dark] .text,[data-theme=dark] .capsule-text,[data-theme=dark] .description,[data-theme=dark] .message,[data-theme=dark] .subtitle,[data-theme=dark] p{color:#d5d5d8!important}[data-theme=dark] .title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#f5f5f5!important}[data-theme=dark] .label,[data-theme=dark] .char-count,[data-theme=dark] .hint{color:#b5b5bb!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] .textarea,[data-theme=dark] .input-field{background:#ffffff0d!important;border-color:#a78bfa4d!important;color:var(--color-text-primary)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-tertiary)!important}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{background:#ffffff14!important;border-color:var(--color-purple-light)!important}[data-theme=dark] .mood-btn:not(.selected){background:#ffffff14!important;border-color:#a78bfa66!important;color:#f0f0f2!important}[data-theme=dark] .mood-btn:hover:not(.selected){background:#ffffff26!important;border-color:#a78bfa99!important;color:#fff!important}[data-theme=dark] .mood-label{color:#f0f0f2!important}[data-theme=dark] .mood-btn.selected .mood-label{color:#374151!important}[data-theme=dark] .toggle-btn{background:#ffffff0d!important;border-color:#a78bfa4d!important;color:var(--color-text-secondary)!important}[data-theme=dark] .toggle-btn:hover{background:#ffffff1a!important;border-color:var(--color-purple-light)!important;color:var(--color-purple-light)!important}[data-theme=dark] .mood-pill:not(.active){background:#ffffff14!important;border-color:#a78bfa66!important}[data-theme=dark] .mood-pill:hover:not(.active){background:#ffffff26!important;border-color:#a78bfa99!important}[data-theme=dark] .selected-mood{color:#f0f0f2!important}[data-theme=dark] .modal-content{background:#1e1e2d!important;box-shadow:0 20px 60px #000c!important;border:1px solid rgba(167,139,250,.3)!important}[data-theme=dark] .modal-header{border-bottom-color:#a78bfa33!important}[data-theme=dark] .modal-header h2{color:var(--color-text-primary)!important}[data-theme=dark] .modal-body{background:transparent!important}[data-theme=dark] .close-btn{color:var(--color-text-secondary)!important}[data-theme=dark] .close-btn:hover:not(:disabled){background:#ffffff1a!important;color:var(--color-text-primary)!important}[data-theme=dark] .message-text,[data-theme=dark] .message-subtext,[data-theme=dark] .type-hint,[data-theme=dark] .amount-heading{color:#d5d5d8!important}[data-theme=dark] .type-btn{background:#ffffff0d!important;border-color:#a78bfa4d!important;color:#808088!important;font-weight:600!important}[data-theme=dark] .type-btn.active{background:#a78bfa33!important;border-color:#a78bfa80!important;color:#a0a0a8!important;font-weight:700!important}[data-theme=dark] .amount-btn{background:#ffffff14!important;border-color:#a78bfa66!important}[data-theme=dark] .amount-btn.active{background:#a78bfa40!important;border-color:var(--color-purple-light)!important}[data-theme=dark] .amount-value{color:#fff!important}[data-theme=dark] .amount-label{color:#b5b5bb!important}[data-theme=dark] .card,[data-theme=dark] .history-item{background:#ffffff0d!important;border-color:#a78bfa33!important}[data-theme=dark] .card:hover,[data-theme=dark] .history-item:hover{background:#ffffff14!important;border-color:#a78bfa66!important}[data-theme=dark] a:not(.cta):not(.generate-btn):not(.nav-link){color:#d5d5d8!important}[data-theme=dark] a:hover:not(.cta):not(.generate-btn){color:#fff!important}[data-theme=dark] .footer-link,[data-theme=dark] .create-link,[data-theme=dark] .my-capsules-link a{color:#d5d5d8!important}[data-theme=dark] .footer-link:hover,[data-theme=dark] .create-link:hover,[data-theme=dark] .my-capsules-link a:hover{color:var(--color-purple-light)!important}[data-theme=dark] .capsule-content{background:#ffffff08!important}[data-theme=dark] .stat-badge{background:#ffffff14!important;color:var(--color-text-secondary)!important}[data-theme=dark] .time-info{color:var(--color-text-tertiary)!important}[data-theme=dark] .dropdown-menu{background:#1e1e2d!important;border-color:#a78bfa66!important;box-shadow:0 8px 24px #0009!important}[data-theme=dark] .menu-item{color:var(--color-text-secondary)!important}[data-theme=dark] .menu-item:hover{background:#a78bfa26!important;color:var(--color-text-primary)!important}[data-theme=dark] .lang-button,[data-theme=dark] .status-anonymous,[data-theme=dark] .status-logged{background:#1e1e2dd9!important;border-color:#a78bfa66!important;color:var(--color-text-primary)!important}[data-theme=dark] .lang-button:hover,[data-theme=dark] .status-anonymous:hover,[data-theme=dark] .status-logged:hover{background:#28283cf2!important;border-color:#a78bfa99!important}[data-theme=dark] .lang-dropdown{background:#1e1e2d!important;border-color:#a78bfa66!important}[data-theme=dark] .lang-option:hover{background:#a78bfa26!important}[data-theme=dark] .cta,[data-theme=dark] .generate-btn,[data-theme=dark] .cta-btn,[data-theme=dark] .primary-btn{background:var(--gradient-brand)!important;color:#fff!important}[data-theme=dark] .faq-item:hover,[data-theme=dark] .card:hover,[data-theme=dark] .history-item:hover{transform:scale(1.01)!important}[data-theme=dark] .reaction-btn:hover:not(:disabled),[data-theme=dark] .amount-btn:hover{transform:scale(1.02)!important}[data-theme=dark] .exercise-title{color:var(--color-text-primary)}[data-theme=dark] .exercise-subtitle{color:var(--color-text-secondary)}[data-theme=dark] .breathing-circle{background:var(--color-bg-secondary);border-color:var(--color-purple-light)}[data-theme=dark] .breathing-circle.active{background:var(--color-purple-light);box-shadow:var(--shadow-purple)}[data-theme=dark] .step-instruction h2{color:var(--color-text-primary)}[data-theme=dark] .completion-content{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .completion-content h2{color:var(--color-text-primary)}[data-theme=dark] .completion-content p{color:var(--color-text-secondary)}[data-theme=dark] .progress-bar{background:var(--color-gray-300)}[data-theme=dark] .exercise-section{border-top-color:#ffffff1a}[data-theme=dark] .exercise-prompt{color:var(--color-text-secondary)}[data-theme=dark] .countdown{color:var(--color-text-primary)!important}[data-theme=dark] .breathing-instruction{color:var(--color-text-secondary)!important}