@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.jr-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:jr-fadeIn .3s cubic-bezier(.4,0,.2,1)}.jr-modal{background:#fff;border-radius:28px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;position:relative;animation:jr-slideUp .4s cubic-bezier(.4,0,.2,1);overflow:hidden}@media(max-width:640px){.jr-modal{max-width:100%;max-height:100vh;border-radius:0}.jr-overlay{padding:0}}@media(prefers-color-scheme:dark){.jr-modal{background:#1a1a1a;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff1a}}.jr-close-btn{position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;border-radius:50%;background:#0000000d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10;color:#6b7280}.jr-close-btn:hover{background:#0000001a;color:#374151;transform:rotate(90deg) scale(1.1)}.jr-close-btn:active{transform:rotate(90deg) scale(.95)}@media(prefers-color-scheme:dark){.jr-close-btn{background:#ffffff1a;color:#9ca3af}.jr-close-btn:hover{background:#ffffff26;color:#d1d5db}}.jr-content{flex:1;overflow-y:auto;padding:2rem;padding-bottom:0}@media(max-width:640px){.jr-content{padding:1.5rem;padding-bottom:0}}.jr-step{display:flex;flex-direction:column;gap:2rem;animation:jr-fadeSlideIn .3s ease-out}.jr-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.jr-icon-wrapper{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;animation:jr-iconFloat 3s ease-in-out infinite;box-shadow:0 10px 30px -5px #3b82f666,0 0 0 4px #3b82f61a}.jr-icon-wrapper.jr-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 30px -5px #10b98166,0 0 0 4px #10b9811a}.jr-header-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.jr-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.2;letter-spacing:-.025em}.jr-subtitle{font-size:1.0625rem;color:#6b7280;margin:0;max-width:440px;line-height:1.6}@media(max-width:640px){.jr-title{font-size:1.625rem}.jr-subtitle{font-size:.9375rem}}@media(prefers-color-scheme:dark){.jr-title{background:linear-gradient(135deg,#f9fafb,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.jr-subtitle{color:#9ca3af}}.jr-features{display:flex;flex-direction:column;gap:.875rem}.jr-feature{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:16px;border:1px solid rgba(59,130,246,.12);transition:all .3s cubic-bezier(.4,0,.2,1)}.jr-feature:hover{transform:translate(4px);border-color:#3b82f633;background:linear-gradient(135deg,#3b82f614,#8b5cf614);box-shadow:0 4px 12px #3b82f61a}.jr-feature-icon{flex-shrink:0;color:#3b82f6;margin-top:2px}.jr-feature h4{font-size:1rem;font-weight:700;color:#111827;margin:0 0 .375rem;letter-spacing:-.01em}.jr-feature p{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.5}@media(prefers-color-scheme:dark){.jr-feature{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-color:#3b82f633}.jr-feature:hover{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:#3b82f64d}.jr-feature h4{color:#f9fafb}.jr-feature p{color:#9ca3af}}.jr-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}@media(max-width:640px){.jr-tiers{grid-template-columns:1fr}}.jr-tier-card{padding:1.5rem;border-radius:20px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden}.jr-tier-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--tier-color);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:0}.jr-tier-card>*{position:relative;z-index:1}.jr-tier-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 24px -8px #3b82f633,0 0 0 1px #3b82f61a}.jr-tier-card:hover:before{opacity:.03}.jr-tier-card.selected{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f626,0 8px 16px -4px #3b82f633}.jr-tier-card.selected:before{opacity:.05}.jr-tier-header{display:flex;align-items:center;gap:.875rem}.jr-tier-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #00000026}.jr-tier-name{font-size:1.1875rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.02em}.jr-tier-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.jr-tier-features li{display:flex;align-items:flex-start;gap:.625rem;font-size:.9375rem;color:#6b7280;line-height:1.5}.jr-tier-features li svg{flex-shrink:0;color:#10b981;margin-top:2px}@media(prefers-color-scheme:dark){.jr-tier-card{background:#262626;border-color:#374151}.jr-tier-card:hover{border-color:#3b82f6}.jr-tier-card.selected{background:#262626}.jr-tier-name{color:#f9fafb}.jr-tier-features li{color:#9ca3af}}.jr-scanning{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem}.jr-scanning-animation{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;animation:jr-pulse 2s ease-in-out infinite;position:relative}.jr-scanning-animation:before,.jr-scanning-animation:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #3b82f6;animation:jr-ripple 2s ease-out infinite}.jr-scanning-animation:before{width:140px;height:140px}.jr-scanning-animation:after{width:160px;height:160px;animation-delay:.5s}.jr-scanning p{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.jr-scanning-hint{font-size:.875rem!important;color:#6b7280!important;font-weight:400!important}.jr-nfc-instructions{padding:1.5rem;background:#3b82f60d;border-radius:12px;border:1px solid rgba(59,130,246,.1)}.jr-nfc-instructions h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.jr-nfc-instructions ol{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.jr-nfc-instructions li{font-size:.875rem;color:#6b7280;line-height:1.5}@media(prefers-color-scheme:dark){.jr-scanning p{color:#f9fafb}.jr-nfc-instructions{background:#3b82f61a;border-color:#3b82f633}.jr-nfc-instructions h3{color:#f9fafb}.jr-nfc-instructions li{color:#9ca3af}}.jr-registration-info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#3b82f60d;border-radius:12px;border:1px solid rgba(59,130,246,.1)}.jr-info-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.jr-info-item span{font-size:.875rem;color:#6b7280;font-weight:500}.jr-info-item strong{font-size:.95rem;color:#111827;font-weight:600}@media(prefers-color-scheme:dark){.jr-registration-info{background:#3b82f61a;border-color:#3b82f633}.jr-info-item span{color:#9ca3af}.jr-info-item strong{color:#f9fafb}}.jr-celebration{animation:jr-celebrate .6s ease-out}.jr-registration-success{display:flex;flex-direction:column;gap:1rem}.jr-success-item{display:flex;flex-direction:column;gap:.625rem;padding:1rem;background:#3b82f60d;border-radius:12px;border:1px solid rgba(59,130,246,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.jr-success-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626;border-color:#3b82f633}.jr-success-item strong{font-size:.75rem;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.jr-success-item code{font-family:Courier New,monospace;font-size:1rem;color:#111827;background:#fff;padding:.875rem 1.125rem;border-radius:10px;font-weight:600;word-break:break-all;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 4px #0000000a}.jr-success-item.jr-subscription-highlight{background:linear-gradient(135deg,#10b9811a,#05966914);border:2px solid rgba(16,185,129,.35);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.jr-success-item.jr-subscription-highlight:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669);border-radius:16px 16px 0 0}.jr-success-item.jr-subscription-highlight:hover{transform:translateY(-4px);box-shadow:0 12px 24px #10b98133,0 0 0 1px #10b98126;border-color:#10b98180}.jr-success-item.jr-subscription-highlight strong{color:#059669;font-size:1.0625rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem;text-transform:none}.jr-subscription-details{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#ffffffb3;border-radius:10px;border:1px solid rgba(16,185,129,.2)}.jr-subscription-details p{margin:0;font-size:.9375rem;color:#111827;display:flex;align-items:center;gap:.5rem;font-weight:500}.jr-subscription-details p strong{color:#059669;font-size:1.0625rem;font-weight:700;text-transform:none;letter-spacing:normal}.jr-subscription-end{font-size:.875rem!important;color:#6b7280!important;font-weight:500!important;padding-top:.5rem;border-top:1px solid rgba(16,185,129,.15);margin-top:.25rem!important}@media(prefers-color-scheme:dark){.jr-success-item{background:#3b82f61a;border-color:#3b82f633}.jr-success-item strong{color:#9ca3af}.jr-success-item code{background:#1f2937;color:#f9fafb;border-color:#ffffff1a}.jr-success-item.jr-subscription-highlight{background:linear-gradient(135deg,#10b98126,#0596691f);border-color:#10b98166}.jr-success-item.jr-subscription-highlight strong{color:#10b981}.jr-subscription-details{background:#0000004d;border-color:#10b9814d}.jr-subscription-details p{color:#f9fafb}.jr-subscription-details p strong{color:#10b981}.jr-subscription-end{color:#9ca3af!important;border-color:#10b98133}}.jr-url-container{display:flex;flex-direction:column;gap:.5rem}.jr-url-wrapper{display:flex;gap:.5rem}.jr-url-input{flex:1;font-family:Courier New,monospace;font-size:.875rem;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;cursor:text}.jr-url-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.jr-copy-btn{padding:.75rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.jr-copy-btn:hover{background:#2563eb}.jr-copy-btn:active{transform:scale(.95)}.jr-completion-info{padding:1.5rem;background:linear-gradient(135deg,#10b9810f,#0596690a);border-radius:16px;border:1px solid rgba(16,185,129,.15);position:relative;overflow:hidden}.jr-completion-info:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#10b981,#059669)}.jr-next-steps{padding-left:.75rem}.jr-next-steps h3{font-size:1.0625rem;font-weight:700;color:#059669;margin:0 0 1.25rem;letter-spacing:-.01em}.jr-next-steps ul{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.875rem}.jr-next-steps li{font-size:.9375rem;color:#374151;line-height:1.6;padding-left:.5rem;position:relative}.jr-next-steps li::marker{color:#10b981;font-weight:700}@media(prefers-color-scheme:dark){.jr-success-item strong{color:#9ca3af}.jr-success-item code{color:#f9fafb;background:#3b82f626}.jr-url-input{background:#262626;border-color:#374151;color:#f9fafb}.jr-completion-info{background:linear-gradient(135deg,#10b9811a,#05966914);border-color:#10b98140}.jr-next-steps h3{color:#10b981}.jr-next-steps li{color:#d1d5db}}.jr-error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.875rem;line-height:1.5}.jr-error svg{flex-shrink:0;margin-top:2px}.jr-error button{background:none;border:none;color:inherit;padding:0;cursor:pointer;font:inherit}.jr-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;color:#d97706;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.jr-warning svg{flex-shrink:0;margin-top:2px}.jr-actions{display:flex;gap:1rem;padding:2rem;border-top:1px solid #e5e7eb}@media(max-width:640px){.jr-actions{flex-direction:column;padding:1.5rem}}.jr-btn{flex:1;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.jr-btn:disabled{opacity:.5;cursor:not-allowed}.jr-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.jr-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.jr-btn-primary:active:not(:disabled){transform:translateY(0)}.jr-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d;padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.jr-btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.jr-btn-warning:active:not(:disabled){transform:translateY(0)}.jr-btn-warning:disabled{opacity:.5;cursor:not-allowed}.jr-btn-secondary{background:#0000000d;color:#6b7280}.jr-btn-secondary:hover:not(:disabled){background:#0000001a;color:#374151}@media(prefers-color-scheme:dark){.jr-actions{border-top-color:#374151}.jr-btn-secondary{background:#ffffff1a;color:#9ca3af}.jr-btn-secondary:hover:not(:disabled){background:#ffffff26;color:#d1d5db}}.jr-progress{padding:1.75rem 2rem;border-top:1px solid #e5e7eb;background:linear-gradient(to bottom,rgba(249,250,251,.5),transparent)}@media(max-width:640px){.jr-progress{padding:1.25rem 1.5rem}}.jr-progress-bar{width:100%;height:8px;background:#3b82f61f;border-radius:4px;overflow:hidden;margin-bottom:.625rem;box-shadow:inset 0 1px 2px #0000000d}.jr-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #3b82f666;position:relative;overflow:hidden}.jr-progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:jr-shimmer 2s infinite}.jr-progress-text{font-size:.8125rem;color:#6b7280;text-align:center;margin:0;font-weight:600;letter-spacing:.025em}@media(prefers-color-scheme:dark){.jr-progress{border-top-color:#374151;background:linear-gradient(to bottom,rgba(26,26,26,.5),transparent)}.jr-progress-bar{background:#3b82f633}.jr-progress-text{color:#9ca3af}}@keyframes jr-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes jr-slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes jr-fadeSlideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes jr-iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes jr-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@keyframes jr-ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@keyframes jr-celebrate{0%{transform:scale(.7) rotate(-15deg);opacity:0}50%{transform:scale(1.15) rotate(8deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes jr-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-spin{animation:jr-spin 1s linear infinite}@keyframes jr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jr-modal ::-webkit-scrollbar{width:8px}.jr-modal ::-webkit-scrollbar-track{background:transparent}.jr-modal ::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.jr-modal ::-webkit-scrollbar-thumb:hover{background:#0000004d}@media(prefers-color-scheme:dark){.jr-modal ::-webkit-scrollbar-thumb{background:#fff3}.jr-modal ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}.kairos-loader-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#1e1e1eeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;transition:opacity .5s ease-out,visibility .5s ease-out;animation:fadeIn .3s ease-in forwards;overflow:hidden}.kairos-loader-container:before{content:"";position:absolute;top:50%;left:50%;width:200vw;height:200vh;background:radial-gradient(circle,#558b6e0d,#558b6e05 30%,#1e1e1e00 70%);transform:translate(-50%,-50%);opacity:.6;animation:backgroundPulse 4s ease-in-out infinite}.kairos-loader-container.fullscreen{position:fixed}.kairos-loader-container.fade-out{opacity:0;visibility:hidden;transition:opacity .5s ease-out .2s,visibility .5s ease-out .2s}.kairos-loader-container.hidden{display:none}.loader-content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px}.loader-small .center{transform:scale(.65)}.loader-medium .center{transform:scale(1)}.loader-large .center{transform:scale(1.4)}.orb-wrapper{position:relative;display:flex;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.orb-wrapper.scale-in{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.orb-wrapper.scale-out{animation:scaleOut .4s cubic-bezier(.34,1.56,.64,1) forwards}.center{position:relative;width:100px;height:100px;margin:0 auto}.ball{position:relative;width:90px;height:90px;background:#558b6e;border-radius:50%;filter:blur(15px);animation:pulse 3s ease-in-out infinite;box-shadow:0 0 40px #558b6e66,0 0 80px #558b6e33}.blubb-1,.blubb-2,.blubb-3,.blubb-4,.blubb-5,.blubb-6{position:absolute;top:20px;left:20px;width:50px;height:50px}.blubb-1{transform:rotate(150deg)}.blubb-2{transform:rotate(276deg)}.blubb-3{transform:rotate(76deg)}.blubb-4{transform:rotate(295deg)}.blubb-5{transform:rotate(92deg)}.blubb-6{transform:rotate(83deg)}.blubb-1:after,.blubb-2:after,.blubb-3:after,.blubb-4:after,.blubb-5:after,.blubb-6:after{position:absolute;display:block;content:"";width:50px;height:50px;background:#2b463c;border-radius:50%;filter:blur(5px)}.blubb-1:after{transform-origin:37px 37px;animation:rotate 2.7s ease-in-out .2s infinite}.blubb-2:after{transform-origin:34px 34px;animation:rotate 2.9s ease-in-out .4s infinite}.blubb-3:after{transform-origin:31px 31px;animation:rotate 3.1s ease-in-out .6s infinite}.blubb-4:after{transform-origin:28px 28px;animation:rotate 3.3s ease-in-out .8s infinite}.blubb-5:after{transform-origin:25px 25px;animation:rotate 3.5s ease-in-out 1s infinite}.blubb-6:after{transform-origin:22px 22px;animation:rotate 3.7s ease-in-out 1.2s infinite}.sparkle-1,.sparkle-2,.sparkle-3,.sparkle-4,.sparkle-5,.sparkle-6,.sparkle-7,.sparkle-8{position:absolute;top:38px;left:38px}.sparkle-1{width:8px;height:8px;transform:rotate(292deg)}.sparkle-2{width:9px;height:9px;transform:rotate(215deg)}.sparkle-3{width:15px;height:15px;transform:rotate(127deg)}.sparkle-4{width:11px;height:11px;transform:rotate(49deg)}.sparkle-5{width:12px;height:12px;transform:rotate(286deg)}.sparkle-6{width:13px;height:13px;transform:rotate(120deg)}.sparkle-7{width:14px;height:14px;transform:rotate(196deg)}.sparkle-8{width:15px;height:15px;transform:rotate(157deg)}.sparkle-1:after,.sparkle-2:after,.sparkle-3:after,.sparkle-4:after,.sparkle-5:after,.sparkle-6:after,.sparkle-7:after,.sparkle-8:after{position:absolute;display:block;content:"";background:#e6b89c;border-radius:50%;filter:blur(3px);box-shadow:0 0 10px #e6b89c80}.sparkle-1:after{width:15px;height:15px;transform-origin:58px 58px;animation:rotate 3.7s ease-in-out .2s infinite}.sparkle-2:after{width:9px;height:9px;transform-origin:56px 56px;animation:rotate 3.9s ease-in-out .4s infinite}.sparkle-3:after{width:10px;height:10px;transform-origin:54px 54px;animation:rotate 4.1s ease-in-out .6s infinite}.sparkle-4:after{width:11px;height:11px;transform-origin:52px 52px;animation:rotate 4.3s ease-in-out .8s infinite}.sparkle-5:after{width:12px;height:12px;transform-origin:50px 50px;animation:rotate 4.5s ease-in-out 1s infinite}.sparkle-6:after{width:13px;height:13px;transform-origin:48px 48px;animation:rotate 4.7s ease-in-out 1.2s infinite}.sparkle-7:after{width:20px;height:20px;transform-origin:46px 46px;animation:rotate 4.9s ease-in-out 1.4s infinite}.sparkle-8:after{width:15px;height:15px;transform-origin:44px 44px;animation:rotate 5.1s ease-in-out 1.6s infinite}.loader-message{text-align:center;max-width:300px;animation:fadeInUp .5s ease-out .3s both}.loader-title{font-size:1.25rem;font-weight:600;color:#f8fafc;margin:0 0 8px;letter-spacing:-.02em}.loader-subtitle{font-size:.875rem;color:#cbd5e1;margin:0;line-height:1.5}.loader-progress-container{width:240px;height:4px;background:#ffffff1a;border-radius:9999px;overflow:hidden;position:relative;animation:fadeInUp .5s ease-out .4s both}.loader-progress-bar{height:100%;background:linear-gradient(90deg,#558b6e,#6fa87c,#558b6e);border-radius:9999px;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px #558b6e80}.loader-progress-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}.loader-progress-text{position:absolute;top:12px;right:0;font-size:.75rem;color:#cbd5e1;font-weight:500}.loader-minimal .loader-message,.loader-minimal .loader-progress-container{display:none}.loader-detailed .loader-message{max-width:400px}@keyframes rotate{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(360deg) translateZ(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes backgroundPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}to{opacity:.6;transform:translate(-50%,-50%) scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media(max-width:640px){.loader-title{font-size:1.125rem}.loader-subtitle{font-size:.8125rem}.loader-progress-container{width:200px}.loader-small .center{transform:scale(.6)}.loader-medium .center{transform:scale(.9)}.loader-large .center{transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.kairos-loader-container,.orb-wrapper,.ball,.blubb-1:after,.blubb-2:after,.blubb-3:after,.blubb-4:after,.blubb-5:after,.blubb-6:after,.sparkle-1:after,.sparkle-2:after,.sparkle-3:after,.sparkle-4:after,.sparkle-5:after,.sparkle-6:after,.sparkle-7:after,.sparkle-8:after,.loader-progress-shimmer{animation:none!important;transition:none!important}.ball{opacity:.9}}.path-recommendation-card{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 20px #667eea4d}.path-recommendation-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.path-recommendation-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #667eea66}.path-recommendation-1{background:linear-gradient(135deg,#667eea,#764ba2)}.path-recommendation-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.path-recommendation-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.path-rec-match-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;background:#fffffff2;color:#8b5cf6;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #0000001a;z-index:2}.path-rec-match-badge svg{fill:#f59e0b;stroke:#f59e0b}.path-rec-category-badge{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.375rem;color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #00000026;z-index:2}.path-rec-header{display:flex;align-items:flex-start;gap:1rem;margin-top:2.5rem;margin-bottom:1rem;position:relative;z-index:1}.path-rec-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.path-rec-title-section{flex:1;min-width:0}.path-rec-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .25rem;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.1)}.path-rec-subtitle{font-size:.875rem;color:#ffffffe6;margin:0;line-height:1.4}.path-rec-meta{display:flex;gap:1.5rem;margin-bottom:1.25rem;position:relative;z-index:1}.path-rec-meta-item{display:flex;flex-direction:column;gap:.25rem}.path-rec-meta-label{font-size:.7rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.path-rec-meta-value{font-size:1rem;color:#fff;font-weight:600}.path-rec-meta-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:#fff;font-weight:600;text-transform:capitalize}.path-rec-explanation{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;margin-bottom:1rem;position:relative;z-index:1;transition:all .3s ease}.path-rec-explanation.expanded{background:#fff3}.path-rec-section{margin-bottom:1rem}.path-rec-section:last-child{margin-bottom:0}.path-rec-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.path-rec-sparkle{color:#fbbf24;animation:pathRecSparkle 2s ease-in-out infinite}@keyframes pathRecSparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}.path-rec-section h4{font-size:.875rem;font-weight:600;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.05em}.path-rec-reason,.path-rec-benefit,.path-rec-timing{font-size:.9rem;color:#fffffff2;line-height:1.6;margin:0}.path-rec-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.path-rec-tag{background:#fff3;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.path-rec-start-btn{width:100%;background:#fff;color:#667eea;border:none;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;position:relative;z-index:1;box-shadow:0 4px 12px #00000026}.path-rec-start-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.path-rec-start-btn:active{transform:translateY(0)}.path-recommendation-2 .path-rec-start-btn{color:#f5576c}.path-recommendation-3 .path-rec-start-btn{color:#4facfe}.path-rec-expand-hint{text-align:center;margin-top:.75rem;position:relative;z-index:1}.path-rec-expand-hint span{font-size:.75rem;color:#ffffffb3;font-style:italic}.path-recommendations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.path-rec-loading-icon{animation:pathRecSpin 2s linear infinite;color:#667eea;margin-bottom:1rem}@keyframes pathRecSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.path-rec-loading-text{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.path-rec-loading-subtext{font-size:.875rem;color:var(--text-secondary)}.path-recommendations-error{background:#ef44441a;border:2px dashed #ef4444;border-radius:12px;padding:1.5rem;text-align:center;color:#ef4444}.path-recommendations-error p{margin:0;font-size:.875rem}.path-recommendations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.path-recommendations-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.path-recommendations-title svg{color:#667eea}.path-recommendations-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.path-rec-refresh-btn{background:transparent;border:2px solid #667eea;color:#667eea;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.path-rec-refresh-btn:hover{background:#667eea;color:#fff}@media(max-width:768px){.path-recommendation-card{padding:1.25rem}.path-rec-title{font-size:1.125rem}.path-rec-header{margin-top:2rem}.path-rec-icon{width:40px;height:40px}}body.dark-theme .path-rec-loading-icon{color:#8b5cf6}body.dark-theme .path-rec-refresh-btn{border-color:#8b5cf6;color:#8b5cf6}body.dark-theme .path-rec-refresh-btn:hover{background:#8b5cf6;color:#fff}@keyframes pathRecSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.path-recommendation-card{animation:pathRecSlideIn .5s ease-out}.path-recommendation-2{animation-delay:.1s}.path-recommendation-3{animation-delay:.2s}.journey-completion-container{min-height:100vh;padding:1rem;background:linear-gradient(135deg,#0a1f1a,#0f2922,#0a1f1a);position:relative;overflow-x:hidden}.journey-completion-container.dark{background:linear-gradient(135deg,#0a1f1a,#0f2922,#0a1f1a)}.journey-completion-container.light{background:linear-gradient(135deg,#1a3a32,#2d5a4f,#1a3a32)}.glass-card{background:#10302766;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(64,224,208,.2);border-radius:20px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,224,208,.8),transparent);animation:border-glow 3s ease-in-out infinite}@keyframes border-glow{0%,to{opacity:.5}50%{opacity:1}}.ai-insight-card{background:#0d262099;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(64,224,208,.3);border-radius:16px;padding:1.25rem;margin-bottom:.75rem;position:relative;overflow:hidden}.ai-insight-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#40e0d0,#20b2aa,#40e0d0);background-size:200% 100%;animation:gradient-slide 3s linear infinite}@keyframes gradient-slide{0%{background-position:0% 50%}to{background-position:200% 50%}}.completion-header{text-align:center;margin-bottom:2rem}.icon-glow{width:100px;height:100px;margin:0 auto 1rem;background:#40e0d01a;border:2px solid rgba(64,224,208,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #40e0d080;animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1);box-shadow:0 0 40px #40e0d080}50%{transform:scale(1.05);box-shadow:0 0 60px #40e0d0cc}}.completion-icon{width:3rem;height:3rem;color:#40e0d0}.completion-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#40e0d0;text-shadow:0 0 20px rgba(64,224,208,.5)}.path-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#e0f2e9;opacity:.9}.completion-subtitle{font-size:.875rem;color:#e0f2e9cc;margin:0 0 1.5rem}.completion-stats{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-icon{width:1.25rem;height:1.25rem;color:#40e0d0;opacity:.8}.stat-value{font-size:1.125rem;font-weight:700;color:#e0f2e9}.stat-label{font-size:.75rem;color:#e0f2e999;text-transform:uppercase;letter-spacing:.5px}.glass-card-header{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:#e0f2e9}.header-icon{width:1.25rem;height:1.25rem;color:#40e0d0;filter:drop-shadow(0 0 8px rgba(64,224,208,.6))}.overview-text{font-size:1rem;line-height:1.6;color:#e0f2e9e6;margin:0}.insight-header{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#40e0d0}.insight-icon{width:1rem;height:1rem}.themes-container{display:flex;flex-wrap:wrap;gap:.5rem}.theme-tag{display:inline-flex;align-items:center;gap:.25rem;background:#40e0d033;border:1px solid rgba(64,224,208,.4);padding:.375rem .75rem;border-radius:20px;font-size:.813rem;color:#e0f2e9;transition:all .3s ease}.theme-tag:hover{background:#40e0d04d;transform:translateY(-2px);box-shadow:0 4px 12px #40e0d04d}.strengths-list{display:flex;flex-direction:column;gap:.5rem}.strength-item{display:flex;align-items:center;gap:.5rem;color:#e0f2e9e6;font-size:.875rem}.check-icon{width:1rem;height:1rem;color:#40e0d0;flex-shrink:0}.transformation-text{font-size:.925rem;line-height:1.5;color:#e0f2e9e6;font-style:italic;margin:0}.wisdom-text{font-size:.925rem;line-height:1.5;color:#e0f2e9e6;margin:0}.celebration-message{text-align:center;background:#40e0d01a;border:1px solid rgba(64,224,208,.3)}.celebration-icon{width:2rem;height:2rem;color:#40e0d0;margin-bottom:.5rem}.action-button{display:flex;align-items:center;gap:.75rem;background:#10302766;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(64,224,208,.3);border-radius:12px;padding:1rem;margin-bottom:.5rem;width:100%;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-button.primary{background:linear-gradient(135deg,#40e0d033,#20b2aa33);border-color:#40e0d080}.action-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #40e0d04d;border-color:#40e0d099}.action-button:active{transform:scale(.98)}.button-icon{width:1.5rem;height:1.5rem;color:#40e0d0;flex-shrink:0}.button-icon.spinning{animation:spin 1s linear infinite}.button-content{flex:1;text-align:left}.button-title{display:block;font-size:.925rem;font-weight:600;color:#e0f2e9;margin-bottom:.125rem}.button-subtitle{display:block;font-size:.75rem;color:#e0f2e9b3}.arrow-icon{width:1.25rem;height:1.25rem;color:#40e0d099;transition:transform .3s ease}.action-button:hover .arrow-icon{transform:translate(4px);color:#40e0d0}.share-buttons-container{display:flex;flex-direction:column;gap:.75rem}.social-share-row{display:flex;gap:.5rem;justify-content:center}.share-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#10302766;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(64,224,208,.3);border-radius:12px;cursor:pointer;transition:all .3s ease}.share-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #40e0d066;border-color:#40e0d099}.share-button.twitter:hover{background:#1da1f233;border-color:#1da1f299}.share-button.facebook:hover{background:#4267b233;border-color:#4267b299}.share-button.linkedin:hover{background:#0077b533;border-color:#0077b599}.share-button.copy.success{background:#22c55e33;border-color:#22c55e99}.share-button svg{width:1.25rem;height:1.25rem;color:#40e0d0}.error-card{text-align:center;padding:3rem 2rem}.error-icon{color:#f87171;margin-bottom:1rem}.export-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#fecaca;font-size:.875rem;margin-top:.75rem}@media(max-width:768px){.journey-completion-container{padding:.75rem}.glass-card{padding:1.25rem}.completion-title{font-size:1.5rem}.path-title{font-size:1.125rem}.completion-stats{gap:1.5rem}.icon-glow{width:80px;height:80px}.completion-icon{width:2.5rem;height:2.5rem}}@media(max-width:480px){.completion-stats{gap:1rem;font-size:.875rem}.stat-icon{width:1rem;height:1rem}.theme-tag{font-size:.75rem;padding:.25rem .625rem}.action-button{padding:.875rem}.button-title{font-size:.875rem}.share-button{width:44px;height:44px}}.journey-completion-container .loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;color:#e0f2e9}.completion-content{max-width:600px;margin:0 auto;animation:content-fade-in .6s ease-out}@keyframes content-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.completion-recommendations{margin:1.5rem 0 2rem}.actions-subheader{color:#e0f2e9b3;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;padding-top:1rem;border-top:1px solid rgba(64,224,208,.15)}.additional-actions{margin-top:1.5rem}.glass-card-header .header-icon{margin-right:.5rem;color:#40e0d0;animation:sparkle-rotate 3s ease-in-out infinite}@keyframes sparkle-rotate{0%,to{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(180deg) scale(1.1);opacity:1}}@media(max-width:768px){.completion-recommendations{margin:1rem 0 1.5rem}.actions-subheader{font-size:.8125rem}}.share-section{margin-bottom:3rem;animation:share-section-slide-in 1s ease-out 1.1s both}@keyframes share-section-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.share-description{text-align:center;margin-bottom:2rem}.share-description p{font-size:1rem;line-height:1.6;color:var(--text-secondary);max-width:600px;margin:0 auto}.share-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:800px;margin:0 auto}.share-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none}.share-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.share-button:hover:before{left:100%}.share-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.share-button:active{transform:translateY(-1px)}.share-twitter{border-color:#1da1f2;color:#1da1f2}.share-twitter:hover{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff;border-color:#1da1f2;box-shadow:0 8px 25px #1da1f24d}.share-facebook{border-color:#4267b2;color:#4267b2}.share-facebook:hover{background:linear-gradient(135deg,#4267b2,#365899);color:#fff;border-color:#4267b2;box-shadow:0 8px 25px #4267b24d}.share-linkedin{border-color:#0077b5;color:#0077b5}.share-linkedin:hover{background:linear-gradient(135deg,#0077b5,#005582);color:#fff;border-color:#0077b5;box-shadow:0 8px 25px #0077b54d}.share-instagram{border-color:#e4405f;color:#e4405f;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:border-box;-webkit-text-fill-color:white;background-clip:border-box;color:#fff;border-color:#e4405f;box-shadow:0 8px 25px #e4405f4d}.share-copy{border-color:rgba(var(--path-color-rgb, 43, 70, 60),.6);color:rgb(var(--path-color-rgb, 43, 70, 60));position:relative}.share-copy:hover{background:linear-gradient(135deg,rgba(var(--path-color-rgb, 43, 70, 60),.9),rgba(var(--path-color-rgb, 43, 70, 60),1));color:#fff;border-color:rgb(var(--path-color-rgb, 43, 70, 60));box-shadow:0 8px 25px rgba(var(--path-color-rgb, 43, 70, 60),.3)}.share-copy.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#22c55e;animation:copy-success-pulse .6s ease-out}@keyframes copy-success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.share-export{border-color:#f59e0b;color:#f59e0b}.share-export:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b;box-shadow:0 8px 25px #f59e0b4d}.share-button{position:relative;overflow:hidden}.share-button:after{content:"";position:absolute;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:scale(0);left:50%;top:50%;transition:width .3s ease,height .3s ease,transform .3s ease}.share-button:active:after{width:300px;height:300px;transform:scale(1) translate(-50%,-50%);left:50%;top:50%}.share-button svg{transition:all .3s ease}.share-button:hover svg{transform:scale(1.1)}.share-twitter:hover svg{animation:twitter-bounce .6s ease-in-out}@keyframes twitter-bounce{0%,to{transform:scale(1.1) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}}.share-facebook:hover svg{animation:facebook-pulse .8s ease-in-out}@keyframes facebook-pulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.25)}}.share-linkedin:hover svg{animation:linkedin-slide .6s ease-in-out}@keyframes linkedin-slide{0%,to{transform:scale(1.1) translate(0)}50%{transform:scale(1.2) translate(2px)}}.share-instagram:hover svg{animation:instagram-spin .8s ease-in-out}@keyframes instagram-spin{0%{transform:scale(1.1) rotate(0)}to{transform:scale(1.2) rotate(360deg)}}.share-copy:hover svg{animation:copy-wiggle .6s ease-in-out}@keyframes copy-wiggle{0%,to{transform:scale(1.1) rotate(0)}25%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.2) rotate(5deg)}}.share-export:hover svg{animation:export-bounce .8s ease-in-out}@keyframes export-bounce{0%,to{transform:scale(1.1) translateY(0)}50%{transform:scale(1.2) translateY(-3px)}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.share-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modal-slide-up .4s ease-out}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal h3{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary);text-align:center}.share-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.share-preview h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.share-preview p{color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:768px){.share-buttons-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.share-button{padding:.875rem 1rem;font-size:.8rem}.share-button span{display:none}.share-button svg{width:1.25rem;height:1.25rem}}@media(max-width:480px){.share-buttons-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.share-button{padding:1rem .5rem;flex-direction:column;gap:.5rem;min-height:80px}.share-button span{display:block;font-size:.75rem;text-align:center}.share-button svg{width:1.5rem;height:1.5rem}}.share-button:focus{outline:3px solid rgba(var(--path-color-rgb, 43, 70, 60),.5);outline-offset:2px}.share-button:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){.share-button,.share-button:before,.share-button:after,.share-button svg{animation:none!important;transition:none!important}}.share-button.loading{position:relative;color:transparent}.share-button.loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-color);border-top:2px solid var(--text-primary);border-radius:50%;animation:button-loading-spin 1s linear infinite}@keyframes button-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-feedback{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;padding:.75rem 1.5rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-xl);z-index:1001;animation:feedback-slide-up .3s ease-out}@keyframes feedback-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.share-feedback.fadeout{animation:feedback-fade-out .3s ease-out forwards}@keyframes feedback-fade-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}:root{--ws-primary: #558b6e;--ws-primary-light: #6a9f82;--ws-primary-dark: #3d6b52;--ws-secondary: #a855f7;--ws-tertiary: #ec4899;--ws-accent: #f59e0b;--ws-claude: #d97757;--ws-bg-dark: #0a0f0d;--ws-bg-card: rgba(28, 42, 36, .45);--ws-bg-glass: rgba(255, 255, 255, .06);--ws-bg-glass-strong: rgba(255, 255, 255, .1);--ws-bg-glass-ultra: rgba(255, 255, 255, .14);--ws-text-primary: #f0f7f4;--ws-text-secondary: rgba(240, 247, 244, .75);--ws-text-muted: rgba(240, 247, 244, .5);--ws-border: rgba(255, 255, 255, .1);--ws-border-light: rgba(255, 255, 255, .15);--ws-border-bright: rgba(255, 255, 255, .22);--ws-glow: rgba(85, 139, 110, .5);--ws-glow-purple: rgba(168, 85, 247, .4);--ws-glow-pink: rgba(236, 72, 153, .4);--ws-blur-xs: 8px;--ws-blur-sm: 16px;--ws-blur-md: 32px;--ws-blur-lg: 50px;--ws-blur-xl: 80px}.ws-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--ws-bg-dark);overflow:hidden;display:flex;flex-direction:column;opacity:0;transition:opacity .6s ease}.ws-container.ws-loaded{opacity:1}.ws-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.ws-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;--pattern: radial-gradient(closest-side, rgba(30, 45, 38, .9), rgba(10, 15, 13, 1)) 0 / 1.2em 1.2em space;--map: linear-gradient(135deg, rgba(85, 139, 110, .4) 0%, rgba(10, 15, 13, .95) 30%, rgba(168, 85, 247, .25) 60%, rgba(10, 15, 13, .95) 80%, rgba(236, 72, 153, .2) 100% );background:var(--pattern),var(--map);background-blend-mode:multiply;filter:contrast(12)}.ws-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 10% 0%,rgba(85,139,110,.25) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 90% 100%,rgba(168,85,247,.18) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 50% 50%,rgba(236,72,153,.1) 0%,transparent 40%);animation:gradientShift 20s ease-in-out infinite;mix-blend-mode:screen}@keyframes gradientShift{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.ws-bg-orbs{position:absolute;top:0;right:0;bottom:0;left:0}.ws-bg-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orbFloat 30s ease-in-out infinite;mix-blend-mode:screen}.ws-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(85,139,110,.3),transparent 70%);top:-200px;left:-150px}.ws-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.2),transparent 70%);bottom:-150px;right:-150px;animation-delay:-10s}.ws-orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(236,72,153,.15),transparent 70%);top:50%;left:60%;transform:translate(-50%,-50%);animation-delay:-20s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(40px,-30px) scale(1.1);opacity:.7}50%{transform:translate(-30px,40px) scale(.95);opacity:.4}75%{transform:translate(30px,30px) scale(1.05);opacity:.6}}.ws-bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at center,transparent 20%,rgba(0,0,0,.4) 100%)}.ws-skip-btn{position:absolute;top:max(20px,env(safe-area-inset-top,20px));right:max(20px,env(safe-area-inset-right,20px));z-index:100;display:flex;align-items:center;gap:6px;background:var(--ws-bg-glass-strong);backdrop-filter:blur(var(--ws-blur-md));-webkit-backdrop-filter:blur(var(--ws-blur-md));border:1px solid var(--ws-border-light);border-radius:24px;padding:10px 20px;color:var(--ws-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff1f}.ws-skip-btn:hover{background:var(--ws-bg-glass-ultra);color:var(--ws-text-primary);transform:translate(4px);border-color:var(--ws-border-bright)}.ws-skip-btn svg{transition:transform .3s ease}.ws-skip-btn:hover svg{transform:translate(3px)}.ws-carousel{flex:1;position:relative;z-index:1;overflow:hidden;display:flex;align-items:center;padding:70px 0 110px}.ws-cards-track{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.ws-card{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.ws-card-inner{position:relative;width:100%;max-width:440px;max-height:85vh;overflow:hidden;border-radius:36px;transform:scale(.92) translateY(10px);opacity:.4;transition:all .6s cubic-bezier(.4,0,.2,1)}.ws-card-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1f,#ffffff0d,#ffffff05);border-radius:inherit;z-index:0}.ws-card-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ws-bg-card);backdrop-filter:blur(var(--ws-blur-xl)) saturate(1.5);-webkit-backdrop-filter:blur(var(--ws-blur-xl)) saturate(1.5);border:1px solid var(--ws-border-light);border-radius:inherit;box-shadow:0 25px 80px #00000059,0 8px 32px #00000040,inset 0 1px #ffffff2e,inset 0 -1px #00000014;z-index:-1}.ws-card-active .ws-card-inner{transform:scale(1) translateY(0);opacity:1}.ws-card-active .ws-card-inner:after{box-shadow:0 35px 100px #00000073,0 15px 50px #0000004d,0 0 100px #558b6e14,inset 0 1px #ffffff38,inset 0 -1px #00000014;border-color:var(--ws-border-bright)}.ws-card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px 32px;overflow-y:auto;max-height:85vh}.ws-hero-icon-container{position:relative;width:130px;height:130px;margin-bottom:8px}.ws-app-icon-large{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.ws-hero-logo{width:100px;height:100px;object-fit:contain;animation:logoPulse 4s ease-in-out infinite;filter:drop-shadow(0 0 30px var(--ws-glow))}.ws-icon-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle,var(--ws-glow),transparent 70%);filter:blur(35px);animation:glowPulse 4s ease-in-out infinite;z-index:-1}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.75;transform:scale(1.2)}}.ws-pulse-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1}.ws-pulse-ring{position:absolute;width:100%;height:100%;border:1.5px solid rgba(85,139,110,.35);border-radius:50%;opacity:0;animation:pulseRing 4s ease-out infinite}.ws-pulse-ring:nth-child(2){animation-delay:1.3s}.ws-pulse-ring:nth-child(3){animation-delay:2.6s}@keyframes pulseRing{0%{transform:scale(.8);opacity:.5}to{transform:scale(2.2);opacity:0}}.ws-hero-title{font-size:56px;font-weight:800;background:linear-gradient(135deg,#8fd4a8 0%,var(--ws-primary-light) 30%,var(--ws-primary) 70%,#3d9970 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-1px}.ws-hero-subtitle{font-size:17px;color:var(--ws-text-secondary);margin:0;font-weight:500;letter-spacing:.3px}.ws-hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}.ws-chip{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--ws-bg-glass);backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm));border:1px solid var(--ws-border);border-radius:22px;font-size:12px;color:var(--ws-text-secondary);font-weight:500;box-shadow:0 2px 12px #0000001f,inset 0 1px #ffffff1a}.ws-chip-highlight{background:linear-gradient(135deg,#558b6e33,#558b6e0f);border-color:#558b6e4d;color:var(--ws-primary-light)}.ws-chip svg{opacity:.8}.ws-swipe-hint{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px;opacity:.6;animation:fadeInUp 1s ease .5s both}.ws-swipe-arrows{display:flex;align-items:center;animation:swipeArrow 2.5s ease-in-out infinite}.ws-swipe-arrow{width:20px;height:20px;color:var(--ws-primary-light)}.ws-swipe-echo{margin-left:-8px;opacity:.3}@keyframes swipeArrow{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.ws-swipe-hint span{font-size:11px;color:var(--ws-text-muted);text-transform:uppercase;letter-spacing:2px}.ws-badge{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:18px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm))}.ws-badge-new{background:linear-gradient(135deg,#f59e0b38,#f59e0b0f);border:1px solid rgba(245,158,11,.3);color:var(--ws-accent);box-shadow:0 2px 12px #f59e0b1f}.ws-card-title{font-size:28px;font-weight:700;color:var(--ws-text-primary);margin:0;line-height:1.2}.ws-card-subtitle{font-size:12px;color:var(--ws-text-muted);margin:0;text-transform:uppercase;letter-spacing:2.5px;font-weight:600}.ws-card-description{font-size:15px;line-height:1.7;color:var(--ws-text-secondary);margin:0;max-width:320px}.ws-modalities{display:flex;justify-content:center;gap:20px;margin:24px 0}.ws-modality{display:flex;flex-direction:column;align-items:center;gap:12px}.ws-modality-icon{position:relative;width:76px;height:76px;border-radius:22px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm));box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff1f}.ws-modality-pen{background:linear-gradient(135deg,#558b6e40,#558b6e14);border:1px solid rgba(85,139,110,.3);color:var(--ws-primary-light)}.ws-modality-voice{background:linear-gradient(135deg,#a855f740,#a855f714);border:1px solid rgba(168,85,247,.3);color:var(--ws-secondary)}.ws-modality-art{background:linear-gradient(135deg,#ec489940,#ec489914);border:1px solid rgba(236,72,153,.3);color:var(--ws-tertiary)}.ws-modality-glow{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:35px;filter:blur(25px);opacity:0;transition:opacity .4s ease}.ws-modality-pen .ws-modality-glow{background:var(--ws-glow)}.ws-modality-voice .ws-modality-glow{background:var(--ws-glow-purple)}.ws-modality-art .ws-modality-glow{background:var(--ws-glow-pink)}.ws-modality:hover .ws-modality-icon{transform:translateY(-8px) scale(1.05)}.ws-modality:hover .ws-modality-glow{opacity:.45}.ws-modality-label{font-size:13px;font-weight:600;color:var(--ws-text-primary)}.ws-modality-desc{font-size:11px;color:var(--ws-text-muted)}.ws-claude-badge-large{position:relative;width:88px;height:88px;margin-bottom:12px}.ws-claude-icon-large{width:100%;height:100%;border-radius:22px;animation:claudePulse 5s ease-in-out infinite}@keyframes claudePulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(217,119,87,.25))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(217,119,87,.45))}}.ws-claude-glow{position:absolute;top:-25px;right:-25px;bottom:-25px;left:-25px;background:radial-gradient(circle,rgba(217,119,87,.3),transparent 70%);filter:blur(30px);z-index:-1;animation:glowPulse 5s ease-in-out infinite}.ws-ai-grid{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:12px}.ws-ai-item{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--ws-bg-glass);backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm));border:1px solid var(--ws-border);border-radius:18px;transition:all .3s ease;box-shadow:0 2px 12px #00000014,inset 0 1px #ffffff14}.ws-ai-item:hover{background:var(--ws-bg-glass-strong);transform:translate(6px);border-color:#d9775738}.ws-ai-item-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#d9775733,#d977570f);border:1px solid rgba(217,119,87,.18);display:flex;align-items:center;justify-content:center;color:var(--ws-claude);flex-shrink:0;backdrop-filter:blur(var(--ws-blur-xs));-webkit-backdrop-filter:blur(var(--ws-blur-xs))}.ws-ai-item-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.ws-ai-item-title{font-size:14px;font-weight:600;color:var(--ws-text-primary)}.ws-ai-item-desc{font-size:12px;color:var(--ws-text-muted)}.ws-feature-icon-wrap{position:relative;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm))}.ws-personality-icon{background:linear-gradient(135deg,#10b98138,#10b9810f);border:1.5px solid rgba(16,185,129,.3);color:#10b981;box-shadow:0 0 50px #10b98126,0 4px 24px #00000026,inset 0 1px #ffffff1f}.ws-personality-pulse{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ws-pulse-dot{position:absolute;width:100%;height:100%;border:1.5px solid rgba(16,185,129,.3);border-radius:50%;animation:pulseDot 4s ease-out infinite}.ws-pulse-dot:nth-child(2){animation-delay:1.3s}.ws-pulse-dot:nth-child(3){animation-delay:2.6s}@keyframes pulseDot{0%{transform:scale(1);opacity:.5}to{transform:scale(2);opacity:0}}.ws-benefits{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:12px}.ws-benefit{display:flex;align-items:center;gap:14px;text-align:left;padding:12px 16px;background:var(--ws-bg-glass);backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm));border:1px solid var(--ws-border);border-radius:16px;box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff0f}.ws-benefit-check{color:#10b981;flex-shrink:0}.ws-benefit span{font-size:14px;color:var(--ws-text-secondary)}.ws-journeys-icon{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;color:var(--ws-accent);margin-bottom:12px}.ws-journeys-icon svg{animation:compassSpin 12s linear infinite;filter:drop-shadow(0 0 20px rgba(245,158,11,.25))}@keyframes compassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ws-compass-spin{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:2px dashed rgba(245,158,11,.2);border-radius:50%;animation:compassSpinReverse 18s linear infinite}@keyframes compassSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.ws-journey-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0}.ws-journey-tag{padding:8px 14px;background:var(--ws-bg-glass);backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm));border:1px solid var(--ws-border);border-radius:18px;font-size:11px;color:var(--ws-text-secondary);transition:all .3s ease;box-shadow:0 2px 8px #00000014}.ws-journey-tag:hover{background:#f59e0b1a;border-color:#f59e0b47;color:var(--ws-accent);transform:translateY(-2px)}.ws-journey-stats{display:flex;justify-content:center;gap:24px;margin-top:12px}.ws-journey-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ws-text-muted)}.ws-journey-stat svg{color:var(--ws-accent);opacity:.8}.ws-privacy-icon{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:12px}.ws-shield-glow{position:absolute;top:-25px;right:-25px;bottom:-25px;left:-25px;background:radial-gradient(circle,rgba(59,130,246,.25),transparent 70%);filter:blur(30px);z-index:-1;animation:glowPulse 5s ease-in-out infinite}.ws-shield-check{position:absolute;bottom:-6px;right:-6px;width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #10b98159,0 2px 8px #00000026}.ws-privacy-features{display:flex;flex-direction:column;gap:10px;margin-top:12px}.ws-privacy-feature{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#3b82f614,#3b82f605);backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm));border:1px solid rgba(59,130,246,.15);border-radius:16px;font-size:13px;color:var(--ws-text-secondary);transition:all .3s ease;box-shadow:0 2px 12px #00000014,inset 0 1px #ffffff0f}.ws-privacy-feature:hover{background:linear-gradient(135deg,#3b82f61f,#3b82f60a);transform:translate(6px)}.ws-privacy-emoji{font-size:20px}.ws-nfc-icon{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.ws-nfc-icon svg{filter:drop-shadow(0 0 20px rgba(16,185,129,.35))}.ws-nfc-glow{position:absolute;top:-25px;right:-25px;bottom:-25px;left:-25px;background:radial-gradient(circle,rgba(16,185,129,.25),transparent 70%);filter:blur(30px);z-index:-1;animation:glowPulse 5s ease-in-out infinite}.ws-nfc-waves{position:absolute;top:0;right:0;bottom:0;left:0}.ws-nfc-wave{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid rgba(16,185,129,.3);border-radius:50%;opacity:0;animation:nfcWave 3s ease-out infinite}.ws-nfc-wave:nth-child(2){animation-delay:1s}.ws-nfc-wave:nth-child(3){animation-delay:2s}@keyframes nfcWave{0%{transform:scale(.8);opacity:.6}to{transform:scale(2);opacity:0}}.ws-nfc-features{display:flex;flex-direction:column;gap:10px;margin-top:12px;width:100%;max-width:320px}.ws-nfc-feature{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#10b9811a,#10b98105);backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm));border:1px solid rgba(16,185,129,.18);border-radius:16px;font-size:13px;color:var(--ws-text-secondary);transition:all .3s ease;box-shadow:0 2px 12px #00000014,inset 0 1px #ffffff0f}.ws-nfc-feature:hover{background:linear-gradient(135deg,#10b98126,#10b9810a);transform:translate(6px)}.ws-nfc-emoji{font-size:20px}.ws-nfc-demo{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0;padding:20px;background:var(--ws-bg-glass);backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm));border:1px solid var(--ws-border);border-radius:20px}.ws-nfc-journal{width:56px;height:72px;background:linear-gradient(135deg,#3d6b52,#2d4f3d);border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff1a;position:relative}.ws-nfc-journal:after{content:"";position:absolute;width:20px;height:20px;background:linear-gradient(135deg,#10b98180,#10b98133);border-radius:50%;box-shadow:0 0 12px #10b98166}.ws-nfc-connection{display:flex;align-items:center;gap:4px;color:#10b98199}.ws-nfc-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:nfcDotPulse 1.5s ease-in-out infinite}.ws-nfc-dot:nth-child(2){animation-delay:.2s}.ws-nfc-dot:nth-child(3){animation-delay:.4s}@keyframes nfcDotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ws-nfc-phone{width:40px;height:70px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff14;position:relative;overflow:hidden}.ws-nfc-phone:before{content:"";position:absolute;top:6px;width:16px;height:4px;background:#ffffff26;border-radius:2px}.ws-nfc-phone svg{color:#10b981;opacity:.8}.ws-start{gap:24px}.ws-start-logo-container{position:relative;width:110px;height:110px;margin-bottom:12px}.ws-start-logo{width:100%;height:100%;object-fit:contain;animation:logoPulse 4s ease-in-out infinite;filter:drop-shadow(0 0 30px var(--ws-glow))}.ws-start-rings{position:absolute;top:0;right:0;bottom:0;left:0}.ws-start-ring{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border:1.5px solid rgba(85,139,110,.35);border-radius:50%;opacity:0;animation:startRing 5s ease-out infinite}.ws-start-ring:nth-child(2){animation-delay:1.6s}.ws-start-ring:nth-child(3){animation-delay:3.2s}@keyframes startRing{0%{transform:scale(.8);opacity:.55}to{transform:scale(2.8);opacity:0}}.ws-start-button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:300px;padding:18px 36px;background:linear-gradient(135deg,var(--ws-primary),var(--ws-primary-light));border:none;border-radius:18px;color:#fff;font-size:17px;font-weight:600;cursor:pointer;overflow:hidden;box-shadow:0 12px 40px #558b6e59,0 4px 16px #00000026,inset 0 1px #ffffff47,inset 0 -2px #00000014;transition:all .4s ease}.ws-start-button:hover{transform:translateY(-4px);box-shadow:0 16px 50px #558b6e73,0 8px 24px #0003,inset 0 1px #ffffff47,inset 0 -2px #00000014}.ws-start-button:active{transform:translateY(-2px)}.ws-start-button svg{transition:transform .3s ease}.ws-start-button:hover svg{transform:translate(5px)}.ws-button-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:buttonShimmer 4s ease-in-out infinite}@keyframes buttonShimmer{0%{left:-100%}50%,to{left:100%}}.ws-trust-badges{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.ws-trust-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ws-text-muted);padding:8px 14px;background:var(--ws-bg-glass);backdrop-filter:blur(var(--ws-blur-sm));-webkit-backdrop-filter:blur(var(--ws-blur-sm));border:1px solid var(--ws-border);border-radius:20px;box-shadow:inset 0 1px #ffffff0f}.ws-trust-badge svg{color:var(--ws-primary-light);opacity:.8}.ws-nav{position:absolute;bottom:max(40px,env(safe-area-inset-bottom,40px));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:28px;z-index:10;padding:0 24px}.ws-nav-arrow{width:52px;height:52px;border-radius:50%;background:var(--ws-bg-glass-strong);backdrop-filter:blur(var(--ws-blur-md));-webkit-backdrop-filter:blur(var(--ws-blur-md));border:1px solid var(--ws-border-light);color:var(--ws-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff1f}.ws-nav-arrow:hover:not(.ws-nav-disabled){background:var(--ws-bg-glass-ultra);transform:scale(1.08);border-color:var(--ws-primary);box-shadow:0 6px 28px #0003,0 0 20px #558b6e26,inset 0 1px #ffffff26}.ws-nav-arrow.ws-nav-disabled{opacity:.25;cursor:not-allowed}.ws-dots{display:flex;gap:12px;padding:10px 18px;background:var(--ws-bg-glass);backdrop-filter:blur(var(--ws-blur-md));-webkit-backdrop-filter:blur(var(--ws-blur-md));border:1px solid var(--ws-border);border-radius:28px;box-shadow:0 4px 20px #0000001f,inset 0 1px #ffffff1a}.ws-dot{width:8px;height:8px;border-radius:50%;background:#ffffff38;border:none;padding:0;cursor:pointer;transition:all .4s ease}.ws-dot:hover{background:#ffffff73;transform:scale(1.3)}.ws-dot-active{background:var(--ws-primary);width:28px;border-radius:6px;box-shadow:0 0 12px var(--ws-glow)}.ws-version{position:absolute;bottom:max(14px,env(safe-area-inset-bottom,14px));left:50%;transform:translate(-50%);font-size:11px;color:var(--ws-text-muted);opacity:.3;z-index:5}@media(max-width:768px){.ws-card-inner{max-width:420px;border-radius:32px}.ws-card-content{padding:36px 28px}.ws-hero-title{font-size:48px}.ws-card-title{font-size:26px}.ws-modalities{gap:16px}.ws-modality-icon{width:68px;height:68px}}@media(max-width:480px){.ws-carousel{padding:60px 0 100px}.ws-card{padding:16px}.ws-card-inner{border-radius:28px}.ws-card-content{padding:32px 24px}.ws-hero-icon-container{width:110px;height:110px}.ws-hero-logo{width:85px;height:85px}.ws-hero-title{font-size:42px}.ws-hero-subtitle{font-size:15px}.ws-card-title{font-size:24px}.ws-card-subtitle{font-size:11px}.ws-card-description{font-size:14px}.ws-modalities{gap:14px}.ws-modality-icon{width:62px;height:62px;border-radius:18px}.ws-modality-icon svg{width:26px;height:26px}.ws-modality-label{font-size:12px}.ws-modality-desc{font-size:10px}.ws-claude-badge-large{width:76px;height:76px}.ws-ai-item{padding:14px 16px;border-radius:16px}.ws-ai-item-icon{width:40px;height:40px}.ws-feature-icon-wrap{width:84px;height:84px}.ws-benefit{padding:10px 14px;border-radius:14px}.ws-benefit span{font-size:13px}.ws-journey-tags{gap:6px}.ws-journey-tag{padding:6px 12px;font-size:10px}.ws-privacy-feature{padding:12px 16px;font-size:12px;border-radius:14px}.ws-start-logo-container{width:95px;height:95px}.ws-start-button{padding:16px 32px;font-size:16px;border-radius:16px}.ws-nav{gap:20px}.ws-nav-arrow{width:48px;height:48px}.ws-dots{gap:10px;padding:8px 16px;border-radius:24px}.ws-dot{width:7px;height:7px}.ws-dot-active{width:24px}}@media(max-width:360px){.ws-card-content{padding:28px 20px}.ws-hero-title{font-size:36px}.ws-hero-chips{gap:8px}.ws-chip{padding:8px 12px;font-size:10px}.ws-modality-icon{width:54px;height:54px}.ws-journey-stats{gap:16px}.ws-trust-badges{gap:12px}.ws-trust-badge{padding:6px 10px;font-size:10px}}@media(max-height:650px)and (orientation:landscape){.ws-carousel{padding:50px 0 85px}.ws-card-inner{max-width:540px;max-height:90vh;border-radius:28px}.ws-card-content{padding:24px}.ws-hero-icon-container{width:80px;height:80px}.ws-hero-logo{width:60px;height:60px}.ws-hero-title{font-size:34px}.ws-hero-subtitle{font-size:13px}.ws-hero-chips{margin-top:8px}.ws-swipe-hint{margin-top:12px}.ws-card-content{gap:12px}.ws-card-title{font-size:22px}.ws-modalities{margin:14px 0}.ws-modality-icon{width:56px;height:56px}.ws-claude-badge-large{width:64px;height:64px}.ws-ai-grid{gap:8px}.ws-ai-item{padding:12px 14px}.ws-feature-icon-wrap{width:64px;height:64px}.ws-benefits{gap:8px}.ws-benefit{padding:8px 12px}.ws-journeys-icon,.ws-privacy-icon{width:64px;height:64px}.ws-privacy-features{gap:6px}.ws-privacy-feature{padding:10px 14px}.ws-start-logo-container{width:75px;height:75px}.ws-start-button{padding:14px 28px}.ws-nav{bottom:24px}}@media(prefers-reduced-motion:reduce){.ws-cards-track{transition:none}.ws-card-inner{transition:opacity .3s ease}.ws-bg-orb,.ws-hero-logo,.ws-icon-glow,.ws-pulse-ring,.ws-claude-icon-large,.ws-claude-glow,.ws-pulse-dot,.ws-journeys-icon svg,.ws-compass-spin,.ws-shield-glow,.ws-start-logo,.ws-start-ring,.ws-button-shimmer{animation:none!important}}:root{--signup-primary: #558b6e;--signup-primary-rgb: 85, 139, 110;--signup-success: #10b981;--signup-info: #3b82f6;--signup-error: #ef4444;--signup-space-xs: .25rem;--signup-space-sm: .5rem;--signup-space-md: .75rem;--signup-space-lg: 1rem;--signup-space-xl: 1.5rem;--signup-space-2xl: 2rem;--signup-space-3xl: 3rem;--signup-radius-sm: .375rem;--signup-radius-md: .5rem;--signup-radius-lg: .75rem;--signup-radius-xl: 1rem;--signup-radius-2xl: 1.5rem;--signup-radius-full: 9999px;--signup-font-xs: .75rem;--signup-font-sm: .875rem;--signup-font-base: 1rem;--signup-font-lg: 1.125rem;--signup-font-xl: 1.25rem;--signup-font-2xl: 1.5rem;--signup-font-3xl: 1.875rem;--signup-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--signup-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--signup-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--signup-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--signup-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--signup-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--signup-transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}.signup-dark,.su-container{--signup-bg-primary: #0f1419;--signup-bg-secondary: #1a1e2a;--signup-bg-card: #1e2430;--signup-bg-hover: #2a3040;--signup-text-primary: #f8fafc;--signup-text-secondary: #cbd5e1;--signup-text-tertiary: #94a3b8;--signup-text-muted: #64748b;--signup-border-primary: #334155;--signup-border-hover: #64748b;--signup-overlay: rgba(0, 0, 0, .75)}.signup-light{--signup-bg-primary: #ffffff;--signup-bg-secondary: #f8fafc;--signup-bg-card: #ffffff;--signup-bg-hover: #f1f5f9;--signup-text-primary: #0f172a;--signup-text-secondary: #334155;--signup-text-tertiary: #475569;--signup-text-muted: #64748b;--signup-border-primary: #e2e8f0;--signup-border-hover: #94a3b8;--signup-overlay: rgba(0, 0, 0, .5)}.su-container{min-height:100vh;background:linear-gradient(135deg,var(--signup-bg-primary) 0%,var(--signup-bg-secondary) 100%);color:var(--signup-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--signup-space-lg);animation:fadeIn .5s ease-out;box-sizing:border-box;overflow-y:auto}.su-card-container{max-width:480px;width:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;animation:slideUp .6s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.su-back-button{display:inline-flex;align-items:center;gap:var(--signup-space-sm);padding:var(--signup-space-md) var(--signup-space-xl);margin:var(--signup-space-xl) 0 var(--signup-space-sm) 0;background:var(--signup-bg-card);color:var(--signup-text-secondary);border:1px solid var(--signup-border-primary);border-radius:var(--signup-radius-lg);font-weight:500;font-size:var(--signup-font-sm);cursor:pointer;transition:all var(--signup-transition-normal);min-height:44px}.su-back-button:hover{background:var(--signup-bg-hover);border-color:var(--signup-border-hover);transform:translate(-4px)}.su-back-icon{width:18px;height:18px}.step-progress{padding:var(--signup-space-xl) var(--signup-space-xl) 0 var(--signup-space-xl);text-align:center}.progress-bar{width:100%;height:4px;background:var(--signup-border-primary);border-radius:var(--signup-radius-sm);overflow:hidden;margin-bottom:var(--signup-space-lg)}.progress-fill{height:100%;background:linear-gradient(90deg,rgb(var(--signup-primary-rgb)),rgba(var(--signup-primary-rgb),.7));border-radius:var(--signup-radius-sm);transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px rgba(var(--signup-primary-rgb),.5)}.progress-dots{display:flex;justify-content:center;gap:var(--signup-space-sm);margin-bottom:var(--signup-space-md)}.progress-dot{width:8px;height:8px;border-radius:var(--signup-radius-full);background:var(--signup-border-primary);transition:all var(--signup-transition-normal)}.progress-dot.active{background:rgba(var(--signup-primary-rgb),.6);transform:scale(1.2)}.progress-dot.current{background:rgb(var(--signup-primary-rgb));transform:scale(1.4);box-shadow:0 0 12px rgba(var(--signup-primary-rgb),.6)}.progress-text{font-size:var(--signup-font-xs);color:var(--signup-text-muted);font-weight:500}.su-card{background:var(--signup-bg-card);border:1px solid var(--signup-border-primary);border-radius:var(--signup-radius-2xl);box-shadow:var(--signup-shadow-xl);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.su-card-content{padding:var(--signup-space-3xl) var(--signup-space-xl);width:100%}.su-header{text-align:center;margin-bottom:var(--signup-space-2xl)}.su-title{font-size:var(--signup-font-3xl);font-weight:700;color:var(--signup-text-primary);margin:0 0 var(--signup-space-md) 0;line-height:1.2}.su-subtitle{font-size:var(--signup-font-lg);color:var(--signup-text-tertiary);margin:0;line-height:1.6}.step-container{min-height:300px;position:relative;overflow:hidden}.step-content{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1);padding:var(--signup-space-xs);width:100%}.step-container.slide-right .step-content{animation:slideOutToLeft .3s cubic-bezier(.4,0,1,1) forwards}.step-container.slide-left .step-content{animation:slideOutToRight .3s cubic-bezier(.4,0,1,1) forwards}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.step-description{font-size:var(--signup-font-base);color:var(--signup-text-tertiary);text-align:center;margin-bottom:var(--signup-space-2xl);line-height:1.6}.su-social-section{margin-bottom:var(--signup-space-2xl)}.su-social-button{display:flex;align-items:center;justify-content:center;gap:var(--signup-space-md);width:100%;min-height:52px;padding:var(--signup-space-md) var(--signup-space-xl);background:#fff;color:#1f2937;border:1px solid rgba(0,0,0,.1);border-radius:var(--signup-radius-lg);font-weight:600;font-size:var(--signup-font-base);cursor:pointer;transition:all var(--signup-transition-normal);position:relative;overflow:hidden}.su-social-button:hover:not(:disabled){background:#f9fafb;transform:translateY(-2px);box-shadow:var(--signup-shadow-lg)}.su-social-button:disabled{opacity:.6;cursor:not-allowed}.su-social-icon{width:20px;height:20px;flex-shrink:0}.su-button-spinner{margin-left:var(--signup-space-sm)}.su-divider{position:relative;margin:var(--signup-space-2xl) 0}.su-divider-line{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--signup-border-primary)}.su-divider-text{position:relative;display:flex;justify-content:center}.su-divider-text-inner{padding:0 var(--signup-space-lg);background:var(--signup-bg-card);color:var(--signup-text-muted);font-size:var(--signup-font-sm);font-weight:500}.su-floating-label-group{position:relative;margin-bottom:var(--signup-space-xl)}.su-floating-input{width:100%;min-height:56px;padding:var(--signup-space-2xl) var(--signup-space-3xl) var(--signup-space-md) var(--signup-space-3xl);background:var(--signup-bg-secondary);border:2px solid var(--signup-border-primary);border-radius:var(--signup-radius-lg);color:var(--signup-text-primary);font-size:var(--signup-font-base);transition:all var(--signup-transition-normal);outline:none}.su-floating-input:focus{border-color:rgb(var(--signup-primary-rgb));box-shadow:0 0 0 4px rgba(var(--signup-primary-rgb),.1);background:var(--signup-bg-hover)}.su-floating-input.su-input-error{border-color:var(--signup-error);box-shadow:0 0 0 4px #ef44441a}.su-floating-label{position:absolute;left:var(--signup-space-3xl);top:50%;transform:translateY(-50%);font-size:var(--signup-font-base);color:var(--signup-text-muted);pointer-events:none;transition:all var(--signup-transition-normal);font-weight:500;background:transparent;padding:0 var(--signup-space-xs)}.su-floating-input:focus~.su-floating-label,.su-floating-input:not(:placeholder-shown)~.su-floating-label{top:var(--signup-space-md);transform:translateY(0);font-size:var(--signup-font-xs);color:rgb(var(--signup-primary-rgb));font-weight:600}.su-floating-input.su-input-error~.su-floating-label{color:var(--signup-error)}.su-input-icon{position:absolute;left:var(--signup-space-lg);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--signup-text-muted);pointer-events:none;transition:color var(--signup-transition-normal)}.su-floating-input:focus~.su-input-icon{color:rgb(var(--signup-primary-rgb))}.su-password-input{padding-right:3.5rem}.su-password-toggle{position:absolute;right:var(--signup-space-lg);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--signup-text-muted);cursor:pointer;padding:var(--signup-space-sm);border-radius:var(--signup-radius-sm);transition:all var(--signup-transition-fast);display:flex;align-items:center;justify-content:center}.su-password-toggle:hover{color:var(--signup-text-secondary);background:rgba(var(--signup-primary-rgb),.1)}.su-field-error{display:block;font-size:var(--signup-font-xs);color:var(--signup-error);margin-top:var(--signup-space-sm);margin-left:var(--signup-space-md);font-weight:500}.su-form-hint{font-size:var(--signup-font-xs);color:var(--signup-text-muted);margin-top:var(--signup-space-sm);margin-left:var(--signup-space-md)}.su-error-message{display:flex;align-items:flex-start;gap:var(--signup-space-md);background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:var(--signup-radius-lg);padding:var(--signup-space-lg);font-size:var(--signup-font-sm);font-weight:500;line-height:1.5;margin-bottom:var(--signup-space-xl)}.su-error-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--signup-space-lg);margin-bottom:var(--signup-space-2xl)}.selection-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--signup-space-md);padding:var(--signup-space-xl) var(--signup-space-lg);background:var(--signup-bg-secondary);border:2px solid var(--signup-border-primary);border-radius:var(--signup-radius-lg);cursor:pointer;transition:all var(--signup-transition-normal);position:relative;min-height:120px;text-align:center}.selection-item:hover{border-color:var(--signup-border-hover);background:var(--signup-bg-hover);transform:translateY(-2px);box-shadow:var(--signup-shadow-lg)}.selection-item.selected{border-color:rgb(var(--signup-primary-rgb));background:linear-gradient(135deg,rgba(var(--signup-primary-rgb),.15),rgba(var(--signup-primary-rgb),.05));box-shadow:0 0 20px rgba(var(--signup-primary-rgb),.3)}.selection-icon{width:32px;height:32px;color:var(--signup-text-tertiary);transition:all var(--signup-transition-normal)}.selection-item.selected .selection-icon{color:rgb(var(--signup-primary-rgb));transform:scale(1.1)}.selection-label{font-size:var(--signup-font-sm);font-weight:500;color:var(--signup-text-primary);line-height:1.3}.selection-check{position:absolute;top:var(--signup-space-sm);right:var(--signup-space-sm);width:20px;height:20px;color:rgb(var(--signup-primary-rgb));background:rgba(var(--signup-primary-rgb),.2);border-radius:var(--signup-radius-full);padding:var(--signup-space-xs)}.age-selector-container{margin-bottom:var(--signup-space-2xl)}.age-selector-label{display:block;font-size:var(--signup-font-lg);font-weight:600;color:var(--signup-text-primary);margin-bottom:var(--signup-space-lg);text-align:center}.age-selector-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--signup-space-md)}.age-selector{width:100%;max-width:300px}.age-select{width:100%;min-height:56px;padding:var(--signup-space-lg) var(--signup-space-2xl) var(--signup-space-lg) var(--signup-space-xl);background:var(--signup-bg-secondary);border:2px solid var(--signup-border-primary);border-radius:var(--signup-radius-lg);color:var(--signup-text-primary);font-size:var(--signup-font-base);cursor:pointer;transition:all var(--signup-transition-normal);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:20px}.age-select:focus{border-color:rgb(var(--signup-primary-rgb));box-shadow:0 0 0 4px rgba(var(--signup-primary-rgb),.1)}.age-hint{font-size:var(--signup-font-xs);color:var(--signup-text-muted);text-align:center}.gender-selection-container{margin-bottom:var(--signup-space-2xl)}.gender-selection-label{display:block;font-size:var(--signup-font-lg);font-weight:600;color:var(--signup-text-primary);margin-bottom:var(--signup-space-lg);text-align:center}.gender-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--signup-space-lg)}.gender-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--signup-space-sm);padding:var(--signup-space-xl) var(--signup-space-lg);background:var(--signup-bg-secondary);border:2px solid var(--signup-border-primary);border-radius:var(--signup-radius-lg);cursor:pointer;transition:all var(--signup-transition-normal);position:relative;min-height:100px;text-align:center}.gender-option:hover{border-color:var(--signup-border-hover);background:var(--signup-bg-hover);transform:translateY(-2px)}.gender-option.selected{border-color:rgb(var(--signup-primary-rgb));background:linear-gradient(135deg,rgba(var(--signup-primary-rgb),.15),rgba(var(--signup-primary-rgb),.05))}.gender-icon{font-size:1.5rem;color:var(--signup-text-tertiary);transition:all var(--signup-transition-normal)}.gender-option.selected .gender-icon{color:rgb(var(--signup-primary-rgb));transform:scale(1.1)}.gender-label{font-size:var(--signup-font-sm);font-weight:500;color:var(--signup-text-primary);line-height:1.3}.gender-check{position:absolute;top:var(--signup-space-sm);right:var(--signup-space-sm);width:20px;height:20px;color:rgb(var(--signup-primary-rgb));background:rgba(var(--signup-primary-rgb),.2);border-radius:var(--signup-radius-full);padding:var(--signup-space-xs)}.theme-selection{display:flex;flex-direction:column;gap:var(--signup-space-xl);margin-bottom:var(--signup-space-2xl)}.theme-option{display:flex;align-items:center;gap:var(--signup-space-lg);padding:var(--signup-space-xl);background:var(--signup-bg-secondary);border:2px solid var(--signup-border-primary);border-radius:var(--signup-radius-xl);cursor:pointer;transition:all var(--signup-transition-normal);position:relative;min-height:100px;text-align:left}.theme-option:hover{border-color:var(--signup-border-hover);background:var(--signup-bg-hover);transform:translateY(-2px)}.theme-option.selected{border-color:rgb(var(--signup-primary-rgb));background:linear-gradient(135deg,rgba(var(--signup-primary-rgb),.15),rgba(var(--signup-primary-rgb),.05))}.theme-preview{width:60px;height:60px;border-radius:var(--signup-radius-md);overflow:hidden;border:1px solid var(--signup-border-primary);flex-shrink:0;position:relative}.theme-preview-dark{background:linear-gradient(135deg,#1e2a3a,#2d3748)}.theme-preview-light{background:linear-gradient(135deg,#fff,#f7fafc)}.theme-icon{position:absolute;top:var(--signup-space-xs);right:var(--signup-space-xs);width:16px;height:16px;color:rgba(var(--signup-primary-rgb),.8)}.theme-mockup{position:absolute;inset:var(--signup-space-sm)}.theme-mockup-header{height:8px;background:rgba(var(--signup-primary-rgb),.4);border-radius:2px;margin-bottom:var(--signup-space-xs)}.theme-mockup-content{display:flex;flex-direction:column;gap:2px}.theme-mockup-line{height:3px;background:var(--signup-text-muted);border-radius:1px;opacity:.3}.theme-mockup-line.short{width:60%}.theme-label{font-size:var(--signup-font-lg);font-weight:600;color:var(--signup-text-primary);display:block;margin-bottom:var(--signup-space-xs)}.theme-description{font-size:var(--signup-font-sm);color:var(--signup-text-tertiary);line-height:1.4;display:block}.theme-check{position:absolute;top:var(--signup-space-lg);right:var(--signup-space-lg);width:24px;height:24px;color:rgb(var(--signup-primary-rgb));background:rgba(var(--signup-primary-rgb),.2);border-radius:var(--signup-radius-full);padding:var(--signup-space-xs)}.popular-cities{margin-top:var(--signup-space-xl)}.popular-cities-label{font-size:var(--signup-font-sm);color:var(--signup-text-muted);margin-bottom:var(--signup-space-md);text-align:center}.popular-cities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--signup-space-sm)}.popular-city-button{padding:var(--signup-space-sm) var(--signup-space-md);background:var(--signup-bg-secondary);border:1px solid var(--signup-border-primary);border-radius:var(--signup-radius-md);color:var(--signup-text-secondary);font-size:var(--signup-font-xs);cursor:pointer;transition:all var(--signup-transition-fast)}.popular-city-button:hover{border-color:var(--signup-border-hover);background:var(--signup-bg-hover);transform:translateY(-1px)}.welcome-content{text-align:center;padding:var(--signup-space-2xl) 0}.welcome-animation{margin-bottom:var(--signup-space-2xl);margin-top:var(--signup-space-2xl)}.success-circle{width:80px;height:80px;background:linear-gradient(135deg,rgba(var(--signup-primary-rgb),.2),rgba(var(--signup-primary-rgb),.4));border:3px solid rgb(var(--signup-primary-rgb));border-radius:var(--signup-radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto;animation:successPulse 2s ease-in-out infinite}.success-check{width:40px;height:40px;color:rgb(var(--signup-primary-rgb));animation:checkMark .6s ease-in-out}@keyframes successPulse{0%,to{transform:scale(1);box-shadow:0 0 20px rgba(var(--signup-primary-rgb),.3)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(var(--signup-primary-rgb),.5)}}@keyframes checkMark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.welcome-message{font-size:var(--signup-font-lg);color:var(--signup-text-secondary);line-height:1.6;margin-bottom:var(--signup-space-2xl)}.welcome-continue-button{display:flex;align-items:center;justify-content:center;gap:var(--signup-space-sm);padding:var(--signup-space-lg) var(--signup-space-2xl);background:linear-gradient(135deg,rgb(var(--signup-primary-rgb)),rgba(var(--signup-primary-rgb),.8));color:#fff;border:none;border-radius:var(--signup-radius-lg);font-weight:600;font-size:var(--signup-font-lg);cursor:pointer;transition:all var(--signup-transition-normal);box-shadow:0 4px 16px rgba(var(--signup-primary-rgb),.3);min-height:56px;margin:0 auto;max-width:300px;width:100%}.welcome-continue-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--signup-primary-rgb),.4)}.step-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--signup-space-lg);margin-top:var(--signup-space-2xl);padding-top:var(--signup-space-xl);border-top:1px solid var(--signup-border-primary)}.nav-button{display:flex;align-items:center;justify-content:center;gap:var(--signup-space-sm);padding:var(--signup-space-md) var(--signup-space-xl);border-radius:var(--signup-radius-lg);font-weight:600;font-size:var(--signup-font-base);cursor:pointer;transition:all var(--signup-transition-normal);min-height:48px;min-width:100px;border:none}.nav-button:disabled{opacity:.6;cursor:not-allowed}.nav-button-primary{background:linear-gradient(135deg,rgb(var(--signup-primary-rgb)),rgba(var(--signup-primary-rgb),.8));color:#fff;box-shadow:0 4px 16px rgba(var(--signup-primary-rgb),.25);flex:1;max-width:200px;margin-left:auto}.nav-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--signup-primary-rgb),.35)}.nav-button-secondary{background:var(--signup-bg-secondary);color:var(--signup-text-secondary);border:1px solid var(--signup-border-primary)}.nav-button-secondary:hover:not(:disabled){background:var(--signup-bg-hover);border-color:var(--signup-border-hover);transform:translateY(-1px)}.nav-icon{width:18px;height:18px}.su-loading-indicator{display:flex;align-items:center;justify-content:center;gap:var(--signup-space-md)}.su-spinner-ring{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:var(--signup-radius-full);animation:spin 1s linear infinite}.su-toggle-section{text-align:center;margin-top:var(--signup-space-2xl);padding:var(--signup-space-xl);background:linear-gradient(135deg,rgba(var(--signup-primary-rgb),.05),rgba(var(--signup-primary-rgb),.02));border-radius:var(--signup-radius-lg);position:relative;border:2px solid transparent;background-clip:padding-box}.su-toggle-section:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--signup-radius-lg);padding:2px;background:linear-gradient(90deg,rgba(var(--signup-primary-rgb),.3),rgba(var(--signup-primary-rgb),.6),rgba(var(--signup-primary-rgb),.9),rgba(var(--signup-primary-rgb),.6),rgba(var(--signup-primary-rgb),.3));background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:borderAnimation 3s linear infinite;pointer-events:none;z-index:-1}@keyframes borderAnimation{0%{background-position:200% 0}to{background-position:-200% 0}}.su-toggle-button{color:var(--signup-text-primary);font-size:var(--signup-font-base);background:none;border:none;cursor:pointer;transition:all var(--signup-transition-normal);font-weight:500;padding:var(--signup-space-sm);border-radius:var(--signup-radius-md)}.su-toggle-button:hover{color:var(--signup-text-primary);background:rgba(var(--signup-primary-rgb),.1)}.su-toggle-action{color:rgb(var(--signup-primary-rgb));font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.su-terms-section{margin-top:var(--signup-space-xl);padding-top:var(--signup-space-lg)}.su-terms-text{color:var(--signup-text-muted);font-size:var(--signup-font-xs);text-align:center;line-height:1.5}.su-terms-link{color:rgb(var(--signup-primary-rgb));text-decoration:underline;text-underline-offset:2px;background:none;border:none;cursor:pointer;font-size:inherit;font-weight:500;transition:color var(--signup-transition-fast)}.su-terms-link:hover{color:rgba(var(--signup-primary-rgb),.8)}.pac-container{background:var(--signup-bg-card);border:1px solid var(--signup-border-primary);border-radius:var(--signup-radius-lg);box-shadow:var(--signup-shadow-xl);margin-top:var(--signup-space-sm);z-index:9999!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pac-item{padding:var(--signup-space-lg);color:var(--signup-text-primary);font-size:var(--signup-font-sm);cursor:pointer;border-top:1px solid var(--signup-border-primary);transition:background var(--signup-transition-fast)}.pac-item:hover,.pac-item.pac-item-selected{background:var(--signup-bg-hover)}.pac-icon{display:none}.pac-item-query{color:var(--signup-text-primary);font-weight:500}.pac-matched{color:rgb(var(--signup-primary-rgb));font-weight:600}@media(max-width:768px){.selection-grid{grid-template-columns:repeat(2,1fr);gap:var(--signup-space-md)}.gender-options{grid-template-columns:1fr}.step-navigation{flex-direction:column}.nav-button{width:100%;max-width:none}.nav-button-primary{margin-left:0;order:2}.nav-button-secondary{order:1}}@media(max-width:480px){.su-container{padding:var(--signup-space-md)}.su-card-content{padding:var(--signup-space-2xl) var(--signup-space-lg)}.su-title{font-size:var(--signup-font-2xl)}.su-subtitle{font-size:var(--signup-font-base)}.selection-grid{grid-template-columns:1fr}.theme-option{flex-direction:column;text-align:center}.theme-preview{margin-bottom:var(--signup-space-md)}.popular-cities-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.su-floating-input:focus-visible,.selection-item:focus-visible,.gender-option:focus-visible,.theme-option:focus-visible,.nav-button:focus-visible{outline:2px solid rgb(var(--signup-primary-rgb));outline-offset:2px}.djv-container{width:100%;min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#111);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-direction:column;margin:0;padding:0;overflow-x:hidden}.djv-header{display:flex;align-items:center;padding:.75rem;background:#0f0f0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #2a2a2a;position:sticky;top:0;z-index:100;min-height:64px;width:100%}.djv-back-btn{width:40px;height:40px;border-radius:20px;background:#2a2a2a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-right:.75rem;flex-shrink:0}.djv-back-btn:active{transform:scale(.92);background:#3a3a3a}.djv-header-content{flex:1;min-width:0;overflow:hidden}.djv-path-badge{margin-top:1.5rem;padding:.5rem .75rem;background:#2a2a2acc;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.8rem;color:#a0a0a0;font-weight:500;overflow:hidden}.djv-path-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djv-path-icon{width:14px;height:14px;color:#558b6e;flex-shrink:0}.djv-day-title{font-size:1.3rem;font-weight:700;margin:0;color:#fff;line-height:1.2}.djv-day-subtitle{font-size:.9rem;font-weight:400;margin:0;color:#d0d0d0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djv-day-nav-compact{display:flex;gap:.4rem;flex-shrink:0}.djv-nav-btn{width:32px;height:32px;border-radius:16px;background:#2a2a2a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.djv-nav-btn:disabled{opacity:.3;cursor:not-allowed}.djv-nav-btn:active:not(:disabled){transform:scale(.9);background:#3a3a3a}.djv-progress-container{padding:.75rem;background:#1a1a1a;border-bottom:1px solid #2a2a2a;width:100%}.djv-progress-bar{width:100%;height:6px;background:#2a2a2a;border-radius:3px;overflow:hidden;margin-bottom:.6rem}.djv-progress-fill{height:100%;background:linear-gradient(90deg,#558b6e,#6fa582);border-radius:3px;transition:width .5s ease;position:relative}.djv-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.djv-progress-text{display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#a0a0a0;gap:.2rem}.djv-progress-completed{color:#558b6e;font-weight:600}.djv-progress-separator{color:#4a4a4a}.djv-progress-total{color:#d0d0d0}.djv-progress-percentage{color:#a0a0a0;margin-left:.4rem}.djv-day-indicators{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem;background:#151515;border-bottom:1px solid #2a2a2a;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;width:100%}.djv-day-indicators::-webkit-scrollbar{display:none}.djv-day-indicator,.djv-day-nav{width:36px;height:36px;border-radius:18px;background:#2a2a2a;border:1px solid #3a3a3a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.djv-day-indicator:hover:not(.djv-locked){background:#3a3a3a;transform:translateY(-2px)}.djv-day-indicator.djv-current{background:#558b6e;border-color:#558b6e;color:#fff;box-shadow:0 0 0 2px #558b6e4d}.djv-day-indicator.djv-completed{background:#2a4a35;border-color:#558b6e;color:#90c695}.djv-day-indicator.djv-locked{background:#1a1a1a;border-color:#2a2a2a;color:#4a4a4a;cursor:not-allowed}.djv-day-nav{background:#1a1a1a;border-color:#2a2a2a;color:#a0a0a0}.djv-check-icon{width:14px;height:14px}.djv-day-ellipsis{color:#4a4a4a;font-size:1rem;padding:0 .4rem;flex-shrink:0}.djv-content{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%}.djv-card{background:linear-gradient(145deg,#1e1e1e,#1a1a1a);border-radius:12px;border:1px solid #2a2a2a;overflow:hidden;transition:all .3s ease;width:100%}.djv-card:hover{border-color:#3a3a3a;transform:translateY(-1px);box-shadow:0 4px 15px #0000004d}.djv-card-header{display:flex;align-items:center;padding:1rem 1rem .75rem;gap:.75rem}.djv-card-icon{width:40px;height:40px;border-radius:20px;background:#558b6e33;display:flex;align-items:center;justify-content:center;flex-shrink:0}.djv-card-title{font-size:1rem;font-weight:600;margin:0;color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djv-completed-badge{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#558b6e33;border-radius:16px;color:#90c695;font-size:.75rem;font-weight:500;flex-shrink:0}.djv-prompt-card{border-left:3px solid #558B6E}.djv-prompt-content{padding:0 1rem 1rem}.djv-prompt-text{font-size:1rem;line-height:1.5;color:#e6e6e6;font-style:italic;margin:0;padding:.875rem;background:#558b6e1a;border-radius:8px;border-left:2px solid #558B6E}.djv-entry-content{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:1rem;width:100%}.djv-entry-text{background:#1e1e1e80;border-radius:8px;padding:.875rem;border:1px solid #2a2a2a;width:100%}.djv-entry-text p{margin:0;line-height:1.5;color:#e6e6e6;white-space:pre-wrap;word-wrap:break-word}.djv-image-note{color:#a0a0a0!important;font-style:italic;text-align:center}.djv-analysis-section{background:#14191e99;border-radius:8px;padding:.875rem;border:1px solid #2a2a2a;width:100%}.djv-analysis-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.875rem;padding-bottom:.6rem;border-bottom:1px solid #2a2a2a}.djv-analysis-header h4{font-size:.95rem;font-weight:600;margin:0;color:#fff}.djv-analysis-item{margin-bottom:.875rem}.djv-analysis-item:last-child{margin-bottom:0}.djv-analysis-item h5{font-size:.8rem;font-weight:600;margin:0 0 .4rem;color:#d0d0d0;text-transform:uppercase;letter-spacing:.4px}.djv-analysis-item p{margin:0;line-height:1.4;color:#b0b0b0;word-wrap:break-word}.djv-insights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.djv-insights-list li{padding:.6rem;background:#558b6e1a;border-radius:6px;border-left:2px solid #558B6E;color:#e6e6e6;line-height:1.3;word-wrap:break-word}.djv-action-item{background:#558b6e26;border-radius:6px;padding:.875rem;border-left:2px solid #558B6E}.djv-empty-card,.djv-error-card{border:2px dashed #3a3a3a;background:#14141480}.djv-empty-content,.djv-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.5rem;gap:.875rem}.djv-empty-icon{width:64px;height:64px;border-radius:32px;background:#558b6e33;display:flex;align-items:center;justify-content:center;color:#558b6e;margin-bottom:.875rem}.djv-empty-content h3,.djv-error-content h3{font-size:1.1rem;font-weight:600;margin:0;color:#fff}.djv-empty-content p,.djv-error-content p{font-size:.9rem;margin:0;color:#a0a0a0;max-width:250px;line-height:1.4}.djv-error-content{color:#ff6b6b}.djv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:1.25rem;padding:2rem 1rem}.djv-loading-spinner{width:48px;height:48px;border:3px solid #2a2a2a;border-top:3px solid #558B6E;border-radius:50%;animation:spin 1.5s linear infinite}.djv-loading-title{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.djv-loading-subtitle{font-size:.9rem;margin:0;color:#a0a0a0}.djv-action-container{padding:.75rem;background:linear-gradient(180deg,transparent,rgba(10,10,10,.9));border-top:1px solid #2a2a2a;position:sticky;bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.djv-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.875rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.djv-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.djv-action-btn:hover:before{left:100%}.djv-action-btn.djv-primary{background:linear-gradient(135deg,#558b6e,#4a7a5d);color:#fff;box-shadow:0 3px 12px #558b6e4d}.djv-action-btn.djv-primary:active{transform:translateY(1px);box-shadow:0 1px 6px #558b6e4d}.djv-action-btn.djv-secondary{background:transparent;border:2px solid #3a3a3a;color:#d0d0d0}.djv-action-btn.djv-secondary:hover{background:#3c3c3c33;border-color:#4a4a4a}.djv-action-btn.djv-secondary:active{background:#3c3c3c4d}@media(min-width:768px){.djv-header{padding:1rem;min-height:72px}.djv-back-btn{width:44px;height:44px;border-radius:22px;margin-right:1rem}.djv-day-title{font-size:1.5rem}.djv-day-subtitle{font-size:1rem}.djv-nav-btn{width:36px;height:36px;border-radius:18px}.djv-progress-container{padding:1rem}.djv-progress-bar{height:8px;border-radius:4px}.djv-day-indicators{padding:1rem;gap:.5rem}.djv-day-indicator,.djv-day-nav{width:40px;height:40px;border-radius:20px;font-size:.875rem}.djv-content{padding:1rem;gap:1rem;max-width:600px;margin:0 auto}.djv-card-header{padding:1.25rem 1.25rem 1rem}.djv-card-icon{width:44px;height:44px;border-radius:22px}.djv-prompt-content,.djv-entry-content{padding:0 1.25rem 1.25rem}.djv-action-container{padding:1rem}.djv-action-btn{padding:1rem 1.5rem;font-size:1rem;max-width:400px;margin:0 auto}}@media(min-width:1024px){.djv-content{max-width:700px}.djv-action-btn{max-width:500px}.djv-prompt-text,.djv-card-title{font-size:1.1rem}}.djv-back-btn:focus,.djv-nav-btn:focus,.djv-day-indicator:focus,.djv-action-btn:focus{outline:2px solid #558B6E;outline-offset:2px}.voice-journal-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a1f,#0a0a1a);color:#fff;position:relative;overflow-x:hidden}.voice-journal-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.voice-journal-container>*{position:relative;z-index:1}.voice-journal-container.light-theme{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e0e7ff);color:#1e293b}.voice-journal-container.light-theme:before{background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.05) 0%,transparent 50%)}.voice-header{background:#111827cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(55,65,81,.5);padding:1rem;position:sticky;top:0;z-index:10;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.voice-header.light-theme{background:#ffffffe6;border-bottom:1px solid rgba(229,231,235,.8);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.voice-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.voice-back-button{color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .3s ease;display:flex;align-items:center;gap:.5rem;font-size:14px;padding:.5rem}.voice-back-button:hover{color:#fff}.voice-back-button.light-theme{color:#64748b}.voice-back-button.light-theme:hover{color:#1e293b}.voice-header-title{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.voice-header-spacer{width:4rem}.voice-content{padding:1rem;max-width:28rem;margin:0 auto}.voice-loading-screen{min-height:100vh;background-color:#0a0a0a;display:flex;align-items:center;justify-content:center}.voice-loading-content{text-align:center}.voice-loading-spinner{width:3rem;height:3rem;border:2px solid transparent;border-bottom:2px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.voice-loading-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.5rem}.voice-loading-text{color:#9ca3af}.voice-loading-stats{margin-top:1rem}.voice-loading-stat{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.voice-prompt-card{background-color:#111827;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;border:1px solid #374151}.voice-prompt-card.light-theme{background-color:#f1f5f9;border:1px solid #e2e8f0}.voice-prompt-label{font-size:.875rem;font-weight:500;color:#9ca3af;margin-bottom:.5rem}.voice-prompt-label.light-theme{color:#64748b}.voice-prompt-text{color:#fff;line-height:1.6;margin:0}.voice-prompt-text.light-theme{color:#1e293b}.voice-recognition-status{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;padding:.75rem;margin-bottom:1rem}.voice-recognition-status-content{display:flex;align-items:center;gap:.5rem;color:#60a5fa;font-size:.875rem}.voice-recording-card{background:#11182799;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1rem;padding:2rem;margin-bottom:1.5rem;border:1px solid rgba(139,92,246,.2);box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.voice-recording-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 25px 30px -5px #8b5cf61a,0 15px 15px -5px #0000001a}.voice-recording-card.light-theme{background:#ffffffe6;border:1px solid rgba(139,92,246,.15);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008}.voice-recording-card.light-theme:hover{border-color:#8b5cf64d;box-shadow:0 20px 25px -5px #8b5cf614,0 10px 10px -5px #0000000d}.voice-recording-content{text-align:center}.voice-recording-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.voice-recording-subtitle{color:#9ca3af;margin-bottom:1.5rem}.voice-recording-subtitle.light-theme{color:#64748b}.voice-record-button{width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #8b5cf64d,0 4px 6px -2px #8b5cf61a;position:relative;overflow:hidden}.voice-record-button:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#a78bfa,#818cf8);border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:-1}.voice-record-button:hover:before{opacity:1}.voice-record-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 20px 25px -5px #8b5cf666,0 10px 10px -5px #8b5cf633}.voice-record-button:active{transform:translateY(0) scale(.98)}.voice-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.voice-control-button{width:4rem;height:4rem;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.voice-control-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.voice-control-button:hover:before{opacity:1}.voice-control-button:hover{transform:translateY(-2px) scale(1.05)}.voice-control-button:active{transform:translateY(0) scale(.95)}.voice-control-button.pause{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 6px -1px #f59e0b4d}.voice-control-button.pause:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 10px 15px -3px #f59e0b66}.voice-control-button.stop{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 6px -1px #4b55634d}.voice-control-button.stop:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 10px 15px -3px #4b556366}.voice-control-button.play{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b9814d}.voice-control-button.play:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 15px -3px #10b98166}.voice-control-button.reset{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 6px -1px #4b55634d}.voice-control-button.reset:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 10px 15px -3px #4b556366}.voice-permission-card{background-color:#111827;border:1px solid #374151;border-radius:.5rem;padding:2rem;margin-bottom:1.5rem;text-align:center}.voice-permission-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.voice-permission-content h3{font-size:1.25rem;font-weight:600;margin:0}.voice-permission-content p{color:#9ca3af;line-height:1.6;margin:0;max-width:500px}.voice-permission-icon{color:#60a5fa}.voice-permission-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.voice-permission-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 10px 20px -5px #3b82f666}.voice-permission-mobile-note{font-size:.875rem;color:#6b7280;margin-top:.5rem}.voice-transcription-toggle{background-color:#111827;border:1px solid #374151;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.voice-transcription-toggle.light-theme{background-color:#f8fafc;border:1px solid #e2e8f0}.voice-transcription-toggle-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.voice-transcription-toggle-info{display:flex;align-items:center;gap:.5rem;font-weight:600}.voice-mobile-badge{font-size:.75rem;padding:.25rem .5rem;background-color:#10b98133;color:#10b981;border-radius:12px;font-weight:600}.voice-transcription-toggle-button{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:opacity .3s ease}.voice-transcription-toggle-button:hover:not(:disabled){opacity:.8}.voice-transcription-toggle-button:disabled{opacity:.5;cursor:not-allowed}.voice-transcription-toggle-description{font-size:.875rem;color:#9ca3af;margin:0}.voice-transcription-toggle-description.light-theme{color:#64748b}.voice-recognition-status{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem}.voice-recognition-status.listening{background-color:#10b9811a;border-color:#10b9814d}.voice-recognition-status.not-listening{background-color:#fb923c1a;border-color:#fb923c4d}.voice-recognition-status-content{display:flex;align-items:center;gap:.5rem;color:#60a5fa;font-size:.875rem;font-weight:500}.voice-recognition-status.listening .voice-recognition-status-content{color:#10b981}.voice-recognition-status.not-listening .voice-recognition-status-content{color:#fb923c}.voice-mobile-indicator{font-size:.75rem}.voice-status{margin-bottom:1rem}.voice-status-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap;font-size:.875rem}.voice-status-indicator{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.voice-status-indicator.recording{background-color:#ef4444;animation:pulse 2s infinite}.voice-status-indicator.paused{background-color:#eab308}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.voice-status-text{font-weight:500}.voice-duration{font-size:.875rem;color:#9ca3af;display:flex;align-items:center;gap:.25rem}.voice-mobile-recording-badge{font-size:.75rem;padding:.25rem .5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;font-weight:600;animation:androidBadgePulse 2s infinite}@keyframes androidBadgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.voice-android-feedback{width:100%;display:flex;justify-content:center;margin-top:.5rem}.voice-chunks-indicator{font-size:.75rem;padding:.25rem .75rem;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:16px;font-weight:500}.voice-level-container{width:12rem;height:.75rem;background:#37415180;border-radius:9999px;margin:0 auto;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0003}.voice-level-bar{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6,#ef4444);background-size:200% 100%;transition:width .1s cubic-bezier(.4,0,.2,1);border-radius:9999px;box-shadow:0 0 10px #8b5cf680;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:0 0}}.voice-transcription-card{background:#11182799;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(59,130,246,.2);box-shadow:0 10px 15px -3px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.voice-transcription-card:hover{border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 15px 20px -5px #3b82f61a}.voice-transcription-card.light-theme{background:#ffffffe6;border:1px solid rgba(59,130,246,.15);box-shadow:0 4px 6px -1px #0000000d}.voice-transcription-card.light-theme:hover{border-color:#3b82f64d;box-shadow:0 10px 15px -3px #3b82f614}.voice-transcription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.voice-transcription-status{display:flex;align-items:center;gap:.5rem;font-weight:600}.voice-transcription-edit-button{color:#60a5fa;background:none;border:none;cursor:pointer;transition:color .3s ease;display:flex;align-items:center;gap:.25rem;font-size:.875rem}.voice-transcription-edit-button:hover{color:#93c5fd}.voice-transcription-content{background-color:#1f2937;border-radius:.375rem;padding:.75rem;max-height:12rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937}.voice-transcription-content::-webkit-scrollbar{width:6px}.voice-transcription-content::-webkit-scrollbar-track{background:#1f2937;border-radius:3px}.voice-transcription-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.voice-transcription-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.voice-transcription-content.light-theme{background-color:#f1f5f9;scrollbar-color:#cbd5e1 #f1f5f9}.voice-transcription-content.light-theme::-webkit-scrollbar-track{background:#f1f5f9}.voice-transcription-content.light-theme::-webkit-scrollbar-thumb{background:#cbd5e1}.voice-transcription-content.light-theme::-webkit-scrollbar-thumb:hover{background:#94a3b8}.voice-transcription-text{color:#d1d5db;line-height:1.6;font-size:.875rem;margin:0}.voice-transcription-text.light-theme{color:#475569}.voice-transcription-editor{margin-bottom:.75rem}.voice-transcription-textarea{width:100%;background-color:#1f2937;border-radius:.375rem;padding:.75rem;color:#d1d5db;line-height:1.6;font-size:.875rem;border:1px solid #374151;resize:none;outline:none;transition:border-color .3s ease}.voice-transcription-textarea:focus{border-color:#3b82f6}.voice-transcription-textarea.light-theme{background-color:#fff;color:#374151;border:1px solid #d1d5db}.voice-transcription-actions{display:flex;gap:.5rem}.voice-transcription-save{padding:.5rem 1rem;background-color:#059669;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:background-color .3s ease;display:flex;align-items:center;gap:.25rem}.voice-transcription-save:hover{background-color:#047857}.voice-transcription-cancel{padding:.5rem 1rem;background-color:#4b5563;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:background-color .3s ease}.voice-transcription-cancel:hover{background-color:#374151}.voice-transcription-stats{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#6b7280;flex-wrap:wrap;gap:.5rem}.voice-transcription-live-status{color:#10b981;font-weight:600}.voice-transcription-error{color:#f87171;font-weight:500}.voice-interim-transcript{color:#9ca3af;font-style:italic;margin-left:.25rem}.voice-error-card{background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.voice-error-content{display:flex;align-items:center;gap:.5rem}.voice-error-text{color:#fca5a5;font-size:.875rem}.voice-submit-button{width:100%;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border:none;padding:1rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;box-shadow:0 10px 15px -3px #8b5cf64d,0 4px 6px -2px #8b5cf633;position:relative;overflow:hidden}.voice-submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.voice-submit-button:hover:not(:disabled):before{left:100%}.voice-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#2563eb);transform:translateY(-2px);box-shadow:0 20px 25px -5px #8b5cf666,0 10px 10px -5px #8b5cf633}.voice-submit-button:active:not(:disabled){transform:translateY(0)}.voice-submit-button:disabled{background:linear-gradient(135deg,#4b5563,#374151);cursor:not-allowed;opacity:.6}.voice-tips-section{margin-top:2rem;text-align:center}.voice-tips-title{font-size:.875rem;font-weight:500;color:#9ca3af;margin-bottom:.5rem}.voice-tips-title.light-theme{color:#64748b}.voice-tips-list{list-style:none;padding:0;margin:0}.voice-tips-item{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.voice-tips-item.light-theme{color:#64748b}.voice-analysis-preview{margin-top:1.5rem;background-color:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:.5rem;padding:1rem}.voice-analysis-preview.light-theme{background-color:#3b82f60d}.voice-analysis-title{font-size:.875rem;font-weight:500;color:#60a5fa;margin-bottom:.5rem}.voice-analysis-list{list-style:none;padding:0;margin:0}.voice-analysis-item{font-size:.75rem;color:#9ca3af;margin-bottom:.25rem}.voice-analysis-item.light-theme{color:#64748b}@media(max-width:640px){.voice-content{padding:.75rem}.voice-recording-card,.voice-transcription-card,.voice-prompt-card,.voice-transcription-toggle,.voice-permission-card{padding:1rem;margin-bottom:1rem}.voice-record-button{width:4.5rem;height:4.5rem}.voice-control-button{width:3.5rem;height:3.5rem}.voice-controls{gap:.75rem}.voice-level-container{width:100%;max-width:12rem}.voice-status-info{font-size:.8125rem;gap:.375rem}.voice-recording-title{font-size:1rem}.voice-recording-subtitle{font-size:.875rem}.voice-header-title{font-size:1rem}.voice-transcription-content{max-height:10rem}.voice-transcription-actions{flex-wrap:wrap}.voice-transcription-save,.voice-transcription-cancel{flex:1;min-width:100px}}@media(max-width:375px){.voice-record-button{width:4rem;height:4rem}.voice-control-button{width:3rem;height:3rem}.voice-status-info{font-size:.75rem}.voice-header{padding:.75rem}}.text-green-500{color:#10b981}.text-red-500{color:#ef4444}.ml-2{margin-left:.5rem}.voice-transcription-card,.voice-recording-card,.voice-prompt-card,.voice-transcription-toggle,.voice-permission-card,.voice-recognition-status{animation:fadeIn .3s ease-out}.voice-record-button:focus,.voice-control-button:focus,.voice-submit-button:focus,.voice-permission-button:focus,.voice-transcription-toggle-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.voice-loading-spinner{width:3rem;height:3rem;border:3px solid transparent;border-top:3px solid #8b5cf6;border-right:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.voice-control-button:active:not(:disabled){transform:scale(.95)}.voice-record-button:active:not(:disabled){transform:scale(.95)}.voice-submit-button:active:not(:disabled){transform:translateY(1px)}audio{display:none}.dark-theme .voice-transcription-textarea{background-color:#1f2937;color:#d1d5db;border-color:#374151}.dark-theme .voice-transcription-textarea:focus{border-color:#3b82f6}.light-theme .voice-transcription-textarea{background-color:#fff;color:#374151;border-color:#d1d5db}.light-theme .voice-transcription-textarea:focus{border-color:#3b82f6}.voice-recording-card.voice-discovery{border-color:#a855f74d}.voice-recording-card.spoken-emotions{border-color:#ec48994d}.voice-record-button.recording{animation:recordPulse 1.5s ease-in-out infinite}@keyframes recordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-waveform-container{height:80px;display:flex;align-items:center;justify-content:center;gap:2px}.voice-waveform-bar{width:3px;background:linear-gradient(180deg,#8b5cf6,#3b82f6);border-radius:2px;transition:height .1s ease}.voice-status-indicator.recording{position:relative}.voice-status-indicator.recording:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:#ef444466;animation:ripple 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.voice-transcription-progress-bar{background:linear-gradient(90deg,#8b5cf6,#3b82f6,#10b981);background-size:200% 100%;animation:progressShine 2s ease-in-out infinite;box-shadow:0 0 20px #8b5cf680}@keyframes progressShine{0%{background-position:200% 0}to{background-position:0 0}}.voice-permission-button{position:relative;z-index:1}.voice-permission-button:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% 100%;border-radius:.5rem;opacity:0;z-index:-1;transition:opacity .3s ease;animation:buttonGlow 2s linear infinite}.voice-permission-button:hover:after{opacity:.5}@keyframes buttonGlow{0%{background-position:200% 0}to{background-position:0 0}}.voice-mobile-badge,.voice-mobile-recording-badge{position:relative;overflow:hidden}.voice-mobile-badge:before,.voice-mobile-recording-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:badgeSlide 2s ease-in-out infinite}@keyframes badgeSlide{0%,to{left:-100%}50%{left:100%}}.voice-journal-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(139,92,246,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.3;animation:particleFloat 20s linear infinite;pointer-events:none;z-index:0}@keyframes particleFloat{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.voice-recording-card,.voice-transcription-card,.voice-prompt-card,.voice-transcription-toggle{animation:slideUp .5s cubic-bezier(.4,0,.2,1) backwards}.voice-recording-card{animation-delay:.1s}.voice-transcription-card{animation-delay:.2s}.voice-prompt-card{animation-delay:.05s}.voice-transcription-text{line-height:1.8;letter-spacing:.01em}.voice-interim-transcript{position:relative}.voice-interim-transcript:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:2px;height:1em;background-color:currentColor;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}:root{--dark-bg-primary: #1a1e2a;--dark-bg-secondary: #111827;--dark-bg-tertiary: #374151;--dark-bg-hover: #2d3748;--dark-bg-active: #4b5563;--dark-border-primary: #374151;--dark-border-secondary: #4b5563;--dark-border-hover: #6b7280;--dark-text-primary: #f9fafb;--dark-text-secondary: #d1d5db;--dark-text-muted: #9ca3af;--dark-text-disabled: #6b7280;--light-bg-primary: #ffffff;--light-bg-secondary: #f3f4f6;--light-bg-tertiary: #e5e7eb;--light-bg-hover: #f9fafb;--light-bg-active: #e5e7eb;--light-border-primary: #d1d5db;--light-border-secondary: #9ca3af;--light-border-hover: #6b7280;--light-text-primary: #111827;--light-text-secondary: #374151;--light-text-muted: #6b7280;--light-text-disabled: #9ca3af;--color-self-discovery: 85, 139, 110;--color-emotional-intelligence: 216, 76, 147;--color-mindfulness-awareness: 142, 68, 173;--color-transformation-journey: 26, 155, 155;--color-creative-expression: 217, 70, 239;--color-mindful-visualization: 254, 124, 192;--color-success: #10b981;--color-info: #3b82f6;--color-warning: #f59e0b;--color-danger: #ef4444;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--glow-sm: 0 0 8px rgba(255, 255, 255, .1);--glow-md: 0 0 15px rgba(255, 255, 255, .15);--glow-lg: 0 0 25px rgba(255, 255, 255, .2);--light-glow-sm: 0 0 8px rgba(0, 0, 0, .05);--light-glow-md: 0 0 15px rgba(0, 0, 0, .08);--light-glow-lg: 0 0 25px rgba(0, 0, 0, .1)}.upload-container{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--bg-hover: var(--dark-bg-hover);--bg-active: var(--dark-bg-active);--border-primary: var(--dark-border-primary);--border-secondary: var(--dark-border-secondary);--border-hover: var(--dark-border-hover);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-muted: var(--dark-text-muted);--text-disabled: var(--dark-text-disabled);--card-shadow: 0 4px 10px rgba(0, 0, 0, .2);--modal-shadow: 0 20px 25px rgba(0, 0, 0, .25);--card-glow: var(--glow-sm)}.upload-container.light-theme{--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--bg-hover: var(--light-bg-hover);--bg-active: var(--light-bg-active);--border-primary: var(--light-border-primary);--border-secondary: var(--light-border-secondary);--border-hover: var(--light-border-hover);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-muted: var(--light-text-muted);--text-disabled: var(--light-text-disabled);--card-shadow: 0 4px 12px rgba(0, 0, 0, .07);--modal-shadow: 0 20px 25px rgba(0, 0, 0, .12);--card-glow: var(--light-glow-sm)}.upload-container{max-width:600px;margin:0 auto;padding:var(--spacing-md);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.upload-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-primary);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--card-shadow);transition:all var(--transition-slow)}.upload-card:hover{border-color:var(--border-secondary);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.upload-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary);text-align:center;letter-spacing:.01em}.back-button{display:flex;align-items:center;color:var(--text-muted);background:none;border:none;cursor:pointer;font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.back-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-small{width:1rem;height:1rem;margin-right:var(--spacing-xs)}.upload-stages{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.upload-stage{border:1px solid var(--border-primary);border-radius:var(--border-radius-md);overflow:hidden;transition:all var(--transition-normal);background-color:var(--bg-tertiary)}.upload-stage.active{border-color:var(--border-secondary);box-shadow:0 0 0 2px rgba(var(--color-self-discovery),.1)}.upload-stage.completed{border-color:var(--border-secondary);background-color:var(--bg-hover)}.stage-header{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.stage-number{width:24px;height:24px;background-color:rgba(var(--color-self-discovery),.7);color:#fff;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;margin-right:var(--spacing-md)}.stage-title{flex:1;font-size:1rem;font-weight:500;color:var(--text-primary)}.stage-check{width:1.25rem;height:1.25rem;color:var(--color-success)}.drop-area{border:2px dashed var(--border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-2xl) var(--spacing-md);text-align:center;margin:var(--spacing-md);background-color:var(--bg-secondary);transition:all var(--transition-fast)}.drop-area.dragging{border-color:rgba(var(--color-self-discovery),.7);background-color:rgba(var(--color-self-discovery),.05);transform:scale(1.01)}.drop-area:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}.drop-icon{color:var(--text-muted);width:2.5rem;height:2.5rem;margin-bottom:var(--spacing-md);transition:transform var(--transition-normal)}.drop-area:hover .drop-icon{transform:translateY(-5px);color:rgba(var(--color-self-discovery),.7)}.drop-text{color:var(--text-muted);margin-bottom:var(--spacing-sm);font-size:1rem;line-height:1.5}.drop-subtext{color:var(--text-disabled);font-size:.875rem;margin-bottom:var(--spacing-lg)}.image-gallery-container{margin:var(--spacing-md)}.image-carousel{position:relative;width:100%;margin-bottom:var(--spacing-md);max-height:350px;overflow:hidden;border:1px solid var(--border-primary);border-radius:var(--border-radius-md);background-color:var(--bg-secondary)}.image-preview{max-width:100%;max-height:300px;width:auto;height:auto;object-fit:contain;border-radius:var(--border-radius-md);margin:0 auto;display:block;transition:transform var(--transition-normal)}.page-indicator{position:absolute;bottom:10px;right:10px;background:#0009;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:12px;font-size:.75rem;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.carousel-controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:10;padding:0 10px}.carousel-button{background:#00000080;color:#fff;border:none;border-radius:var(--border-radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-button:hover{background:#000000b3;transform:scale(1.1)}.carousel-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.thumbnail-strip{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-tertiary),rgba(var(--color-self-discovery),.03));border-radius:var(--border-radius-lg);border:1px solid var(--border-primary);box-shadow:var(--card-glow)}.thumbnail-strip-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--color-self-discovery),.08);border-radius:var(--border-radius-sm);border:1px solid rgba(var(--color-self-discovery),.15)}.thumbnail-strip-title svg{color:rgba(var(--color-self-discovery),.7)}.thumbnail-container{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-sm) var(--spacing-xs);scroll-behavior:smooth}.thumbnail-container::-webkit-scrollbar{height:4px}.thumbnail-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.thumbnail-container::-webkit-scrollbar-thumb{background:rgba(var(--color-self-discovery),.3);border-radius:var(--border-radius-sm)}.thumbnail-container::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-self-discovery),.5)}.thumbnail-item{position:relative;min-width:80px;width:80px;height:80px;border-radius:var(--border-radius-lg);border:3px solid var(--border-primary);overflow:hidden;cursor:grab;transition:all var(--transition-normal);background-color:var(--bg-secondary);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none}.thumbnail-item:hover{border-color:rgba(var(--color-self-discovery),.5);transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg),0 0 20px rgba(var(--color-self-discovery),.2);cursor:grab}.thumbnail-item:active{cursor:grabbing;transform:translateY(-2px) scale(1.02)}.thumbnail-item.active{border-color:rgba(var(--color-self-discovery),.8);box-shadow:0 0 0 3px rgba(var(--color-self-discovery),.3),var(--shadow-md);transform:translateY(-2px)}.thumbnail-item.active:hover{transform:translateY(-6px) scale(1.05)}.thumbnail-item[draggable=true]{cursor:grab}.thumbnail-item[draggable=true]:active{cursor:grabbing}.thumbnail-item.dragging{opacity:.5;transform:rotate(5deg) scale(1.1);z-index:1000;border-color:rgba(var(--color-self-discovery),.9);box-shadow:0 10px 30px #0000004d,0 0 0 3px rgba(var(--color-self-discovery),.4);cursor:grabbing}.thumbnail-item.drag-over{border-color:rgba(var(--color-self-discovery),1);background:linear-gradient(135deg,rgba(var(--color-self-discovery),.15),rgba(var(--color-self-discovery),.25));transform:scale(1.1) translateY(-3px);box-shadow:0 0 25px rgba(var(--color-self-discovery),.4),inset 0 0 20px rgba(var(--color-self-discovery),.1);animation:dragOverPulse .6s ease-in-out infinite alternate}.thumbnail-item.drag-over:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px dashed rgba(var(--color-self-discovery),.8);border-radius:var(--border-radius-lg);animation:dashMove 1s linear infinite}.thumbnail-item.drop-zone{border-color:rgba(var(--color-success),.8);background:rgba(var(--color-success),.1);transform:scale(1.08);box-shadow:0 0 20px rgba(var(--color-success),.3)}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:all var(--transition-normal);border-radius:var(--border-radius-md)}.thumbnail-item:hover .thumbnail-image{transform:scale(1.08);filter:brightness(1.1)}.thumbnail-item.dragging .thumbnail-image{filter:grayscale(.3) brightness(.8)}.thumbnail-item.drag-over .thumbnail-image{transform:scale(1.1);filter:brightness(1.2) saturate(1.3)}.thumbnail-number{position:absolute;top:4px;left:4px;background:linear-gradient(135deg,#000c,#000000e6);color:#fff;width:20px;height:20px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast);z-index:10}.thumbnail-item:hover .thumbnail-number{background:linear-gradient(135deg,rgba(var(--color-self-discovery),.9),rgba(var(--color-self-discovery),1));transform:scale(1.1);box-shadow:0 0 8px rgba(var(--color-self-discovery),.5)}.thumbnail-remove{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#ef4444e6,#dc2626f2);color:#fff;border:none;border-radius:var(--border-radius-full);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);opacity:0;transform:scale(.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);z-index:10}.thumbnail-item:hover .thumbnail-remove{opacity:1;transform:scale(1)}.thumbnail-remove:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.15);box-shadow:0 0 12px #ef444499}.thumbnail-item:before{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:16px;height:3px;background:#fff6;border-radius:var(--border-radius-sm);opacity:0;transition:all var(--transition-fast)}.thumbnail-item:hover:before{opacity:1;background:rgba(var(--color-self-discovery),.8);box-shadow:0 0 8px rgba(var(--color-self-discovery),.4)}.thumbnail-item.dragging:before{opacity:1;background:rgba(var(--color-self-discovery),1);width:20px;height:4px}.image-preview-actions{display:flex;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md);flex-wrap:wrap}.image-action-button{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:.875rem;transition:all var(--transition-fast);color:var(--text-secondary)}.image-action-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px)}.image-action-button.remove{color:var(--color-danger);border-color:#ef44444d}.image-action-button.remove:hover{background:#ef44441a;border-color:#ef444480}.image-action-icon{width:1rem;height:1rem;margin-right:var(--spacing-sm)}.upload-info{margin-top:var(--spacing-md);text-align:center;padding:var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-primary)}.upload-info-stats{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.upload-stat{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem}.stat-number{font-weight:600;font-size:1.125rem;color:rgba(var(--color-self-discovery),.8)}.stat-label{color:var(--text-muted)}.upload-progress-visual{margin-bottom:var(--spacing-md)}.progress-dots{display:flex;justify-content:center;gap:var(--spacing-xs)}.progress-dot{width:8px;height:8px;border-radius:var(--border-radius-full);background-color:var(--border-primary);transition:all var(--transition-fast)}.progress-dot.filled{background-color:rgba(var(--color-self-discovery),.7);transform:scale(1.2);box-shadow:0 0 8px rgba(var(--color-self-discovery),.4)}.upload-complete-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--color-success);font-weight:500;font-size:.875rem;background:#10b9811a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid rgba(16,185,129,.2)}.action-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;position:relative;overflow:hidden}.action-button.primary{background-color:rgba(var(--color-self-discovery),.7);color:#fff;padding:var(--spacing-md) var(--spacing-lg);font-weight:500;box-shadow:var(--shadow-sm)}.action-button.primary:hover{background-color:rgba(var(--color-self-discovery),.8);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button.secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.action-button.secondary:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-2px)}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.action-button.loading{opacity:.8;cursor:not-allowed}.camera-button{width:100%;margin-bottom:var(--spacing-md);padding:var(--spacing-lg);font-size:1rem}.camera-icon{margin-right:var(--spacing-sm);width:1.25rem;height:1.25rem}.upload-analyze-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background-color:var(--bg-secondary);border-radius:var(--border-radius-md);margin:var(--spacing-md);border:1px dashed var(--border-primary);animation:fadeIn var(--transition-slow)}.upload-analyze-text{color:var(--text-muted);margin-bottom:var(--spacing-lg);font-size:1rem;line-height:1.5}.upload-analyze-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);background-color:rgba(var(--color-self-discovery),.7);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-width:200px;box-shadow:var(--shadow-sm)}.upload-analyze-button:hover{background-color:rgba(var(--color-self-discovery),.8);transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-analyze-button:active{transform:translateY(0)}.upload-analyze-icon{margin-right:var(--spacing-sm);width:1.25rem;height:1.25rem}.upload-analyze-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.scanning-container{margin:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.scanning-info{display:flex;flex-direction:column;align-items:center;text-align:center}.scanning-icon{color:rgba(var(--color-self-discovery),.7);width:1.5rem;height:1.5rem;margin-bottom:var(--spacing-sm);animation:pulse 2s infinite}.scanning-text{color:var(--text-muted);margin-bottom:var(--spacing-md)}.progress-bar{width:100%;height:.5rem;background-color:var(--bg-tertiary);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-sm);position:relative;box-shadow:inset 0 1px 2px #0000001a}.progress-fill{height:100%;background:linear-gradient(to right,rgba(var(--color-self-discovery),.7),rgba(var(--color-self-discovery),.5));transition:width .3s ease;border-radius:var(--border-radius-full)}.progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 1.5s infinite}.progress-text{color:var(--text-secondary);font-size:.875rem}.extracted-text-container{margin:var(--spacing-md);position:relative}.extracted-text-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.extracted-text-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:1rem;font-weight:500;color:var(--text-primary)}.extracted-text-help{font-size:.875rem;color:var(--text-muted);margin:0}.text-icon{width:1rem;height:1rem;color:rgba(var(--color-self-discovery),.7)}.extracted-text-editor{width:100%;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;line-height:1.6;resize:vertical;outline:none;transition:all var(--transition-fast);min-height:200px;max-height:400px}.extracted-text-editor:focus{border-color:rgba(var(--color-self-discovery),.7);box-shadow:0 0 0 3px rgba(var(--color-self-discovery),.2)}.submit-button{background-color:rgba(var(--color-self-discovery),.7);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);border:none;font-weight:600;cursor:pointer;width:100%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden;margin-top:var(--spacing-lg);font-size:1.125rem;box-shadow:var(--shadow-sm)}.submit-button:hover{background-color:rgba(var(--color-self-discovery),.8);transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-button.loading{background-color:rgba(var(--color-self-discovery),.8)}.submit-button.clicked{background-color:rgba(var(--color-self-discovery),.8);position:relative;overflow:hidden}.loading-spinner{animation:spin 1s linear infinite;margin-right:var(--spacing-sm)}.loading-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(var(--color-self-discovery),.2);border-radius:50%;border-top-color:rgba(var(--color-self-discovery),.7);animation:spin 1s linear infinite;margin-right:var(--spacing-sm);vertical-align:middle}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#fff;margin-right:var(--spacing-sm);animation:pulse-animation 1.2s infinite}.error-message{display:flex;align-items:center;color:var(--color-danger);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;font-size:.875rem}.error-icon{width:1rem;height:1rem;margin-right:var(--spacing-md);flex-shrink:0}.visual-journey-ready{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);text-align:center}.visual-ready-icon{width:60px;height:60px;background:rgba(var(--color-mindful-visualization),.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);animation:pulse 2s infinite}.visual-ready-icon .icon{width:30px;height:30px;color:rgb(var(--color-mindful-visualization))}.visual-ready-text{font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--spacing-lg);max-width:500px;line-height:1.6}.visual-note{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(var(--color-info),.1);border-radius:var(--border-radius-md);margin-top:var(--spacing-md)}.visual-note .note-icon{width:20px;height:20px;color:var(--color-info);flex-shrink:0}.visual-note p{margin:0;font-size:.875rem;color:var(--text-secondary)}.visual-notes-section{width:100%;margin-top:var(--spacing-xl);text-align:left}.visual-notes-title{font-size:1rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.visual-notes-textarea{width:100%;min-height:120px;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:.875rem;line-height:1.5;resize:vertical;outline:none;transition:all var(--transition-fast)}.visual-notes-textarea:focus{border-color:rgba(var(--color-mindful-visualization),.5);box-shadow:0 0 0 3px rgba(var(--color-mindful-visualization),.1)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes dragOverPulse{0%{box-shadow:0 0 25px rgba(var(--color-self-discovery),.4),inset 0 0 20px rgba(var(--color-self-discovery),.1)}to{box-shadow:0 0 35px rgba(var(--color-self-discovery),.6),inset 0 0 30px rgba(var(--color-self-discovery),.2)}}@keyframes dashMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:20px}}@keyframes thumbnailHover{0%{transform:translateY(-4px) scale(1.05)}50%{transform:translateY(-6px) scale(1.08)}to{transform:translateY(-4px) scale(1.05)}}@media(max-width:640px){.upload-container{padding:var(--spacing-sm)}.upload-card{padding:var(--spacing-md)}.drop-area{padding:var(--spacing-lg) var(--spacing-md)}.image-preview{max-height:250px}.upload-analyze-button{width:100%;padding:var(--spacing-md)}.upload-analyze-container{padding:var(--spacing-lg) var(--spacing-md)}.extracted-text-header{flex-direction:column;align-items:flex-start}.extracted-text-help{margin-top:var(--spacing-xs)}.image-preview-actions{flex-direction:column}.thumbnail-strip{padding:var(--spacing-md)}.thumbnail-container{gap:var(--spacing-sm)}.thumbnail-item{min-width:70px;width:70px;height:70px}.thumbnail-number{width:18px;height:18px;font-size:.7rem}.thumbnail-remove{width:18px;height:18px}.upload-info-stats{flex-direction:column;gap:var(--spacing-sm)}.visual-journey-ready{padding:var(--spacing-lg) var(--spacing-md)}}@media(max-width:375px){.upload-title{font-size:1.5rem}.drop-area{padding:var(--spacing-md)}.drop-icon{width:2rem;height:2rem}.drop-text{font-size:.875rem}.image-preview{max-height:200px}.carousel-button{width:30px;height:30px}.thumbnail-strip{padding:var(--spacing-sm)}.thumbnail-container{gap:var(--spacing-xs)}.thumbnail-item{min-width:60px;width:60px;height:60px}.thumbnail-number{width:16px;height:16px;font-size:.65rem}.thumbnail-remove{width:16px;height:16px}.thumbnail-strip-title{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}:root{--dark-nav-bg: rgba(15, 23, 42, .98);--dark-nav-border: rgba(71, 85, 105, .2);--dark-nav-icon: #94A3B8;--dark-nav-text: #CBD5E1;--dark-nav-hover: #F1F5F9;--light-nav-bg: rgba(255, 255, 255, .98);--light-nav-border: rgba(226, 232, 240, .6);--light-nav-icon: #64748B;--light-nav-text: #475569;--light-nav-hover: #1E293B;--color-self-discovery: #558B6E;--color-self-discovery-light: #6BA07C;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-out: cubic-bezier(.33, 1, .68, 1);--shadow-nav: 0 -2px 12px rgba(0, 0, 0, .08), 0 -1px 4px rgba(0, 0, 0, .04);--shadow-nav-light: 0 -2px 8px rgba(0, 0, 0, .04), 0 -1px 2px rgba(0, 0, 0, .02);--shadow-primary: 0 6px 20px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .12)}.bottom-navigation{position:fixed;bottom:0;left:0;width:100%;z-index:1000;background:var(--dark-nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--dark-nav-border);box-shadow:var(--nav-shadow);transition:all .4s var(--nav-transition);transform:translateY(0);opacity:1}.bottom-navigation.light-theme{background:var(--light-nav-bg);border-top:1px solid var(--light-nav-border);box-shadow:var(--nav-shadow-light)}.bottom-navigation.nav-hidden{transform:translateY(100%);opacity:0}.bottom-navigation.nav-visible{transform:translateY(0);opacity:1}.bottom-navigation-container{position:relative;max-width:500px;margin:0 auto;padding:.25rem .5rem .5rem;overflow:hidden}.bottom-navigation-items{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.nav-background-blur{position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);z-index:-2}.nav-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transition:background .6s var(--nav-transition);opacity:.6}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:.75rem .25rem 1rem;background:transparent;border:none;color:var(--dark-nav-text);cursor:pointer;transition:all .3s var(--nav-transition);overflow:visible;border-radius:1rem;--active-color: var(--color-self-discovery);--active-gradient-start: var(--color-self-discovery);--active-gradient-end: var(--color-self-discovery-light)}.bottom-navigation.light-theme .nav-item{color:var(--light-nav-text)}.nav-item:hover:not(.nav-item-active):not(.primary-action){color:var(--dark-nav-hover-text);background:#94a3b814;transform:translateY(-1px)}.bottom-navigation.light-theme .nav-item:hover:not(.nav-item-active):not(.primary-action){color:var(--light-nav-hover-text);background:#64748b0f}.nav-item-active{color:var(--active-color)!important;transform:translateY(-2px)}.nav-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:.25rem;border-radius:50%;transition:all .4s var(--nav-spring);overflow:visible}.nav-item-icon{width:24px!important;height:24px!important;color:inherit;transition:all .4s var(--nav-spring);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));z-index:2;position:relative}.nav-icon-active{color:var(--active-color)!important;transform:scale(1.15);filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.bottom-navigation.light-theme .nav-icon-active{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.icon-glow{position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:50%;transform:translate(-50%,-50%);opacity:.15;animation:iconGlow 2s ease-in-out infinite alternate;z-index:1}@keyframes iconGlow{0%{transform:translate(-50%,-50%) scale(.8);opacity:.15}to{transform:translate(-50%,-50%) scale(1.2);opacity:.25}}.nav-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:badgeAppear .3s var(--nav-spring);z-index:3;border:2px solid var(--dark-nav-bg)}.bottom-navigation.light-theme .nav-badge{border-color:var(--light-nav-bg)}@keyframes badgeAppear{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.primary-action{margin-top:-1.5rem;position:relative}.primary-action-container{position:relative;display:flex;flex-direction:column;align-items:center}.primary-action-button{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#558b6e,#2d5a3d);border-radius:50%;margin-bottom:.25rem;box-shadow:var(--primary-shadow);transition:all .4s var(--nav-spring);overflow:hidden;z-index:2}.bottom-navigation.light-theme .primary-action-button{box-shadow:var(--primary-shadow-light)}.primary-action:hover .primary-action-button{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #0000004d,0 4px 15px #0003}.bottom-navigation.light-theme .primary-action:hover .primary-action-button{box-shadow:0 8px 20px #0003,0 4px 12px #00000026}.primary-action-icon{width:28px!important;height:28px!important;color:#fff!important;transition:all .3s var(--nav-transition);filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));z-index:3;position:relative}.primary-action:hover .primary-action-icon{transform:scale(1.1)}.primary-action-glow{position:absolute;top:50%;left:50%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,rgba(85,139,110,.4),transparent);transform:translate(-50%,-50%);animation:primaryGlow 3s ease-in-out infinite;z-index:1}@keyframes primaryGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.4);opacity:.3}}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:3px;height:3px;background:#fff9;border-radius:50%;animation:floatUp 3s ease-in-out infinite}.particle-1{top:70%;left:30%;animation-delay:0s}.particle-2{top:60%;left:70%;animation-delay:1s}.particle-3{top:80%;left:50%;animation-delay:2s}@keyframes floatUp{0%{transform:translateY(0) scale(0);opacity:0}30%{opacity:1;transform:scale(1)}to{transform:translateY(-30px) scale(0);opacity:0}}.pulse-hint:not(.nav-item-active) .primary-action-button{animation:gentlePulse 4s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1);box-shadow:var(--primary-shadow)}50%{transform:scale(1.02);box-shadow:0 6px 20px #00000059,0 3px 12px #00000040}}.ripple-effect{position:absolute;border-radius:50%;pointer-events:none;z-index:10}.enhanced-ripple{background:radial-gradient(circle,rgba(var(--ripple-color),.3),rgba(var(--ripple-color),.1),transparent);animation:enhancedRipple .8s var(--nav-transition);--ripple-color: 255, 255, 255}@keyframes enhancedRipple{0%{transform:scale(0);width:0;height:0;opacity:.6}50%{opacity:.3}to{transform:scale(4);width:120px;height:120px;opacity:0}}.haptic-feedback{animation:hapticBounce .15s var(--nav-spring)}@keyframes hapticBounce{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.nav-item-label{font-size:.75rem;font-weight:500;margin-top:.125rem;transition:all .3s var(--nav-transition);white-space:nowrap;letter-spacing:.025em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.nav-label-active{color:var(--active-color)!important;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}.nav-item-indicator{position:absolute;bottom:.125rem;width:6px;height:6px;border-radius:3px;z-index:2}.enhanced-indicator{animation:indicatorEnhanced .4s var(--nav-spring) forwards;box-shadow:0 0 8px #0003}@keyframes indicatorEnhanced{0%{opacity:0;transform:scale(0) translateY(10px)}70%{opacity:1;transform:scale(1.2) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.enhanced-indicator.slide-left{animation:slideLeftEnhanced .5s var(--nav-spring) forwards}.enhanced-indicator.slide-right{animation:slideRightEnhanced .5s var(--nav-spring) forwards}@keyframes slideLeftEnhanced{0%{opacity:0;transform:translate(-30px) scale(0)}70%{opacity:1;transform:translate(2px) scale(1.2)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideRightEnhanced{0%{opacity:0;transform:translate(30px) scale(0)}70%{opacity:1;transform:translate(-2px) scale(1.2)}to{opacity:1;transform:translate(0) scale(1)}}.nav-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s var(--nav-transition);z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-navigation.light-theme .nav-tooltip{background:#fffffff2;color:#1e293b;box-shadow:0 4px 12px #00000026}.nav-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}.bottom-navigation.light-theme .nav-tooltip:after{border-top-color:#fffffff2}.nav-item:hover .nav-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}@media(max-width:480px){.bottom-navigation-container{padding:.25rem .25rem .5rem}.nav-item{padding:.5rem .125rem .75rem}.nav-item-label{font-size:.7rem}.primary-action-button{width:52px;height:52px}.primary-action-icon{width:26px!important;height:26px!important}.nav-icon-container{width:36px;height:36px}.nav-item-icon{width:22px!important;height:22px!important}.nav-tooltip{font-size:.7rem;padding:.375rem .5rem}}@media(max-width:360px){.nav-item-label{font-size:.65rem}.primary-action-button{width:48px;height:48px}.primary-action-icon{width:24px!important;height:24px!important}.nav-tooltip{display:none}}.nav-item:focus{outline-offset:2px;background:#94a3b81a}.bottom-navigation.light-theme .nav-item:focus{background:#64748b14}@media(prefers-contrast:high){.nav-item-icon{filter:none}.nav-tooltip{background:#000;color:#fff;border:1px solid white}.bottom-navigation.light-theme .nav-tooltip{background:#fff;color:#000;border:1px solid black}}@media(prefers-reduced-motion:reduce){.nav-item,.nav-item-icon,.nav-item-label,.nav-item-indicator,.primary-action-button,.ripple-effect,.icon-glow,.primary-action-glow{animation:none;transition:none}.nav-item:hover,.primary-action:hover .primary-action-button{transform:none}}@media print{.bottom-navigation{display:none}}.nav-item-active .nav-icon-container{transform:translateY(-2px)}.nav-item:nth-child(1){animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.4s}.nav-item:nth-child(5){animation-delay:.5s}@keyframes navItemLoad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-navigation-items{animation:fadeInUp .6s ease-out}.nav-item{background:linear-gradient(145deg,transparent,transparent);transition:all .4s cubic-bezier(.25,.8,.25,1)}.nav-item:hover{background:linear-gradient(145deg,rgba(var(--active-color),.05),rgba(var(--active-color),.02))}.primary-action-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:50%;opacity:0;transition:opacity .3s ease}.primary-action:hover .primary-action-button:before{opacity:1}.nav-item-active{filter:drop-shadow(0 4px 12px rgba(var(--active-color),.25))}.primary-action-button{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.primary-action:hover .primary-action-button{filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}.nav-badge{animation:badgeAppear .3s var(--nav-spring),badgePulse 2s ease-in-out 3s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.enhanced-indicator{background:linear-gradient(90deg,var(--active-gradient-start),var(--active-gradient-end))!important;border-radius:3px;height:4px;width:20px;bottom:.25rem}.nav-item *{transition:inherit}.bottom-navigation:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.bottom-navigation.light-theme:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}.nav-item:focus-visible{outline:2px solid var(--active-color);outline-offset:4px;border-radius:12px}.nav-item-icon{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.nav-item:not(.nav-item-active):not(.primary-action):hover .nav-item-icon{transform:translateY(-1px) scale(1.05)}.nav-item:not(.nav-item-active):not(.primary-action):hover .nav-item-label{transform:translateY(-1px)}.nav-item-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-badge{transform:translate(25%,-25%);box-shadow:0 2px 8px #ef444466,0 0 0 2px var(--dark-nav-bg)}.bottom-navigation.light-theme .nav-badge{box-shadow:0 2px 6px #ef44444d,0 0 0 2px var(--light-nav-bg)}.nav-item,.nav-item-icon,.primary-action-button,.nav-item-indicator{will-change:transform;backface-visibility:hidden;perspective:1000px}.bottom-navigation.loading .nav-item{opacity:.3;pointer-events:none}.bottom-navigation.offline:after{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#f59e0b,#d97706);animation:pulse 2s ease-in-out infinite}@media(prefers-color-scheme:dark){.bottom-navigation:not(.light-theme){background:#0f172afa;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%)}}@media(min-resolution:120dpi){.nav-item-icon,.primary-action-button{transition-duration:.2s}}@supports (-webkit-backdrop-filter: blur(20px)){.bottom-navigation{-webkit-backdrop-filter:blur(20px) saturate(180%)}}.bottom-navigation{min-height:90px!important}.bottom-navigation-container{min-height:80px!important;overflow:visible!important;padding:10px 8px 15px!important}.bottom-navigation-items{height:65px!important;align-items:flex-end!important}.nav-item{height:65px!important;overflow:visible!important}.primary-action{height:85px!important;margin-top:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;z-index:999!important}.primary-action-container{transform:translateY(-15px)!important;z-index:999!important}.primary-action-button{width:56px!important;height:56px!important;margin-bottom:8px!important;z-index:999!important;position:relative!important}.primary-action .nav-item-label{margin-top:4px!important;z-index:999!important}@media(max-width:480px){.bottom-navigation{min-height:85px!important}.primary-action-button{width:52px!important;height:52px!important}}.weather-widget{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-md);border:1px solid var(--border-primary);box-shadow:var(--card-glow);transition:all var(--transition-normal)}.weather-widget:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.weather-widget.loading{padding:.5rem .75rem}.weather-icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.weather-temp{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.weather-icon{color:var(--text-secondary)}.weather-icon.sun{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.6));animation:pulseSun 3s infinite alternate}.weather-icon.moon{color:#fcd34d;filter:drop-shadow(0 0 6px rgba(252,211,77,.6));animation:pulseMoon 3s infinite alternate}.weather-icon.cloud{color:var(--text-muted)}.weather-icon.rain{color:#60a5fa;animation:pulseRain 1.5s infinite alternate}.weather-icon.snow{color:var(--text-primary);animation:rotateSnow 8s linear infinite}.weather-icon.storm{color:#fbbf24;animation:flash 3s infinite}.weather-icon.loading{animation:spin 1.5s linear infinite;color:var(--text-muted)}@keyframes pulseSun{0%{filter:drop-shadow(0 0 3px rgba(251,191,36,.3))}to{filter:drop-shadow(0 0 8px rgba(251,191,36,.7))}}@keyframes pulseMoon{0%{filter:drop-shadow(0 0 3px rgba(252,211,77,.3))}to{filter:drop-shadow(0 0 8px rgba(252,211,77,.7))}}@keyframes pulseRain{0%{transform:translateY(0)}to{transform:translateY(2px)}}@keyframes rotateSnow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flash{0%,50%,to{opacity:1;filter:brightness(1)}25%,75%{opacity:.7;filter:brightness(1.5)}}.settings-form-group{margin-bottom:1.5rem}.settings-form-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.settings-form-input{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-normal)}.settings-form-input:focus{outline:none;border-color:var(--border-hover);box-shadow:0 0 0 2px rgba(var(--color-self-discovery),.2)}.settings-form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.settings-button-group{display:flex;gap:.75rem;margin-top:1rem}.settings-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.settings-btn-primary{background:linear-gradient(135deg,rgb(var(--color-self-discovery)),rgba(var(--color-self-discovery),.7));color:#fff;border:none}.settings-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-self-discovery),.2)}.settings-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.settings-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.settings-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-2px)}.settings-spinner{display:inline-block;animation:spin 1s linear infinite}.weather-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.weather-dialog{background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-secondary);box-shadow:var(--shadow-xl);width:90%;max-width:400px;padding:1.5rem;position:relative;animation:scaleIn .3s ease;margin-top:7rem}.weather-dialog-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--border-radius-md);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.weather-dialog-close:hover{background:var(--bg-hover);color:var(--text-primary)}.weather-dialog-header{margin-bottom:1.5rem;text-align:center}.weather-dialog-location{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.weather-dialog-date{font-size:.875rem;color:var(--text-muted);margin:0}.weather-dialog-main{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;gap:1.5rem}.weather-dialog-icon-wrapper{display:flex;align-items:center;justify-content:center}.weather-dialog-temp{display:flex;flex-direction:column;align-items:flex-start}.weather-dialog-temp-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.weather-dialog-desc{font-size:1rem;color:var(--text-secondary);text-transform:capitalize}.weather-dialog-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--border-radius-md)}.weather-dialog-detail{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.weather-dialog-detail-label{color:var(--text-muted)}.weather-dialog-detail-value{font-weight:500;text-align:right}.weather-dialog-sun-times{display:flex;justify-content:space-between;gap:1rem}.weather-dialog-sun-time{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--border-radius-md);flex:1}.weather-dialog-sun-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.weather-dialog-sun-value{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.weather-dialog-icon.sun{color:#fbbf24;filter:drop-shadow(0 0 10px rgba(251,191,36,.6));animation:pulseSun 3s infinite alternate}.weather-dialog-icon.moon{color:#fcd34d;filter:drop-shadow(0 0 10px rgba(252,211,77,.6));animation:pulseMoon 3s infinite alternate}.weather-dialog-icon.rain{color:#60a5fa;animation:pulseRain 1.5s infinite alternate}.weather-dialog-icon.snow{color:var(--text-primary);animation:rotateSnow 8s linear infinite}.weather-dialog-icon.storm{color:#fbbf24;animation:flash 3s infinite}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.weather-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:flex-start;z-index:1000;animation:fadeIn .2s ease;flex-direction:column}.version-display{position:relative;font-family:inherit;display:flex;flex-direction:row-reverse}.version-number{font-size:.7rem;font-weight:900;color:#0dff8e;margin-top:1.25rem}.version-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:#11182799;color:#fff9;border-radius:9999px;font-size:.75rem;font-weight:500}.version-badge.interactive{cursor:pointer;transition:all .2s ease}.version-badge.interactive:hover{background-color:#111827cc;color:#fffc}.version-icon{width:.875rem;height:.875rem;margin-right:.25rem;opacity:.6}.version-chevron{width:.875rem;height:.875rem;margin-left:.25rem;transition:transform .2s ease}.version-chevron.rotate-180{transform:rotate(180deg)}.changelog-modal-content{max-width:600px!important;max-height:85vh;display:flex;flex-direction:column}.profile-modal-header{position:relative}.changelog-close-btn{position:absolute;top:50%;right:var(--profile-space-xl);transform:translateY(-50%);background:none;border:none;color:var(--profile-text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--profile-radius-md);transition:all .2s ease}.changelog-close-btn:hover{background:var(--profile-bg-hover);color:var(--profile-text-primary)}.changelog-scrollable{overflow-y:auto;max-height:calc(85vh - 80px)}.version-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--profile-border-primary)}.version-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.version-tag{display:inline-block;padding:.25rem .75rem;background-color:#10b98126;color:#10b981;border-radius:var(--profile-radius-md);font-weight:600;font-size:.875rem;border:1px solid rgba(16,185,129,.3)}.version-tag.current{background-color:#10b98140;border:1px solid rgba(16,185,129,.5);box-shadow:0 0 10px #10b98133}.version-date{color:var(--profile-text-tertiary);font-size:.875rem}.version-section{margin-bottom:1rem}.version-section:last-child{margin-bottom:0}.section-title{font-size:.875rem;font-weight:700;color:var(--profile-text-primary);margin-bottom:.5rem;margin-top:0}.feature-list,.bugfix-list{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.feature-item,.bugfix-item{position:relative;padding-left:1.25rem;color:var(--profile-text-secondary);font-size:.875rem;line-height:1.5}.feature-item:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;background-color:#10b981;border-radius:50%}.bugfix-item:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;background-color:#f59e0b;border-radius:50%}@media(max-width:640px){.changelog-modal-content{max-width:95%!important;max-height:90vh}.changelog-scrollable{max-height:calc(90vh - 80px)}}.top-bar.home-color{background:linear-gradient(135deg,#558b6e,#2d5a3d)!important}.top-bar.paths-color{background:linear-gradient(135deg,#e6b89c,#d4956f)!important}.top-bar.write-color{background:linear-gradient(135deg,#145c44,#0b3c2c)!important;color:#fff}.top-bar.analytics-color{background:linear-gradient(135deg,#d8b23f,#b8941f)!important}.top-bar.profile-color{background:linear-gradient(135deg,#9370db,#7b68ee)!important}.top-bar{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease-out;border-radius:1.25rem;margin:.5rem auto 0;max-width:900px;width:100%;overflow:hidden}.light-theme .top-bar,.hs-light .top-bar{background:linear-gradient(135deg,#0fc189,#43e97b,#38f9d7);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 2px 12px #0fc1892e}.top-bar-content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.top-bar-main{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.top-bar-icon{color:#fff;flex-shrink:0;opacity:.95}.top-bar-text{flex:1;min-width:0}.top-bar-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.top-bar-subtitle{font-size:.875rem;color:#ffffffe6;margin:.25rem 0 0;line-height:1.3;opacity:.9}.top-bar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dark-theme .top-bar,.hs-dark .top-bar{background:linear-gradient(135deg,#0fa678,#0fc189,#38f9d7);border-bottom-color:#0000001f;box-shadow:0 2px 12px #0fc18938}@media(max-width:640px){.top-bar-content{padding:.875rem 1rem}.top-bar-title{font-size:1.125rem}.top-bar-subtitle{font-size:.8125rem}.top-bar-icon{width:20px;height:20px}.top-bar-main{gap:.625rem}}@media(max-width:1024px){.top-bar-content{padding:.9375rem 1.25rem}}.top-bar.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.top-bar-actions button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem .875rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar-actions button:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.top-bar-actions button:active{transform:translateY(0)}.top-bar-actions .icon-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;padding:0;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar-actions .icon-button:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.top-bar-actions .icon-button:active{transform:translateY(0)}.top-bar-actions .ja-back-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;padding:0;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar-actions .ja-back-btn:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px)}.hs-top-bar-actions{display:flex;align-items:center;gap:.5rem}.hs-top-bar-actions .weather-widget{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:.5rem .75rem;height:36px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}.hs-top-bar-actions .weather-widget:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.hs-top-bar-actions .weather-temp{color:#fff;font-weight:500}.hs-top-bar-actions .weather-icon{color:#fff;opacity:.95}.hs-top-bar-actions .weather-icon.sun,.hs-top-bar-actions .weather-icon.moon,.hs-top-bar-actions .weather-icon.rain,.hs-top-bar-actions .weather-icon.snow,.hs-top-bar-actions .weather-icon.storm{color:#fff;filter:none}.top-bar-actions .hs-theme-toggle,.hs-top-bar-actions .hs-theme-toggle{background:#fffffff2!important;border:1px solid rgba(255,255,255,.3)!important;width:36px!important;height:36px!important;padding:0!important;border-radius:8px!important;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000001a}.top-bar-actions .hs-theme-toggle:hover,.hs-top-bar-actions .hs-theme-toggle:hover{background:#fff!important;border-color:#ffffff80!important;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.top-bar-actions .hs-theme-toggle:active,.hs-top-bar-actions .hs-theme-toggle:active{transform:translateY(0)}.top-bar-actions .hs-theme-icon,.hs-top-bar-actions .hs-theme-icon{color:#ff8c42!important;width:18px!important;height:18px!important;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(255,140,66,.3))}.light-theme .hs-top-bar-actions .hs-theme-icon,.hs-light .hs-top-bar-actions .hs-theme-icon{color:#ff8c42!important}.dark-theme .hs-top-bar-actions .hs-theme-icon,.hs-dark .hs-top-bar-actions .hs-theme-icon{color:#60a5fa!important;filter:drop-shadow(0 1px 2px rgba(96,165,250,.3))}.icon-button.refreshing{animation:spin 1s linear infinite}:root{--hs-primary: #558b6e;--hs-primary-rgb: 85, 139, 110;--hs-primary-light: #7ba892;--hs-primary-dark: #3d6249;--hs-self-discovery: 85, 139, 110;--hs-emotional-intelligence: 216, 76, 147;--hs-mindfulness-awareness: 142, 68, 173;--hs-transformation-journey: 26, 155, 155;--hs-creative-expression: 217, 70, 239;--hs-relationship-mastery: 220, 38, 38;--hs-career-vision: 79, 70, 229;--hs-spiritual-discovery: 14, 165, 233;--hs-financial-mindfulness: 234, 179, 8;--hs-deep-sleep: 55, 48, 163;--hs-shadow-integration: 168, 85, 247;--hs-decision-mastery: 5, 150, 105;--hs-success: #10b981;--hs-success-rgb: 16, 185, 129;--hs-info: #3b82f6;--hs-warning: #f59e0b;--hs-error: #ef4444;--hs-flame: #ff6b35;--hs-flame-rgb: 255, 107, 53;--hs-space-xs: .25rem;--hs-space-sm: .5rem;--hs-space-md: .75rem;--hs-space-lg: 1rem;--hs-space-xl: 1.5rem;--hs-space-2xl: 2rem;--hs-space-3xl: 3rem;--hs-radius-sm: .375rem;--hs-radius-md: .5rem;--hs-radius-lg: .75rem;--hs-radius-xl: 1rem;--hs-radius-2xl: 1.5rem;--hs-radius-full: 9999px;--hs-font-xs: .75rem;--hs-font-sm: .875rem;--hs-font-base: 1rem;--hs-font-lg: 1.125rem;--hs-font-xl: 1.25rem;--hs-font-2xl: 1.5rem;--hs-font-3xl: 1.875rem;--hs-font-4xl: 2.25rem;--hs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--hs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--hs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--hs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--hs-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--hs-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--hs-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--hs-transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55)}.hs-dark{--hs-bg-primary: #0f1419;--hs-bg-secondary: #1a1e2a;--hs-bg-tertiary: #252938;--hs-bg-card: #1e2430;--hs-bg-hover: #2a3040;--hs-bg-active: #343b4f;--hs-text-primary: #f8fafc;--hs-text-secondary: #cbd5e1;--hs-text-tertiary: #94a3b8;--hs-text-muted: #64748b;--hs-border-primary: #334155;--hs-border-secondary: #475569;--hs-border-hover: #64748b;--hs-overlay: rgba(0, 0, 0, .75);--hs-glass: rgba(30, 36, 48, .8)}.hs-light{--hs-bg-primary: #ffffff;--hs-bg-secondary: #f8fafc;--hs-bg-tertiary: #f1f5f9;--hs-bg-card: #ffffff;--hs-bg-hover: #f1f5f9;--hs-bg-active: #e2e8f0;--hs-text-primary: #0f172a;--hs-text-secondary: #334155;--hs-text-tertiary: #475569;--hs-text-muted: #64748b;--hs-border-primary: #e2e8f0;--hs-border-secondary: #cbd5e1;--hs-border-hover: #94a3b8;--hs-overlay: rgba(0, 0, 0, .5);--hs-glass: rgba(255, 255, 255, .8)}.hs-container{max-width:768px;margin:0 auto;padding:.25rem;background-color:var(--hs-bg-primary);color:var(--hs-text-primary);min-height:100vh;opacity:0;transform:translateY(20px);transition:all var(--hs-transition-slow)}.hs-container.hs-loaded{opacity:1;transform:translateY(0)}.hs-header{margin-bottom:var(--hs-space-2xl);animation:slideDown .6s ease-out}.hs-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--hs-space-lg);margin-bottom:var(--hs-space-xl)}.hs-header-main{flex:1;min-width:0}.hs-date-wrapper{margin-bottom:var(--hs-space-md)}.hs-date-badge{display:inline-flex;align-items:center;gap:var(--hs-space-xs);padding:var(--hs-space-xs) var(--hs-space-md);background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-full);transition:all var(--hs-transition-normal);box-shadow:var(--hs-shadow-sm)}.hs-date-badge:hover{background:var(--hs-bg-hover);transform:translateY(-2px);box-shadow:var(--hs-shadow-md)}.hs-date{font-size:var(--hs-font-sm);color:var(--hs-text-tertiary);margin:0;font-weight:500;letter-spacing:.025em}.hs-greeting{font-size:var(--hs-font-2xl);font-weight:700;color:var(--hs-text-primary);margin:0;line-height:1.2;display:flex;align-items:center;gap:var(--hs-space-sm);flex-wrap:wrap}.hs-username{background:#079b6d;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hs-username:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:linear-gradient(90deg,rgb(var(--hs-primary-rgb)),transparent);border-radius:2px;opacity:.6}.hs-greeting-emoji{font-size:var(--hs-font-xl);animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hs-header-actions{display:flex;align-items:center;gap:var(--hs-space-md);flex-shrink:0}.hs-weather-wrapper{position:relative}.hs-stats-overview{background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-xl);padding:var(--hs-space-xl);box-shadow:var(--hs-shadow-md);position:relative;overflow:hidden}.hs-stats-overview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(var(--hs-primary-rgb),.05),transparent 60%);opacity:.8}.hs-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--hs-space-lg);position:relative;z-index:1}.hs-stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--hs-space-md);background:var(--hs-bg-tertiary);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-lg);transition:all var(--hs-transition-normal);position:relative;overflow:hidden;min-height:100px;justify-content:center}.hs-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--hs-primary-rgb),.03),transparent 60%);opacity:0;transition:opacity var(--hs-transition-normal)}.hs-stat-card:hover{transform:translateY(-3px);box-shadow:var(--hs-shadow-lg);border-color:var(--hs-border-hover)}.hs-stat-card:hover:before{opacity:1}.hs-stat-icon-wrapper{width:36px;height:36px;background:var(--hs-bg-hover);border-radius:var(--hs-radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--hs-space-sm);transition:all var(--hs-transition-normal);position:relative;z-index:1}.hs-stat-card:hover .hs-stat-icon-wrapper{background:var(--hs-bg-active);transform:scale(1.1)}.hs-stat-icon{width:18px;height:18px;color:var(--hs-text-secondary);transition:all var(--hs-transition-normal)}.hs-stat-card:hover .hs-stat-icon{color:rgb(var(--hs-primary-rgb))}.hs-stat-content{position:relative;z-index:1}.hs-stat-number{font-size:var(--hs-font-xl);font-weight:700;color:var(--hs-text-primary);margin-bottom:var(--hs-space-xs);line-height:1}.hs-stat-label{font-size:var(--hs-font-xs);color:var(--hs-text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.hs-stat-highlight{background:linear-gradient(135deg,rgba(var(--hs-flame-rgb),.1),var(--hs-bg-tertiary));border-color:rgba(var(--hs-flame-rgb),.2)}.hs-stat-icon-highlight{background:rgba(var(--hs-flame-rgb),.15);animation:pulse-flame 2s infinite}@keyframes pulse-flame{0%{box-shadow:0 0 rgba(var(--hs-flame-rgb),.4)}70%{box-shadow:0 0 0 8px rgba(var(--hs-flame-rgb),0)}to{box-shadow:0 0 rgba(var(--hs-flame-rgb),0)}}.hs-stat-highlight .hs-stat-icon,.hs-stat-highlight .hs-stat-number{color:var(--hs-flame)}.hs-header .hs-theme-toggle:not(.hs-top-bar-actions .hs-theme-toggle){position:relative;width:56px;height:17px;background:none;border:none;cursor:pointer;padding:0;outline:none}.hs-header .hs-theme-toggle-track{width:100%;height:70%;background:var(--hs-bg-tertiary);border:2px solid var(--hs-border-primary);border-radius:var(--hs-radius-full);position:relative;transition:all var(--hs-transition-normal);box-shadow:inset 0 2px 4px #0000001a}.hs-header .hs-theme-toggle:hover .hs-theme-toggle-track{border-color:var(--hs-border-hover);box-shadow:inset 0 2px 4px #0000001a,0 0 0 4px rgba(var(--hs-primary-rgb),.1)}.hs-header .hs-theme-toggle-thumb{position:absolute;top:-2px;width:24px;height:24px;background:var(--hs-bg-card);border-radius:var(--hs-radius-full);transition:all var(--hs-transition-bounce);display:flex;align-items:center;justify-content:center;box-shadow:var(--hs-shadow-md);border:1px solid var(--hs-border-secondary)}.hs-header .hs-theme-toggle-thumb-light{left:2px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b}.hs-header .hs-theme-toggle-thumb-dark{left:26px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#4f46e5}.hs-header .hs-theme-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.hs-header .hs-theme-toggle:active .hs-theme-toggle-thumb{transform:scale(.95)}.hs-section{margin-bottom:var(--hs-space-3xl);animation:fadeInUp .6s ease-out;animation-fill-mode:both}.hs-section:nth-child(2){animation-delay:.1s}.hs-section:nth-child(3){animation-delay:.2s}.hs-section:nth-child(4){animation-delay:.3s}.hs-section:nth-child(5){animation-delay:.4s}.hs-section:nth-child(6){animation-delay:.5s}.hs-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--hs-space-xl)}.hs-section-title{display:flex;align-items:center;gap:var(--hs-space-sm);font-size:var(--hs-font-xl);font-weight:600;color:var(--hs-text-primary);margin:0}.hs-section-icon{width:24px;height:24px;color:rgb(var(--hs-primary-rgb))}.hs-view-all-btn{display:flex;align-items:center;gap:var(--hs-space-xs);padding:var(--hs-space-sm) var(--hs-space-md);background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-md);color:var(--hs-text-secondary);font-size:var(--hs-font-sm);font-weight:500;cursor:pointer;transition:all var(--hs-transition-normal);box-shadow:var(--hs-shadow-sm)}.hs-view-all-btn:hover{background:var(--hs-bg-hover);border-color:var(--hs-border-hover);color:var(--hs-text-primary);transform:translateY(-2px);box-shadow:var(--hs-shadow-lg)}.hs-journey-category{margin-bottom:var(--hs-space-2xl)}.hs-category-title{display:flex;align-items:center;gap:var(--hs-space-sm);font-size:var(--hs-font-base);font-weight:500;color:var(--hs-text-secondary);margin-bottom:var(--hs-space-lg)}.hs-category-icon{width:18px;height:18px;color:var(--hs-text-tertiary)}.hs-journeys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--hs-space-lg)}.hs-journey-card{background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-xl);padding:var(--hs-space-xl);cursor:pointer;transition:all var(--hs-transition-slow);position:relative;overflow:hidden;box-shadow:var(--hs-shadow-sm)}.hs-journey-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--hs-primary-rgb),.02),transparent 60%);opacity:0;transition:opacity var(--hs-transition-normal)}.hs-journey-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--hs-border-hover);box-shadow:var(--hs-shadow-xl)}.hs-journey-card:hover:before{opacity:1}.hs-journey-card:active{transform:translateY(-2px) scale(1.01)}.hs-journey-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--hs-space-lg)}.hs-journey-icon-wrapper{width:48px;height:48px;border-radius:var(--hs-radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--hs-transition-normal);position:relative}.hs-journey-icon-wrapper:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--hs-radius-full);background:inherit;opacity:.3;filter:blur(8px);z-index:-1;transition:all var(--hs-transition-normal)}.hs-journey-card:hover .hs-journey-icon-wrapper{transform:scale(1.1)}.hs-journey-card:hover .hs-journey-icon-wrapper:after{opacity:.5;filter:blur(12px)}.hs-journey-icon{width:24px;height:24px}.hs-journey-meta{text-align:right}.hs-journey-day{font-size:var(--hs-font-xs);color:var(--hs-text-tertiary);font-weight:500}.hs-journey-badge{display:flex;align-items:center;gap:var(--hs-space-xs);padding:var(--hs-space-xs) var(--hs-space-sm);background:rgba(var(--hs-success-rgb),.1);border:1px solid rgba(var(--hs-success-rgb),.2);border-radius:var(--hs-radius-full);color:var(--hs-success);font-size:var(--hs-font-xs);font-weight:500}.hs-journey-title{font-size:var(--hs-font-lg);font-weight:600;color:var(--hs-text-primary);margin:0 0 var(--hs-space-lg) 0;line-height:1.3}.hs-progress-bar{height:8px;background:var(--hs-bg-tertiary);border-radius:var(--hs-radius-full);margin-bottom:var(--hs-space-lg);overflow:hidden;position:relative}.hs-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.2) 100%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hs-progress-fill{height:100%;border-radius:var(--hs-radius-full);transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;background:linear-gradient(135deg,currentColor,rgba(currentColor,.8))}.hs-journey-footer{display:flex;justify-content:space-between;align-items:center}.hs-progress-text{font-size:var(--hs-font-xs);color:var(--hs-text-tertiary);font-weight:500}.hs-continue-btn,.hs-view-btn{display:flex;align-items:center;gap:var(--hs-space-xs);padding:var(--hs-space-sm) var(--hs-space-md);background:var(--hs-bg-hover);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-md);color:var(--hs-text-secondary);font-size:var(--hs-font-xs);font-weight:500;cursor:pointer;transition:all var(--hs-transition-normal)}.hs-continue-btn:hover,.hs-view-btn:hover{background:var(--hs-bg-active);color:var(--hs-text-primary);transform:translateY(-1px);box-shadow:var(--hs-shadow-md)}.hs-no-journeys{text-align:center;padding:var(--hs-space-3xl) var(--hs-space-xl);background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-xl);position:relative;overflow:hidden}.hs-no-journeys:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(var(--hs-primary-rgb),.05),transparent 70%)}.hs-no-journeys-icon{margin-bottom:var(--hs-space-xl);color:var(--hs-text-tertiary);opacity:.7;position:relative;z-index:1}.hs-no-journeys-title{font-size:var(--hs-font-xl);font-weight:600;color:var(--hs-text-primary);margin:0 0 var(--hs-space-md) 0;position:relative;z-index:1}.hs-no-journeys-text{color:var(--hs-text-secondary);margin-bottom:var(--hs-space-xl);position:relative;z-index:1;line-height:1.5}.hs-explore-btn{display:inline-flex;align-items:center;gap:var(--hs-space-sm);padding:var(--hs-space-lg) var(--hs-space-xl);background:linear-gradient(135deg,rgb(var(--hs-primary-rgb)),rgba(var(--hs-primary-rgb),.8));color:#fff;border:none;border-radius:var(--hs-radius-lg);font-weight:600;cursor:pointer;transition:all var(--hs-transition-normal);box-shadow:var(--hs-shadow-lg);position:relative;z-index:1}.hs-explore-btn:hover{transform:translateY(-2px);box-shadow:var(--hs-shadow-xl)}.hs-explore-btn:active{transform:translateY(0)}.hs-prompt-day-badge{padding:var(--hs-space-sm) var(--hs-space-md);background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-full);color:var(--hs-text-secondary);font-size:var(--hs-font-sm);font-weight:500;transition:all var(--hs-transition-normal)}.hs-prompt-day-badge:hover{background:var(--hs-bg-hover);transform:translateY(-2px)}.hs-completed-badge{display:flex;align-items:center;gap:var(--hs-space-xs);color:var(--hs-success)}.hs-prompt-card{background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-xl);padding:var(--hs-space-2xl);box-shadow:var(--hs-shadow-md);position:relative;overflow:hidden;transition:all var(--hs-transition-slow)}.hs-prompt-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(var(--hs-primary-rgb),.05),transparent 60%);opacity:0;transition:opacity var(--hs-transition-normal)}.hs-prompt-card:hover{transform:translateY(-2px);box-shadow:var(--hs-shadow-xl)}.hs-prompt-card:hover:before{opacity:1}.hs-prompt-theme{display:inline-flex;align-items:center;gap:var(--hs-space-sm);padding:var(--hs-space-sm) var(--hs-space-md);background:var(--hs-bg-tertiary);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-full);margin-bottom:var(--hs-space-xl);transition:all var(--hs-transition-normal)}.hs-theme-icon{width:16px;height:16px;color:rgb(var(--hs-primary-rgb))}.hs-theme-text{font-size:var(--hs-font-xs);color:var(--hs-text-tertiary);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.hs-prompt-title{font-size:var(--hs-font-2xl);font-weight:600;color:var(--hs-text-primary);margin:0 0 var(--hs-space-lg) 0;line-height:1.2;position:relative;z-index:1}.hs-prompt-text{color:var(--hs-text-secondary);font-size:var(--hs-font-base);margin-bottom:var(--hs-space-2xl);line-height:1.6;position:relative;z-index:1}.hs-prompt-actions{display:flex;gap:var(--hs-space-lg);position:relative;z-index:1}.hs-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--hs-space-sm);padding:var(--hs-space-lg) var(--hs-space-xl);border-radius:var(--hs-radius-lg);font-weight:600;cursor:pointer;transition:all var(--hs-transition-slow);position:relative;overflow:hidden;border:none}.hs-action-primary{background:linear-gradient(135deg,rgb(var(--hs-primary-rgb)),rgba(var(--hs-primary-rgb),.8));color:#fff;box-shadow:var(--hs-shadow-lg)}.hs-action-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.hs-action-primary:hover{transform:translateY(-3px);box-shadow:var(--hs-shadow-xl)}.hs-action-primary:hover:after{left:100%}.hs-pulse-btn{animation:pulse 3s infinite}@keyframes pulse{0%{box-shadow:var(--hs-shadow-lg),0 0 rgba(var(--hs-primary-rgb),.4)}70%{box-shadow:var(--hs-shadow-lg),0 0 0 12px rgba(var(--hs-primary-rgb),0)}to{box-shadow:var(--hs-shadow-lg),0 0 rgba(var(--hs-primary-rgb),0)}}.hs-action-secondary{background:var(--hs-bg-tertiary);border:1px solid var(--hs-border-primary);color:var(--hs-text-secondary)}.hs-action-secondary:hover{background:var(--hs-bg-hover);color:var(--hs-text-primary);border-color:var(--hs-border-hover);transform:translateY(-3px);box-shadow:var(--hs-shadow-lg)}.hs-journey-complete-card{background:linear-gradient(135deg,var(--hs-bg-card) 0%,var(--hs-bg-tertiary) 100%);border:1px solid var(--hs-border-secondary)}.hs-complete-celebration{text-align:center;margin-bottom:var(--hs-space-2xl)}.hs-complete-icon{position:relative;display:inline-block;margin-bottom:var(--hs-space-xl)}.hs-award-icon{width:64px;height:64px;color:#f59e0b;filter:drop-shadow(0 0 12px rgba(245,158,11,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hs-award-glow{position:absolute;top:50%;left:50%;width:80px;height:80px;background:radial-gradient(circle,rgba(245,158,11,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:pulse-glow 3s infinite alternate}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.hs-complete-title{font-size:var(--hs-font-2xl);font-weight:700;color:var(--hs-text-primary);margin:0 0 var(--hs-space-md) 0}.hs-complete-text{color:var(--hs-text-secondary);line-height:1.6;margin:0}.hs-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hs-space-lg)}.hs-action-card{background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-xl);padding:var(--hs-space-xl);display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:all var(--hs-transition-slow);overflow:hidden;box-shadow:var(--hs-shadow-sm);min-height:120px;justify-content:center}.hs-action-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--hs-primary-rgb),.03),transparent 60%);opacity:0;transition:opacity var(--hs-transition-normal)}.hs-action-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--hs-border-hover);box-shadow:var(--hs-shadow-xl)}.hs-action-card:hover:before{opacity:1}.hs-action-icon-wrapper{width:48px;height:48px;background:var(--hs-bg-tertiary);border-radius:var(--hs-radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--hs-space-md);transition:all var(--hs-transition-normal);position:relative;z-index:1}.hs-action-card:hover .hs-action-icon-wrapper{background:var(--hs-bg-active);transform:scale(1.1)}.hs-action-icon{width:24px;height:24px;color:var(--hs-text-secondary);transition:all var(--hs-transition-normal)}.hs-action-card:hover .hs-action-icon{color:rgb(var(--hs-primary-rgb))}.hs-action-label{font-size:var(--hs-font-sm);font-weight:500;color:var(--hs-text-primary);text-align:center;position:relative;z-index:1;transition:all var(--hs-transition-normal)}.hs-action-chevron{position:absolute;top:var(--hs-space-lg);right:var(--hs-space-lg);width:16px;height:16px;color:var(--hs-text-tertiary);opacity:0;transition:all var(--hs-transition-normal);z-index:1}.hs-action-card:hover .hs-action-chevron{opacity:1;transform:translate(2px)}.hs-action-highlight{background:linear-gradient(135deg,rgba(var(--hs-primary-rgb),.08),var(--hs-bg-card));border-color:rgba(var(--hs-primary-rgb),.2)}.hs-action-icon-highlight{background:rgba(var(--hs-primary-rgb),.15)}.hs-action-icon-highlight:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--hs-radius-full);background:rgba(var(--hs-primary-rgb),.1);animation:pulse-highlight 2s infinite;z-index:-1}@keyframes pulse-highlight{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.hs-action-highlight .hs-action-icon{color:rgb(var(--hs-primary-rgb))}.hs-analytics-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--hs-space-lg);margin-bottom:var(--hs-space-xl)}.hs-analytics-preview-card{background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-lg);padding:var(--hs-space-lg);text-align:center;transition:all var(--hs-transition-normal)}.hs-analytics-preview-card:hover{transform:translateY(-2px);box-shadow:var(--hs-shadow-md);border-color:var(--hs-border-hover)}.hs-analytics-preview-header{display:flex;align-items:center;justify-content:center;gap:var(--hs-space-xs);margin-bottom:var(--hs-space-md)}.hs-analytics-preview-header h4{font-size:var(--hs-font-sm);font-weight:500;color:var(--hs-text-tertiary);margin:0}.hs-analytics-preview-icon{width:16px;height:16px;color:rgb(var(--hs-primary-rgb))}.hs-analytics-preview-value{font-size:var(--hs-font-2xl);font-weight:700;color:var(--hs-text-primary);margin-bottom:var(--hs-space-xs)}.hs-analytics-preview-subtext{font-size:var(--hs-font-xs);color:var(--hs-text-muted)}.hs-analytics-cta{background:var(--hs-bg-tertiary);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-lg);padding:var(--hs-space-xl);text-align:center}.hs-analytics-cta-text{color:var(--hs-text-secondary);margin-bottom:var(--hs-space-lg);line-height:1.5}.hs-analytics-cta-btn{display:inline-flex;align-items:center;gap:var(--hs-space-sm);padding:var(--hs-space-md) var(--hs-space-lg);background:linear-gradient(135deg,rgb(var(--hs-primary-rgb)),rgba(var(--hs-primary-rgb),.8));color:#fff;border:none;border-radius:var(--hs-radius-md);font-weight:500;cursor:pointer;transition:all var(--hs-transition-normal);box-shadow:var(--hs-shadow-md)}.hs-analytics-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--hs-shadow-lg)}.hs-quote-card{background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-xl);padding:var(--hs-space-2xl);position:relative;cursor:pointer;transition:all var(--hs-transition-slow);overflow:hidden;box-shadow:var(--hs-shadow-sm)}.hs-quote-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top left,rgba(var(--hs-primary-rgb),.05),transparent 70%);opacity:0;transition:opacity var(--hs-transition-normal)}.hs-quote-card:hover{transform:translateY(-3px);box-shadow:var(--hs-shadow-xl);border-color:var(--hs-border-hover)}.hs-quote-card:hover:before{opacity:1}.hs-quote-theme-badge{position:absolute;top:var(--hs-space-lg);right:var(--hs-space-lg);display:flex;align-items:center;gap:var(--hs-space-xs);padding:var(--hs-space-xs) var(--hs-space-sm);background:rgba(var(--hs-primary-rgb),.1);border:1px solid rgba(var(--hs-primary-rgb),.2);border-radius:var(--hs-radius-full);color:rgb(var(--hs-primary-rgb));font-size:var(--hs-font-xs);font-weight:500;text-transform:capitalize;z-index:2;transition:all var(--hs-transition-normal)}.hs-quote-card:hover .hs-quote-theme-badge{background:rgba(var(--hs-primary-rgb),.15);transform:translateY(-2px)}.hs-quote-icon{position:absolute;top:var(--hs-space-xl);left:var(--hs-space-xl);width:24px;height:24px;color:var(--hs-text-tertiary);opacity:.7;animation:gentle-float 4s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hs-quote-content{padding-left:var(--hs-space-3xl);padding-right:var(--hs-space-2xl);transition:all var(--hs-transition-normal)}.hs-quote-changing{opacity:0;transform:translateY(10px)}.hs-quote-text{font-size:var(--hs-font-lg);line-height:1.6;color:var(--hs-text-primary);font-style:italic;margin:0 0 var(--hs-space-lg) 0;position:relative;z-index:1}.hs-quote-author{font-size:var(--hs-font-sm);color:var(--hs-text-secondary);text-align:right;margin:0;font-weight:500;position:relative;z-index:1;transition:color var(--hs-transition-normal)}.hs-quote-card:hover .hs-quote-author{color:rgb(var(--hs-primary-rgb))}.hs-quote-tap-hint{position:absolute;bottom:var(--hs-space-lg);right:var(--hs-space-xl);display:flex;align-items:center;gap:var(--hs-space-xs);font-size:var(--hs-font-xs);color:var(--hs-text-tertiary);opacity:0;transition:all var(--hs-transition-normal);z-index:1}.hs-quote-card:hover .hs-quote-tap-hint{opacity:1}.hs-location-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--hs-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.hs-location-modal{background:var(--hs-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-2xl);padding:var(--hs-space-2xl);width:90%;max-width:400px;box-shadow:var(--hs-shadow-xl);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hs-location-header{text-align:center;margin-bottom:var(--hs-space-2xl)}.hs-location-icon-wrapper{width:64px;height:64px;background:rgba(var(--hs-primary-rgb),.15);border-radius:var(--hs-radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--hs-space-lg);animation:pulse-location 2s infinite}@keyframes pulse-location{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hs-location-icon{width:32px;height:32px;color:rgb(var(--hs-primary-rgb))}.hs-location-title{font-size:var(--hs-font-xl);font-weight:600;color:var(--hs-text-primary);margin:0 0 var(--hs-space-sm) 0}.hs-location-subtitle{color:var(--hs-text-secondary);margin:0;line-height:1.5}.hs-input-group{margin-bottom:var(--hs-space-xl)}.hs-input-wrapper{position:relative}.hs-location-input{width:100%;padding:var(--hs-space-lg) var(--hs-space-lg) var(--hs-space-lg) calc(var(--hs-space-lg) + 32px);background:var(--hs-bg-tertiary);border:2px solid var(--hs-border-primary);border-radius:var(--hs-radius-lg);color:var(--hs-text-primary);font-size:var(--hs-font-base);transition:all var(--hs-transition-normal);outline:none}.hs-location-input:focus{border-color:rgb(var(--hs-primary-rgb));box-shadow:0 0 0 4px rgba(var(--hs-primary-rgb),.1);background:var(--hs-bg-card)}.hs-input-icon{position:absolute;left:var(--hs-space-lg);top:50%;transform:translateY(-50%);color:var(--hs-text-tertiary);pointer-events:none}.hs-input-clear{position:absolute;right:var(--hs-space-lg);top:50%;transform:translateY(-50%);background:var(--hs-bg-hover);border:none;border-radius:var(--hs-radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--hs-text-secondary);cursor:pointer;transition:all var(--hs-transition-normal)}.hs-input-clear:hover{background:var(--hs-bg-active);color:var(--hs-text-primary)}.hs-input-hint{font-size:var(--hs-font-sm);color:var(--hs-text-tertiary);margin-top:var(--hs-space-sm);line-height:1.4}.hs-location-actions{display:flex;gap:var(--hs-space-lg)}.hs-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--hs-space-sm);padding:var(--hs-space-lg);border-radius:var(--hs-radius-lg);font-weight:600;cursor:pointer;transition:all var(--hs-transition-normal);border:none;position:relative;overflow:hidden}.hs-btn-primary{background:linear-gradient(135deg,rgb(var(--hs-primary-rgb)),rgba(var(--hs-primary-rgb),.8));color:#fff;box-shadow:var(--hs-shadow-lg)}.hs-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--hs-shadow-xl)}.hs-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.hs-btn-secondary{background:var(--hs-bg-tertiary);border:1px solid var(--hs-border-primary);color:var(--hs-text-secondary)}.hs-btn-secondary:hover{background:var(--hs-bg-hover);color:var(--hs-text-primary);border-color:var(--hs-border-hover);transform:translateY(-2px)}.hs-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.hs-scroll-indicator{display:flex;justify-content:center;margin:var(--hs-space-xl) 0;opacity:.6}.hs-scroll-icon{width:24px;height:24px;color:var(--hs-text-tertiary);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.hs-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.hs-loading-spinner{width:48px;height:48px;border:4px solid var(--hs-bg-tertiary);border-top:4px solid rgb(var(--hs-primary-rgb));border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--hs-space-lg)}.pac-container{background:var(--hs-bg-card);border:1px solid var(--hs-border-primary);border-radius:var(--hs-radius-lg);box-shadow:var(--hs-shadow-xl);margin-top:4px;z-index:1100!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pac-item{padding:var(--hs-space-lg);border-top:1px solid var(--hs-border-primary);cursor:pointer;transition:all var(--hs-transition-normal);color:var(--hs-text-primary)}.pac-item:first-child{border-top:none}.pac-item:hover{background:var(--hs-bg-hover)}.pac-item-query{color:var(--hs-text-primary);font-weight:500}.pac-matched{color:rgb(var(--hs-primary-rgb));font-weight:600}@media(max-width:640px){.hs-container{padding:.25rem}.hs-header-content{flex-direction:column;align-items:stretch;gap:var(--hs-space-lg)}.hs-header-actions{justify-content:space-between;align-self:stretch}.hs-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--hs-space-md)}.hs-journeys-grid,.hs-actions-grid{grid-template-columns:1fr;gap:var(--hs-space-md)}.hs-analytics-preview-grid{grid-template-columns:repeat(2,1fr);gap:var(--hs-space-md)}.hs-prompt-actions{flex-direction:column;gap:var(--hs-space-md)}.hs-section{margin-bottom:var(--hs-space-2xl)}.hs-section-header{margin-bottom:var(--hs-space-lg)}.hs-section-title{font-size:var(--hs-font-lg)}.hs-prompt-card,.hs-quote-card{padding:var(--hs-space-xl)}.hs-location-modal{margin:var(--hs-space-lg);width:calc(100% - var(--hs-space-2xl))}.hs-location-actions{flex-direction:column;gap:var(--hs-space-md)}.hs-quote-content{padding-left:var(--hs-space-2xl);padding-right:var(--hs-space-lg)}.hs-quote-text{font-size:var(--hs-font-base)}.hs-scroll-indicator{display:none}}@media(max-width:480px){.hs-container{padding:.25rem}.hs-stats-grid{grid-template-columns:1fr;gap:var(--hs-space-sm)}.hs-stat-card{min-height:80px;padding:var(--hs-space-sm)}.hs-stat-icon-wrapper{width:32px;height:32px}.hs-stat-icon{width:16px;height:16px}.hs-stat-number{font-size:var(--hs-font-lg)}.hs-prompt-card,.hs-quote-card,.hs-journey-card,.hs-action-card{padding:var(--hs-space-lg)}.hs-location-modal{padding:var(--hs-space-xl)}.hs-prompt-title,.hs-complete-title{font-size:var(--hs-font-xl)}.hs-journey-title{font-size:var(--hs-font-base)}.hs-analytics-preview-grid{grid-template-columns:1fr}}.hs-prompt-self-discovery .hs-theme-icon{color:rgb(var(--hs-self-discovery))}.hs-action-self-discovery{background:linear-gradient(135deg,rgb(var(--hs-self-discovery)),rgba(var(--hs-self-discovery),.8))}.hs-prompt-emotional-intelligence .hs-theme-icon{color:rgb(var(--hs-emotional-intelligence))}.hs-action-emotional-intelligence{background:linear-gradient(135deg,rgb(var(--hs-emotional-intelligence)),rgba(var(--hs-emotional-intelligence),.8))}.hs-prompt-mindfulness-awareness .hs-theme-icon{color:rgb(var(--hs-mindfulness-awareness))}.hs-action-mindfulness-awareness{background:linear-gradient(135deg,rgb(var(--hs-mindfulness-awareness)),rgba(var(--hs-mindfulness-awareness),.8))}.hs-prompt-transformation-journey .hs-theme-icon{color:rgb(var(--hs-transformation-journey))}.hs-action-transformation-journey{background:linear-gradient(135deg,rgb(var(--hs-transformation-journey)),rgba(var(--hs-transformation-journey),.8))}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.hs-container{--hs-border-primary: currentColor;--hs-border-secondary: currentColor}}.hs-theme-toggle:focus-visible,.hs-view-all-btn:focus-visible,.hs-continue-btn:focus-visible,.hs-view-btn:focus-visible,.hs-action-btn:focus-visible,.hs-action-card:focus-visible,.hs-journey-card:focus-visible,.hs-btn:focus-visible{outline:2px solid rgb(var(--hs-primary-rgb));outline-offset:2px}@media(hover:none)and (pointer:coarse){.hs-journey-card,.hs-action-card,.hs-quote-card,.hs-stat-card{transform:none}.hs-journey-card:active,.hs-action-card:active,.hs-quote-card:active,.hs-stat-card:active{transform:scale(.98)}}.hs-stat-clickable{cursor:pointer;transition:all .2s ease}.hs-stat-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hs-stat-clickable:active{transform:translateY(0);transform:scale(.98)}.hs-stat-card.hs-stat-clickable{cursor:pointer!important;transition:all .15s ease!important;position:relative!important;border:1px solid transparent!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important}.hs-stat-card.hs-stat-clickable:active{transform:scale(.98)!important;opacity:.8!important;background-color:#3b82f61a!important}.hs-stat-hover-indicator{position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important;opacity:.6!important;color:#64748b!important;z-index:10!important;transition:opacity .2s ease!important}.hs-stat-card.hs-stat-clickable:not(.hs-stat-highlight) .hs-stat-hover-indicator{color:#3b82f6!important}.hs-stat-card.hs-stat-clickable.hs-stat-highlight .hs-stat-hover-indicator{color:#10b981!important}.hs-stat-card.hs-stat-clickable:active .hs-stat-hover-indicator{opacity:1!important;transform:translateY(-50%) translate(-4px)!important}.hs-scroll-indicator{position:fixed!important;bottom:100px!important;right:20px!important;z-index:1000!important;cursor:pointer!important;background:#000c!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:50%!important;width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid rgba(255,255,255,.2)!important;box-shadow:0 4px 20px #0006!important;transition:all .2s ease!important;-webkit-tap-highlight-color:transparent!important}.hs-scroll-indicator:active{transform:scale(.9)!important;background:#3b82f6e6!important;border-color:#3b82f6cc!important}.hs-scroll-icon{color:#fff!important;width:24px!important;height:24px!important;animation:mobileBounce 3s ease-in-out infinite!important}.hs-scroll-indicator:active .hs-scroll-icon{animation:none!important;transform:scale(1.1)!important}@keyframes mobileBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}.hs-stat-card.hs-stat-clickable:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent);border-radius:inherit;z-index:-1;transition:opacity .2s ease;opacity:0}.hs-stat-card.hs-stat-clickable:active:before{opacity:1}@media(max-width:768px){.hs-scroll-indicator{bottom:90px!important;right:16px!important;width:52px!important;height:52px!important}.hs-stat-hover-indicator{right:10px!important}.hs-scroll-icon{width:22px!important;height:22px!important}}@media(max-width:480px){.hs-scroll-indicator{bottom:80px!important;right:12px!important;width:48px!important;height:48px!important}.hs-stat-hover-indicator{right:8px!important}.hs-scroll-icon{width:20px!important;height:20px!important}}*{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.hs-greeting,.hs-prompt-text,.hs-quote-text,.hs-prompt-title,.hs-journey-title{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.hs-stat-card.hs-stat-clickable{min-height:80px!important;padding:16px!important}.hs-dark .hs-scroll-indicator{background:#ffffff26!important;border-color:#ffffff4d!important}.hs-stat-card.hs-stat-clickable:focus-visible,.hs-scroll-indicator:focus-visible{outline:3px solid #3b82f6!important;outline-offset:2px!important}@media(pointer:coarse){.hs-stat-card.hs-stat-clickable{min-height:88px!important}.hs-scroll-indicator{width:60px!important;height:60px!important}}.hs-stat-card.hs-stat-clickable{cursor:pointer!important;transition:all .15s ease!important;position:relative!important;border:1px solid transparent!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important;overflow:hidden!important}.hs-stat-card.hs-stat-clickable:not(.hs-stat-highlight){position:relative}.hs-stat-card.hs-stat-clickable:not(.hs-stat-highlight):before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(59,130,246,.3),transparent,rgba(59,130,246,.5),transparent);border-radius:inherit;z-index:-1;opacity:0;animation:subtleGlow 3s linear infinite;transition:opacity .3s ease}.hs-stat-card.hs-stat-clickable:not(.hs-stat-highlight):active:before{opacity:1;animation:fastGlow 1s linear infinite}@keyframes subtleGlow{0%{background-position:0% 50%;opacity:.3}50%{background-position:100% 50%;opacity:.6}to{background-position:0% 50%;opacity:.3}}@keyframes fastGlow{0%{background-position:0% 50%;opacity:.8}50%{background-position:100% 50%;opacity:1}to{background-position:0% 50%;opacity:.8}}.hs-stat-card.hs-stat-clickable.hs-stat-highlight{position:relative;border:2px solid transparent!important;background:linear-gradient(var(--hs-bg-card, #1e2430),var(--hs-bg-card, #1e2430)) padding-box,linear-gradient(45deg,#d04f05,#d35434,#e7a46e,#b91610) border-box!important;background-size:400% 400%!important;animation:borderColorFlow 4s ease-in-out infinite!important}@keyframes borderColorFlow{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.hs-stat-card.hs-stat-clickable.hs-stat-highlight:active{animation:fastBorderFlow 1s ease-in-out infinite!important;box-shadow:0 0 20px #10b98180!important}@keyframes fastBorderFlow{0%{background-position:0% 50%;box-shadow:0 0 20px #10b98180}50%{background-position:100% 50%;box-shadow:0 0 30px #34d399b3}to{background-position:0% 50%;box-shadow:0 0 20px #10b98180}}.hs-stat-card.hs-stat-clickable.hs-stat-highlight:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);border-radius:inherit;z-index:-1;animation:innerPulse 2s ease-in-out infinite}@keyframes innerPulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.6;transform:scale(1.02)}}.hs-stat-card.hs-stat-clickable:not(.hs-stat-highlight):active{transform:scale(.98)!important;background-color:#3b82f614!important;border-color:#3b82f64d!important}.hs-stat-card.hs-stat-clickable.hs-stat-highlight:active{transform:scale(.98)!important}.hs-stat-hover-indicator{position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important;opacity:.7!important;z-index:10!important;transition:all .2s ease!important}.hs-stat-card.hs-stat-clickable:not(.hs-stat-highlight) .hs-stat-hover-indicator{color:#3b82f6!important;animation:subtleIndicatorPulse 3s ease-in-out infinite}.hs-stat-card.hs-stat-clickable.hs-stat-highlight .hs-stat-hover-indicator{color:#10b981!important;animation:enhancedIndicatorPulse 2s ease-in-out infinite}@keyframes subtleIndicatorPulse{0%,to{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:.9;transform:translateY(-50%) scale(1.05)}}@keyframes enhancedIndicatorPulse{0%,to{opacity:.8;transform:translateY(-50%) scale(1);color:#b9a510}33%{opacity:1;transform:translateY(-50%) scale(1.1);color:#d3c334}66%{opacity:.9;transform:translateY(-50%) scale(1.05);color:#e7c96e}}.hs-stat-card.hs-stat-clickable:active .hs-stat-hover-indicator{opacity:1!important;transform:translateY(-50%) translate(-6px) scale(1.2)!important}.hs-scroll-indicator{position:fixed!important;bottom:100px!important;right:20px!important;z-index:1000!important;cursor:pointer!important;background:#000c!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:50%!important;width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid rgba(255,255,255,.2)!important;box-shadow:0 4px 20px #0006!important;transition:all .2s ease!important;-webkit-tap-highlight-color:transparent!important;animation:floatAndGlow 4s ease-in-out infinite!important}@keyframes floatAndGlow{0%,to{transform:translateY(0);box-shadow:0 4px 20px #0006}50%{transform:translateY(-8px);box-shadow:0 8px 25px #3b82f64d}}.hs-scroll-indicator:active{transform:scale(.9) translateY(-4px)!important;background:#3b82f6e6!important;border-color:#3b82f6cc!important;box-shadow:0 0 30px #3b82f699!important;animation:none!important}.hs-scroll-icon{color:#fff!important;width:24px!important;height:24px!important;animation:bounceIcon 3s ease-in-out infinite!important}@keyframes bounceIcon{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}@media(max-width:768px){.hs-scroll-indicator{bottom:90px!important;right:16px!important;width:52px!important;height:52px!important}.hs-stat-hover-indicator{right:10px!important}}@media(max-width:480px){.hs-scroll-indicator{bottom:80px!important;right:12px!important;width:48px!important;height:48px!important}}.hs-dark .hs-stat-card.hs-stat-clickable.hs-stat-highlight{background:linear-gradient(var(--hs-bg-card, #1e2430),var(--hs-bg-card, #1e2430)) padding-box,linear-gradient(45deg,#d02e05,#d35434,#e76e6e,#b93710) border-box!important}.hs-dark .hs-scroll-indicator{background:#0f1419e6!important;border-color:#ffffff26!important}.hs-dark .hs-scroll-indicator:active{background:#3b82f6e6!important}.hs-theme-toggle-track{width:100%;height:154%;background:var(--hs-bg-tertiary);border:3px solid var(--hs-border-primary);border-radius:var(--hs-radius-full);position:relative;transition:all var(--hs-transition-normal);box-shadow:inset 0 2px 4px #0000001a}.hs-stats-overview{border:2px solid #41e3ae9e;border-radius:15px}.mjl-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:mjl-fadeIn .2s ease-out}@keyframes mjl-fadeIn{0%{opacity:0}to{opacity:1}}.mjl-modal{background:var(--background-primary, #ffffff);border-radius:16px;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:mjl-slideUp .3s ease-out}@keyframes mjl-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .mjl-modal{background:#1f2937;border:1px solid #374151}.mjl-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .mjl-header{border-bottom-color:#374151}.mjl-title-wrapper{display:flex;align-items:center;gap:12px}.mjl-title-icon{color:var(--accent-primary, #10b981)}.mjl-title{font-size:20px;font-weight:700;margin:0;color:var(--text-primary, #111827)}[data-theme=dark] .mjl-title{color:#f9fafb}.mjl-close-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mjl-close-btn:hover{background:var(--background-secondary, #f3f4f6);color:var(--text-primary, #111827)}[data-theme=dark] .mjl-close-btn:hover{background:#374151;color:#f9fafb}.mjl-close-btn:active{transform:scale(.95)}.mjl-content{flex:1;overflow-y:auto;padding:24px}.mjl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--text-secondary, #6b7280)}.mjl-loading-spinner{animation:mjl-spin 1s linear infinite}@keyframes mjl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mjl-journals-list{display:flex;flex-direction:column;gap:12px}.mjl-journal-card{padding:16px;background:var(--background-secondary, #f9fafb);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);transition:all .2s ease}[data-theme=dark] .mjl-journal-card{background:#111827;border-color:#374151}.mjl-journal-card:hover{border-color:var(--accent-primary, #10b981);box-shadow:0 4px 12px #10b9811a}.mjl-journal-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.mjl-journal-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026}.mjl-journal-title{flex:1;display:flex;flex-direction:column;gap:2px}.mjl-journal-number{font-size:16px;font-weight:700;color:var(--text-primary, #111827);letter-spacing:-.01em}[data-theme=dark] .mjl-journal-number{color:#f9fafb}.mjl-journal-tier{font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280)}[data-theme=dark] .mjl-journal-tier{color:#9ca3af}.mjl-delete-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.mjl-delete-btn:hover{background:#ef44441a;transform:scale(1.05)}.mjl-delete-btn:active{transform:scale(.95)}.mjl-delete-btn:disabled{opacity:.5;cursor:not-allowed}.mjl-deleting-spinner{animation:mjl-spin 1s linear infinite}.mjl-journal-id{font-size:13px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-secondary, #6b7280);word-break:break-all;line-height:1.6;padding:8px 12px;background:var(--background-primary, #ffffff);border-radius:6px;border:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .mjl-journal-id{background:#1f2937;border-color:#374151;color:#9ca3af}.mjl-journal-serial{font-size:12px;color:var(--text-secondary, #6b7280);margin-top:8px;padding:6px 12px;background:#3b82f60d;border-radius:6px;border:1px solid rgba(59,130,246,.1)}[data-theme=dark] .mjl-journal-serial{background:#3b82f61a;border-color:#3b82f633;color:#9ca3af}.mjl-primary-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#10b981;color:#fff;border-radius:6px;font-size:12px;font-weight:600;margin-top:8px}.mjl-primary-badge svg{flex-shrink:0}.mjl-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.mjl-empty-icon{color:var(--text-tertiary, #9ca3af);margin-bottom:16px;opacity:.5}.mjl-empty-text{font-size:16px;font-weight:600;color:var(--text-primary, #111827);margin:0 0 8px}[data-theme=dark] .mjl-empty-text{color:#f9fafb}.mjl-empty-hint{font-size:14px;color:var(--text-secondary, #6b7280);margin:0}[data-theme=dark] .mjl-empty-hint{color:#9ca3af}.mjl-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .mjl-footer{border-top-color:#374151}.mjl-btn{flex:1;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.mjl-btn:active{transform:scale(.98)}.mjl-btn-secondary{background:var(--background-secondary, #f3f4f6);color:var(--text-primary, #111827)}[data-theme=dark] .mjl-btn-secondary{background:#374151;color:#f9fafb}.mjl-btn-secondary:hover{background:var(--border-color, #e5e7eb)}[data-theme=dark] .mjl-btn-secondary:hover{background:#4b5563}.mjl-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98133}.mjl-btn-primary:hover{box-shadow:0 6px 16px #10b9814d;transform:translateY(-1px)}.mjl-btn-primary:active{transform:translateY(0) scale(.98)}@media(max-width:640px){.mjl-modal{max-width:100%;max-height:100vh;border-radius:0}.mjl-header{padding:16px 20px}.mjl-content{padding:20px}.mjl-footer{padding:16px 20px;flex-direction:column}.mjl-btn{width:100%}}.am-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:am-fadeIn .2s ease-out}@keyframes am-fadeIn{0%{opacity:0}to{opacity:1}}.am-modal{background:var(--background-primary, #ffffff);border-radius:20px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #0006;animation:am-slideUp .3s ease-out}@keyframes am-slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .am-modal{background:#1f2937;border:1px solid #374151}.am-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .am-header{border-bottom-color:#374151}.am-title-wrapper{display:flex;align-items:center;gap:16px}.am-title-icon{color:#f59e0b;filter:drop-shadow(0 0 8px rgba(245,158,11,.3))}.am-title{font-size:24px;font-weight:700;margin:0 0 4px;color:var(--text-primary, #111827)}[data-theme=dark] .am-title{color:#f9fafb}.am-subtitle{font-size:14px;color:var(--text-secondary, #6b7280);margin:0}[data-theme=dark] .am-subtitle{color:#9ca3af}.am-close-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.am-close-btn:hover{background:var(--background-secondary, #f3f4f6);color:var(--text-primary, #111827)}[data-theme=dark] .am-close-btn:hover{background:#374151;color:#f9fafb}.am-progress-section{padding:20px 28px;background:var(--background-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .am-progress-section{background:#111827;border-bottom-color:#374151}.am-progress-bar{height:8px;background:var(--background-tertiary, #e5e7eb);border-radius:10px;overflow:hidden;margin-bottom:8px}[data-theme=dark] .am-progress-bar{background:#374151}.am-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1)}.am-progress-text{font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280);margin:0;text-align:center}[data-theme=dark] .am-progress-text{color:#9ca3af}.am-categories{display:flex;gap:8px;padding:16px 28px;border-bottom:1px solid var(--border-color, #e5e7eb);overflow-x:auto;scrollbar-width:none}.am-categories::-webkit-scrollbar{display:none}[data-theme=dark] .am-categories{border-bottom-color:#374151}.am-category-btn{padding:8px 16px;border-radius:10px;border:1px solid var(--border-color, #e5e7eb);background:var(--background-primary, #ffffff);color:var(--text-secondary, #6b7280);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s ease;margin-bottom:5rem}[data-theme=dark] .am-category-btn{background:#1f2937;border-color:#374151;color:#9ca3af}.am-category-btn:hover{border-color:#10b981;background:#10b9810d;color:#10b981}.am-category-btn.active{background:#10b981;border-color:#10b981;color:#fff}.am-category-count{font-size:12px;opacity:.8}.am-content{flex:1;overflow-y:auto;padding:24px 28px}.am-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.am-achievement-card{position:relative;padding:20px;background:var(--background-secondary, #f9fafb);border:2px solid var(--border-color, #e5e7eb);border-radius:14px;display:flex;gap:16px;transition:all .3s ease}[data-theme=dark] .am-achievement-card{background:#111827;border-color:#374151}.am-achievement-card.earned{background:linear-gradient(135deg,#10b9810d,#05966905);border-color:#10b981}[data-theme=dark] .am-achievement-card.earned{background:linear-gradient(135deg,#10b9811a,#0596690d)}.am-achievement-card.locked{opacity:.5}.am-achievement-card.earned:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98126}.am-achievement-card.earned.rare{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f60d,#2563eb05)}.am-achievement-card.earned.epic{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf60d,#7c3aed05)}.am-achievement-card.earned.legendary{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0d,#d9770605);box-shadow:0 0 20px #f59e0b1a}.am-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-tertiary, #9ca3af);z-index:1}.am-achievement-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 4px 12px #0000001a}.achievement-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.achievement-yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.achievement-gold{background:linear-gradient(135deg,#f59e0b,#d97706)}.achievement-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.achievement-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.achievement-green{background:linear-gradient(135deg,#10b981,#059669)}.achievement-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.achievement-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.achievement-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.am-achievement-content{flex:1;min-width:0}.am-achievement-title{font-size:16px;font-weight:700;margin:0 0 4px;color:var(--text-primary, #111827)}[data-theme=dark] .am-achievement-title{color:#f9fafb}.am-achievement-description{font-size:13px;color:var(--text-secondary, #6b7280);margin:0 0 12px}[data-theme=dark] .am-achievement-description{color:#9ca3af}.am-achievement-footer{display:flex;align-items:center;gap:8px}.am-rarity-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.am-rarity-badge.common{background:#6b728026;color:#6b7280}.am-rarity-badge.rare{background:#3b82f626;color:#3b82f6}.am-rarity-badge.epic{background:#8b5cf626;color:#8b5cf6}.am-rarity-badge.legendary{background:#f59e0b26;color:#f59e0b}.am-points{font-size:12px;font-weight:600;color:var(--text-tertiary, #9ca3af)}.am-earned-badge{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #10b9814d}@media(max-width:768px){.am-modal{max-width:100%;max-height:100vh;border-radius:0}.am-achievements-grid{grid-template-columns:1fr}.am-categories{padding:12px 20px}.am-header,.am-progress-section,.am-content{padding-left:20px;padding-right:20px}}@media(max-width:640px){.am-achievement-card{flex-direction:column;align-items:center;text-align:center}.am-achievement-icon{width:64px;height:64px}.am-achievement-footer{justify-content:center}}.avatar-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .2s ease}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-wrapper:active{transform:scale(.98)}.avatar-svg{display:block;border-radius:50%}.avatar-picker{background:var(--color-surface);border-radius:20px;padding:2rem;max-width:600px;max-height:90vh;margin:0 auto;overflow-y:auto;overflow-x:hidden}.avatar-picker-preview{text-align:center;margin-bottom:2rem;padding:2rem;background:#558b6e0d;border-radius:16px}.avatar-picker-preview h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem}.avatar-picker-section{margin-bottom:2rem}.avatar-picker-section h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.avatar-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.avatar-style-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-background);border:2px solid rgba(85,139,110,.2);border-radius:12px;cursor:pointer;transition:all .2s ease}.avatar-style-option:hover{border-color:#558b6e66;transform:translateY(-2px);box-shadow:0 4px 12px #558b6e26}.avatar-style-option.selected{border-color:var(--color-brand);background:#558b6e1a;box-shadow:0 4px 16px #558b6e33}.avatar-style-preview{width:60px;height:60px;border-radius:50%;box-shadow:0 4px 12px #00000026}.avatar-style-option span{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.avatar-pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1rem}.avatar-pattern-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-background);border:2px solid rgba(85,139,110,.2);border-radius:12px;cursor:pointer;transition:all .2s ease}.avatar-pattern-option:hover{border-color:#558b6e66;transform:translateY(-2px);box-shadow:0 4px 12px #558b6e26}.avatar-pattern-option.selected{border-color:var(--color-brand);background:#558b6e1a;box-shadow:0 4px 16px #558b6e33}.avatar-pattern-name{font-size:.8rem;font-weight:500;color:var(--color-text-primary)}.avatar-font-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1rem}.avatar-font-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-background);border:2px solid rgba(85,139,110,.2);border-radius:12px;cursor:pointer;transition:all .2s ease}.avatar-font-option:hover{border-color:#558b6e66;transform:translateY(-2px);box-shadow:0 4px 12px #558b6e26}.avatar-font-option.selected{border-color:var(--color-brand);background:#558b6e1a;box-shadow:0 4px 16px #558b6e33}.avatar-font-name{font-size:.8rem;font-weight:500;color:var(--color-text-primary)}.avatar-picker-save-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-light));color:var(--color-text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem;margin-bottom:1rem}.avatar-picker-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #558b6e4d}.avatar-picker-save-btn:active{transform:translateY(0)}@media(max-width:640px){.avatar-picker{padding:1.5rem}.avatar-style-grid,.avatar-pattern-grid,.avatar-font-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.avatar-style-option,.avatar-pattern-option,.avatar-font-option{padding:.75rem}.avatar-style-preview{width:50px;height:50px}}.ep-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:epFadeIn .2s ease-out}@keyframes epFadeIn{0%{opacity:0}to{opacity:1}}.ep-modal{background:var(--profile-bg-card, #ffffff);border-radius:1rem;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d,0 0 0 1px #0000001a;animation:epSlideUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes epSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ep-header{padding:1.5rem;border-bottom:2px solid var(--profile-border-primary, #e2e8f0);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,rgba(85,139,110,.05) 0%,transparent 100%)}.ep-header-content{flex:1}.ep-title{font-size:1.5rem;font-weight:800;color:var(--profile-text-primary, #0f172a);margin:0 0 .25rem;background:linear-gradient(135deg,var(--profile-text-primary, #0f172a) 0%,rgba(85,139,110,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ep-subtitle{font-size:.875rem;color:var(--profile-text-tertiary, #475569);margin:0}.ep-close-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--profile-text-tertiary, #475569);border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ep-close-btn:hover{background:var(--profile-bg-hover, #f1f5f9);color:var(--profile-text-primary, #0f172a)}.ep-close-btn:active{transform:scale(.95)}.ep-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ep-section{display:flex;flex-direction:column;gap:.5rem}.ep-section-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--profile-text-secondary, #334155);margin-bottom:.25rem}.ep-section-label svg{color:#558b6e}.ep-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--profile-text-secondary, #334155)}.ep-label svg{color:#558b6e}.ep-input{width:100%;padding:.75rem 1rem;border:2px solid var(--profile-border-primary, #e2e8f0);border-radius:.75rem;font-size:1rem;color:var(--profile-text-primary, #0f172a);background:var(--profile-bg-card, #ffffff);transition:all .2s ease;font-family:inherit}.ep-input:focus{outline:none;border-color:#558b6e80;box-shadow:0 0 0 3px #558b6e1a,0 2px 8px #0000000d}.ep-input::placeholder{color:var(--profile-text-muted, #94a3b8)}.ep-input-error{border-color:#ef4444}.ep-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a,0 2px 8px #ef44441a}.ep-input-readonly{background:var(--profile-bg-secondary, #f8fafc);cursor:not-allowed;opacity:.7}.ep-hint{font-size:.75rem;color:var(--profile-text-muted, #64748b);margin:0;line-height:1.4}.ep-error{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#ef4444;margin-top:-.25rem}.ep-error svg{flex-shrink:0}.ep-error-general{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;font-size:.875rem;margin-top:.5rem}.ep-avatar-container{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:linear-gradient(135deg,#558b6e0d,#558b6e05);border:2px solid rgba(85,139,110,.15);border-radius:1rem}.ep-avatar-change-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#558b6e,#4a7a5f);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #558b6e33,inset 0 1px #fff3}.ep-avatar-change-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #558b6e4d,inset 0 1px #ffffff4d}.ep-avatar-change-btn:active{transform:translateY(0)}.ep-avatar-hint{font-size:.75rem;color:var(--profile-text-muted, #64748b);margin:0;font-style:italic}.ep-footer{padding:1rem 1.5rem;border-top:2px solid var(--profile-border-primary, #e2e8f0);display:flex;gap:.75rem;justify-content:flex-end;background:var(--profile-bg-secondary, #f8fafc)}.ep-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;min-height:44px}.ep-btn:disabled{opacity:.6;cursor:not-allowed}.ep-btn-cancel{background:transparent;color:var(--profile-text-secondary, #334155);border:2px solid var(--profile-border-primary, #e2e8f0)}.ep-btn-cancel:hover:not(:disabled){background:var(--profile-bg-hover, #f1f5f9);border-color:var(--profile-border-hover, #94a3b8)}.ep-btn-cancel:active:not(:disabled){transform:scale(.98)}.ep-btn-save{background:linear-gradient(135deg,#558b6e,#4a7a5f);color:#fff;box-shadow:0 4px 12px #558b6e33,inset 0 1px #fff3}.ep-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #558b6e4d,inset 0 1px #ffffff4d}.ep-btn-save:active:not(:disabled){transform:translateY(0)}.ep-submodal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:epFadeIn .2s ease-out}.ep-submodal{background:var(--profile-bg-card, #ffffff);border-radius:1rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d,0 0 0 1px #0000001a;animation:epSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@media(max-width:640px){.ep-modal{max-height:95vh}.ep-header,.ep-content{padding:1.25rem}.ep-footer{padding:1rem;flex-direction:column-reverse}.ep-btn{width:100%;justify-content:center}.ep-avatar-container{flex-direction:column;text-align:center}.ep-avatar-change-btn{width:100%;justify-content:center}}.profile-dark .ep-modal{background:var(--profile-bg-card)}.profile-dark .ep-header{border-bottom-color:var(--profile-border-primary)}.profile-dark .ep-input{background:var(--profile-bg-secondary);border-color:var(--profile-border-primary);color:var(--profile-text-primary)}.profile-dark .ep-input:focus{background:var(--profile-bg-card)}.profile-dark .ep-footer{background:var(--profile-bg-secondary);border-top-color:var(--profile-border-primary)}*{box-sizing:border-box}:root{--profile-primary: #558b6e;--profile-primary-rgb: 85, 139, 110;--profile-success: #10b981;--profile-flame: #ff6b35;--profile-flame-rgb: 255, 107, 53;--profile-info: #3b82f6;--profile-warning: #f59e0b;--profile-error: #ef4444;--profile-space-xs: .25rem;--profile-space-sm: .5rem;--profile-space-md: .75rem;--profile-space-lg: 1rem;--profile-space-xl: 1.5rem;--profile-space-2xl: 2rem;--profile-space-3xl: 3rem;--profile-radius-sm: .375rem;--profile-radius-md: .5rem;--profile-radius-lg: .75rem;--profile-radius-xl: 1rem;--profile-radius-2xl: 1.5rem;--profile-radius-full: 9999px;--profile-font-xs: .75rem;--profile-font-sm: .875rem;--profile-font-base: 1rem;--profile-font-lg: 1.125rem;--profile-font-xl: 1.25rem;--profile-font-2xl: 1.5rem;--profile-font-3xl: 1.875rem;--profile-font-4xl: 2.25rem;--profile-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--profile-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--profile-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--profile-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--profile-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--profile-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--profile-transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}.profile-dark{--profile-bg-primary: #0f1419;--profile-bg-secondary: #1a1e2a;--profile-bg-card: #1e2430;--profile-bg-hover: #2a3040;--profile-text-primary: #f8fafc;--profile-text-secondary: #cbd5e1;--profile-text-tertiary: #94a3b8;--profile-text-muted: #64748b;--profile-border-primary: #334155;--profile-border-hover: #64748b;--profile-overlay: rgba(0, 0, 0, .75)}.profile-light{--profile-bg-primary: #ffffff;--profile-bg-secondary: #f8fafc;--profile-bg-card: #ffffff;--profile-bg-hover: #f1f5f9;--profile-text-primary: #0f172a;--profile-text-secondary: #334155;--profile-text-tertiary: #475569;--profile-text-muted: #64748b;--profile-border-primary: #e2e8f0;--profile-border-hover: #94a3b8;--profile-overlay: rgba(0, 0, 0, .5)}.profile-container{max-width:768px;margin:0 auto;padding:var(--profile-space-lg);background-color:var(--profile-bg-primary);color:var(--profile-text-primary);min-height:100vh;opacity:0;transform:translateY(20px);transition:all var(--profile-transition-slow);overflow-x:hidden;width:100%;box-sizing:border-box}.profile-container.profile-loaded{opacity:1;transform:translateY(0)}.profile-header{margin-bottom:var(--profile-space-2xl);animation:slideDown .6s ease-out;position:relative}.profile-header:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;height:200px;background:linear-gradient(135deg,rgba(var(--profile-primary-rgb),.08) 0%,rgba(var(--profile-primary-rgb),.03) 50%,transparent 100%);border-radius:var(--profile-radius-2xl);z-index:0;pointer-events:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.profile-header-content{margin-bottom:var(--profile-space-xl);position:relative;z-index:1}.profile-greeting{font-size:var(--profile-font-3xl);font-weight:800;background:linear-gradient(135deg,var(--profile-text-primary) 0%,rgba(var(--profile-primary-rgb),1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--profile-space-xs) 0;line-height:1.2;animation:profileGreetingShimmer 3s ease-in-out infinite}@keyframes profileGreetingShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-subtitle{font-size:var(--profile-font-base);color:var(--profile-text-tertiary);margin:0;font-weight:500;letter-spacing:.3px}.profile-header-card{background:var(--profile-bg-card);border:2px solid transparent;background-image:linear-gradient(var(--profile-bg-card),var(--profile-bg-card)),linear-gradient(135deg,rgba(var(--profile-primary-rgb),.3),rgba(var(--profile-primary-rgb),.1),rgba(var(--profile-primary-rgb),.2));background-origin:border-box;background-clip:padding-box,border-box;border-radius:var(--profile-radius-xl);padding:var(--profile-space-2xl) var(--profile-space-xl);box-shadow:0 4px 20px #00000014,0 0 0 1px rgba(var(--profile-primary-rgb),.05),inset 0 1px #ffffff0d;transition:all var(--profile-transition-normal);display:flex;flex-direction:column;align-items:center;gap:var(--profile-space-xl);position:relative;z-index:1;overflow:hidden}.profile-header-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--profile-primary-rgb),.05) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.profile-header-card:hover:before{left:100%}.profile-header-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f,0 0 0 1px rgba(var(--profile-primary-rgb),.1),inset 0 1px #ffffff1a,0 0 30px rgba(var(--profile-primary-rgb),.08)}.profile-avatar-section-centered{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.profile-avatar-wrapper{position:relative;display:inline-block}.profile-avatar-wrapper:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;background:linear-gradient(135deg,rgba(var(--profile-primary-rgb),.3),rgba(var(--profile-primary-rgb),.1),rgba(var(--profile-primary-rgb),.3));border-radius:50%;opacity:0;transition:opacity .3s ease;animation:profileAvatarPulse 3s ease-in-out infinite}.profile-avatar-wrapper:hover:before{opacity:1}@keyframes profileAvatarPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}.profile-avatar-wrapper .avatar-wrapper{cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.profile-avatar-wrapper .avatar-wrapper:hover{transform:scale(1.08) rotate(2deg)}.profile-avatar-wrapper .avatar-wrapper:active{transform:scale(.95)}.profile-avatar-edit-btn{position:absolute;bottom:2px;right:2px;background:linear-gradient(135deg,rgb(var(--profile-primary-rgb)),rgba(var(--profile-primary-rgb),.85));color:#fff;border:3px solid var(--profile-bg-card);border-radius:var(--profile-radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--profile-transition-fast);box-shadow:0 4px 12px #0003,0 0 0 2px rgba(var(--profile-primary-rgb),.2);z-index:2}.profile-avatar-edit-btn:hover{background:linear-gradient(135deg,#4a7a5f,#3d6850);transform:scale(1.15) rotate(15deg);box-shadow:0 6px 16px #00000040,0 0 0 3px rgba(var(--profile-primary-rgb),.3),0 0 20px rgba(var(--profile-primary-rgb),.4)}.profile-avatar-edit-btn:active{transform:scale(.9) rotate(0)}.profile-header-buttons{display:flex;gap:var(--profile-space-md);align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:400px;z-index:1}.profile-artisan-badge-header{display:flex;align-items:center;gap:var(--profile-space-sm);padding:var(--profile-space-md) var(--profile-space-xl);background:linear-gradient(135deg,#ffd70040,#ffd70026,#ffd70033);border:2px solid rgba(255,215,0,.4);border-radius:var(--profile-radius-lg);font-size:var(--profile-font-base);font-weight:700;color:gold;white-space:nowrap;box-shadow:0 4px 12px #ffd70033,inset 0 1px #fff3;animation:profileArtisanGlow 3s ease-in-out infinite;position:relative;overflow:hidden;flex:1;justify-content:center;min-height:48px}.profile-artisan-badge-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:profileArtisanShine 3s linear infinite}.profile-artisan-badge-header svg{filter:drop-shadow(0 0 4px rgba(255,215,0,.6));animation:profileCrownFloat 2s ease-in-out infinite}.profile-edit-btn-header{display:flex;align-items:center;gap:var(--profile-space-sm);padding:var(--profile-space-md) var(--profile-space-xl);background:linear-gradient(135deg,rgba(var(--profile-primary-rgb),.15),rgba(var(--profile-primary-rgb),.08));border:2px solid rgba(var(--profile-primary-rgb),.35);border-radius:var(--profile-radius-lg);color:rgb(var(--profile-primary-rgb));font-size:var(--profile-font-base);font-weight:700;cursor:pointer;transition:all var(--profile-transition-normal);box-shadow:0 4px 12px rgba(var(--profile-primary-rgb),.15),inset 0 1px #ffffff1a;flex:1;justify-content:center;min-height:48px}.profile-edit-btn-header:hover{background:linear-gradient(135deg,rgba(var(--profile-primary-rgb),.25),rgba(var(--profile-primary-rgb),.15));border-color:rgba(var(--profile-primary-rgb),.55);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--profile-primary-rgb),.25),inset 0 1px #fff3}.profile-edit-btn-header:active{transform:translateY(0)}.profile-user-details-centered{display:flex;flex-direction:column;align-items:center;gap:var(--profile-space-md);width:100%;z-index:1}.profile-name-centered{font-size:var(--profile-font-3xl);font-weight:800;color:var(--profile-text-primary);margin:0;letter-spacing:-.5px;text-shadow:0 1px 2px rgba(0,0,0,.05);text-align:center}.profile-details-list{display:flex;flex-direction:column;gap:var(--profile-space-sm);width:100%;max-width:400px}.profile-detail-item-centered{display:flex;align-items:center;justify-content:center;gap:var(--profile-space-sm);font-size:var(--profile-font-sm);color:var(--profile-text-tertiary);padding:var(--profile-space-sm) var(--profile-space-md);background:rgba(var(--profile-primary-rgb),.05);border-radius:var(--profile-radius-md);transition:all .2s ease}.profile-detail-item-centered:hover{background:rgba(var(--profile-primary-rgb),.1);transform:translateY(-1px)}.profile-detail-item-centered svg{color:rgb(var(--profile-primary-rgb));flex-shrink:0}@media(max-width:640px){.profile-header-card{padding:var(--profile-space-xl) var(--profile-space-lg)}.profile-header-buttons{flex-direction:column;width:100%}.profile-artisan-badge-header,.profile-edit-btn-header{width:100%}.profile-name-centered{font-size:var(--profile-font-2xl)}}.profile-user-info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--profile-space-lg);flex:1;min-width:0;flex-direction:column}.profile-info-main{flex:1;min-width:0;width:100%}.profile-header-actions{display:flex;align-items:center;gap:var(--profile-space-md);width:100%;flex-wrap:wrap}.profile-edit-btn{display:flex;align-items:center;gap:var(--profile-space-xs);padding:var(--profile-space-sm) var(--profile-space-lg);background:linear-gradient(135deg,rgba(var(--profile-primary-rgb),.1),rgba(var(--profile-primary-rgb),.05));border:2px solid rgba(var(--profile-primary-rgb),.3);border-radius:var(--profile-radius-lg);color:rgb(var(--profile-primary-rgb));font-size:var(--profile-font-sm);font-weight:700;cursor:pointer;transition:all var(--profile-transition-normal);box-shadow:0 2px 8px rgba(var(--profile-primary-rgb),.1),inset 0 1px #ffffff1a}.profile-edit-btn:hover{background:linear-gradient(135deg,rgba(var(--profile-primary-rgb),.2),rgba(var(--profile-primary-rgb),.1));border-color:rgba(var(--profile-primary-rgb),.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--profile-primary-rgb),.2),inset 0 1px #fff3}.profile-edit-btn:active{transform:translateY(0)}.profile-edit-btn svg{flex-shrink:0}.profile-name{font-size:var(--profile-font-2xl);font-weight:800;color:var(--profile-text-primary);margin:0 0 var(--profile-space-sm) 0;letter-spacing:-.5px;text-shadow:0 1px 2px rgba(0,0,0,.05)}.profile-details-row{display:flex;flex-wrap:wrap;gap:var(--profile-space-lg);margin-bottom:var(--profile-space-sm)}.profile-detail-item{display:flex;align-items:center;gap:var(--profile-space-xs);font-size:var(--profile-font-sm);color:var(--profile-text-tertiary);padding:4px 10px;background:rgba(var(--profile-primary-rgb),.05);border-radius:var(--profile-radius-md);transition:all .2s ease}.profile-detail-item:hover{background:rgba(var(--profile-primary-rgb),.1);transform:translateY(-1px)}.profile-detail-item svg{color:rgb(var(--profile-primary-rgb));flex-shrink:0}.profile-member-info{display:flex;align-items:center;gap:var(--profile-space-xs);font-size:var(--profile-font-xs);color:var(--profile-text-muted);padding:4px 8px;background:rgba(var(--profile-primary-rgb),.03);border-radius:var(--profile-radius-md);width:fit-content}.profile-member-info svg{color:rgb(var(--profile-primary-rgb))}.profile-artisan-badge-inline{display:flex;align-items:center;gap:var(--profile-space-xs);padding:var(--profile-space-sm) var(--profile-space-md);background:linear-gradient(135deg,#ffd70040,#ffd70026,#ffd70033);border:2px solid rgba(255,215,0,.4);border-radius:var(--profile-radius-lg);font-size:var(--profile-font-sm);font-weight:700;color:gold;white-space:nowrap;box-shadow:0 4px 12px #ffd70033,inset 0 1px #fff3;animation:profileArtisanGlow 3s ease-in-out infinite;position:relative;overflow:hidden}.profile-artisan-badge-inline:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:profileArtisanShine 3s linear infinite}@keyframes profileArtisanGlow{0%,to{box-shadow:0 4px 12px #ffd70033,inset 0 1px #fff3}50%{box-shadow:0 4px 20px #ffd70066,0 0 30px #ffd70033,inset 0 1px #ffffff4d}}@keyframes profileArtisanShine{0%{transform:translate(-100%,-100%) rotate(45deg)}to{transform:translate(100%,100%) rotate(45deg)}}.profile-artisan-badge-inline svg{filter:drop-shadow(0 0 4px rgba(255,215,0,.6));animation:profileCrownFloat 2s ease-in-out infinite}@keyframes profileCrownFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(5deg)}}.profile-section{margin-bottom:var(--profile-space-2xl);animation:fadeInUp .5s ease-out forwards;opacity:0;width:100%;box-sizing:border-box;overflow-x:hidden}.profile-section:nth-child(2){animation-delay:.1s}.profile-section:nth-child(3){animation-delay:.2s}.profile-section:nth-child(4){animation-delay:.3s}.profile-section:nth-child(5){animation-delay:.4s}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--profile-space-lg)}.profile-achievement-score{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(var(--profile-primary-rgb),.15),rgba(var(--profile-primary-rgb),.08));border:2px solid rgba(var(--profile-primary-rgb),.3);border-radius:var(--profile-radius-full);font-size:14px;font-weight:700;color:rgb(var(--profile-primary-rgb));box-shadow:0 2px 8px rgba(var(--profile-primary-rgb),.15);transition:all .3s ease}.profile-achievement-score:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(var(--profile-primary-rgb),.25)}.profile-achievement-score svg{animation:profileTrophyBounce 2s ease-in-out infinite}@keyframes profileTrophyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.profile-section-title{display:flex;align-items:center;gap:var(--profile-space-sm);font-size:var(--profile-font-xl);font-weight:700;color:var(--profile-text-primary);margin:0}.profile-section-icon{color:rgb(var(--profile-primary-rgb))}.profile-view-all-btn{display:flex;align-items:center;gap:var(--profile-space-xs);padding:var(--profile-space-xs) var(--profile-space-sm);background:transparent;border:1px solid var(--profile-border-primary);border-radius:var(--profile-radius-md);font-size:var(--profile-font-sm);color:var(--profile-text-secondary);cursor:pointer;transition:all var(--profile-transition-normal)}.profile-view-all-btn:hover{background:var(--profile-bg-hover);border-color:var(--profile-border-hover);transform:translate(2px)}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:var(--profile-space-lg);width:100%;box-sizing:border-box}.profile-stat-card{background:var(--profile-bg-card);border:1px solid var(--profile-border-primary);border-radius:var(--profile-radius-lg);padding:var(--profile-space-lg);transition:all var(--profile-transition-normal);box-sizing:border-box;min-width:0}.profile-stat-card:hover{transform:translateY(-4px);box-shadow:var(--profile-shadow-lg)}.profile-stat-card.profile-stat-highlight{background:linear-gradient(135deg,rgba(var(--profile-flame-rgb),.1),rgba(var(--profile-flame-rgb),.05));border-color:rgba(var(--profile-flame-rgb),.3)}.profile-stat-header{display:flex;align-items:center;gap:var(--profile-space-xs);margin-bottom:var(--profile-space-sm)}.profile-stat-header h4{font-size:var(--profile-font-xs);font-weight:600;color:var(--profile-text-tertiary);margin:0;text-transform:uppercase}.profile-stat-icon{width:16px;height:16px;color:rgb(var(--profile-primary-rgb))}.profile-stat-value{font-size:var(--profile-font-3xl);font-weight:700;color:var(--profile-text-primary);margin-bottom:var(--profile-space-xs);line-height:1}.profile-stat-subtext{font-size:var(--profile-font-xs);color:var(--profile-text-muted)}.profile-journeys-list{background:var(--profile-bg-card);border:1px solid var(--profile-border-primary);border-radius:var(--profile-radius-xl);overflow:hidden;box-shadow:var(--profile-shadow-md)}.profile-journey-card{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--profile-space-lg);background:transparent;border:none;cursor:pointer;transition:all var(--profile-transition-normal);text-align:left}.profile-journey-card:hover{background:var(--profile-bg-hover)}.profile-journey-left{display:flex;align-items:center;gap:var(--profile-space-md);flex:1;min-width:0}.profile-journey-icon{width:40px;height:40px;border-radius:var(--profile-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-journey-info{flex:1;min-width:0}.profile-journey-title{font-size:var(--profile-font-base);font-weight:600;color:var(--profile-text-primary);margin:0 0 var(--profile-space-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-journey-progress{font-size:var(--profile-font-sm);color:var(--profile-text-tertiary);margin:0}.profile-journey-chevron{color:var(--profile-text-muted);transition:all var(--profile-transition-normal)}.profile-journey-card:hover .profile-journey-chevron{transform:translate(4px)}.profile-separator{height:1px;background:var(--profile-border-primary);margin:0 var(--profile-space-lg)}.profile-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--profile-space-lg);width:100%;box-sizing:border-box}.profile-achievement{display:flex;gap:var(--profile-space-md);padding:var(--profile-space-lg);background:var(--profile-bg-card);border:2px solid var(--profile-border-primary);border-radius:var(--profile-radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;min-width:0;position:relative;overflow:hidden;cursor:pointer;animation:profileAchievementSlideIn .5s ease-out backwards}@keyframes profileAchievementSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-achievement:nth-child(1){animation-delay:.1s}.profile-achievement:nth-child(2){animation-delay:.2s}.profile-achievement:nth-child(3){animation-delay:.3s}.profile-achievement:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.profile-achievement:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 30px #00000026;border-color:currentColor}.profile-achievement:hover:before{opacity:1}.profile-achievement:active{transform:translateY(-2px) scale(1.01)}.profile-achievement.achievement-orange{background:linear-gradient(135deg,#fb923c1f,#f973160f);border-color:#f9731666;color:#f97316}.profile-achievement.achievement-orange .profile-achievement-icon{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;box-shadow:0 4px 12px #f973164d}.profile-achievement.achievement-yellow{background:linear-gradient(135deg,#facc151f,#f59e0b0f);border-color:#f59e0b66;color:#f59e0b}.profile-achievement.achievement-yellow .profile-achievement-icon{background:linear-gradient(135deg,#facc15,#f59e0b);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.profile-achievement.achievement-gold{background:linear-gradient(135deg,#fde04726,#facc1514);border-color:#facc1580;color:#eab308;position:relative}.profile-achievement.achievement-gold:after{content:"⭐";position:absolute;top:12px;right:12px;font-size:24px;opacity:.3;animation:profileGoldPulse 2s ease-in-out infinite}@keyframes profileGoldPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.profile-achievement.achievement-gold .profile-achievement-icon{background:linear-gradient(135deg,#fde047,#facc15);color:#78350f;box-shadow:0 4px 16px #facc1566}.profile-achievement.achievement-blue{background:linear-gradient(135deg,#60a5fa1f,#3b82f60f);border-color:#3b82f666;color:#3b82f6}.profile-achievement.achievement-blue .profile-achievement-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.profile-achievement.achievement-purple{background:linear-gradient(135deg,#a78bfa1f,#8b5cf60f);border-color:#8b5cf666;color:#8b5cf6}.profile-achievement.achievement-purple .profile-achievement-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.profile-achievement.achievement-green{background:linear-gradient(135deg,#34d3991f,#10b9810f);border-color:#10b98166;color:#10b981}.profile-achievement.achievement-green .profile-achievement-icon{background:linear-gradient(135deg,#34d399,#10b981);color:#fff;box-shadow:0 4px 12px #10b9814d}.profile-achievement.achievement-cyan{background:linear-gradient(135deg,#22d3ee1f,#06b6d40f);border-color:#06b6d466;color:#06b6d4}.profile-achievement.achievement-cyan .profile-achievement-icon{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff;box-shadow:0 4px 12px #06b6d44d}.profile-achievement.achievement-indigo{background:linear-gradient(135deg,#818cf81f,#6366f10f);border-color:#6366f166;color:#6366f1}.profile-achievement.achievement-indigo .profile-achievement-icon{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;box-shadow:0 4px 12px #6366f14d}.profile-achievement.achievement-pink{background:linear-gradient(135deg,#f472b61f,#ec48990f);border-color:#ec489966;color:#ec4899}.profile-achievement.achievement-pink .profile-achievement-icon{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;box-shadow:0 4px 12px #ec48994d}.profile-achievement.achievement-secret{background:linear-gradient(135deg,#8b5cf626,#3b82f614);border-color:#8b5cf666;position:relative;overflow:hidden}.profile-achievement.achievement-secret:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:profileSecretShimmer 3s ease-in-out infinite}@keyframes profileSecretShimmer{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}}.profile-achievement.achievement-rainbow{background:linear-gradient(135deg,#ff00001a,#ff7f001a 16%,#ffff001a,#00ff001a 50%,#0000ff1a 66%,#4b00821a,#9400d31a);border:2px solid;border-image:linear-gradient(135deg,red,#ff7f00 16%,#ff0,#0f0 50%,#00f 66%,indigo,#9400d3) 1}.profile-achievement.achievement-electric{background:linear-gradient(135deg,#a855f726,#3b82f61a);border-color:#a855f766;box-shadow:0 0 20px #a855f74d}.profile-achievement.achievement-mystery{background:linear-gradient(135deg,#ec48991a,#8b5cf614);border-color:#ec489966}.profile-achievement.achievement-mystic{background:linear-gradient(135deg,#9333ea1f,#4f46e514);border-color:#9333ea66;box-shadow:0 0 15px #9333ea33}.profile-achievement-secret{animation:profileAchievementGlow 2s ease-in-out infinite}@keyframes profileAchievementGlow{0%,to{box-shadow:0 0 10px #8b5cf64d}50%{box-shadow:0 0 20px #8b5cf680,0 0 30px #8b5cf64d}}.profile-achievement-rarity{position:absolute;top:8px;right:8px;z-index:1}.profile-rarity-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.profile-rarity-uncommon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.profile-rarity-rare{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.profile-rarity-epic{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.profile-rarity-legendary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.profile-achievement-sparkle{display:inline-block;margin-left:4px;animation:profileSparkleRotate 2s linear infinite}@keyframes profileSparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-achievement-icon{width:48px;height:48px;background:var(--profile-bg-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.profile-achievement:hover .profile-achievement-icon{transform:scale(1.1) rotate(5deg)}.profile-achievement-content{flex:1;min-width:0}.profile-achievement-title{font-size:var(--profile-font-base);font-weight:700;color:var(--profile-text-primary);margin:0 0 6px;line-height:1.3}.profile-achievement-description{font-size:var(--profile-font-sm);color:var(--profile-text-tertiary);margin:0 0 8px;line-height:1.4}.profile-achievement-points{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:currentColor;background:#ffffff80;padding:4px 10px;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .profile-achievement-points{background:#0003}.profile-achievement-points:before{content:"🏆";font-size:12px}.profile-secret-achievements-header{display:flex;align-items:center;gap:var(--profile-space-sm);margin:var(--profile-space-xl) 0 var(--profile-space-lg) 0;padding:var(--profile-space-md) var(--profile-space-lg);background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border:1px solid rgba(139,92,246,.3);border-radius:var(--profile-radius-lg);font-size:var(--profile-font-sm);font-weight:600;color:#8b5cf6}.profile-view-all-achievements-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:var(--profile-space-md);padding:14px var(--profile-space-md);background:linear-gradient(135deg,rgba(var(--profile-primary-rgb),.08),rgba(var(--profile-primary-rgb),.04));border:2px solid rgba(var(--profile-primary-rgb),.2);border-radius:var(--profile-radius-md);color:rgb(var(--profile-primary-rgb));font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-view-all-achievements-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(var(--profile-primary-rgb),.1);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.profile-view-all-achievements-btn:hover:before{width:300px;height:300px}.profile-view-all-achievements-btn:hover{background:linear-gradient(135deg,rgba(var(--profile-primary-rgb),.15),rgba(var(--profile-primary-rgb),.08));border-color:rgb(var(--profile-primary-rgb));transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--profile-primary-rgb),.2)}.profile-view-all-achievements-btn:active{transform:translateY(0)}.profile-view-all-achievements-btn svg{position:relative;z-index:1;transition:transform .3s ease}.profile-view-all-achievements-btn:hover svg{transform:scale(1.1)}.profile-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--profile-space-md);width:100%;box-sizing:border-box}.profile-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--profile-space-sm);padding:var(--profile-space-xl) var(--profile-space-lg);background:var(--profile-bg-card);border:1px solid var(--profile-border-primary);border-radius:var(--profile-radius-lg);cursor:pointer;transition:all var(--profile-transition-normal);position:relative;box-sizing:border-box;min-width:0}.profile-action-card:hover{transform:translateY(-4px);box-shadow:var(--profile-shadow-lg);border-color:var(--profile-border-hover)}.profile-action-icon-wrapper{width:48px;height:48px;background:var(--profile-bg-secondary);border-radius:var(--profile-radius-lg);display:flex;align-items:center;justify-content:center;transition:all var(--profile-transition-normal)}.profile-action-card:hover .profile-action-icon-wrapper{transform:scale(1.1)}.profile-action-icon{color:rgb(var(--profile-primary-rgb))}.profile-action-label{font-size:var(--profile-font-sm);font-weight:600;color:var(--profile-text-primary)}.profile-action-chevron{position:absolute;top:var(--profile-space-sm);right:var(--profile-space-sm);color:var(--profile-text-muted);opacity:0;transition:all var(--profile-transition-normal)}.profile-action-card:hover .profile-action-chevron{opacity:1;transform:translate(2px)}.profile-action-card.profile-action-featured{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:2px solid rgba(59,130,246,.3)}.profile-action-card.profile-action-featured:hover{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:#3b82f680;box-shadow:0 8px 24px #3b82f633}.profile-action-card.profile-action-featured .profile-action-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.profile-action-card.profile-action-featured .profile-action-icon{color:#fff}.profile-settings-card{background:var(--profile-bg-card);border:1px solid var(--profile-border-primary);border-radius:var(--profile-radius-xl);overflow:hidden;box-shadow:var(--profile-shadow-md)}.profile-list-item{width:100%;display:flex;align-items:center;gap:var(--profile-space-md);padding:var(--profile-space-lg);background:transparent;border:none;cursor:pointer;transition:all var(--profile-transition-normal);text-align:left}.profile-list-item:hover{background:var(--profile-bg-hover)}.profile-list-icon{width:40px;height:40px;border-radius:var(--profile-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-list-icon-orange{background:#f59e0b26;color:#f59e0b}.profile-list-icon-gray{background:var(--profile-bg-secondary);color:var(--profile-text-tertiary)}.profile-list-title{flex:1;font-size:var(--profile-font-base);font-weight:500;color:var(--profile-text-primary)}.profile-list-chevron{color:var(--profile-text-muted);transition:all var(--profile-transition-normal)}.profile-list-item:hover .profile-list-chevron{transform:translate(4px)}.profile-signout-card{background:var(--profile-bg-card);border:1px solid var(--profile-border-primary);border-radius:var(--profile-radius-xl);padding:var(--profile-space-md);box-shadow:var(--profile-shadow-md)}.profile-signout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--profile-space-sm);padding:var(--profile-space-lg);background:transparent;border:2px solid rgba(239,68,68,.2);border-radius:var(--profile-radius-lg);font-size:var(--profile-font-base);font-weight:600;color:#ef4444;cursor:pointer;transition:all var(--profile-transition-normal)}.profile-signout-button:hover{background:#ef44441a;border-color:#ef444466;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.profile-version{display:flex;justify-content:center;padding:var(--profile-space-2xl) 0;margin-top:var(--profile-space-2xl);border-top:1px solid var(--profile-border-primary)}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--profile-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;z-index:1000;padding:var(--profile-space-lg);animation:fadeIn .2s;align-items:flex-start;overflow-y:auto}.profile-modal{background:var(--profile-bg-card);border:1px solid var(--profile-border-primary);border-radius:var(--profile-radius-2xl);max-width:400px;width:100%;box-shadow:var(--profile-shadow-xl);animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-modal-header{padding:var(--profile-space-xl);border-bottom:1px solid var(--profile-border-primary)}.profile-modal-title{font-size:var(--profile-font-xl);font-weight:700;color:var(--profile-text-primary);margin:0}.profile-modal-content{padding:var(--profile-space-xl)}.profile-modal-message{font-size:var(--profile-font-base);color:var(--profile-text-secondary);margin:0;line-height:1.6}.profile-modal-actions{display:flex;gap:var(--profile-space-md);padding:var(--profile-space-xl);border-top:1px solid var(--profile-border-primary)}.profile-modal-button{flex:1;padding:var(--profile-space-md) var(--profile-space-lg);border-radius:var(--profile-radius-md);font-size:var(--profile-font-base);font-weight:600;cursor:pointer;transition:all var(--profile-transition-normal);border:none}.profile-modal-button-cancel{background:var(--profile-bg-secondary);color:var(--profile-text-primary);border:1px solid var(--profile-border-primary)}.profile-modal-button-cancel:hover{background:var(--profile-bg-hover)}.profile-modal-button-destructive{background:#ef4444;color:#fff}.profile-modal-button-destructive:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@media(max-width:374px){.profile-container{padding:var(--profile-space-md)}.profile-greeting{font-size:var(--profile-font-2xl)}.profile-stats-grid,.profile-actions-grid{grid-template-columns:1fr;gap:var(--profile-space-md)}.profile-achievements-grid{grid-template-columns:1fr}.profile-header-card,.profile-section,.profile-stat-card,.profile-action-card,.profile-achievement{padding:var(--profile-space-md)}}@media(min-width:768px){.profile-container{padding:var(--profile-space-2xl)}.profile-actions-grid,.profile-stats-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.profile-greeting{font-size:var(--profile-font-4xl)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}button:focus-visible{outline:2px solid rgb(var(--profile-primary-rgb));outline-offset:2px}.profile-container{padding:.25rem}.profile-header-card{margin-top:.25rem}.profile-header-card{border:2px solid #41e3ae9e}.feedback-container{display:flex;flex-direction:column;padding:1rem;width:100%;max-width:800px;margin:0 auto;min-height:100vh}.feedback-card{background:#2b463c4d;border-radius:12px;padding:1.5rem;width:100%;margin-bottom:2rem;border:1px solid rgba(85,139,110,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.feedback-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-accent-light);display:flex;align-items:center;gap:.75rem}.feedback-title-icon{color:var(--color-accent)}.feedback-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.95rem;color:var(--color-text-primary);font-weight:500;display:flex;align-items:center;gap:.5rem}.required-indicator{color:var(--color-accent);margin-left:.25rem}.form-input,.form-select,.form-textarea{background:#1e1e1e99;border:1px solid rgba(85,139,110,.3);color:var(--color-text-primary);border-radius:6px;font-size:1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #e6b89c33}.form-textarea{min-height:120px;resize:vertical}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#f87171;border-radius:6px;font-size:.9rem}.error-icon{color:#f87171;flex-shrink:0}.submit-button{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--color-brand);color:#fff;padding:.875rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.submit-button:hover:not(:disabled){background:var(--color-brand-dark);transform:translateY(-2px)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button.loading{background:var(--color-brand-dark)}.button-icon{flex-shrink:0}.loader-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.back-button{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);background:none;border:none;padding:.5rem;margin-bottom:1rem;cursor:pointer;font-size:.95rem;transition:all .2s ease}.back-button:hover{color:var(--color-accent)}.info-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease}.info-button:hover{color:var(--color-accent);background:#e6b89c1a}.info-box{background:#2b463c66;border:1px solid rgba(85,139,110,.3);border-radius:6px;padding:.75rem 1rem;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.attachments-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.attachment-preview{position:relative;width:100px;height:140px;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(85,139,110,.3);background:#1e1e1e66}.attachment-image{width:100%;height:100px;object-fit:cover;border-bottom:1px solid rgba(85,139,110,.2)}.file-icon{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:#2b463c4d;color:var(--color-text-primary);font-size:1.2rem;font-weight:600;border-bottom:1px solid rgba(85,139,110,.2)}.attachment-info{padding:.5rem;font-size:.7rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:center}.attachment-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.remove-attachment-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-attachment-button:hover{color:#f87171;background:#f871711a}.add-attachment-button{width:100px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#2b463c33;border:1px dashed rgba(85,139,110,.3);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.add-attachment-button:hover{background:#2b463c4d;border-color:var(--color-accent);color:var(--color-accent)}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.success-icon{font-size:3rem;color:#10b981;margin-bottom:1rem}.success-title{font-size:1.5rem;color:#10b981;margin-bottom:1rem}.success-message{color:var(--color-text-secondary);font-size:1rem;max-width:500px}@media(max-width:640px){.feedback-container{padding:.75rem}.feedback-card{padding:1.25rem}.attachment-preview{width:80px;height:120px}.attachment-image,.file-icon{height:80px}.add-attachment-button{width:80px;height:120px}}.floating-action-container{position:fixed;bottom:100px;right:20px;z-index:100;display:flex;flex-direction:column-reverse;align-items:flex-end;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.floating-action-button{width:50px;height:50px;border-radius:50%;background-color:var(--color-brand);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:101}.floating-action-button:hover{background-color:var(--color-brand-dark);transform:translateY(-2px)}.floating-action-button.active{background-color:var(--color-brand-dark);transform:rotate(180deg)}.fab-menu{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding-bottom:5px}.fab-menu-item{display:flex;align-items:center;padding:10px 15px;background-color:#2b463ccc;border:1px solid rgba(85,139,110,.3);border-radius:40px;color:var(--color-text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:10px}.fab-menu-item:hover{background-color:#558b6e66;transform:translate(-5px)}.fab-menu-label{white-space:nowrap}.fab-menu{animation:slide-in .3s ease forwards}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.floating-action-container{bottom:100px;right:15px}.floating-action-button{width:45px;height:45px}}@media(max-width:480px)and (max-height:700px){.floating-action-button{width:40px;height:40px}}.page-container{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem;min-height:100vh;display:flex;flex-direction:column}.page-header{margin-bottom:2rem;display:flex;flex-direction:column;position:relative}.back-button{display:inline-flex;align-items:center;background:none;border:none;color:#9caf88;padding:.5rem;cursor:pointer;border-radius:.25rem;font-size:.875rem;margin-bottom:1rem;align-self:flex-start;transition:all .2s ease}.back-button:hover{background-color:#2b463c1a;color:#558b6e}.back-icon{width:1rem;height:1rem;margin-right:.5rem}.page-title{font-size:2.25rem;font-weight:700;color:#f5f5f0;margin-bottom:2rem;position:relative;display:inline-block;align-self:flex-start}.page-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:3rem;height:3px;background:linear-gradient(to right,#558b6e,#2b463c)}.page-content{flex:1;color:#d8d8d0;line-height:1.7}.page-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(85,139,110,.2);text-align:center;color:#9caf88;font-size:.875rem}.page-content h2{font-weight:600;color:#f5f5f0}.page-content ul,.page-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.page-content li{margin-bottom:.5rem}.page-content a{color:#558b6e;text-decoration:none;transition:all .2s ease}.page-content a:hover{color:#88a38f;text-decoration:underline}.page-content blockquote{border-left:3px solid #558B6E;padding-left:1rem;margin:1.5rem 0;color:#9caf88;font-style:italic}.page-content .info-card{background-color:#2b463c1a;border:1px solid rgba(85,139,110,.2);border-radius:.5rem;padding:1.5rem;margin:1.5rem 0}.page-content .section-divider{height:1px;background-color:#558b6e33;margin:2.5rem 0}.contact-form{max-width:600px;margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:#d8d8d0;font-weight:500}.form-input,.form-textarea{width:100%;background-color:#1e293b4d;border:1px solid rgba(85,139,110,.3);border-radius:.375rem;color:#f5f5f0;font-size:1rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#558b6e;box-shadow:0 0 0 2px #558b6e1a}.form-textarea{min-height:150px;resize:vertical}.form-button{background-color:#558b6e;color:#f5f5f0;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.form-button:hover{background-color:#2b463c;transform:translateY(-2px)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin:2rem 0}.team-member{background-color:#1e293b4d;border:1px solid rgba(85,139,110,.2);border-radius:.5rem;padding:1.5rem;text-align:center}.member-avatar{width:100px;height:100px;border-radius:50%;background-color:#2b463c;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#f5f5f0;font-size:2.5rem;font-weight:500}.member-name{font-size:1.25rem;font-weight:600;color:#f5f5f0;margin-bottom:.5rem}.member-role{color:#9caf88;margin-bottom:1rem;font-size:.875rem}.member-description{color:#d8d8d0;font-size:.9375rem;line-height:1.6}.page-content h3{font-size:1.25rem;font-weight:600;color:#d8d8d0;margin:.75rem 12px .5rem .75rem}.page-content h2{color:#7eb37f!important;font-size:1.75rem!important}.favorite-button{width:33px!important;height:33px!important}.hs-progress-fill{color:#000;background:#249c42!important}.page-content h3{font-size:1.23rem;font-weight:600;color:#afaf62!important}.subscription-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;margin:16px 0 24px;border:2px solid;transition:all .3s ease}.subscription-indicator.active{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#ffd7004d;color:var(--text-primary)}.subscription-indicator.free{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.status-icon{width:16px;height:16px}.path-card.locked{opacity:.7;position:relative}.path-card.locked:hover{transform:none;box-shadow:var(--shadow-md)}.path-lock-overlay{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;z-index:2}.lock-icon{width:16px;height:16px;color:var(--text-secondary)}.crown-icon-small{width:14px;height:14px;color:gold}.tier-badge.artisan{background:linear-gradient(135deg,gold,orange);color:#8b4513}.tier-badge.free{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.tier-icon{width:12px;height:12px}.path-button.locked{background:linear-gradient(135deg,#ffd700cc,#ffd70099);color:#8b4513;border:none}.path-button.locked:hover{background:linear-gradient(135deg,gold,orange);transform:translateY(-1px)}.unlock-all-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,gold,orange);color:#8b4513;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:auto}.unlock-all-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.unlock-all-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.upgrade-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.upgrade-prompt{background:var(--bg-primary);border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid var(--border-color)}.prompt-header{text-align:center;padding:32px 32px 24px;border-bottom:1px solid var(--border-color)}.crown-icon-large{width:48px;height:48px;color:gold;margin-bottom:16px}.prompt-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.prompt-content{padding:24px 32px}.prompt-message{font-size:16px;color:var(--text-secondary);margin-bottom:24px;text-align:center}.artisan-benefits{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:24px}.artisan-benefits h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.artisan-benefits ul{list-style:none;padding:0;margin:0}.artisan-benefits li{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.pricing-info{text-align:center;padding:5px;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-radius:12px;border:1px solid rgba(255,215,0,.2)}.price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.amount{font-size:32px;font-weight:700;color:var(--text-primary)}.period{font-size:16px;color:var(--text-secondary)}.price-note{font-size:14px;color:var(--text-secondary);margin:0}.prompt-actions{padding:24px 32px 32px;display:flex;flex-direction:column;gap:12px}.upgrade-button-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:linear-gradient(135deg,gold,orange);color:#8b4513;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;min-height:52px}.upgrade-button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffd70080}.upgrade-button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-button{padding:12px 24px;background:transparent;color:var(--text-secondary);border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.button-icon{width:16px;height:16px}.user-name-section{display:flex;align-items:center;gap:12px;margin-bottom:4px}.subscription-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subscription-badge.artisan{background:linear-gradient(135deg,gold,orange);color:#8b4513}.subscription-badge.free{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.subscription-card{border:2px solid;transition:all .3s ease}.subscription-card.artisan{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#ffd7004d}.subscription-card.free{background:var(--bg-secondary);border-color:var(--border-color)}.subscription-details{padding:16px 0 0}.subscription-description{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.subscription-benefits{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.benefit-item{display:flex;align-items:center;gap:8px;font-size:14px}.benefit-item span.text-gray-500{color:var(--text-tertiary)}.renewal-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:16px;padding:8px 12px;background:var(--bg-tertiary);border-radius:8px}.upgrade-button-small{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,gold,orange);color:#8b4513;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:auto}.upgrade-button-small:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ffd70066}.upgrade-button-small:disabled{opacity:.6;cursor:not-allowed;transform:none}.manage-subscription-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:fit-content}.manage-subscription-button:hover{background:var(--bg-hover);border-color:var(--primary-color)}.manage-subscription-button:disabled{opacity:.6;cursor:not-allowed}.settings-menu .menu-item:first-child{border-top:2px solid rgba(255,215,0,.2);background:linear-gradient(135deg,#ffd7000d,#ffd70005)}.tab:has(.crown-icon-small){position:relative}.tab:has(.crown-icon-small):after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:gold;border-radius:50%;border:2px solid var(--bg-primary)}.section-header:has(.unlock-all-button){display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:16px;border-bottom:1px solid var(--border-color)}.paths-section:has(.unlock-all-button){background:linear-gradient(135deg,#ffd70008,#ffd70003);border:1px solid rgba(255,215,0,.1);border-radius:16px;padding:24px;margin-top:24px}@media(max-width:768px){.subscription-indicator{padding:10px 12px;font-size:13px;margin:12px 0 20px}.upgrade-prompt{margin:5px;border-radius:16px}.prompt-header,.prompt-content,.prompt-actions{padding:20px 24px}.crown-icon-large{width:40px;height:40px}.prompt-header h2{font-size:20px}.upgrade-button-primary{padding:14px 20px;font-size:15px}.user-name-section{flex-direction:column;align-items:flex-start;gap:8px}.subscription-benefits{gap:6px}.benefit-item{font-size:13px}.manage-subscription-button,.upgrade-button-small{width:100%;justify-content:center}.unlock-all-button{padding:6px 12px;font-size:12px}.section-header:has(.unlock-all-button){flex-direction:column;align-items:flex-start;gap:12px}}[data-theme=dark] .subscription-indicator.active,[data-theme=dark] .subscription-card.artisan,[data-theme=dark] .pricing-info{background:linear-gradient(135deg,#ffd70026,#ffd70014)}[data-theme=dark] .paths-section:has(.unlock-all-button){background:linear-gradient(135deg,#ffd70014,#ffd7000a)}.subscription-loading{display:flex;align-items:center;justify-content:center;padding:20px}.subscription-loading .loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid #FFD700;border-radius:50%;animation:spin 1s linear infinite}.subscription-success{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:12px 16px;margin:16px 0;color:#22c55e;font-size:14px;display:flex;align-items:center;gap:8px}.subscription-error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px 16px;margin:16px 0;color:#ef4444;font-size:14px;display:flex;align-items:center;gap:8px}@keyframes pulse-gold{0%,to{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 0 10px #ffd70000}}.path-card.premium:hover .tier-badge.artisan{animation:pulse-gold 2s infinite}.upgrade-button-primary:focus,.upgrade-button-small:focus,.manage-subscription-button:focus{outline:2px solid #FFD700;outline-offset:2px}.subscription-indicator:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:high){.tier-badge.artisan,.subscription-badge.artisan,.upgrade-button-primary{background:gold;color:#000;border:2px solid #8B4513}}@media(prefers-reduced-motion:reduce){.upgrade-button-primary,.upgrade-button-small,.unlock-all-button{transition:none}.upgrade-button-primary:hover,.upgrade-button-small:hover,.unlock-all-button:hover{transform:none}.path-card.premium:hover .tier-badge.artisan{animation:none}}.tier-badge{position:absolute;top:2px;left:5rem;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modalOverlayFadeIn .3s ease-out}.modal-container{background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 25px 50px #00000040;width:100%;max-width:600px;max-height:90vh;margin:auto;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .4s ease-out;position:relative}.modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--bg-primary, #ffffff);position:relative;z-index:2}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0;display:flex;align-items:center;gap:12px}.modal-title-icon{color:var(--color-warning, #f59e0b);flex-shrink:0}.modal-close{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937)}.modal-close-icon{width:20px;height:20px}.modal-content{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, #d1d5db) var(--scrollbar-track, #f9fafb)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--scrollbar-track, #f9fafb);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #d1d5db);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #9ca3af)}.disclaimer-section{margin-bottom:24px}.disclaimer-section:last-child{margin-bottom:0}.disclaimer-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 12px;display:flex;align-items:center;gap:8px}.disclaimer-section p{color:var(--text-secondary, #4b5563);line-height:1.6;margin:0 0 12px}.disclaimer-section p:last-child{margin-bottom:0}.resource-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:12px}.resource-list li{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary, #f8fafc);border-radius:8px;transition:background-color .2s ease}.resource-list li:hover{background:var(--bg-tertiary, #e2e8f0)}.resource-icon{width:16px;height:16px;color:var(--color-primary, #3b82f6);flex-shrink:0}.resource-list a{color:var(--color-primary, #3b82f6);text-decoration:none;font-weight:500;transition:color .2s ease}.resource-list a:hover{color:var(--color-primary-hover, #2563eb);text-decoration:underline}.modal-footer{padding:16px 24px 24px;border-top:1px solid var(--border-color, #e5e7eb);display:flex;gap:12px;justify-content:flex-end;flex-shrink:0;background:var(--bg-primary, #ffffff);position:relative;z-index:2}.modal-button{padding:12px 20px;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.modal-button.secondary{background:var(--bg-secondary, #f8fafc);color:var(--text-secondary, #6b7280);border-color:var(--border-color, #e5e7eb)}.modal-button.secondary:hover{background:var(--bg-tertiary, #e2e8f0);color:var(--text-primary, #1f2937)}.modal-button.primary{background:var(--color-primary, #3b82f6);color:#fff;border-color:var(--color-primary, #3b82f6)}.modal-button.primary:hover{background:var(--color-primary-hover, #2563eb);border-color:var(--color-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.button-icon{width:16px;height:16px;flex-shrink:0}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){.modal-overlay{padding:40px 16px 16px;align-items:flex-start}.modal-container{max-height:calc(100vh - 80px);min-height:300px}.modal-header{padding:20px 20px 12px}.modal-title{font-size:1.25rem}.modal-content{padding:16px 20px}.modal-footer{padding:12px 20px 20px;flex-direction:column-reverse}.modal-button{width:100%;min-width:unset}}@media(max-width:768px)and (min-width:641px){.modal-container{max-height:85vh}.modal-footer{flex-wrap:wrap}}.dark-theme .modal-container{background:var(--bg-primary-dark, #1f2937);border:1px solid var(--border-color-dark, #374151)}.dark-theme .modal-header{background:var(--bg-primary-dark, #1f2937);border-bottom-color:var(--border-color-dark, #374151)}.dark-theme .modal-title{color:var(--text-primary-dark, #f9fafb)}.dark-theme .modal-close{color:var(--text-secondary-dark, #d1d5db)}.dark-theme .modal-close:hover{background:var(--bg-secondary-dark, #374151);color:var(--text-primary-dark, #f9fafb)}.dark-theme .modal-footer{background:var(--bg-primary-dark, #1f2937);border-top-color:var(--border-color-dark, #374151)}.dark-theme .disclaimer-title{color:var(--text-primary-dark, #f9fafb)}.dark-theme .disclaimer-section p{color:var(--text-secondary-dark, #d1d5db)}.dark-theme .resource-list li{background:var(--bg-secondary-dark, #374151)}.dark-theme .resource-list li:hover{background:var(--bg-tertiary-dark, #4b5563)}@media(prefers-contrast:high){.modal-container{border:2px solid var(--text-primary, #000000)}.modal-button.primary{border-width:2px}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-container{animation:none}.modal-button{transition:none}.modal-button.primary:hover{transform:none}}.page-content h3{font-size:1.23rem;font-weight:600;color:#afaf62!important;margin-top:3rem}.legal-document{max-width:900px;margin:0 auto;padding:1rem;color:var(--color-text-primary)}.document-header{margin-bottom:2.5rem}.document-date{text-align:center;color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1.5rem;opacity:.8}.info-card{background:linear-gradient(135deg,#558b6e26,#e6b89c1a);border:1px solid rgba(85,139,110,.3);border-radius:20px;padding:2rem;margin-bottom:2rem;display:flex;gap:1.5rem;align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(85,139,110,.1) 0%,transparent 70%);animation:termsGlow 8s ease-in-out infinite}@keyframes termsGlow{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(45deg);opacity:.6}}.info-card:hover{border-color:#558b6e80;transform:translateY(-2px);box-shadow:0 12px 30px #558b6e26}.info-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-light));border-radius:16px;color:var(--color-text-primary);flex-shrink:0;box-shadow:0 8px 20px #558b6e4d;position:relative;z-index:1}.info-card-content{flex:1;position:relative;z-index:1}.info-card-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:var(--color-text-primary)}.info-card-text{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.quick-summary{background:#2b463c33;border:1px solid rgba(85,139,110,.25);border-radius:16px;padding:1.5rem;margin-bottom:2.5rem}.quick-summary-title{font-size:1.25rem;font-weight:700;margin:0 0 1.25rem;color:var(--color-text-primary);text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#558b6e1a;border:1px solid rgba(85,139,110,.2);border-radius:12px;font-size:.9rem;font-weight:500;color:var(--color-text-primary);transition:all .2s ease}.summary-item:hover{background:#558b6e26;border-color:#558b6e59;transform:translate(4px)}.summary-icon{width:20px;height:20px;color:var(--color-brand);flex-shrink:0}.expandable-section{background:#2b463c26;border:1px solid rgba(85,139,110,.2);border-radius:16px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.expandable-section:hover{border-color:#558b6e59;box-shadow:0 4px 16px #558b6e1a}.expandable-section-important{border-color:#558b6e66;background:linear-gradient(135deg,#558b6e26,#e6b89c14)}.expandable-section-important:hover{border-color:#558b6e99;box-shadow:0 6px 20px #558b6e26}.expandable-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:var(--color-text-primary)}.expandable-header:hover{background:#558b6e14}.expandable-header-content{display:flex;align-items:center;gap:1rem}.expandable-icon{width:24px;height:24px;color:var(--color-brand);flex-shrink:0}.expandable-title{font-size:1.25rem;font-weight:700;margin:0;text-align:left}.expandable-chevron{width:24px;height:24px;color:var(--color-text-secondary);transition:transform .3s ease;flex-shrink:0}.expandable-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.expandable-content-expanded{max-height:5000px}.expandable-content-inner{padding:0 1.5rem 1.5rem;color:var(--color-text-secondary);line-height:1.7}.section-intro{font-size:1.05rem;color:var(--color-text-primary);margin-bottom:1.5rem;line-height:1.7;font-weight:500}.subsection-title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:1.5rem 0 1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin:1.5rem 0}.feature-item{padding:.875rem 1rem;background:#558b6e1f;border:1px solid rgba(85,139,110,.25);border-radius:12px;font-size:.95rem;color:var(--color-text-primary);transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.feature-item:hover{background:#558b6e2e;border-color:#558b6e66;transform:translate(4px)}.highlight-box{background:linear-gradient(135deg,#558b6e33,#e6b89c26);border-left:4px solid var(--color-brand);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.highlight-title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.highlight-box p{margin:0;color:var(--color-text-secondary);line-height:1.7}.info-box{background:#558b6e1f;border:1px solid rgba(85,139,110,.3);border-radius:12px;padding:1.25rem;margin:1.5rem 0}.info-box-title{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.info-box p{margin:0;color:var(--color-text-secondary);line-height:1.6}.warning-box{background:linear-gradient(135deg,#ffaa3326,#ff8c001a);border:1px solid rgba(255,170,51,.4);border-radius:12px;padding:1.25rem;margin:1.5rem 0;display:flex;gap:1rem;align-items:flex-start}.warning-icon{width:24px;height:24px;color:#fa3;flex-shrink:0;margin-top:.25rem}.warning-title{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.warning-box p{margin:0;color:var(--color-text-secondary);line-height:1.6}.disclaimer-box{background:#d8d8d01a;border:1px solid rgba(216,216,208,.3);border-radius:12px;padding:1.25rem;margin:1.5rem 0}.disclaimer-title{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.disclaimer-box p{margin:0;color:var(--color-text-secondary);line-height:1.6}.styled-list{margin:1rem 0;padding-left:1.5rem;list-style:none}.styled-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--color-text-secondary);line-height:1.6}.styled-list li:before{content:"✓";position:absolute;left:0;color:var(--color-brand);font-weight:700;font-size:1.1rem}.prohibited-list li:before{content:"✗";color:#ff6b6b}.control-options{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.control-option{display:flex;gap:1rem;padding:1rem;background:#558b6e1a;border:1px solid rgba(85,139,110,.2);border-radius:12px;align-items:flex-start;transition:all .2s ease}.control-option:hover{background:#558b6e26;border-color:#558b6e59;transform:translate(4px)}.control-option-icon{font-size:1.5rem;flex-shrink:0}.control-option strong{color:var(--color-text-primary);font-weight:600}.third-party-service{background:#2b463c26;border:1px solid rgba(85,139,110,.25);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.service-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.service-icon{width:22px;height:22px;color:var(--color-brand)}.third-party-service p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:1rem}.external-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-brand);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease}.external-link:hover{color:var(--color-brand-light);gap:.75rem}.contact-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(85,139,110,.2)}.contact-card{background:linear-gradient(135deg,#558b6e33,#e6b89c1f);border:1px solid rgba(85,139,110,.3);border-radius:20px;padding:2rem;display:flex;gap:1.5rem;align-items:center;transition:all .3s ease}.contact-card:hover{border-color:#558b6e80;transform:translateY(-2px);box-shadow:0 12px 30px #558b6e33}.contact-icon{width:56px;height:56px;padding:14px;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-light));border-radius:16px;color:var(--color-text-primary);flex-shrink:0;box-shadow:0 8px 20px #558b6e4d}.contact-content{flex:1}.contact-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:var(--color-text-primary)}.contact-text{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0 0 1rem}.contact-link{display:inline-block;color:var(--color-brand);text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .2s ease}.contact-link:hover{color:var(--color-brand-light);text-decoration:underline}@media(max-width:768px){.legal-document{padding:.5rem}.info-card{flex-direction:column;padding:1.5rem}.info-card-icon{width:48px;height:48px}.expandable-header{padding:1.25rem}.expandable-title{font-size:1.1rem}.expandable-content-inner{padding:0 1.25rem 1.25rem}.feature-grid,.summary-grid{grid-template-columns:1fr}.contact-card{flex-direction:column;text-align:center}.contact-title{font-size:1.25rem}}@media(max-width:480px){.info-card-title{font-size:1.25rem}.expandable-title,.subsection-title{font-size:1rem}}.info-card{background:linear-gradient(135deg,#2b463c40,#558b6e26);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(85,139,110,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(85,139,110,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(45deg);opacity:.6}}.info-card:hover{background:linear-gradient(135deg,#2b463c59,#558b6e40);border-color:#558b6e80;transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #0000004d,0 0 30px #558b6e33}.section-title{font-size:2rem;font-weight:800;margin-bottom:2rem;color:#f5f5f0;position:relative;padding-bottom:1rem;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.section-title:after{content:"";position:absolute;bottom:0;left:12px;width:60px;height:4px;background:linear-gradient(90deg,#558b6e,#e6b89c,#558b6e33);border-radius:4px;animation:slideIn .6s ease-out}@keyframes slideIn{0%{width:0;opacity:0}to{width:60px;opacity:1}}.about-section{margin-bottom:4rem;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-text{color:#d8d8d0;line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.philosophy-container{display:flex;flex-direction:column;gap:2rem}.quote-card{background:linear-gradient(135deg,#1e1e1e99,#2b463c4d);border-radius:16px;padding:2rem;margin-bottom:1.5rem;border-left:5px solid #E6B89C;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #0003}.quote-card:after{content:'"';position:absolute;bottom:10px;right:20px;font-size:6rem;color:#e6b89c1a;font-family:Georgia,serif;line-height:1}.quote-card:hover{transform:translate(8px);border-left-width:8px;box-shadow:0 12px 30px #0000004d,0 0 20px #e6b89c33}.quote-icon{position:absolute;top:-12px;left:-12px;background:linear-gradient(135deg,#e6b89c,#f9dcc4);border-radius:50%;padding:8px;color:#1e1e1e;width:40px;height:40px;box-shadow:0 6px 12px #0000004d;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}blockquote{color:#f9dcc4;font-style:italic;margin:0;padding-left:1.5rem;font-size:1.15rem;line-height:1.7;position:relative;z-index:1}blockquote cite{display:block;margin-top:1rem;font-size:.95rem;color:#d8d8d0;text-align:right;font-weight:600}.founder-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.founder-container{flex-direction:row;align-items:flex-start}}.founder-image-container{flex-shrink:0;width:220px;height:220px;margin:0 auto;position:relative}.founder-image-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#558b6e,#e6b89c);border-radius:16px;opacity:.3;animation:pulse-border 3s ease-in-out infinite}@keyframes pulse-border{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.5}}.founder-image{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 15px 35px #0000004d;border:3px solid rgba(85,139,110,.5);position:relative;z-index:1;transition:all .4s ease}.founder-image:hover{transform:scale(1.05);box-shadow:0 20px 45px #0006}.founder-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2b463c,#558b6e,#e6b89c);background-size:200% 200%;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:6rem;font-weight:800;color:#f5f5f0;box-shadow:0 15px 35px #0000004d;position:relative;z-index:1;animation:gradient-shift 5s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.founder-content{flex:1}.founder-name{font-size:2.25rem;font-weight:800;margin-bottom:.5rem;color:#f5f5f0;letter-spacing:-1px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.founder-title{font-size:1.15rem;color:#e6b89c;margin-bottom:1.5rem;font-weight:600;letter-spacing:.5px}.founder-bio{color:#d8d8d0;line-height:1.8;margin-bottom:2rem;font-size:1.05rem}.founder-values{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#558b6e1a,#2b463c1a);border-radius:12px;border:1px solid rgba(85,139,110,.2)}.founder-values h4{margin-bottom:1rem;color:#f5f5f0;font-weight:700;font-size:1.1rem}.values-container{display:flex;flex-wrap:wrap;gap:.75rem}.value-pill{background:linear-gradient(135deg,#558b6e40,#558b6e26);border:2px solid rgba(85,139,110,.4);color:#9caf88;padding:.5rem 1.25rem;border-radius:25px;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #0003}.value-pill:hover{background:linear-gradient(135deg,#558b6e66,#558b6e40);border-color:#558b6e99;color:#f5f5f0;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #0000004d}.founder-achievements{display:flex;flex-direction:column;gap:1.5rem}.achievement-item{background:linear-gradient(135deg,#1e1e1e4d,#2b463c33);border-radius:12px;padding:1.5rem;border:1px solid rgba(85,139,110,.2);border-left:4px solid #E6B89C;transition:all .4s ease}.achievement-item:hover{transform:translate(8px);border-left-width:6px;box-shadow:0 8px 20px #0003;background:linear-gradient(135deg,#1e1e1e66,#2b463c4d)}.achievement-item h4{display:flex;align-items:center;color:#f5f5f0;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.achievement-icon{color:#e6b89c;margin-right:.75rem;width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.achievement-item p{color:#d8d8d0;font-size:1rem;line-height:1.7}.values-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}@media(min-width:768px){.values-grid{grid-template-columns:1fr 1fr}}.value-card{background:linear-gradient(135deg,#2b463c33,#558b6e1a);border-radius:16px;padding:2rem;border:1px solid rgba(85,139,110,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(85,139,110,.2),transparent);transition:left .6s ease}.value-card:hover:before{left:100%}.value-card:hover{background:linear-gradient(135deg,#2b463c59,#558b6e40);transform:translateY(-8px) scale(1.02);border-color:#558b6e66;box-shadow:0 20px 40px #0003,0 0 30px #558b6e4d}.value-header{display:flex;align-items:center;margin-bottom:1.25rem}.value-icon{color:#558b6e;margin-right:1rem;width:32px;height:32px;transition:all .4s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.value-card:hover .value-icon{transform:scale(1.2) rotate(5deg);color:#e6b89c}.value-header h3{font-size:1.35rem;font-weight:700;color:#f5f5f0;letter-spacing:-.3px}.value-card p{color:#d8d8d0;line-height:1.7;font-size:1rem;position:relative;z-index:1}.tech-container{padding:2rem;margin-top:2rem;position:relative;overflow:hidden}.tech-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#558b6e1a,#2b463c1a);z-index:0}.tech-header{display:flex;align-items:center;margin-bottom:1.5rem;position:relative;z-index:1}.tech-icon{color:#558b6e;margin-right:1rem;width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tech-header h3{font-size:1.5rem;font-weight:700;color:#f5f5f0;letter-spacing:-.3px}.tech-description{color:#d8d8d0;line-height:1.8;margin-bottom:1.25rem;position:relative;z-index:1;padding-left:1rem;border-left:3px solid rgba(85,139,110,.3);transition:all .3s ease}.tech-description:hover{border-left-color:#558b6e99;transform:translate(5px)}.tech-description strong{color:#e6b89c;font-weight:700}.contact-info{margin-top:1rem;color:#d8d8d0}.contact-info a{color:#558b6e;text-decoration:none;transition:color .2s ease}.contact-info a:hover{color:#e6b89c;text-decoration:underline}.features-list{list-style:none;padding:0;margin:2rem 0}.features-list li{position:relative;padding:1rem 1rem 1rem 3rem;margin-bottom:1.25rem;color:#d8d8d0;line-height:1.7;background:linear-gradient(90deg,rgba(85,139,110,.1),transparent);border-radius:8px;border-left:3px solid #558B6E;transition:all .4s ease}.features-list li:hover{background:linear-gradient(90deg,rgba(85,139,110,.2),transparent);border-left-width:5px;transform:translate(5px);box-shadow:0 4px 12px #558b6e33}.features-list li:before{content:"→";position:absolute;left:1rem;top:1rem;color:#558b6e;font-weight:700;font-size:1.5rem;transition:all .3s ease}.features-list li:hover:before{transform:translate(5px);color:#e6b89c}.features-list li strong{color:#f5f5f0;display:block;margin-bottom:.25rem;font-size:1.05rem}.subscription-comparison{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}@media(min-width:768px){.subscription-comparison{grid-template-columns:1fr 1fr}}.tier-card{background:linear-gradient(135deg,#2b463c33,#558b6e1a);border-radius:20px;padding:2rem;border:2px solid rgba(85,139,110,.3);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#558b6e,#558b6e4d);transition:all .4s ease}.tier-card:hover:before{height:8px;background:linear-gradient(90deg,#558b6e,#e6b89c)}.tier-card.artisan-tier{border:3px solid rgba(230,184,156,.4);background:linear-gradient(135deg,#2b463c4d,#e6b89c1a);box-shadow:0 0 40px #e6b89c33}.tier-card.artisan-tier:before{background:linear-gradient(90deg,#e6b89c,#f9dcc4,#e6b89c);background-size:200% 100%;animation:shimmer 3s infinite}@keyframes shimmer{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}.tier-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #0000004d,0 0 50px #558b6e33}.tier-card.artisan-tier:hover{box-shadow:0 25px 50px #0000004d,0 0 60px #e6b89c66;border-color:#e6b89c99}.tier-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(85,139,110,.2)}.artisan-tier .tier-header{border-bottom-color:#e6b89c4d}.tier-header h3{font-size:1.75rem;font-weight:800;color:#f5f5f0;display:flex;align-items:center;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.tier-icon{margin-right:.75rem;width:32px;height:32px;color:#558b6e;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .4s ease}.tier-card:hover .tier-icon{transform:scale(1.2) rotate(10deg)}.artisan-tier .tier-icon{color:#e6b89c;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 2px 4px rgba(230,184,156,.5))}50%{filter:drop-shadow(0 0 20px rgba(230,184,156,.8))}}.tier-price{font-size:1.4rem;font-weight:800;color:#e6b89c;background:linear-gradient(135deg,#e6b89c40,#f9dcc426);padding:.75rem 1.25rem;border-radius:25px;border:2px solid rgba(230,184,156,.4);box-shadow:0 4px 12px #e6b89c33;transition:all .3s ease}.tier-card:hover .tier-price{transform:scale(1.05);box-shadow:0 6px 16px #e6b89c66}.tier-features{list-style:none;padding:0;margin:0}.tier-features li{position:relative;padding-left:2rem;margin-bottom:1rem;color:#d8d8d0;line-height:1.6;transition:all .3s ease}.tier-features li:hover{color:#f5f5f0;transform:translate(5px)}.tier-features li:before{content:"✓";position:absolute;left:0;color:#558b6e;font-weight:700;font-size:1.3rem;transition:all .3s ease}.tier-features li:hover:before{transform:scale(1.3)}.artisan-tier .tier-features li:before{content:"★";color:#e6b89c}.mt-4{margin-top:1.5rem}.text-lg{font-size:1.1rem}.glass-card{background:#2b463c33;border:1px solid rgba(85,139,110,.2);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lazy-loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #0f172a);padding:2rem}.loading-shimmer{max-width:400px;width:100%;text-align:center}.shimmer-circle{width:80px;height:80px;border-radius:50%;margin:0 auto 2rem;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shimmer-text{height:20px;margin:0 auto 1rem;border-radius:4px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;animation-delay:.2s}.shimmer-text.short{width:60%;animation-delay:.4s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){.lazy-loading-screen{min-height:calc(100vh - 60px)}.loading-shimmer{transform:translateZ(0);will-change:transform}}.path-indicator-compact,.path-indicator-full{display:flex;align-items:center;border-radius:9999px;padding:.5rem .75rem}.path-indicator-compact{padding:.25rem .75rem}.path-indicator-icon{width:1rem;height:1rem;margin-right:.375rem}.path-indicator-text{font-size:.75rem;font-weight:500;white-space:nowrap}.path-indicator-full{padding:.75rem 1rem;border-radius:.5rem}.path-indicator-icon-container{padding:.5rem;background-color:#fff3;border-radius:50%;margin-right:.75rem}.path-indicator-icon-large{width:1.5rem;height:1.5rem}.path-indicator-title{font-weight:700;font-size:1rem}.path-indicator-progress{display:flex;align-items:center;margin-top:.25rem}.progress-bar{width:4rem;height:.5rem;background-color:#fff3;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;border-radius:9999px}.progress-text{font-size:.75rem;margin-left:.5rem}.path-sd{background-color:#558b6e;color:#fff}.path-ei{background-color:#d84c93;color:#fff}.path-ma{background-color:#8e44ad;color:#fff}.header-path-context{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-50%);z-index:5;box-shadow:0 2px 8px #0000001a}:root{--dark-bg-primary: #1a1e2a;--dark-bg-secondary: #111827;--dark-bg-tertiary: #374151;--dark-bg-hover: #2d3748;--dark-bg-active: #4b5563;--dark-border-primary: #374151;--dark-border-secondary: #4b5563;--dark-border-hover: #6b7280;--dark-text-primary: #f9fafb;--dark-text-secondary: #d1d5db;--dark-text-muted: #9ca3af;--dark-text-disabled: #6b7280;--light-bg-primary: #ffffff;--light-bg-secondary: #f3f4f6;--light-bg-tertiary: #e5e7eb;--light-bg-hover: #f9fafb;--light-bg-active: #e5e7eb;--light-border-primary: #d1d5db;--light-border-secondary: #9ca3af;--light-border-hover: #6b7280;--light-text-primary: #111827;--light-text-secondary: #374151;--light-text-muted: #6b7280;--light-text-disabled: #9ca3af;--color-self-discovery: 85, 139, 110;--color-emotional-intelligence: 216, 76, 147;--color-mindfulness-awareness: 142, 68, 173;--color-transformation-journey: 26, 155, 155;--color-creative-expression: 217, 70, 239;--color-relationship-mastery: 220, 38, 38;--color-career-vision: 79, 70, 229;--color-spiritual-discovery: 14, 165, 233;--color-financial-mindfulness: 234, 179, 8;--color-deep-sleep: 55, 48, 163;--color-shadow-integration: 168, 85, 247;--color-decision-mastery: 5, 150, 105;--color-success: #10b981;--color-info: #3b82f6;--color-warning: #f59e0b;--color-danger: #ef4444;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--glow-sm: 0 0 8px rgba(255, 255, 255, .1);--glow-md: 0 0 15px rgba(255, 255, 255, .15);--glow-lg: 0 0 25px rgba(255, 255, 255, .2);--light-glow-sm: 0 0 8px rgba(0, 0, 0, .05);--light-glow-md: 0 0 15px rgba(0, 0, 0, .08);--light-glow-lg: 0 0 25px rgba(0, 0, 0, .1)}.write-tab-container{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--bg-hover: var(--dark-bg-hover);--bg-active: var(--dark-bg-active);--border-primary: var(--dark-border-primary);--border-secondary: var(--dark-border-secondary);--border-hover: var(--dark-border-hover);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-muted: var(--dark-text-muted);--text-disabled: var(--dark-text-disabled);--card-shadow: 0 4px 10px rgba(0, 0, 0, .2);--modal-shadow: 0 20px 25px rgba(0, 0, 0, .25);--card-glow: var(--glow-sm)}.write-tab-container.light-theme{--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--bg-hover: var(--light-bg-hover);--bg-active: var(--light-bg-active);--border-primary: var(--light-border-primary);--border-secondary: var(--light-border-secondary);--border-hover: var(--light-border-hover);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-muted: var(--light-text-muted);--text-disabled: var(--light-text-disabled);--card-shadow: 0 4px 12px rgba(0, 0, 0, .07);--modal-shadow: 0 20px 25px rgba(0, 0, 0, .12);--card-glow: var(--light-glow-sm)}.animate-fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.write-tab-container{display:flex;flex-direction:column;padding:var(--spacing-md);max-width:800px;margin:0 auto;gap:var(--spacing-lg);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-bottom:80px}.write-tab-header{display:flex;align-items:flex-start;justify-content:space-between;position:relative;margin-top:1.25rem}.header-left{flex:1}.back-button{margin-top:2rem;display:flex;align-items:center;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.875rem;margin-bottom:var(--spacing-sm);transition:all var(--transition-fast)}.back-button:hover{color:var(--text-primary);transform:translate(-2px)}.back-icon{width:1rem;height:1rem;margin-right:var(--spacing-xs)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.write-tab-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.2}.write-tab-path-context{margin-bottom:var(--spacing-md);display:flex}.path-indicator{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);font-size:.875rem;font-weight:600;color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.path-indicator:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.path-indicator-icon{width:1.25rem;height:1.25rem;margin-right:var(--spacing-sm)}.path-indicator-text{white-space:nowrap}.prompt-card,.journey-progress,.journaling-tips{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--card-shadow);border:1px solid var(--border-primary);transition:all var(--transition-slow)}.prompt-card:hover,.journey-progress:hover,.journaling-tips:hover{border-color:var(--border-secondary);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.self-discovery .prompt-card,.self-discovery .journey-progress,.self-discovery .journaling-tips{box-shadow:var(--card-shadow),0 0 15px rgba(var(--color-self-discovery),.1)}.emotional-intelligence .prompt-card,.emotional-intelligence .journey-progress,.emotional-intelligence .journaling-tips{box-shadow:var(--card-shadow),0 0 15px rgba(var(--color-emotional-intelligence),.1)}.mindfulness-awareness .prompt-card,.mindfulness-awareness .journey-progress,.mindfulness-awareness .journaling-tips{box-shadow:var(--card-shadow),0 0 15px rgba(var(--color-mindfulness-awareness),.1)}.transformation-journey .prompt-card,.transformation-journey .journey-progress,.transformation-journey .journaling-tips{box-shadow:var(--card-shadow),0 0 15px rgba(var(--color-transformation-journey),.1)}.self-discovery .prompt-card:hover,.self-discovery .journey-progress:hover,.self-discovery .journaling-tips:hover{box-shadow:var(--shadow-lg),0 0 20px rgba(var(--color-self-discovery),.2)}.emotional-intelligence .prompt-card:hover,.emotional-intelligence .journey-progress:hover,.emotional-intelligence .journaling-tips:hover{box-shadow:var(--shadow-lg),0 0 20px rgba(var(--color-emotional-intelligence),.2)}.prompt-day-container{display:flex;justify-content:flex-start}.prompt-day{font-size:1.5rem;font-weight:600;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:15px;display:inline-block;max-width:100%;text-align:left;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.prompt-day:hover{background-color:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.prompt-content{position:relative;padding:var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.prompt-content:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.prompt-label-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.prompt-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.125rem;font-weight:500;color:var(--text-secondary);margin:0}.prompt-label-icon{width:1.25rem;height:1.25rem;color:var(--text-muted)}.info-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-hover);border:none;border-radius:var(--border-radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.info-button:hover{background:var(--bg-active);color:var(--text-primary);transform:translateY(-2px)}.prompt-info{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--bg-hover);border-radius:var(--border-radius-sm);font-size:.875rem;color:var(--text-muted);border-left:3px solid var(--border-secondary);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.prompt-text{font-size:1.125rem;line-height:1.6;margin-bottom:var(--spacing-md);font-style:italic;color:var(--text-primary);position:relative;padding:0 var(--spacing-xs)}.prompt-text:before{content:'"';color:var(--text-muted);font-size:1.5rem;line-height:0;vertical-align:-.1em;margin-right:var(--spacing-xs)}.prompt-text:after{content:'"';color:var(--text-muted);font-size:1.5rem;line-height:0;vertical-align:-.1em;margin-left:var(--spacing-xs)}.prompt-theme{display:flex;align-items:center;font-size:.875rem;color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-hover);border-radius:var(--border-radius-md);border:1px solid var(--border-primary);transition:all var(--transition-normal);display:inline-flex}.prompt-theme:hover{background-color:var(--bg-active);border-color:var(--border-secondary);transform:translateY(-2px)}.prompt-theme-icon{width:1rem;height:1rem;margin-right:var(--spacing-xs);color:var(--text-muted)}.prompt-actions-container{margin-top:var(--spacing-lg)}.actions-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-secondary);text-align:center}.prompt-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);justify-content:center}.action-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:1rem;font-weight:500;cursor:pointer;border:none;flex:1;min-width:160px;box-shadow:var(--shadow-sm);transition:all var(--transition-slow);position:relative;overflow:hidden}.action-button.primary{background-color:var(--bg-active);color:var(--text-primary);border:1px solid var(--border-secondary)}.action-button.primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:all .6s ease}.action-button.primary:hover{background-color:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button.primary:hover:after{left:100%}.action-button.secondary{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.action-button.secondary:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-icon{width:20px;height:20px;margin-right:var(--spacing-md);flex-shrink:0}.journey-progress{padding:var(--spacing-lg)}.progress-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.progress-title-icon{color:var(--text-muted)}.progress-container{margin-bottom:var(--spacing-md)}.progress-bar{height:8px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-sm);width:100%;box-shadow:inset 0 1px 2px #0000001a}.progress-fill{height:100%;border-radius:var(--border-radius-full);transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;width:15px;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.6));filter:blur(3px);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(0);opacity:.7}to{transform:translate(15px);opacity:0}}.progress-text{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.875rem}.progress-percentage{font-weight:600;color:var(--text-secondary)}.days-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.4rem;margin:var(--spacing-md) 0}.day-pill{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;background:var(--bg-tertiary);border-radius:var(--border-radius-md);color:var(--text-muted);font-size:.8125rem;font-weight:500;transition:all var(--transition-normal);cursor:pointer}.day-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:var(--bg-hover)}.day-pill.completed{background:#10b98126;color:var(--color-success)}.day-pill.current{background:#3b82f626;color:var(--color-info);border:1px solid rgba(59,130,246,.3)}.day-pill.more{background:var(--bg-tertiary);color:var(--text-secondary)}.progress-prompt{font-size:.9375rem;color:var(--text-muted);text-align:center;margin-top:var(--spacing-md);font-style:italic}.journaling-tips{padding:var(--spacing-lg)}.tips-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.tips-title-icon{color:var(--text-muted)}.tips-list{list-style:none;padding:0;margin:0}.tip-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);padding-left:var(--spacing-xs)}.tip-item:last-child{margin-bottom:0}.tip-icon{background-color:var(--bg-active);color:var(--text-primary);width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md);flex-shrink:0;font-weight:600;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.tip-item:hover .tip-icon{transform:scale(1.1);box-shadow:var(--shadow-md)}.tip-content{font-size:.9375rem;color:var(--text-muted);line-height:1.6;padding-top:var(--spacing-xs)}.mobile-continue{display:none}.continue-button{display:flex;align-items:center;justify-content:center;color:#fff;width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;font-size:1rem;border:none;margin-top:0rem;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-slow);position:relative;overflow:hidden}.continue-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.6s;z-index:1}.continue-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.continue-button:hover:after{left:100%}.continue-button:active{transform:translateY(0)}.continue-icon{margin-left:var(--spacing-md);width:1.25rem;height:1.25rem;position:relative;z-index:2;transition:transform .3s ease}.continue-button:hover .continue-icon{transform:translate(4px)}.error-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background-color:#ef44441a;border-radius:var(--border-radius-md);margin:var(--spacing-2xl) 0;border:1px solid rgba(239,68,68,.3)}.error-message{color:var(--color-danger);margin-bottom:var(--spacing-lg);text-align:center;font-weight:500}.retry-button{background-color:var(--color-danger);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.retry-button:hover{background-color:#e53e3e;transform:translateY(-2px);box-shadow:var(--shadow-md)}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);margin:var(--spacing-2xl) 0}.loading-spinner{border:3px solid rgba(var(--color-self-discovery),.1);border-radius:50%;border-top:3px solid var(--text-secondary);width:48px;height:48px;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.self-discovery .progress-title-icon,.self-discovery .prompt-theme-icon,.self-discovery .prompt-label-icon,.self-discovery .tips-title-icon{color:rgb(var(--color-self-discovery))}.emotional-intelligence .progress-title-icon,.emotional-intelligence .prompt-theme-icon,.emotional-intelligence .prompt-label-icon,.emotional-intelligence .tips-title-icon{color:rgb(var(--color-emotional-intelligence))}.mindfulness-awareness .progress-title-icon,.mindfulness-awareness .prompt-theme-icon,.mindfulness-awareness .prompt-label-icon,.mindfulness-awareness .tips-title-icon{color:rgb(var(--color-mindfulness-awareness))}.transformation-journey .progress-title-icon,.transformation-journey .prompt-theme-icon,.transformation-journey .prompt-label-icon,.transformation-journey .tips-title-icon{color:rgb(var(--color-transformation-journey))}@media(max-width:768px){.write-tab-container{padding:var(--spacing-md) var(--spacing-sm);gap:var(--spacing-md)}.prompt-actions{flex-direction:column}.action-button{width:100%}.tips-list{margin-top:var(--spacing-md)}.mobile-continue{display:block;padding:0 var(--spacing-md);position:sticky;bottom:var(--spacing-lg);z-index:10}.write-tab-title{font-size:1.5rem}.prompt-day{font-size:1.25rem}.prompt-text{font-size:1rem}.days-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:640px){.write-tab-container{padding:.25rem;gap:var(--spacing-md)}.prompt-card,.journey-progress,.journaling-tips,.prompt-content{padding:var(--spacing-md)}.prompt-day{font-size:1.125rem;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md)}.action-button{width:100%;min-width:unset;padding:var(--spacing-sm) var(--spacing-md)}.tip-icon{width:1.5rem;height:1.5rem}.prompt-label{font-size:1rem}.progress-title,.tips-title,.actions-title{font-size:1.125rem}.days-grid{grid-template-columns:repeat(5,1fr);gap:.25rem}}.prompt-day:hover{background-color:#558b6e;border-color:#52555a;transform:translateY(-2px);box-shadow:var(--shadow-md)}.path-indicator{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);font-size:.875rem;font-weight:600;color:#558b6e;box-shadow:9px 7px 14px #558b6e3d;transition:all var(--transition-normal)}.action-icon{width:30px;height:30px;margin-right:var(--spacing-md);margin-right:0rem;color:#7ef7cfd2!important}.path-indicator{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);font-size:.875rem;font-weight:600;color:#fff;box-shadow:9px 7px 14px #558b6e3d;transition:all var(--transition-normal)}.nfc-quick-scan{margin-bottom:var(--spacing-lg);position:relative}.nfc-scan-button{width:100%;background:linear-gradient(135deg,rgba(var(--hs-primary-rgb),.1),rgba(var(--hs-primary-rgb),.05));border:2px dashed rgba(var(--hs-primary-rgb),.3);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-slow);position:relative;overflow:hidden}.nfc-scan-button:hover{border-color:rgba(var(--hs-primary-rgb),.5);background:linear-gradient(135deg,rgba(var(--hs-primary-rgb),.15),rgba(var(--hs-primary-rgb),.08));transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--hs-primary-rgb),.2)}.nfc-scan-button.scanning{border-color:rgba(var(--hs-primary-rgb),.6);background:linear-gradient(135deg,rgba(var(--hs-primary-rgb),.2),rgba(var(--hs-primary-rgb),.1))}.nfc-scan-button:disabled{cursor:not-allowed;opacity:.7}.nfc-scan-content{display:flex;align-items:center;gap:var(--spacing-lg)}.nfc-icon-wrapper{width:56px;height:56px;background:rgba(var(--hs-primary-rgb),.15);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-normal)}.nfc-scan-button:hover .nfc-icon-wrapper{background:rgba(var(--hs-primary-rgb),.25);transform:scale(1.05)}.nfc-scan-icon{width:28px;height:28px;color:rgb(var(--hs-primary-rgb));transition:all var(--transition-normal)}.nfc-scanning-animation{position:relative}.nfc-scan-icon.scanning{animation:nfcPulse 1.5s ease-in-out infinite}@keyframes nfcPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.nfc-scanning-animation:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:2px solid rgba(var(--hs-primary-rgb),.3);border-radius:50%;border-top-color:rgb(var(--hs-primary-rgb));animation:nfcScanRipple 1s linear infinite;transform:translate(-50%,-50%)}@keyframes nfcScanRipple{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.nfc-scan-text{flex:1;text-align:left}.nfc-scan-title{display:block;font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.nfc-scan-subtitle{display:block;font-size:var(--font-sm);color:var(--text-muted);line-height:1.4}.upload-divider{display:flex;align-items:center;margin:var(--spacing-xl) 0;position:relative}.upload-divider:before{content:"";flex:1;height:1px;background:var(--border-primary)}.upload-divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}.upload-divider span{padding:0 var(--spacing-lg);font-size:var(--font-sm);color:var(--text-muted);font-weight:500;background:var(--bg-secondary)}.nfc-error-message,.nfc-success-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-sm);margin-top:var(--spacing-md);animation:slideDown .3s ease}.nfc-error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626}.nfc-success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#059669}.error-dismiss,.success-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-weight:700;margin-left:auto;opacity:.7;transition:opacity var(--transition-fast)}.error-dismiss:hover,.success-dismiss:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.nfc-scan-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.nfc-scan-text{text-align:center}.nfc-icon-wrapper{width:48px;height:48px}.nfc-scan-icon{width:24px;height:24px}}.self-discovery .nfc-scan-button{border-color:rgba(var(--color-self-discovery),.3);background:linear-gradient(135deg,rgba(var(--color-self-discovery),.1),rgba(var(--color-self-discovery),.05))}.self-discovery .nfc-scan-button:hover{border-color:rgba(var(--color-self-discovery),.5);box-shadow:0 8px 20px rgba(var(--color-self-discovery),.2)}.emotional-intelligence .nfc-scan-button{border-color:rgba(var(--color-emotional-intelligence),.3);background:linear-gradient(135deg,rgba(var(--color-emotional-intelligence),.1),rgba(var(--color-emotional-intelligence),.05))}.emotional-intelligence .nfc-scan-button:hover{border-color:rgba(var(--color-emotional-intelligence),.5);box-shadow:0 8px 20px rgba(var(--color-emotional-intelligence),.2)}.mindfulness-awareness .nfc-scan-button{border-color:rgba(var(--color-mindfulness-awareness),.3);background:linear-gradient(135deg,rgba(var(--color-mindfulness-awareness),.1),rgba(var(--color-mindfulness-awareness),.05))}.mindfulness-awareness .nfc-scan-button:hover{border-color:rgba(var(--color-mindfulness-awareness),.5);box-shadow:0 8px 20px rgba(var(--color-mindfulness-awareness),.2)}.transformation-journey .nfc-scan-button{border-color:rgba(var(--color-transformation-journey),.3);background:linear-gradient(135deg,rgba(var(--color-transformation-journey),.1),rgba(var(--color-transformation-journey),.05))}.transformation-journey .nfc-scan-button:hover{border-color:rgba(var(--color-transformation-journey),.5);box-shadow:0 8px 20px rgba(var(--color-transformation-journey),.2)}.modern-progress-display{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.completion-content{display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:center}.completion-message{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#10b9811a,#22c55e0d);border:1px solid rgba(16,185,129,.2);border-radius:var(--border-radius-lg)}.completion-icon{width:3rem;height:3rem;color:var(--color-success);animation:bounce 1s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.completion-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.completion-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0}.completion-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media(max-width:640px){.completion-actions{flex-direction:column}.completion-message{padding:var(--spacing-md)}.completion-icon{width:2.5rem;height:2.5rem}.completion-title{font-size:1.25rem}.completion-text{font-size:.9rem}}.progress-circle-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.progress-circle-wrapper{position:relative;width:140px;height:140px}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-fill{transition:stroke-dasharray 1s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 8px rgba(var(--color-self-discovery),.4))}.progress-circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1}.progress-percentage{font-size:1.875rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-xs)}.progress-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);width:100%;max-width:300px}.progress-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.progress-stat:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stat-icon{width:1.25rem;height:1.25rem;color:var(--text-muted);transition:color var(--transition-fast)}.progress-stat:hover .stat-icon{color:var(--text-secondary)}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:500;letter-spacing:.5px}.progress-timeline{background:var(--bg-tertiary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.progress-timeline:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.timeline-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.timeline-icon{width:1.125rem;height:1.125rem;color:var(--text-muted)}.timeline-meta{font-size:.875rem;color:var(--text-muted);font-weight:500}.timeline-track{position:relative;height:8px;background:var(--bg-secondary);border-radius:var(--border-radius-full);margin:var(--spacing-md) 0;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.timeline-progress{position:absolute;left:0;top:0;height:100%;border-radius:var(--border-radius-full);transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #558b6e66}.timeline-current{position:absolute;top:-4px;transform:translate(-50%);width:16px;height:16px;border-radius:50%;transition:left 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #558b6e99;animation:pulse 2s infinite}.current-day-marker{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}@keyframes pulse{0%{box-shadow:0 0 #558b6eb3}70%{box-shadow:0 0 0 10px #558b6e00}to{box-shadow:0 0 #558b6e00}}.timeline-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-sm)}.timeline-start,.timeline-end{font-weight:500}.achievement-badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#ffd7001a,#ffc1070d);border:1px solid rgba(255,193,7,.3);border-radius:var(--border-radius-full);color:#f59e0b;font-size:.875rem;font-weight:600;text-align:center;animation:achievement-glow 2s ease-in-out infinite alternate}.achievement-icon{width:1.125rem;height:1.125rem;color:#f59e0b}@keyframes achievement-glow{0%{box-shadow:0 0 5px #ffc1074d}to{box-shadow:0 0 15px #ffc10780}}.self-discovery .progress-circle-fill{stroke:rgb(var(--color-self-discovery));filter:drop-shadow(0 0 8px rgba(var(--color-self-discovery),.4))}.self-discovery .timeline-progress{background-color:rgb(var(--color-self-discovery));box-shadow:0 0 8px rgba(var(--color-self-discovery),.4)}.self-discovery .timeline-current{background-color:rgb(var(--color-self-discovery));box-shadow:0 0 12px rgba(var(--color-self-discovery),.6)}.self-discovery .timeline-current{animation:pulse-self-discovery 2s infinite}@keyframes pulse-self-discovery{0%{box-shadow:0 0 rgba(var(--color-self-discovery),.7)}70%{box-shadow:0 0 0 10px rgba(var(--color-self-discovery),0)}to{box-shadow:0 0 rgba(var(--color-self-discovery),0)}}.emotional-intelligence .progress-circle-fill{stroke:rgb(var(--color-emotional-intelligence));filter:drop-shadow(0 0 8px rgba(var(--color-emotional-intelligence),.4))}.emotional-intelligence .timeline-progress{background-color:rgb(var(--color-emotional-intelligence));box-shadow:0 0 8px rgba(var(--color-emotional-intelligence),.4)}.emotional-intelligence .timeline-current{background-color:rgb(var(--color-emotional-intelligence));animation:pulse-emotional-intelligence 2s infinite}@keyframes pulse-emotional-intelligence{0%{box-shadow:0 0 rgba(var(--color-emotional-intelligence),.7)}70%{box-shadow:0 0 0 10px rgba(var(--color-emotional-intelligence),0)}to{box-shadow:0 0 rgba(var(--color-emotional-intelligence),0)}}.mindfulness-awareness .progress-circle-fill{stroke:rgb(var(--color-mindfulness-awareness));filter:drop-shadow(0 0 8px rgba(var(--color-mindfulness-awareness),.4))}.mindfulness-awareness .timeline-progress{background-color:rgb(var(--color-mindfulness-awareness));box-shadow:0 0 8px rgba(var(--color-mindfulness-awareness),.4)}.mindfulness-awareness .timeline-current{background-color:rgb(var(--color-mindfulness-awareness));animation:pulse-mindfulness-awareness 2s infinite}@keyframes pulse-mindfulness-awareness{0%{box-shadow:0 0 rgba(var(--color-mindfulness-awareness),.7)}70%{box-shadow:0 0 0 10px rgba(var(--color-mindfulness-awareness),0)}to{box-shadow:0 0 rgba(var(--color-mindfulness-awareness),0)}}.transformation-journey .progress-circle-fill{stroke:rgb(var(--color-transformation-journey));filter:drop-shadow(0 0 8px rgba(var(--color-transformation-journey),.4))}.transformation-journey .timeline-progress{background-color:rgb(var(--color-transformation-journey));box-shadow:0 0 8px rgba(var(--color-transformation-journey),.4)}.transformation-journey .timeline-current{background-color:rgb(var(--color-transformation-journey));animation:pulse-transformation-journey 2s infinite}@keyframes pulse-transformation-journey{0%{box-shadow:0 0 rgba(var(--color-transformation-journey),.7)}70%{box-shadow:0 0 0 10px rgba(var(--color-transformation-journey),0)}to{box-shadow:0 0 rgba(var(--color-transformation-journey),0)}}@media(max-width:768px){.progress-circle-wrapper{width:120px;height:120px}.progress-percentage{font-size:1.5rem}.progress-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.progress-stat{padding:var(--spacing-xs)}.stat-value{font-size:1.125rem}.stat-label{font-size:.6875rem}.progress-timeline{padding:var(--spacing-md)}.timeline-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.achievement-badge{flex-direction:column;text-align:center;padding:var(--spacing-md)}}@media(max-width:640px){.progress-circle-wrapper{width:100px;height:100px}.progress-percentage{font-size:1.25rem}.progress-label{font-size:.6875rem}.progress-stats{gap:.25rem}.progress-stat{padding:var(--spacing-xs)}.stat-icon{width:1rem;height:1rem}.stat-value{font-size:1rem}.stat-label{font-size:.625rem}.timeline-track{margin:var(--spacing-sm) 0}.achievement-badge{font-size:.75rem;padding:var(--spacing-sm) var(--spacing-md)}}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);margin:var(--spacing-2xl) 0;background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-primary)}.loading-spinner{border:3px solid rgba(var(--color-self-discovery),.1);border-radius:50%;border-top:3px solid rgb(var(--color-self-discovery));width:48px;height:48px;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-progress-display{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-circle-wrapper:hover .progress-circle-fill{filter:drop-shadow(0 0 12px rgba(var(--color-self-discovery),.6))}.progress-timeline:hover .timeline-progress{box-shadow:0 0 12px rgba(var(--color-self-discovery),.6)}.progress-stat:focus{outline:2px solid rgb(var(--color-self-discovery));outline-offset:2px}.timeline-current:focus{outline:2px solid white;outline-offset:2px}@media print{.modern-progress-display{break-inside:avoid}.progress-circle-fill{stroke:#333!important}.timeline-progress{background-color:#333!important}}.write-tab-container .loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);margin:var(--spacing-2xl) 0;background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-primary)}.write-tab-container:not(.loading) .loading-indicator{display:none!important}.write-tab-container .write-tab-header,.write-tab-container .prompt-card,.write-tab-container .journey-progress,.write-tab-container .journaling-tips{display:block!important;visibility:visible!important;opacity:1!important}.write-tab-container .debug-info{background:#f0f0f0!important;padding:.5rem!important;margin:.5rem 0!important;border-radius:4px!important;font-size:.8rem!important;color:#333!important;display:block!important;visibility:visible!important;z-index:1000!important;position:relative!important}.day-completed-badge{display:flex;align-items:center;gap:.5rem;background:#22c55e33;color:#22c55e;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid rgba(34,197,94,.3)}.dark-theme .day-completed-badge{background:#22c55e26;border-color:#22c55e40}.day-completed-notification{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:2px solid rgba(34,197,94,.3);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .day-completed-notification{background:linear-gradient(135deg,#22c55e14,#22c55e08);border-color:#22c55e33}.notification-content{display:flex;align-items:flex-start;gap:1rem}.notification-icon{color:#22c55e;flex-shrink:0;margin-top:.125rem}.notification-text h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.notification-text p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.write-tab-container.completed{display:flex;align-items:center;justify-content:center;min-height:70vh}.completion-message{text-align:center;max-width:500px;padding:3rem 2rem;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid rgba(255,215,0,.3);border-radius:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .completion-message{background:linear-gradient(135deg,#ffd70014,#ffd70008);border-color:#ffd70033}.completion-icon{margin-bottom:1.5rem}.trophy-icon{width:4rem;height:4rem;color:gold;filter:drop-shadow(0 4px 12px rgba(255,215,0,.4))}.completion-title{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,gold,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completion-text{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.completion-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.completion-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;min-width:200px;text-decoration:none}.completion-button.primary{background:linear-gradient(135deg,gold,#ffc107);color:#000;box-shadow:0 4px 16px #ffd7004d}.completion-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffd70066}.completion-button.secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.completion-button.secondary:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.prompt-actions{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.prompt-actions{grid-template-columns:1fr 1fr}}.action-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.action-button.primary{background:linear-gradient(135deg,var(--primary-color, rgb(59, 130, 246)),var(--primary-color-dark, rgb(37, 99, 235)));color:#fff;box-shadow:0 4px 16px #3b82f64d}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666}.action-button.secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.action-button.secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color, rgb(59, 130, 246));transform:translateY(-1px)}.action-icon{flex-shrink:0}.journey-progress{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.progress-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.progress-title-icon{color:var(--primary-color, rgb(59, 130, 246))}.progress-container{display:flex;flex-direction:column;gap:.75rem}.progress-bar{width:100%;height:.75rem;background:var(--bg-tertiary);border-radius:.375rem;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color, rgb(59, 130, 246)),var(--primary-color-light, rgb(99, 102, 241)));border-radius:.375rem;transition:width .6s ease;box-shadow:0 0 8px #3b82f666}.progress-text{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.progress-percentage{font-weight:700;color:var(--primary-color, rgb(59, 130, 246))}.progress-days{color:var(--text-secondary)}.journaling-tips{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.tips-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.tips-title-icon{color:#fbbf24}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.tip-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem;border:1px solid var(--border-color);transition:all .2s ease}.tip-item:hover{background:var(--bg-quaternary);border-color:var(--primary-color, rgb(59, 130, 246))}.tip-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#22c55e33;color:#22c55e;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.tip-content{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.error-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;min-height:50vh}.error-icon{width:3rem;height:3rem;color:#ef4444;margin-bottom:1rem}.error-message{font-size:1.125rem;color:var(--text-primary);margin-bottom:1.5rem;max-width:400px}.retry-button{padding:.75rem 2rem;background:var(--primary-color, rgb(59, 130, 246));color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--primary-color-dark, rgb(37, 99, 235));transform:translateY(-1px)}@media(max-width:640px){.completion-actions,.completion-button{width:100%}.prompt-actions{grid-template-columns:1fr}.notification-content{flex-direction:column;gap:.75rem}.completion-title{font-size:1.75rem}.completion-text{font-size:1rem}}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.trophy-icon{animation:bounce-gentle 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #3b82f666}50%{box-shadow:0 0 16px #3b82f699}}.progress-fill{animation:pulse-glow 3s ease-in-out infinite}.action-button:focus,.completion-button:focus,.retry-button:focus{outline:2px solid var(--primary-color, rgb(59, 130, 246));outline-offset:2px}.tip-item:focus-within{background:var(--bg-quaternary);border-color:var(--primary-color, rgb(59, 130, 246))}@media(prefers-reduced-motion:reduce){.trophy-icon,.progress-fill{animation:none}.action-button:hover,.completion-button:hover,.tip-item:hover{transform:none}}.write-tab-path-context{display:flex!important;justify-content:center}.page-content{width:100%;flex-grow:1;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:ease-out}.page-enter{animation-name:slideInRight}.page-exit{animation-name:slideOutLeft;position:absolute;top:0;left:0;width:100%;height:100%}.page-enter-back{animation-name:slideInLeft}.page-exit-back{animation-name:slideOutRight;position:absolute;top:0;left:0;width:100%;height:100%}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(30%);opacity:0}}.page-tab-enter{animation-name:fadeIn;animation-duration:.25s}.page-transition-container{position:relative;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.page-content{width:100%;flex-grow:1;animation-duration:.2s;animation-fill-mode:both;animation-timing-function:ease-out}.page-enter{animation-name:subtleFadeIn}.page-tab-enter{animation-name:simpleFade;animation-duration:.15s}@keyframes subtleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes simpleFade{0%{opacity:0}to{opacity:1}}.content-with-bottom-nav{padding-bottom:70px}:root{--dark-bg-primary: #0f1419;--dark-bg-secondary: #111827;--dark-bg-tertiary: #374151;--dark-bg-hover: #2d3748;--dark-bg-active: #4b5563;--dark-border-primary: #374151;--dark-border-secondary: #4b5563;--dark-border-hover: #6b7280;--dark-text-primary: #f9fafb;--dark-text-secondary: #d1d5db;--dark-text-muted: #9ca3af;--dark-text-disabled: #6b7280;--light-bg-primary: #ffffff;--light-bg-secondary: #f3f4f6;--light-bg-tertiary: #e5e7eb;--light-bg-hover: #f9fafb;--light-bg-active: #e5e7eb;--light-border-primary: #d1d5db;--light-border-secondary: #9ca3af;--light-border-hover: #6b7280;--light-text-primary: #111827;--light-text-secondary: #374151;--light-text-muted: #6b7280;--light-text-disabled: #9ca3af;--color-self-discovery: 85, 139, 110;--color-emotional-intelligence: 216, 76, 147;--color-mindfulness-awareness: 142, 68, 173;--color-transformation-journey: 26, 155, 155;--color-creative-expression: 217, 70, 239;--color-habit-formation: 245, 158, 11;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--glow-sm: 0 0 8px rgba(255, 255, 255, .1);--glow-md: 0 0 15px rgba(255, 255, 255, .15);--glow-lg: 0 0 25px rgba(255, 255, 255, .2);--light-glow-sm: 0 0 8px rgba(0, 0, 0, .05);--light-glow-md: 0 0 15px rgba(0, 0, 0, .08);--light-glow-lg: 0 0 25px rgba(0, 0, 0, .1)}body{background-color:var(--dark-bg-primary);color:var(--dark-text-primary);transition:background-color .3s ease,color .3s ease}html.light-theme body{background-color:var(--light-bg-primary);color:var(--light-text-primary)}.dark-theme{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--bg-hover: var(--dark-bg-hover);--bg-active: var(--dark-bg-active);--border-primary: var(--dark-border-primary);--border-secondary: var(--dark-border-secondary);--border-hover: var(--dark-border-hover);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-muted: var(--dark-text-muted);--text-disabled: var(--dark-text-disabled);--card-shadow: 0 4px 10px rgba(0, 0, 0, .2);--modal-shadow: 0 20px 25px rgba(0, 0, 0, .25);--card-glow: var(--glow-sm)}.light-theme{--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--bg-hover: var(--light-bg-hover);--bg-active: var(--light-bg-active);--border-primary: var(--light-border-primary);--border-secondary: var(--light-border-secondary);--border-hover: var(--light-border-hover);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-muted: var(--light-text-muted);--text-disabled: var(--light-text-disabled);--card-shadow: 0 4px 12px rgba(0, 0, 0, .07);--modal-shadow: 0 20px 25px rgba(0, 0, 0, .12);--card-glow: var(--light-glow-sm)}.theme-toggle-button{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-secondary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--card-glow)}.theme-toggle-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--glow-md)}:root{--color-brand: #558B6E;--color-brand-light: #88A38F;--color-brand-dark: #2B463C;--color-accent: #E6B89C;--color-accent-light: #F9DCC4;--color-accent-dark: #D49A76;--color-background: #1E1E1E;--color-surface: rgba(46, 70, 60, .8);--color-surface-hover: rgba(46, 70, 60, .9);--color-text-primary: #F5F5F0;--color-text-secondary: #D8D8D0;--color-success: #558B6E;--color-warning: #E6B89C;--color-error: #E57373;--color-info: #88A38F}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{margin-bottom:1rem}a{color:var(--color-brand);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-brand-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.journal-btn{background-color:#558b6e;color:#f5f5f0;position:relative;overflow:hidden;transition:all .3s ease}.journal-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#fff0,#ffffff1a,#fff0);transform:translateY(-100%);transition:transform .6s ease}.journal-btn:hover:after{transform:translateY(100%)}.focus\:shadow-input:focus{box-shadow:0 0 0 3px #558b6e4d}.glass-card{background:#2b463c4d;border-radius:.75rem;box-shadow:0 4px 24px -8px #0000004d,0 1px 1px #ffffff0d inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{box-shadow:0 8px 32px -4px #0000004d,0 1px 1px #ffffff12 inset}.btn-base{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));color:#fff;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;font-size:1rem}.btn-base:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-base:active{transform:translateY(0)}.btn-base:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#fff0,#ffffff1a,#fff0);transform:translateY(-100%);transition:transform .6s ease}.btn-base:hover:after{transform:translateY(100%)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:#1f2937b3;color:var(--color-text-primary);font-weight:500;border-radius:var(--radius-md);border:1px solid rgba(75,85,99,.5);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light)}.btn-secondary:hover{background:#1f2937e6;border-color:var(--color-brand)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-gray-950{--tw-gradient-from: #030712;--tw-gradient-to: rgb(3 7 18 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-gray-900{--tw-gradient-to: #111827}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-green-500{--tw-gradient-from: #10B981;--tw-gradient-to: rgb(16 185 129 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-emerald-700{--tw-gradient-to: #047857}@keyframes glow{0%{filter:drop-shadow(0 0 2px rgba(16,185,129,.2))}50%{filter:drop-shadow(0 0 6px rgba(16,185,129,.4))}to{filter:drop-shadow(0 0 2px rgba(16,185,129,.2))}}.animate-glow{animation:glow 3s infinite}@media(max-width:640px){.container{padding:0 1rem}.glass-card{padding:1rem}.btn-base{width:100%}}@media(min-width:641px)and (max-width:1024px){.container{padding:0 2rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.text-center{text-align:center}.text-left{text-align:left}.w-full{width:100%}.h-full{height:100%}.mx-auto{margin-left:auto;margin-right:auto}.space-y-2>*+*{margin-top:.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-white{color:#fff}.text-emerald-400{color:#34d399}.text-emerald-500{color:#10b981}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-800{color:#1f2937}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-gray-950{background-color:#030712}.border-gray-800{border-color:#1f2937}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-5xl{font-size:3rem}.text-7xl{font-size:4.5rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.transition-all{transition-property:all}.duration-300{transition-duration:.3s}.border-emerald-500{border-color:#558b6e}.text-emerald-400{color:#88a38f}.text-emerald-500{color:#558b6e}.hover\:border-emerald-500:hover{border-color:#558b6e}@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:text-left{text-align:left}.md\:text-xl{font-size:1.25rem}.md\:text-3xl{font-size:1.875rem}.md\:text-7xl{font-size:4.5rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:mb-0{margin-bottom:0}.md\:mb-16{margin-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-12{width:3rem}.h-12{height:3rem}.border-t{border-top-width:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animated-gradient{background-image:linear-gradient(135deg,#558b6e,#2b463c,#558b6e,#e6b89c,#f9dcc4);background-size:300% 100%;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-surface{background-color:#2b463c4d}.form-field-container{position:relative;margin-bottom:1rem}.form-input:focus{border-color:#558b6e;box-shadow:0 0 0 3px #558b6e4d}.form-label{top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;transform-origin:0 0;transition:all .2s;color:#9ca3af;display:flex;align-items:center;z-index:2}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label{transform:translateY(-1.8rem) scale(.85);color:#e6b89c;background-color:transparent;padding:0 .5rem}input[type=date].form-input:not(:focus):not(:valid){color:transparent}input[type=date].form-input:focus::-webkit-calendar-picker-indicator,input[type=date].form-input:valid::-webkit-calendar-picker-indicator{opacity:1}input[type=date].form-input::-webkit-calendar-picker-indicator{opacity:0;transition:opacity .2s}.date-input{color-scheme:dark}.date-input~.date-label{transform:translateY(-1.8rem) scale(.85);color:#e6b89c;background-color:transparent;padding:0 .5rem}.journal-btn{background-color:#558b6e;color:#f5f5f0;position:relative;overflow:hidden;transition:all .3s ease;height:3.5rem;font-size:1rem;padding:0 1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;border:none}.journal-btn:hover{background-color:#2b463c;transform:translateY(-2px)}.journal-btn:focus{outline:none;box-shadow:0 0 0 3px #558b6e4d}.journal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.journal-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,#ffffff1a,#fff0);border-radius:.5rem .5rem 0 0}.journey-timeline{position:relative;display:flex;flex-direction:column;gap:4px}.journey-card{position:relative;background:#2b463c33;border-radius:12px;border:1px solid rgba(85,139,110,.2);overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.journey-card:hover{border-color:#558b6e66;background:#2b463c4d;transform:translate(4px)}.journey-card-expanded{background:#2b463c66;border-color:#558b6e80;box-shadow:0 4px 16px #0003;margin:8px 0}.journey-header{padding:16px;display:flex;align-items:center;cursor:pointer;position:relative}.journey-day-number{display:flex;align-items:center;justify-content:center;background:#558b6e;color:#f5f5f0;width:36px;height:36px;border-radius:50%;font-weight:700;font-size:1rem;position:relative;z-index:1;box-shadow:0 2px 8px #0003}.journey-card:hover .journey-day-number{background:#2b463c;color:#f9dcc4}.journey-title-container{margin-left:16px;flex:1}.journey-title{font-weight:600;font-size:1.1rem;margin-bottom:2px;color:#f5f5f0}.journey-theme{font-size:.9rem;color:#e6b89c;font-weight:500}.journey-chevron{color:#9ca3af;width:20px;height:20px;transition:transform .3s ease,color .3s ease}.journey-card:hover .journey-chevron{color:#e6b89c}.journey-content{padding:0 16px 16px 68px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.journey-prompt{background:#1e1e1e80;border-radius:8px;border-left:3px solid #E6B89C;padding:12px 16px;margin-bottom:12px;font-style:italic;color:#f9dcc4}.journey-description{color:#d8d8d0;font-size:.9rem;line-height:1.5}.rotate-180{transform:rotate(180deg)}.header-nav-group{margin-left:1rem}.fixed{position:fixed!important}main{padding-bottom:80px!important}.bg-brand{background-color:#558b6e!important}.text-accent-light{color:#f9dcc4!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a!important}body{overflow-x:hidden;position:relative;min-height:100vh}.min-h-screen{display:flex;flex-direction:column}.flex-grow{flex:1 0 auto}.z-50{z-index:50!important}.header-icon{padding:.5rem;border-radius:.5rem;transition:all .2s}.header-icon:hover{background-color:#558b6e33;color:#f9dcc4}.header-icon.active{background-color:#558b6e4d;color:#f9dcc4}