:root{--bp-xs: 0px;--bp-sm: 375px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1440px;--bp-2xl: 1920px;--container-xs: 100%;--container-sm: 100%;--container-md: 736px;--container-lg: 984px;--container-xl: 1392px;--container-2xl: 1856px;--grid-cols-xs: 4;--grid-cols-sm: 4;--grid-cols-md: 8;--grid-cols-lg: 12;--grid-cols-xl: 12;--grid-cols-2xl: 12;--gutter-xs: 1rem;--gutter-sm: 1rem;--gutter-md: 1.5rem;--gutter-lg: 1.5rem;--gutter-xl: 2rem;--gutter-2xl: 2rem;--margin-xs: 1rem;--margin-sm: 1.25rem;--margin-md: 2rem;--margin-lg: 2.5rem;--margin-xl: 3rem;--margin-2xl: 4rem;--touch-minimum: 44px;--touch-recommended: 48px;--touch-comfortable: 56px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--margin-xs);padding-right:var(--margin-xs);max-width:var(--container-xs)}@media (min-width: 375px){.container{padding-left:var(--margin-sm);padding-right:var(--margin-sm);max-width:var(--container-sm)}}@media (min-width: 768px){.container{padding-left:var(--margin-md);padding-right:var(--margin-md);max-width:var(--container-md)}}@media (min-width: 1024px){.container{padding-left:var(--margin-lg);padding-right:var(--margin-lg);max-width:var(--container-lg)}}@media (min-width: 1440px){.container{padding-left:var(--margin-xl);padding-right:var(--margin-xl);max-width:var(--container-xl)}}@media (min-width: 1920px){.container{padding-left:var(--margin-2xl);padding-right:var(--margin-2xl);max-width:var(--container-2xl)}}.container-fluid{width:100%;padding-left:var(--margin-xs);padding-right:var(--margin-xs)}.container-narrow{max-width:640px}.container-wide{max-width:1600px}.grid{display:grid;gap:var(--gutter-xs);grid-template-columns:repeat(var(--grid-cols-xs),1fr)}@media (min-width: 375px){.grid{gap:var(--gutter-sm);grid-template-columns:repeat(var(--grid-cols-sm),1fr)}}@media (min-width: 768px){.grid{gap:var(--gutter-md);grid-template-columns:repeat(var(--grid-cols-md),1fr)}}@media (min-width: 1024px){.grid{gap:var(--gutter-lg);grid-template-columns:repeat(var(--grid-cols-lg),1fr)}}@media (min-width: 1440px){.grid{gap:var(--gutter-xl);grid-template-columns:repeat(var(--grid-cols-xl),1fr)}}@media (min-width: 1920px){.grid{gap:var(--gutter-2xl);grid-template-columns:repeat(var(--grid-cols-2xl),1fr)}}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}@media (min-width: 768px){.md\:col-1{grid-column:span 1}.md\:col-2{grid-column:span 2}.md\:col-3{grid-column:span 3}.md\:col-4{grid-column:span 4}.md\:col-5{grid-column:span 5}.md\:col-6{grid-column:span 6}.md\:col-7{grid-column:span 7}.md\:col-8{grid-column:span 8}}@media (min-width: 1024px){.lg\:col-1{grid-column:span 1}.lg\:col-2{grid-column:span 2}.lg\:col-3{grid-column:span 3}.lg\:col-4{grid-column:span 4}.lg\:col-5{grid-column:span 5}.lg\:col-6{grid-column:span 6}.lg\:col-7{grid-column:span 7}.lg\:col-8{grid-column:span 8}.lg\:col-9{grid-column:span 9}.lg\:col-10{grid-column:span 10}.lg\:col-11{grid-column:span 11}.lg\:col-12{grid-column:span 12}}.flex-grid{display:flex;flex-wrap:wrap;margin:calc(var(--gutter-xs) / -2)}.flex-grid>*{padding:calc(var(--gutter-xs) / 2)}@media (min-width: 768px){.flex-grid{margin:calc(var(--gutter-md) / -2)}.flex-grid>*{padding:calc(var(--gutter-md) / 2)}}.text-headline-1{font-size:2rem;line-height:2.5rem;font-weight:700;letter-spacing:-.02em}.text-headline-2{font-size:1.75rem;line-height:2.25rem;font-weight:600;letter-spacing:-.01em}.text-headline-3{font-size:1.5rem;line-height:2rem;font-weight:600}.text-headline-4{font-size:1.25rem;line-height:1.75rem;font-weight:600}.text-body-1{font-size:1rem;line-height:1.5rem;font-weight:400}.text-body-2{font-size:.875rem;line-height:1.375rem;font-weight:400}.text-caption{font-size:.75rem;line-height:1rem;font-weight:400}.text-button{font-size:.875rem;line-height:1.25rem;font-weight:500;letter-spacing:.01em}@media (min-width: 768px){.text-headline-1{font-size:2.5rem;line-height:3rem}.text-headline-2{font-size:2rem;line-height:2.5rem}.text-headline-3{font-size:1.75rem;line-height:2.25rem}.text-headline-4{font-size:1.5rem;line-height:2rem}.text-body-1{font-size:1.125rem;line-height:1.75rem}.text-body-2{font-size:1rem;line-height:1.5rem}.text-caption{font-size:.875rem;line-height:1.25rem}.text-button{font-size:1rem;line-height:1.5rem}}@media (min-width: 1024px){.text-headline-1{font-size:3rem;line-height:3.5rem}.text-headline-2{font-size:2.25rem;line-height:2.75rem}.text-headline-3{font-size:2rem;line-height:2.5rem}.text-headline-4{font-size:1.75rem;line-height:2.25rem}}.section-spacing{padding-top:3rem;padding-bottom:3rem}@media (min-width: 768px){.section-spacing{padding-top:4rem;padding-bottom:4rem}}@media (min-width: 1024px){.section-spacing{padding-top:6rem;padding-bottom:6rem}}@media (min-width: 1440px){.section-spacing{padding-top:8rem;padding-bottom:8rem}}.card-spacing{padding:1rem}@media (min-width: 768px){.card-spacing{padding:1.5rem}}@media (min-width: 1024px){.card-spacing{padding:2rem}}.button-spacing{padding:.75rem 1rem}@media (min-width: 768px){.button-spacing{padding:.875rem 1.5rem}}@media (min-width: 1024px){.button-spacing{padding:1rem 2rem}}.show-mobile{display:block}@media (min-width: 768px){.show-mobile{display:none}}.show-tablet{display:none}@media (min-width: 768px){.show-tablet{display:block}}.show-desktop{display:none}@media (min-width: 1024px){.show-desktop{display:block}}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:block}}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none}}@media (min-width: 1024px){.hide-desktop{display:none}}.touch-target{min-height:var(--touch-recommended);min-width:var(--touch-recommended)}.touch-target-large{min-height:var(--touch-comfortable);min-width:var(--touch-comfortable)}@media (hover: none) and (pointer: coarse){.hover-effects:hover{transform:none;box-shadow:none}.hover-effects:active{transform:scale(.98)}}.responsive-image{width:100%;height:auto;object-fit:cover}.responsive-image-contain{width:100%;height:auto;object-fit:contain}.aspect-ratio-16-9{aspect-ratio:16 / 9}.aspect-ratio-4-3{aspect-ratio:4 / 3}.aspect-ratio-1-1{aspect-ratio:1 / 1}.aspect-ratio-3-2{aspect-ratio:3 / 2}@media (prefers-contrast: high){.responsive-card,.responsive-button{border-width:2px;border-style:solid}}@media (prefers-reduced-data: reduce){.text-headline-1,.text-body-1{font-size:110%}}@media (forced-colors: active){.custom-colors{background:ButtonFace;color:ButtonText;border-color:ButtonText}}.emotion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 768px){.emotion-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width: 1024px){.emotion-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.emotion-card-responsive{padding:1rem;border-radius:.75rem;text-align:center;min-height:var(--touch-recommended)}@media (min-width: 768px){.emotion-card-responsive{padding:1.5rem;border-radius:1rem}}@media (min-width: 1024px){.emotion-card-responsive{padding:2rem;border-radius:1.25rem}}.flow-container{min-height:100vh;padding:1rem}@media (min-width: 768px){.flow-container{padding:2rem}}@media (min-width: 1024px){.flow-container{padding:3rem}}.flow-content{max-width:100%;margin:0 auto}@media (min-width: 768px){.flow-content{max-width:640px}}@media (min-width: 1024px){.flow-content{max-width:768px}}.flow-navigation{padding:1rem;margin-bottom:2rem}@media (min-width: 768px){.flow-navigation{padding:1.5rem 2rem;margin-bottom:3rem}}.search-results{display:grid;gap:1rem}@media (min-width: 768px){.search-results{gap:1.5rem}}@media (min-width: 1024px){.search-results{grid-template-columns:repeat(2,1fr);gap:2rem}}.verse-card{padding:1.5rem;border-radius:.75rem}@media (min-width: 768px){.verse-card{padding:2rem;border-radius:1rem}}.history-layout{display:grid;gap:2rem}@media (min-width: 1024px){.history-layout{grid-template-columns:1fr 300px;gap:3rem}}.calendar-container{min-height:400px}@media (min-width: 768px){.calendar-container{min-height:500px}}@media (max-width: 767px){.high-res-image{display:none}}@media (max-width: 767px){.complex-animation{animation:none}.simple-animation{animation-duration:.2s}}.responsive-transform{transform:translateZ(0);backface-visibility:hidden}@media (prefers-color-scheme: dark){.responsive-card{background-color:#1f2937cc;border-color:#4b55634d}.responsive-text{color:#e5e7ebe6}}@media print{.container{max-width:none;padding:0}.hide-print{display:none}.emotion-card{break-inside:avoid}.verse-card{break-inside:avoid;margin-bottom:1rem}}:root{--animation-speed-slow: .6s;--animation-speed-normal: .4s;--animation-speed-fast: .2s;--animation-easing-ease: cubic-bezier(.25, .46, .45, .94);--animation-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--animation-easing-smooth: cubic-bezier(.215, .61, .355, 1)}.reduced-motion,.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.page-exit-slide-left{animation:slideOutLeft var(--animation-speed-normal) var(--animation-easing-ease) forwards}.page-enter-slide-left{animation:slideInRight var(--animation-speed-normal) var(--animation-easing-ease) forwards}.page-exit-slide-right{animation:slideOutRight var(--animation-speed-normal) var(--animation-easing-ease) forwards}.page-enter-slide-right{animation:slideInLeft var(--animation-speed-normal) var(--animation-easing-ease) forwards}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.page-exit-fade{animation:fadeOut var(--animation-speed-fast) ease-out forwards}.page-enter-fade{animation:fadeIn var(--animation-speed-normal) ease-in forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-exit-scale{animation:scaleOut var(--animation-speed-normal) var(--animation-easing-smooth) forwards}.page-enter-scale{animation:scaleIn var(--animation-speed-normal) var(--animation-easing-smooth) forwards}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes scaleIn{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}.page-exit-blur{animation:blurOut var(--animation-speed-slow) ease-in-out forwards}.page-enter-blur{animation:blurIn var(--animation-speed-slow) ease-in-out forwards}@keyframes blurOut{0%{filter:blur(0);opacity:1}to{filter:blur(10px);opacity:0}}@keyframes blurIn{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}.component-entrance{animation:fadeInUp var(--animation-speed-slow) var(--animation-easing-ease) forwards}.component-entrance-scroll{opacity:0;transform:translateY(30px);animation:fadeInUp var(--animation-speed-slow) var(--animation-easing-ease) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.05) translateY(-10px)}70%{transform:scale(.95) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.component-emphasis{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes heartbeat{0%,40%,80%,to{transform:scale(1)}20%,60%{transform:scale(1.1)}}.component-hover{transition:all var(--animation-speed-fast) var(--animation-easing-ease)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 20px #3b82f699}}.loading-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.loading-progress{position:relative;overflow:hidden}.loading-progress:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress 2s ease-out infinite}@keyframes progress{0%{left:-100%}to{left:100%}}.button-press{animation:buttonPress .15s ease-out}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.card-hover{transition:all var(--animation-speed-fast) var(--animation-easing-ease)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.input-focus{transition:all var(--animation-speed-fast) var(--animation-easing-ease)}.input-focus:focus{transform:scale(1.02);box-shadow:0 0 0 3px #3b82f61a}.notification-enter{animation:notificationSlideIn var(--animation-speed-normal) var(--animation-easing-smooth)}.notification-exit{animation:notificationSlideOut var(--animation-speed-normal) var(--animation-easing-smooth)}@keyframes notificationSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notificationSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-enter{animation:toastBounceIn var(--animation-speed-normal) var(--animation-easing-bounce)}@keyframes toastBounceIn{0%{transform:translateY(-100%) scale(.6);opacity:0}50%{transform:translateY(0) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.emotion-bounce-in{animation:joyBounceIn .8s var(--animation-easing-bounce)}.emotion-pulse-gentle{animation:joyPulse 1.5s ease-in-out infinite}.emotion-celebration{animation:celebration 1s var(--animation-easing-bounce)}@keyframes joyBounceIn{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes joyPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.03);filter:brightness(1.1)}}@keyframes celebration{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.1) rotate(-5deg)}}.emotion-fade-in-down{animation:sadnessFadeInDown .8s ease-out}.emotion-wobble-subtle{animation:sadnessWobble 2s ease-in-out infinite}.emotion-comfort-glow{animation:comfortGlow 2s ease-in-out}@keyframes sadnessFadeInDown{0%{opacity:0;transform:translateY(-30px);filter:brightness(.8)}to{opacity:1;transform:translateY(0);filter:brightness(1)}}@keyframes sadnessWobble{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes comfortGlow{0%,to{box-shadow:0 0 5px #60a5fa4d}50%{box-shadow:0 0 15px #60a5fa99}}.emotion-shake-in{animation:angerShakeIn .6s ease-out}.emotion-shake-hover{animation:angerShake .5s ease-in-out}.emotion-intensity-pulse{animation:intensityPulse 1s ease-in-out infinite}@keyframes angerShakeIn{0%{opacity:0;transform:translate(-50px) scale(.8)}50%{opacity:1;transform:translate(5px) scale(1.05)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes angerShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes intensityPulse{0%,to{transform:scale(1);filter:brightness(1) saturate(1)}50%{transform:scale(1.05);filter:brightness(1.2) saturate(1.3)}}.emotion-float-in{animation:peaceFloatIn 1s ease-out}.emotion-float-gentle{animation:gentleFloat 3s ease-in-out infinite}.emotion-zen-glow{animation:zenGlow 2s ease-in-out}@keyframes peaceFloatIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes zenGlow{0%,to{box-shadow:0 0 10px #86efac66;filter:brightness(1)}50%{box-shadow:0 0 20px #86efacb3;filter:brightness(1.1)}}.emotion-heart-expand{animation:heartExpand .8s var(--animation-easing-bounce)}.emotion-heartbeat{animation:loveHeartbeat 1.2s ease-in-out infinite}.emotion-love-radiate{animation:loveRadiate 2s ease-out}@keyframes heartExpand{0%{transform:scale(.3);opacity:0;filter:hue-rotate(0deg)}50%{transform:scale(1.2);opacity:1;filter:hue-rotate(10deg)}to{transform:scale(1);opacity:1;filter:hue-rotate(0deg)}}@keyframes loveRadiate{0%{box-shadow:0 0 #fb718580}50%{box-shadow:0 0 0 15px #fb718500}to{box-shadow:0 0 0 15px #fb718500}}.emotion-nervous-in{animation:nervousIn .7s ease-out}.emotion-anxiety-tremble{animation:anxietyTremble .1s infinite}.emotion-calm-transition{animation:calmTransition 2s ease-out}@keyframes nervousIn{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(1px)}50%{opacity:.7;transform:scale(1.02) translateY(-5px);filter:blur(.5px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes calmTransition{0%{filter:brightness(.8) saturate(.8);transform:scale(1)}50%{filter:brightness(1.1) saturate(1.2);transform:scale(1.02)}to{filter:brightness(1) saturate(1);transform:scale(1)}}.slide-out-left{animation:flowSlideOutLeft .4s var(--animation-easing-smooth) forwards}.slide-in-right{animation:flowSlideInRight .4s var(--animation-easing-smooth) forwards}.slide-out-right{animation:flowSlideOutRight .4s var(--animation-easing-smooth) forwards}.slide-in-left{animation:flowSlideInLeft .4s var(--animation-easing-smooth) forwards}@keyframes flowSlideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}@keyframes flowSlideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes flowSlideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(30px);opacity:0}}@keyframes flowSlideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.stagger-item{opacity:0;transform:translateY(20px);animation:staggerFadeInUp .6s var(--animation-easing-ease) forwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.2s}.stagger-item:nth-child(4){animation-delay:.3s}.stagger-item:nth-child(5){animation-delay:.4s}.stagger-item:nth-child(6){animation-delay:.5s}.stagger-item:nth-child(7){animation-delay:.6s}.stagger-item:nth-child(8){animation-delay:.7s}@keyframes staggerFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){:root{--animation-speed-slow: .4s;--animation-speed-normal: .3s;--animation-speed-fast: .15s}.card-hover:hover{transform:translateY(-2px)}.emotion-float-gentle{animation-duration:4s}}@media (prefers-reduced-motion: reduce){.emotion-pulse-gentle,.emotion-float-gentle,.emotion-heartbeat,.emotion-anxiety-tremble{animation:none}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.will-animate{will-change:transform,opacity}.animation-complete{will-change:auto}.emotion-card{position:relative;background:#fff;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;overflow:hidden}.emotion-card .content{position:relative;z-index:1}.emotion-joy{--emotion-primary: #ffd700;--emotion-secondary: #ffa500;--emotion-light: #fff8dc;--emotion-dark: #daa520;--emotion-shadow: rgba(255, 215, 0, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-joy:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px var(--emotion-shadow);border-color:var(--emotion-secondary)}.emotion-joy.selected{border-color:var(--emotion-dark);transform:scale(1.05);animation:joyPulse 1.5s infinite}@keyframes joyPulse{0%,to{box-shadow:0 0 0 0 var(--emotion-shadow)}50%{box-shadow:0 0 0 8px transparent}}.emotion-happiness{--emotion-primary: #ffb347;--emotion-secondary: #ff8c69;--emotion-light: #ffffe0;--emotion-dark: #ff7f50;--emotion-shadow: rgba(255, 179, 71, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-happiness:hover{animation:happinessBounce .6s ease}@keyframes happinessBounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-8px)}80%{transform:translateY(-4px)}}.emotion-sadness{--emotion-primary: #4682b4;--emotion-secondary: #5f9ea0;--emotion-light: #e6f3ff;--emotion-dark: #2f4f4f;--emotion-shadow: rgba(70, 130, 180, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-sadness:hover{transform:translateY(2px);filter:brightness(.9)}.emotion-sadness.selected{animation:sadnessWave 2s infinite}@keyframes sadnessWave{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.emotion-depression{--emotion-primary: #696969;--emotion-secondary: #708090;--emotion-light: #f5f5f5;--emotion-dark: #2f2f2f;--emotion-shadow: rgba(105, 105, 105, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow);filter:grayscale(.3)}.emotion-anger{--emotion-primary: #dc143c;--emotion-secondary: #b22222;--emotion-light: #ffe4e1;--emotion-dark: #8b0000;--emotion-shadow: rgba(220, 20, 60, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-anger:hover{animation:angerShake .5s ease-in-out}.emotion-anger.selected{animation:angerIntense 1s infinite}@keyframes angerShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes angerIntense{0%,to{box-shadow:0 0 0 0 var(--emotion-shadow);border-color:var(--emotion-primary)}50%{box-shadow:0 0 0 6px transparent;border-color:var(--emotion-dark)}}.emotion-rage{--emotion-primary: #ff0000;--emotion-secondary: #ff4500;--emotion-light: #ffcccb;--emotion-dark: #800000;--emotion-shadow: rgba(255, 0, 0, .4);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-rage:hover{animation:rageFlicker .3s infinite}@keyframes rageFlicker{0%,to{filter:brightness(1)}50%{filter:brightness(1.2) contrast(1.1)}}.emotion-anxiety{--emotion-primary: #9370db;--emotion-secondary: #8a2be2;--emotion-light: #f0e6ff;--emotion-dark: #4b0082;--emotion-shadow: rgba(147, 112, 219, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-anxiety:hover{animation:anxietyTremble .1s infinite}.emotion-anxiety.selected{animation:anxietyPulse 1.5s infinite}@keyframes anxietyTremble{0%,to{transform:translate(0)}25%{transform:translate(-.5px,.5px)}50%{transform:translate(.5px,-.5px)}75%{transform:translate(-.5px,-.5px)}}@keyframes anxietyPulse{0%,to{transform:scale(1);filter:blur(0)}50%{transform:scale(1.02);filter:blur(.5px)}}.emotion-fear{--emotion-primary: #800080;--emotion-secondary: #9932cc;--emotion-light: #e6e6fa;--emotion-dark: #4b0082;--emotion-shadow: rgba(128, 0, 128, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-peace{--emotion-primary: #98fb98;--emotion-secondary: #90ee90;--emotion-light: #f0fff0;--emotion-dark: #228b22;--emotion-shadow: rgba(152, 251, 152, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-peace:hover{animation:peacefulGlow 2s infinite}.emotion-peace.selected{animation:peacefulBreath 3s infinite}@keyframes peacefulGlow{0%,to{box-shadow:0 4px 12px var(--emotion-shadow)}50%{box-shadow:0 6px 20px var(--emotion-shadow)}}@keyframes peacefulBreath{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.emotion-calm{--emotion-primary: #20b2aa;--emotion-secondary: #48d1cc;--emotion-light: #e0ffff;--emotion-dark: #008b8b;--emotion-shadow: rgba(32, 178, 170, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-love{--emotion-primary: #ff69b4;--emotion-secondary: #ff1493;--emotion-light: #fff0f5;--emotion-dark: #c71585;--emotion-shadow: rgba(255, 105, 180, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-love:hover{animation:loveHeartbeat 1s infinite}.emotion-love.selected{animation:loveRadiate 2s infinite}@keyframes loveHeartbeat{0%,40%,to{transform:scale(1)}20%{transform:scale(1.08)}}@keyframes loveRadiate{0%,to{box-shadow:0 0 0 0 var(--emotion-shadow)}50%{box-shadow:0 0 0 12px transparent}}.emotion-gratitude{--emotion-primary: #daa520;--emotion-secondary: #b8860b;--emotion-light: #fffacd;--emotion-dark: #8b7d6b;--emotion-shadow: rgba(218, 165, 32, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-gratitude:hover{animation:gratitudeShimmer 1.5s infinite}@keyframes gratitudeShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.1) saturate(1.2)}}.emotion-hope{--emotion-primary: #87ceeb;--emotion-secondary: #87cefa;--emotion-light: #f0f8ff;--emotion-dark: #4682b4;--emotion-shadow: rgba(135, 206, 235, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-hope:hover{animation:hopeSparkle 2s infinite}@keyframes hopeSparkle{0%,to{transform:rotate(0);filter:brightness(1)}25%{transform:rotate(1deg);filter:brightness(1.1)}75%{transform:rotate(-1deg);filter:brightness(1.05)}}.emotion-worship{--emotion-primary: #6a5acd;--emotion-secondary: #9370db;--emotion-light: #f8f8ff;--emotion-dark: #483d8b;--emotion-shadow: rgba(106, 90, 205, .3);border:2px solid var(--emotion-primary);box-shadow:0 4px 12px var(--emotion-shadow)}.emotion-worship:hover{animation:worshipElevate 2s infinite}@keyframes worshipElevate{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.emotion-intensity-low{filter:opacity(.8);border-width:1px}.emotion-intensity-medium{border-width:2px}.emotion-intensity-high{border-width:3px;filter:saturate(1.2)}.emotion-intensity-extreme{border-width:4px;filter:saturate(1.4) contrast(1.1);box-shadow:0 6px 18px var(--emotion-shadow)}@media (prefers-color-scheme: dark){.emotion-card{background:#fff}.emotion-joy{--emotion-primary: #daa520;--emotion-shadow: rgba(218, 165, 32, .4)}.emotion-sadness{--emotion-primary: #5f9ea0;--emotion-shadow: rgba(95, 158, 160, .4)}.emotion-anger{--emotion-primary: #b22222;--emotion-shadow: rgba(178, 34, 34, .4)}.emotion-anxiety{--emotion-primary: #8a2be2;--emotion-shadow: rgba(138, 43, 226, .4)}.emotion-peace{--emotion-primary: #90ee90;--emotion-shadow: rgba(144, 238, 144, .4)}.emotion-love{--emotion-primary: #ff1493;--emotion-shadow: rgba(255, 20, 147, .4)}}@media (prefers-reduced-motion: reduce){.emotion-card,.emotion-card:before{animation:none!important;transition:none!important}.emotion-card:hover{transform:none!important}}@media (prefers-contrast: high){.emotion-card{border-width:3px!important;box-shadow:none!important}.emotion-card:hover{outline:2px solid currentColor;outline-offset:2px}}.emotion-emoji{display:inline-block;transition:all .3s ease}.emotion-card:hover .emotion-emoji{transform:scale(1.1) rotate(5deg)}.emotion-card.selected .emotion-emoji{animation:emojiDance 2s infinite}@keyframes emojiDance{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(10deg) scale(1.1)}50%{transform:rotate(0) scale(1.2)}75%{transform:rotate(-10deg) scale(1.1)}}