*{box-sizing:border-box;margin:0;padding:0}:root{--bg-gradient-start:#667eea;--bg-gradient-end:#764ba2;--card-bg:#fffffffa;--navbar-bg:#fffffffa;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--input-bg:#fff;--button-secondary-bg:#f3f4f6;--button-secondary-hover:#e5e7eb;--emotion-card-bg:#fff;--moment-item-bg:linear-gradient(135deg,#667eea0d,#764ba20d);--calendar-bg:#fff;--mobile-menu-bg:#fffffffa;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 40px #0000001a;--shadow-xl:0 20px 60px #0000001f;--shadow-color:#0000001a;--shadow-hover:#00000026;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem}body.dark-mode{--bg-gradient-start:#1a1a2e;--bg-gradient-end:#16213e;--card-bg:#1e1e2efa;--navbar-bg:#1a1a26fa;--text-primary:#f3f4f6;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border-color:#374151;--input-bg:#1f2937;--button-secondary-bg:#374151;--button-secondary-hover:#4b5563;--emotion-card-bg:#1f2937;--moment-item-bg:linear-gradient(135deg,#667eea26,#764ba226);--calendar-bg:#1f2937;--mobile-menu-bg:#1a1a26fa;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 40px #0009;--shadow-xl:0 20px 60px #000000b3;--shadow-color:#00000080;--shadow-hover:#000000b3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);background-attachment:fixed;color:#1f2937;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background .3s ease}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1280px;padding:1rem;width:100%}@media (min-width:640px){.container{padding:1.25rem}}@media (min-width:768px){.container{padding:1.5rem}}@media (min-width:1024px){.container{padding:2rem}}.card{animation:fadeIn .5s ease-in;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;background:var(--card-bg);border:1px solid #ffffff2e;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 12px 40px #0000001a;box-shadow:var(--shadow-lg);margin:1rem 0;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(90deg,#0000,#667eea80,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}@media (hover:hover){.card:hover:before{opacity:1}}@media (min-width:640px){.card{padding:1.75rem}}@media (min-width:768px){.card{margin:1.5rem 0;padding:2.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.02em;min-height:44px;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-transform:none;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:before{height:300px;width:300px}@media (hover:hover){.btn:hover{transform:translateY(-2px)}}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{box-shadow:0 4px 15px #667eea66;position:relative;z-index:1}@media (hover:hover){.btn-primary:hover{box-shadow:0 8px 25px #667eea80}}.btn-secondary{background:#f3f4f6;background:var(--button-secondary-bg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--text-primary);transition:all .3s ease}@media (hover:hover){.btn-secondary:hover{background:#e5e7eb;background:var(--button-secondary-hover);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md)}}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466;color:#fff}@media (hover:hover){.btn-danger:hover{box-shadow:0 8px 25px #ef444480}}.btn-sm{font-size:.875rem;min-height:36px;padding:.625rem 1rem}.btn-lg{font-size:1.125rem;min-height:48px;padding:1rem 2rem}@media (min-width:768px){.btn{padding:1rem 1.75rem}}.form-group{margin-bottom:1.25rem}@media (min-width:768px){.form-group{margin-bottom:1.5rem}}.form-group label{color:#1f2937;color:var(--text-primary);display:block;font-size:.9375rem;font-weight:600;letter-spacing:.01em;margin-bottom:.625rem;transition:color .3s ease}.form-group input,.form-group select,.form-group textarea{-webkit-appearance:none;appearance:none;background:#fff;background:var(--input-bg);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);color:#1f2937;color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:44px;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--text-muted)}@media (min-width:768px){.form-group input,.form-group select,.form-group textarea{padding:1rem 1.25rem}}.error{background:#ef44441a;border-left:3px solid #ef4444;color:#ef4444}.error,.success{align-items:flex-start;animation:slideInUp .3s ease;border-radius:.75rem;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem;padding:.875rem 1rem}.success{background:#10b9811a;border-left:3px solid #10b981;color:#10b981}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;background:var(--navbar-bg);border-bottom:1px solid #667eea1a;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);padding:.875rem 1rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}@media (min-width:768px){.navbar{padding:1rem 1.5rem}}.navbar-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1280px}.navbar h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}@media (min-width:640px){.navbar h1{font-size:1.5rem}}@media (min-width:768px){.navbar h1{font-size:1.625rem}}.navbar-links{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap;gap:.375rem;overflow-x:auto;scrollbar-width:none}.navbar-links::-webkit-scrollbar{display:none}@media (min-width:768px){.navbar-links{gap:.75rem}}.navbar-links button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;min-height:40px;padding:.5rem .75rem;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}@media (min-width:768px){.navbar-links button{font-size:.9375rem;min-height:44px;padding:.625rem 1rem}}@media (hover:hover){.navbar-links button:hover{background:#667eea1f;color:#667eea;transform:translateY(-1px)}}.navbar-links button:active{transform:scale(.96)}.navbar-links span{display:none}@media (min-width:768px){.navbar-links span{display:inline}}.emotion-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin:1.5rem 0}@media (min-width:375px){.emotion-grid{gap:.875rem}}@media (min-width:480px){.emotion-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.emotion-grid{gap:1.25rem;grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.emotion-grid{gap:1.5rem;grid-template-columns:repeat(5,1fr)}}.emotion-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;background:var(--emotion-card-bg);border:3px solid #e5e7eb;border:3px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:100px;overflow:hidden;padding:1rem .75rem;position:relative;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.emotion-card:before{background:radial-gradient(circle,#667eea26 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.emotion-card:active:before{height:200px;width:200px}@media (min-width:640px){.emotion-card{min-height:110px;padding:1.25rem 1rem}}@media (min-width:768px){.emotion-card{min-height:120px;padding:1.5rem 1.25rem}}@media (hover:hover){.emotion-card:hover{border-color:#667eea66;box-shadow:0 12px 35px #667eea40;transform:translateY(-8px) scale(1.05)}}.emotion-card:active{transform:scale(.95)}.emotion-card.selected{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-width:3px;box-shadow:0 8px 28px #667eea59;transform:scale(1.02)}.emotion-icon{font-size:2.5rem;line-height:1}@media (min-width:640px){.emotion-icon{font-size:2.75rem}}@media (min-width:768px){.emotion-icon{font-size:3.25rem}}.emotion-name{color:#1f2937;color:var(--text-primary);font-size:.8125rem;font-weight:600;line-height:1.2;transition:color .3s ease}@media (min-width:640px){.emotion-name{font-size:.875rem}}@media (min-width:768px){.emotion-name{font-size:.9375rem}}.intensity-slider{background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea26;border-radius:1.5rem;border-radius:var(--radius-xl);margin:2rem 0;padding:1.5rem}@media (min-width:768px){.intensity-slider{padding:2rem}}.intensity-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;line-height:1;margin:1rem 0;text-align:center}@media (min-width:768px){.intensity-value{font-size:3.5rem}}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#667eea33 0,#667eea99 50%,#764ba2cc);border-radius:10px;cursor:pointer;height:12px;outline:none;position:relative;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 16px #667eea80;cursor:pointer;height:32px;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 6px 20px #667eea99;transform:scale(1.25)}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 16px #667eea80;cursor:pointer;height:32px;-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}input[type=range]::-moz-range-thumb:active{transform:scale(1.25)}@media (min-width:768px){input[type=range]{height:14px}input[type=range]::-webkit-slider-thumb{height:36px;width:36px}input[type=range]::-moz-range-thumb{height:36px;width:36px}}.calendar-container{-webkit-overflow-scrolling:touch;margin:2rem 0;overflow-x:auto;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.calendar-container::-webkit-scrollbar{height:8px}.calendar-container::-webkit-scrollbar-track{background:#0000}.calendar-container::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.react-calendar{background:var(--calendar-bg);border:none;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 12px 40px #0000001a;box-shadow:var(--shadow-lg);font-family:inherit;min-width:320px;padding:1rem;transition:background .3s ease,box-shadow .3s ease;width:100%}@media (min-width:768px){.react-calendar{padding:1.5rem}}.react-calendar__navigation{gap:.5rem;height:48px;margin-bottom:1rem}.react-calendar__navigation button{border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:1.125rem;font-weight:600;min-height:48px;min-width:48px;transition:all .2s ease}@media (hover:hover){.react-calendar__navigation button:hover{background:#667eea1f;color:#667eea}}.react-calendar__navigation button:active{transform:scale(.95)}.react-calendar__tile{align-items:center;border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;min-height:48px;padding:.875rem .5rem;position:relative;touch-action:manipulation;transition:all .2s ease}@media (min-width:768px){.react-calendar__tile{font-size:.9375rem;padding:1rem .625rem}}@media (hover:hover){.react-calendar__tile:hover{background:#667eea1a;border-color:#667eea33}}.react-calendar__tile:active{transform:scale(.95)}.react-calendar__tile--active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;font-weight:600}.react-calendar__tile--now{background:#667eea26;border-color:#667eea4d;font-weight:600}.moment-marker{border-radius:50%;box-shadow:0 2px 4px #00000040;height:6px;margin:4px auto 0;width:6px}@media (min-width:768px){.moment-marker{height:8px;width:8px}}.moment-list{margin-top:2rem}.moment-item{background:linear-gradient(135deg,#667eea0d,#764ba20d);background:var(--moment-item-bg);border-left:4px solid #667eea;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.25rem;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.moment-item{margin-bottom:1.25rem;padding:1.5rem}}@media (hover:hover){.moment-item:hover{border-left-width:6px;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateX(6px)}}.moment-item:active{transform:scale(.98)}.moment-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem}@media (min-width:640px){.moment-header{flex-wrap:nowrap}}.moment-emotion{align-items:center;color:#1f2937;color:var(--text-primary);display:flex;font-size:1.0625rem;font-weight:700;gap:.5rem;margin-bottom:.375rem;transition:color .3s ease}@media (min-width:768px){.moment-emotion{font-size:1.1875rem}}.moment-date{background:#667eea14;border-radius:.5rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);font-size:.8125rem;font-weight:500;padding:.25rem .5rem;transition:color .3s ease;white-space:nowrap}@media (min-width:768px){.moment-date{font-size:.875rem}}.moment-intensity{background:#667eea1a;border-radius:.5rem;border-radius:var(--radius-sm);color:#667eea;display:inline-block;font-size:.8125rem;font-weight:600;margin-bottom:.375rem;padding:.25rem .625rem}@media (min-width:768px){.moment-intensity{font-size:.875rem}}.moment-notes{border-top:1px solid #667eea26;color:#6b7280;color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-top:.75rem;padding-top:.75rem;transition:color .3s ease}@media (min-width:768px){.moment-notes{font-size:.9375rem}}.loading{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1rem;font-weight:500;gap:1rem;padding:3rem 1.25rem;text-align:center;transition:color .3s ease}@media (min-width:768px){.loading{padding:4rem 1.5rem}}.mobile-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;background:var(--mobile-menu-bg);bottom:0;left:0;padding:5rem 2rem 2rem;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999}.mobile-menu.open{transform:translateY(0)}.mobile-menu-items{display:flex;flex-direction:column;gap:1rem}.mobile-menu-items button{background:#667eea14;border:2px solid #667eea26;border-radius:1rem;border-radius:var(--radius-lg);font-size:1.125rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.mobile-menu-items button:active{background:#667eea26;transform:scale(.97)}.hide-mobile{display:none!important}@media (min-width:768px){.hide-mobile{display:block!important}}.show-mobile{display:block!important}@media (min-width:768px){.show-mobile{display:none!important}}:focus-visible{outline:3px solid #667eea80;outline-offset:2px}a:focus-visible,button:focus-visible{outline:3px solid #667eea99;outline-offset:3px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-2{margin-top:1rem;margin-top:var(--spacing-md)}.mt-3{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-4{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-1{padding:.5rem;padding:var(--spacing-sm)}.p-2{padding:1rem;padding:var(--spacing-md)}.p-3{padding:1.5rem;padding:var(--spacing-lg)}.p-4{padding:2rem;padding:var(--spacing-xl)}.grid{grid-gap:1rem;display:grid;gap:1rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem;gap:var(--spacing-sm)}.gap-2{gap:1rem;gap:var(--spacing-md)}.gap-3{gap:1.5rem;gap:var(--spacing-lg)}.gap-4{gap:2rem;gap:var(--spacing-xl)}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 12px 40px #0000001a;box-shadow:var(--shadow-lg);color:#fff;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}@media (hover:hover){.stat-card:hover{box-shadow:0 20px 60px #0000001f;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.stat-card:hover:before{left:100%}}.stat-card-icon{display:block;font-size:2.5rem;margin-bottom:.75rem}.stat-card-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-card-label{font-size:.875rem;opacity:.9}.progress-bar{background:#e5e7eb80;box-shadow:inset 0 2px 4px #0000000f;height:10px;width:100%}.progress-bar,.progress-bar-fill{border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:before{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:10px 10px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.badge{align-items:center;border-radius:.5rem;border-radius:var(--radius-sm);display:inline-flex;font-size:.8125rem;font-weight:600;line-height:1;padding:.375rem .75rem}.badge-primary{background:#667eea1f;color:#667eea}.badge-success{background:#10b9811f;color:#10b981}.badge-warning{background:#f59e0b1f;color:#f59e0b}.badge-danger{background:#ef44441f;color:#ef4444}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#667eea1a 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--border-color) 25%,#667eea1a 50%,var(--border-color) 75%);background-size:200% 100%;border-radius:.75rem;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-circle{border-radius:50%}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#e5e7eb;background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8b)}::selection{background:#667eea4d;color:#1f2937;color:var(--text-primary)}::-moz-selection{background:#667eea4d;color:#1f2937;color:var(--text-primary)}@media print{.btn,.mobile-menu,.navbar{display:none!important}body{background:#fff!important}.card{border:1px solid #e5e7eb!important;box-shadow:none!important}}.landing-page{min-height:100vh;overflow-x:hidden}.landing-navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--navbar-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px var(--shadow-color);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,box-shadow .3s ease;z-index:100}@media (min-width:768px){.landing-navbar{padding:1.25rem 0}}.landing-navbar .nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}@media (min-width:768px){.landing-navbar .nav-container{padding:0 1.5rem}}.landing-navbar .logo{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}@media (min-width:768px){.landing-navbar .logo{font-size:1.5rem;gap:.875rem}}.landing-navbar .logo-icon{font-size:1.75rem}@media (min-width:768px){.landing-navbar .logo-icon{font-size:2rem}}.landing-navbar .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;letter-spacing:-.02em}.landing-navbar .nav-actions{align-items:center;display:flex;gap:.75rem}@media (min-width:768px){.landing-navbar .nav-actions{gap:1rem}}.landing-navbar .dark-mode-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#667eea1a;border:2px solid #667eea33;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:1.25rem;justify-content:center;min-height:40px;min-width:44px;padding:.625rem .875rem;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.landing-navbar .dark-mode-toggle{font-size:1.375rem;min-height:44px;padding:.75rem 1rem}}@media (hover:hover){.landing-navbar .dark-mode-toggle:hover{background:#667eea33;border-color:#667eea66;transform:scale(1.05)}}.landing-navbar .dark-mode-toggle:active{transform:scale(.95)}body.dark-mode .landing-navbar .dark-mode-toggle{background:#667eea33;border-color:#667eea4d}.landing-navbar .btn-launch{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;box-shadow:0 4px 15px #667eea66;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;min-height:40px;padding:.75rem 1.25rem;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.landing-navbar .btn-launch{font-size:1rem;min-height:44px;padding:.875rem 1.75rem}}@media (hover:hover){.landing-navbar .btn-launch:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}}.landing-navbar .btn-launch:active{transform:scale(.97)}.landing-page .hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:3.75rem 0 5rem;position:relative;transition:background .3s ease}body.dark-mode .landing-page .hero{background:linear-gradient(135deg,#1a1a2e,#16213e)}@media (min-width:640px){.landing-page .hero{padding:5rem 0 6rem}}@media (min-width:768px){.landing-page .hero{padding:6.25rem 0 7.5rem}}.landing-page .hero:before{animation:float 20s ease-in-out infinite;background:url('data:image/svg+xml;charset=utf-8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="%23fff" opacity=".1"/></svg>');bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.landing-page .hero .container{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:1fr;position:relative;z-index:1}@media (min-width:768px){.landing-page .hero .container{gap:3.75rem;grid-template-columns:1fr 1fr}}.landing-page .hero-title{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem}@media (min-width:640px){.landing-page .hero-title{font-size:2.75rem}}@media (min-width:768px){.landing-page .hero-title{font-size:3.5rem}}@media (min-width:1024px){.landing-page .hero-title{font-size:4rem}}.landing-page .hero-subtitle{font-size:1.0625rem;line-height:1.6;margin-bottom:2rem;opacity:.95}@media (min-width:640px){.landing-page .hero-subtitle{font-size:1.125rem}}@media (min-width:768px){.landing-page .hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem}}.landing-page .hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.landing-page .btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:.875rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-height:48px;padding:1rem 1.75rem;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.landing-page .btn{font-size:1.0625rem;padding:1.125rem 2rem}}.landing-page .btn-primary{background:#fff;box-shadow:0 4px 20px #0003;color:#667eea}@media (hover:hover){.landing-page .btn-primary:hover{box-shadow:0 8px 30px #00000040;transform:translateY(-3px)}}.landing-page .btn-primary:active{transform:translateY(-1px)}.landing-page .btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;color:#fff}@media (hover:hover){.landing-page .btn-secondary:hover{background:#ffffff4d;transform:translateY(-3px)}}.landing-page .btn-secondary:active{transform:translateY(-1px)}.landing-page .btn-large{font-size:1.125rem;padding:1.25rem 2.5rem}@media (min-width:768px){.landing-page .btn-large{font-size:1.25rem;padding:1.5rem 3rem}}.landing-page .emotion-preview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.landing-page .emotion-preview{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.landing-page .emotion-preview{gap:1.5rem}}.landing-page .emotion-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:1.25rem;display:flex;font-size:1.125rem;font-weight:600;justify-content:center;min-height:100px;padding:1.75rem 1.25rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .landing-page .emotion-card{background:#ffffff1a;border-color:#ffffff26}@media (min-width:640px){.landing-page .emotion-card{font-size:1.25rem;padding:2rem 1.5rem}}@media (hover:hover){.landing-page .emotion-card:hover{background:#ffffff40;box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}body.dark-mode .landing-page .emotion-card:hover{background:#fff3}}.landing-page .emotion-card:active{transform:scale(.95)}.landing-page .features{background:var(--card-bg);padding:3.75rem 0;transition:background .3s ease}@media (min-width:640px){.landing-page .features{padding:5rem 0}}@media (min-width:768px){.landing-page .features{padding:6.25rem 0}}.landing-page .section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;text-align:center}@media (min-width:640px){.landing-page .section-title{font-size:2.375rem}}@media (min-width:768px){.landing-page .section-title{font-size:2.625rem}}.landing-page .section-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;padding:0 1rem;text-align:center;transition:color .3s ease}@media (min-width:640px){.landing-page .section-subtitle{font-size:1.0625rem;margin-bottom:3rem}}@media (min-width:768px){.landing-page .section-subtitle{font-size:1.125rem;margin-bottom:3.75rem}}.landing-page .features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.landing-page .features-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-page .features-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}.landing-page .feature-card{background:var(--moment-item-bg);border:2px solid var(--border-color);border-radius:1.25rem;box-shadow:0 2px 8px #0000000f;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.landing-page .feature-card{padding:2.5rem 2rem}}@media (hover:hover){.landing-page .feature-card:hover{border-color:#667eea59;box-shadow:0 16px 48px #667eea2e;transform:translateY(-8px)}}.landing-page .feature-card:active{transform:scale(.98)}.landing-page .feature-icon{display:block;font-size:2.5rem;margin-bottom:1rem}@media (min-width:768px){.landing-page .feature-icon{font-size:3rem;margin-bottom:1.25rem}}.landing-page .feature-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.875rem;transition:color .3s ease}@media (min-width:768px){.landing-page .feature-card h3{font-size:1.5rem}}.landing-page .feature-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;transition:color .3s ease}@media (min-width:768px){.landing-page .feature-card p{font-size:1rem}}.landing-page .emotions-section{background:var(--moment-item-bg);padding:3.75rem 0;transition:background .3s ease}@media (min-width:640px){.landing-page .emotions-section{padding:5rem 0}}@media (min-width:768px){.landing-page .emotions-section{padding:6.25rem 0}}.landing-page .emotions-showcase{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.landing-page .emotions-showcase{gap:1.25rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.landing-page .emotions-showcase{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.landing-page .emotions-showcase{grid-template-columns:repeat(5,1fr)}}.landing-page .emotion-item{align-items:center;background:var(--emotion-card-bg);border:3px solid var(--border-color);border-radius:1.25rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:120px;padding:1.75rem 1.25rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.landing-page .emotion-item{padding:2rem 1.5rem}}@media (hover:hover){.landing-page .emotion-item:hover{border-color:#667eea;box-shadow:0 12px 35px #667eea40;transform:translateY(-10px) scale(1.05)}}.landing-page .emotion-item:active{transform:scale(.95)}.landing-page .emotion-emoji{display:block;font-size:2.75rem;line-height:1}@media (min-width:640px){.landing-page .emotion-emoji{font-size:3rem}}@media (min-width:768px){.landing-page .emotion-emoji{font-size:3.5rem}}.landing-page .emotion-name{color:var(--text-primary);font-size:.9375rem;font-weight:600;transition:color .3s ease}@media (min-width:768px){.landing-page .emotion-name{font-size:1.0625rem}}.landing-page .cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:3.75rem 0;position:relative;text-align:center;transition:background .3s ease}body.dark-mode .landing-page .cta-section{background:linear-gradient(135deg,#1a1a2e,#16213e)}@media (min-width:640px){.landing-page .cta-section{padding:5rem 0}}@media (min-width:768px){.landing-page .cta-section{padding:6.25rem 0}}.landing-page .cta-section:before{background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.landing-page .cta-content{position:relative;z-index:1}.landing-page .cta-content h2{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.25rem}@media (min-width:640px){.landing-page .cta-content h2{font-size:2.375rem}}@media (min-width:768px){.landing-page .cta-content h2{font-size:2.625rem}}.landing-page .cta-content p{font-size:1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}@media (min-width:640px){.landing-page .cta-content p{font-size:1.125rem;margin-bottom:2.5rem}}@media (min-width:768px){.landing-page .cta-content p{font-size:1.25rem}}.landing-page .footer{background:#1f2937;color:#fff;padding:3rem 0 2rem;transition:background .3s ease}body.dark-mode .landing-page .footer{background:#0f1419}@media (min-width:768px){.landing-page .footer{padding:3.75rem 0 2.5rem}}.landing-page .footer-content{text-align:center}.landing-page .footer-logo{align-items:center;display:inline-flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1rem}@media (min-width:768px){.landing-page .footer-logo{font-size:1.5rem;gap:.875rem;margin-bottom:1.25rem}}.landing-page .footer-text{color:#9ca3af;font-size:.9375rem;margin-bottom:1.5rem;padding:0 1rem}@media (min-width:768px){.landing-page .footer-text{font-size:1rem;margin-bottom:1.875rem}}.landing-page .footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:0 1rem}@media (min-width:768px){.landing-page .footer-links{gap:1.5rem}}.landing-page .footer-links a{color:#9ca3af;font-size:.9375rem;padding:.5rem;text-decoration:none;transition:color .3s ease}@media (min-width:768px){.landing-page .footer-links a{font-size:1rem}}@media (hover:hover){.landing-page .footer-links a:hover{color:#fff}}.landing-page .footer-links a:active{transform:scale(.95)}@media (max-width:767px){.landing-page .hero-title{font-size:2rem}.landing-page .section-title{font-size:1.75rem}.landing-page .hero{padding:3rem 0 4rem}.landing-page .cta-section,.landing-page .emotions-section,.landing-page .features{padding:3rem 0}.landing-page .btn{justify-content:center;width:100%}.landing-page .hero-buttons{flex-direction:column}}@media (max-width:479px){.landing-page .hero-title{font-size:1.75rem}.landing-page .section-title{font-size:1.5rem}.landing-navbar .logo{font-size:1.125rem}.landing-navbar .logo-icon{font-size:1.5rem}.landing-page .emotion-emoji,.landing-page .feature-icon{font-size:2.25rem}}@media (hover:none) and (pointer:coarse){.landing-page .btn,.landing-page .emotion-card,.landing-page .emotion-item,.landing-page .feature-card{transition:transform .15s ease}.landing-page .btn:active,.landing-page .emotion-card:active,.landing-page .emotion-item:active,.landing-page .feature-card:active{transform:scale(.97)}}@supports (padding:max(0px)){.landing-navbar .nav-container,.landing-page .container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.pricing-container{margin:0 auto;max-width:1400px;padding:60px 20px}.pricing-header{margin-bottom:50px;text-align:center}.pricing-header h1{color:#1a202c;font-size:2.5rem;margin-bottom:15px}.pricing-header p{color:#718096;font-size:1.2rem;margin-bottom:30px}.billing-toggle{background:#f7fafc;border-radius:50px;display:inline-flex;gap:5px;padding:5px}.billing-toggle button{background:#0000;border:none;border-radius:50px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 30px;position:relative;transition:all .3s ease}.billing-toggle button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#6366f1}.discount-badge{background:#10b981;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;right:-5px;top:-8px}.pricing-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.pricing-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:40px 30px;position:relative;transition:all .3s ease}.pricing-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.pricing-card.highlighted{border-color:#6366f1;box-shadow:0 10px 30px #6366f133}.recommended-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:6px 20px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:30px;text-align:center}.plan-header h3{color:#1a202c;font-size:1.8rem;margin-bottom:10px}.plan-description{color:#718096;font-size:.95rem;margin-bottom:20px}.plan-price{align-items:baseline;display:flex;justify-content:center;margin:20px 0 10px}.plan-price .currency{color:#4a5568;font-size:1.5rem;margin-right:5px}.plan-price .amount{color:#1a202c;font-size:3rem;font-weight:700}.plan-price .period{color:#718096;font-size:1.1rem;margin-left:5px}.discount-text{color:#10b981;font-size:.9rem;font-weight:600;margin-top:5px}.features-list{list-style:none;margin:30px 0;padding:0}.features-list li{align-items:center;color:#4a5568;display:flex;font-size:.95rem;gap:12px;padding:12px 0}.features-list li.included{color:#1a202c}.features-list li.not-included{color:#a0aec0;text-decoration:line-through}.feature-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;height:24px;justify-content:center;width:24px}.features-list li.included .feature-icon{background:#d1fae5;color:#10b981}.features-list li.not-included .feature-icon{background:#f7fafc;color:#cbd5e0}.cta-button{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.primary:hover{box-shadow:0 10px 20px #667eea4d;transform:scale(1.02)}.cta-button.secondary{background:#fff;border:2px solid #6366f1;color:#6366f1}.cta-button.secondary:hover{background:#6366f1;color:#fff}.pricing-footer{border-top:1px solid #e2e8f0;padding-top:60px;text-align:center}.pricing-footer h3{color:#1a202c;font-size:2rem;margin-bottom:40px}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));text-align:left}.faq-item h4{color:#1a202c;font-size:1.1rem;margin-bottom:10px}.faq-item p{color:#718096;line-height:1.6}@media (max-width:768px){.pricing-header h1{font-size:2rem}.pricing-cards{grid-template-columns:1fr}.plan-price .amount{font-size:2.5rem}.faq-grid{grid-template-columns:1fr}}.payment-success-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-success-card{animation:slideUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;padding:3rem;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{animation:bounce 1s ease;font-size:5rem;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.payment-success-card h1{color:#2d3748;font-size:2rem;margin-bottom:.5rem}.success-message{color:#718096;font-size:1.1rem;margin-bottom:2rem}.payment-details{background:#f7fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:left}.detail-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#718096;font-weight:500}.detail-row .value{color:#2d3748;font-weight:600}.status-completed{color:#38a169}.success-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#f7fafc;transform:translateY(-2px)}.confirmation-note{color:#a0aec0;font-size:.875rem;font-style:italic}.loading-spinner{color:#fff;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin:0 auto 1.5rem;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{font-size:1.2rem;font-weight:500}.payment-error{animation:slideUp .5s ease;background:#fff;border-radius:16px;max-width:500px;padding:3rem;text-align:center}.error-icon{font-size:5rem;margin-bottom:1rem}.payment-error h2{color:#e53e3e;margin-bottom:1rem}.payment-error p{color:#718096;margin-bottom:2rem}@media (max-width:640px){.payment-success-card{padding:2rem}.success-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}
/*# sourceMappingURL=main.1dbc4d2f.css.map*/