*{margin:0;padding:0;box-sizing:border-box;}html,body{width:100%;overflow-x:hidden;}:root{--color-bg-primary:#FBFBF8;--color-bg-secondary:#F8F7F4;--color-bg-white:#FFFFFF;--color-text-primary:#4a4a4a;--color-amber:#FBBF24;--color-amber-light:#FEF3C7;--color-blue:#A7C7E7;--color-blue-dark:#6B8AAB;--color-footer:#1f2937;--font-serif:'Noto Serif SC',serif;--font-sans:'Noto Sans SC',sans-serif;}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}h1,h2,h3,blockquote{font-family:var(--font-serif);}.bg-primary{background-color:var(--color-bg-primary);}.bg-secondary{background-color:var(--color-bg-secondary);}.bg-footer{background-color:var(--color-footer);}.hero-section{height:100vh;width:100%;position:relative;background-image:url('../images/hero-bg.jpg');background-size:cover;background-position:center;color:white;overflow:hidden;}.hero-section::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.8) 100%);z-index:1;}.hero-section > *{position:relative;z-index:2;}.hero-section h1{font-size:3rem;font-weight:900;letter-spacing:0.05em;line-height:1.15;color:#222;text-shadow:none;white-space:nowrap;text-align:center;max-width:100%;margin:0 auto;}@media (max-width:640px){.hero-section h1{font-size:1.5rem;line-height:1.2;white-space:normal;}}@media (min-width:641px) and (max-width:768px){.hero-section h1{font-size:2rem;line-height:1.15;}}@media (min-width:769px) and (max-width:1024px){.hero-section h1{font-size:2.5rem;line-height:1.1;}}@media (min-width:1025px) and (max-width:1279px){.hero-section h1{font-size:3rem;line-height:1.1;}}@media (min-width:1280px) and (max-width:1535px){.hero-section h1{font-size:3.5rem;line-height:1.1;}}@media (min-width:1536px){.hero-section h1{font-size:4rem;line-height:1.1;}}.hero-section h1 .highlight{color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;text-shadow:0 2px 15px rgba(0,0,0,0.3);}.hero-section h1 .comma{color:#222;}.hero-section h1 .period{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,0.18);}.dynamic-title-container{position:relative;display:inline-block;min-height:1.15em;}.dynamic-title{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(10px);transition:opacity 1.5s ease-in-out,transform 1.5s ease-in-out;white-space:nowrap;}.dynamic-title.active{opacity:1;transform:translateY(0);}.dynamic-title.fade-out{opacity:0;transform:translateY(-10px);}@media (max-width:768px){.dynamic-title-container{min-height:1.2em;}.dynamic-title{font-size:2rem !important;line-height:1.2 !important;word-break:keep-all !important;white-space:normal !important;}}@media (min-width:769px) and (max-width:1024px){.dynamic-title{font-size:3rem !important;line-height:1.1 !important;letter-spacing:-0.02em !important;white-space:nowrap !important;}}@media (min-width:1025px){.dynamic-title{font-size:4.5rem !important;line-height:1.1 !important;letter-spacing:-0.01em !important;white-space:nowrap !important;}.hero-icon-wrapper{width:52px;height:52px;}}@media (min-width:1280px){.dynamic-title{font-size:5rem !important;line-height:1.1 !important;letter-spacing:0 !important;white-space:nowrap !important;}.hero-icon-wrapper{width:56px;height:56px;}}@media (min-width:1536px){.dynamic-title{font-size:5.5rem !important;line-height:1.1 !important;letter-spacing:0.01em !important;white-space:nowrap !important;}.hero-icon-wrapper{width:60px;height:60px;}}.hero-section p{font-size:1.25rem;font-weight:300;color:rgba(255,255,255,0.9);margin-top:1.5rem;text-shadow:0 1px 5px rgba(0,0,0,0.2);}@media (min-width:768px){.hero-section p{font-size:1.5rem;margin-top:1.5rem;}}.bg-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.25;pointer-events:none;z-index:0;}.bg-glow-blue{background:radial-gradient(circle,#A7C7E7 0%,transparent 80%);}.bg-glow-amber{background:radial-gradient(circle,#FBBF24 0%,transparent 80%);}img,.soft-shadow{border-radius:1.25rem;box-shadow:0 6px 32px rgba(167,199,231,0.10),0 1.5px 6px rgba(251,191,36,0.08);}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;}.fade-in-section.is-visible{opacity:1;transform:translateY(0);}.download-section{position:relative;margin:3rem auto 2rem auto;width:100%;max-width:800px;padding:0 2rem;text-align:center;z-index:20;display:flex;justify-content:center;align-items:center;}.store-badge{display:inline-flex;align-items:center;padding:0;min-width:160px;height:60px;background:rgba(0,0,0,0.9);border:1.5px solid rgba(255,255,255,0.15);border-radius:12px;transition:all 0.3s ease;text-decoration:none;overflow:hidden;position:relative;}.store-badge:hover:not(.disabled){transform:translateY(-2px);background:rgba(0,0,0,0.95);border-color:rgba(255,255,255,0.25);box-shadow:0 8px 25px rgba(0,0,0,0.3);}.store-badge.disabled{opacity:0.6;cursor:not-allowed;filter:grayscale(60%);}.store-badge-content{display:flex;align-items:center;padding:8px 16px;width:100%;height:100%;}.store-icon{width:28px;height:28px;color:white;margin-right:10px;flex-shrink:0;}.store-text{display:flex;flex-direction:column;justify-content:center;color:white;line-height:1.1;}.store-line1{font-size:11px;font-weight:400;opacity:0.9;margin-bottom:1px;}.store-line2{font-size:16px;font-weight:600;letter-spacing:-0.02em;}.app-store-badge{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);}.app-store-badge:hover:not(.disabled){background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);}.google-play-badge{background:linear-gradient(135deg,#01875f 0%,#4285f4 100%);}.google-play-badge:hover:not(.disabled){background:linear-gradient(135deg,#019963 0%,#5294f5 100%);}.google-play-badge.disabled{background:linear-gradient(135deg,#666 0%,#888 100%);}.coming-soon-tag{position:absolute;top:-0.5rem;right:-0.5rem;background-color:var(--color-amber);color:#422006;font-size:0.75rem;font-weight:bold;padding:0.25rem 0.6rem;border-radius:9999px;border:1px solid rgba(255,255,255,0.2);transform:rotate(10deg);}.trust-badges-section{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:100%;max-width:800px;padding:0 2rem;text-align:center;z-index:15;}@media (max-width:768px){.trust-badges-section{bottom:2%;left:0;transform:none;width:100%;max-width:none;padding:0 0.75rem;text-align:center;z-index:15;transition:top 0.3s ease;}}@media (max-width:375px) and (max-height:667px){.trust-badges-section{padding:0 0.5rem;}.trust-features{gap:0.6rem;flex-wrap:wrap;}.trust-feature-item{font-size:0.7rem;gap:0.25rem;}.trust-feature-item svg{width:12px;height:12px;}}@media (min-width:414px) and (max-width:768px){.trust-badges-section{padding:0 1rem;}.trust-features{gap:1.2rem;}.trust-feature-item{font-size:0.8rem;gap:0.4rem;}.trust-feature-item svg{width:16px;height:16px;}}.trust-features{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;color:rgba(255,255,255,0.85);}.trust-feature-item{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:400;transition:color 0.3s ease;}.trust-feature-item:hover{color:white;}.trust-feature-item svg{opacity:0.8;}@media (max-width:768px){.trust-features{gap:1rem;justify-content:space-around;}.trust-feature-item{font-size:0.75rem;gap:0.4rem;flex:1;justify-content:center;min-width:0;}.trust-feature-item svg{width:14px;height:14px;flex-shrink:0;}.trust-feature-item span{text-align:center;word-break:keep-all;}}@media (max-width:480px){.trust-badges-section{bottom:0.5%;padding:0 0.5rem;}.trust-features{gap:0.8rem;}.trust-feature-item{font-size:0.7rem;gap:0.3rem;}.trust-feature-item svg{width:12px;height:12px;}}.soft-shadow{box-shadow:0 15px 40px -15px rgba(0,0,0,0.08);}.feature-card img{transition:transform 0.4s ease-out;}.feature-card:hover img{transform:scale(1.03);}.brand-icon-wrapper{width:200px;height:200px;border-radius:22.5%;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 15px 30px -10px rgba(0,0,0,0.1),0 8px 16px -8px rgba(0,0,0,0.08);background:#F0F4F8;}.hero-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#ffffff;border:1px solid rgba(0,0,0,0.04);box-shadow:0 6px 18px rgba(0,0,0,0.08);transition:all 0.3s ease;cursor:pointer;padding:2px;}.hero-icon-wrapper:hover{transform:translateY(-2px);box-shadow:0 12px 25px -8px rgba(0,0,0,0.2),0 6px 15px -6px rgba(0,0,0,0.15);background:#ffffff;}.hero-title-and-cards-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}.hero-title-section{position:absolute;top:6%;left:50%;transform:translateX(-50%);width:100%;max-width:1200px;padding:0 2rem;text-align:center;z-index:30;}.download-section{position:relative;margin:3rem auto 2rem auto;width:100%;max-width:800px;padding:0 2rem;text-align:center;z-index:20;display:flex;justify-content:center;align-items:center;}@media (max-width:768px){.download-section{position:relative;margin:3rem auto 2rem auto;width:100%;max-width:800px;padding:0 2rem;text-align:center;z-index:20;display:flex;justify-content:center;align-items:center;}}.quote-card-rain-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;overflow:visible;}@media (max-width:768px){.hero-icon-wrapper{width:1.25rem;height:1.25rem;border-radius:10px;padding:2px;}.hero-title-section{top:8%;padding:0 1rem;}.download-section{position:relative;margin:3rem auto 2rem auto;width:100%;max-width:800px;padding:0 2rem;text-align:center;z-index:20;display:flex;justify-content:center;align-items:center;}}.mood-card{position:absolute;width:280px;height:420px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(167,199,231,0.92) 30%,rgba(251,191,36,0.30) 70%,rgba(167,199,231,0.95) 100% );border:2px solid rgba(255,255,255,0.85);box-shadow:0 25px 60px 0 rgba(107,138,171,0.25),0 10px 30px 0 rgba(251,191,36,0.12),0 2px 8px 0 rgba(0,0,0,0.10),inset 0 1px 0 rgba(255,255,255,0.7);pointer-events:none;overflow:hidden;transform-origin:center center;top:-450px;left:calc(50% - 140px);opacity:0;z-index:15;}@media (max-width:768px){.mood-card{position:absolute;width:220px !important;height:330px !important;top:-350px;left:calc(50% - 110px) !important;opacity:0;z-index:15;}@keyframes cardDropLeft{0%{top:-350px;left:calc(50% - 110px + var(--random-offset,0px));opacity:0;transform:rotate(calc(-8deg + var(--random-rotation,0deg))) scale(0.7);}20%{top:6vh;left:calc(50% - 110px + var(--random-offset,0px));opacity:0.2;transform:rotate(calc(-6deg + var(--random-rotation,0deg))) scale(0.75);}40%{top:25vh;left:calc(50% - 110px + var(--random-offset,0px));opacity:0.5;transform:rotate(calc(-4deg + var(--random-rotation,0deg))) scale(0.85);}70%{top:35vh;left:calc(50% - 110px + var(--random-offset,0px));opacity:0.8;transform:rotate(calc(-2deg + var(--random-rotation,0deg))) scale(0.9);}100%{top:var(--final-position-top,40vh);left:calc(50% - 110px + var(--random-offset,0px) + var(--stack-offset,0px));opacity:0.7;transform:rotate(calc(-1deg + var(--random-rotation,0deg))) scale(0.8);}}@keyframes cardDropRight{0%{top:-350px;left:calc(50% - 110px + var(--random-offset,0px));opacity:0;transform:rotate(calc(8deg + var(--random-rotation,0deg))) scale(0.7);}20%{top:6vh;left:calc(50% - 110px + var(--random-offset,0px));opacity:0.2;transform:rotate(calc(6deg + var(--random-rotation,0deg))) scale(0.75);}40%{top:25vh;left:calc(50% - 110px + var(--random-offset,0px));opacity:0.5;transform:rotate(calc(4deg + var(--random-rotation,0deg))) scale(0.85);}70%{top:35vh;left:calc(50% - 110px + var(--random-offset,0px));opacity:0.8;transform:rotate(calc(2deg + var(--random-rotation,0deg))) scale(0.9);}100%{top:var(--final-position-top,40vh);left:calc(50% - 110px + var(--random-offset,0px) + var(--stack-offset,0px));opacity:0.7;transform:rotate(calc(1deg + var(--random-rotation,0deg))) scale(0.8);}}@keyframes cardDropCenter{0%{top:-350px;left:calc(50% - 110px + var(--random-offset,0px));opacity:0;transform:rotate(var(--random-rotation,0deg)) scale(0.7);}20%{top:6vh;left:calc(50% - 110px + var(--random-offset,0px));opacity:0.2;transform:rotate(var(--random-rotation,0deg)) scale(0.75);}40%{top:25vh;left:calc(50% - 110px + var(--random-offset,0px));opacity:0.5;transform:rotate(var(--random-rotation,0deg)) scale(0.85);}70%{top:35vh;left:calc(50% - 110px + var(--random-offset,0px));opacity:0.8;transform:rotate(var(--random-rotation,0deg)) scale(0.9);}100%{top:var(--final-position-top,40vh);left:calc(50% - 110px + var(--random-offset,0px) + var(--stack-offset,0px));opacity:0.7;transform:rotate(var(--random-rotation,0deg)) scale(0.8);}}}.mood-card-content{padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;}@media (max-width:768px){.mood-card-content{padding:1.5rem;}}.mood-card-quote-zh{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;line-height:1.6;color:var(--color-text-primary);margin-bottom:1rem;text-shadow:0 2px 8px rgba(255,255,255,0.3);}@media (max-width:768px){.mood-card-quote-zh{font-size:1.1rem;}}.mood-card-quote-en{font-family:var(--font-sans);font-size:0.95rem;font-weight:400;line-height:1.5;color:rgba(74,74,74,0.85);margin-bottom:1.5rem;font-style:italic;text-shadow:0 1px 4px rgba(255,255,255,0.2);}@media (max-width:768px){.mood-card-quote-en{font-size:0.85rem;margin-bottom:1.2rem;}}.mood-card-separator{width:3rem;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-amber) 50%,transparent 100% );margin:0.75rem 0;opacity:0.6;}.mood-card-author{font-family:var(--font-sans);font-size:0.8rem;font-weight:400;color:rgba(74,74,74,0.7);letter-spacing:0.05em;text-shadow:0 1px 3px rgba(255,255,255,0.2);}@media (max-width:768px){.mood-card-author{font-size:0.75rem;}}@keyframes cardDropLeft{0%{top:-450px;left:calc(50% - 140px + var(--random-offset,0px));opacity:0;transform:rotate(calc(-10deg + var(--random-rotation,0deg))) scale(0.7);}15%{top:8vh;left:calc(50% - 140px + var(--random-offset,0px));opacity:0.2;transform:rotate(calc(-8deg + var(--random-rotation,0deg))) scale(0.75);}35%{top:25vh;left:calc(50% - 140px + var(--random-offset,0px));opacity:0.5;transform:rotate(calc(-6deg + var(--random-rotation,0deg))) scale(0.85);}60%{top:35vh;left:calc(50% - 140px + var(--random-offset,0px));opacity:0.8;transform:rotate(calc(-3deg + var(--random-rotation,0deg))) scale(0.9);}100%{top:var(--final-position-top,40vh);left:calc(50% - 140px + var(--random-offset,0px) + var(--stack-offset,0px));opacity:0.7;transform:rotate(calc(-1deg + var(--random-rotation,0deg))) scale(0.85);}}@keyframes cardDropRight{0%{top:-450px;left:calc(50% - 140px + var(--random-offset,0px));opacity:0;transform:rotate(calc(10deg + var(--random-rotation,0deg))) scale(0.7);}15%{top:8vh;left:calc(50% - 140px + var(--random-offset,0px));opacity:0.2;transform:rotate(calc(8deg + var(--random-rotation,0deg))) scale(0.75);}35%{top:25vh;left:calc(50% - 140px + var(--random-offset,0px));opacity:0.5;transform:rotate(calc(6deg + var(--random-rotation,0deg))) scale(0.85);}60%{top:35vh;left:calc(50% - 140px + var(--random-offset,0px));opacity:0.8;transform:rotate(calc(3deg + var(--random-rotation,0deg))) scale(0.9);}100%{top:var(--final-position-top,40vh);left:calc(50% - 140px + var(--random-offset,0px) + var(--stack-offset,0px));opacity:0.7;transform:rotate(calc(1deg + var(--random-rotation,0deg))) scale(0.85);}}@keyframes cardDropCenter{0%{top:-450px;left:calc(50% - 140px + var(--random-offset,0px));opacity:0;transform:rotate(var(--random-rotation,0deg)) scale(0.7);}15%{top:8vh;left:calc(50% - 140px + var(--random-offset,0px));opacity:0.2;transform:rotate(var(--random-rotation,0deg)) scale(0.75);}35%{top:25vh;left:calc(50% - 140px + var(--random-offset,0px));opacity:0.5;transform:rotate(var(--random-rotation,0deg)) scale(0.85);}60%{top:35vh;left:calc(50% - 140px + var(--random-offset,0px));opacity:0.8;transform:rotate(var(--random-rotation,0deg)) scale(0.9);}100%{top:var(--final-position-top,40vh);left:calc(50% - 140px + var(--random-offset,0px) + var(--stack-offset,0px));opacity:0.7;transform:rotate(var(--random-rotation,0deg)) scale(0.85);}}@media (min-width:641px) and (max-width:768px){.mood-card{position:absolute;width:240px;height:360px;top:-400px;left:calc(50% - 120px);opacity:0;z-index:15;}@keyframes cardDropLeft{0%{top:-400px;left:calc(50% - 120px + var(--random-offset,0px));opacity:0;transform:rotate(calc(-9deg + var(--random-rotation,0deg))) scale(0.7);}18%{top:9vh;left:calc(50% - 120px + var(--random-offset,0px));opacity:0.2;transform:rotate(calc(-7deg + var(--random-rotation,0deg))) scale(0.75);}38%{top:25vh;left:calc(50% - 120px + var(--random-offset,0px));opacity:0.5;transform:rotate(calc(-4deg + var(--random-rotation,0deg))) scale(0.85);}65%{top:35vh;left:calc(50% - 120px + var(--random-offset,0px));opacity:0.8;transform:rotate(calc(-2deg + var(--random-rotation,0deg))) scale(0.9);}100%{top:var(--final-position-top,40vh);left:calc(50% - 120px + var(--random-offset,0px) + var(--stack-offset,0px));opacity:0.7;transform:rotate(calc(-1deg + var(--random-rotation,0deg))) scale(0.85);}}@keyframes cardDropRight{0%{top:-280px;left:calc(50% - 120px + var(--random-offset,0px));opacity:0;transform:rotate(calc(9deg + var(--random-rotation,0deg))) scale(0.7);}25%{top:-80px;left:calc(50% - 120px + var(--random-offset,0px));opacity:0.3;transform:rotate(calc(7deg + var(--random-rotation,0deg))) scale(0.8);}50%{top:20px;left:calc(50% - 120px + var(--random-offset,0px));opacity:0.7;transform:rotate(calc(4deg + var(--random-rotation,0deg))) scale(0.9);}75%{top:50px;left:calc(50% - 120px + var(--random-offset,0px));opacity:0.9;transform:rotate(calc(2deg + var(--random-rotation,0deg))) scale(0.95);}100%{top:var(--final-position-top,40vh);left:calc(50% - 120px + var(--random-offset,0px) + var(--stack-offset,0px));opacity:0.6;transform:rotate(calc(1deg + var(--random-rotation,0deg))) scale(0.8);}}@keyframes cardDropCenter{0%{top:-280px;left:calc(50% - 120px + var(--random-offset,0px));opacity:0;transform:rotate(var(--random-rotation,0deg)) scale(0.7);}25%{top:-80px;left:calc(50% - 120px + var(--random-offset,0px));opacity:0.3;transform:rotate(var(--random-rotation,0deg)) scale(0.8);}50%{top:20px;left:calc(50% - 120px + var(--random-offset,0px));opacity:0.7;transform:rotate(var(--random-rotation,0deg)) scale(0.9);}75%{top:50px;left:calc(50% - 120px + var(--random-offset,0px));opacity:0.9;transform:rotate(var(--random-rotation,0deg)) scale(0.95);}100%{top:var(--final-position-top,40vh);left:calc(50% - 120px + var(--random-offset,0px) + var(--stack-offset,0px));opacity:0.6;transform:rotate(var(--random-rotation,0deg)) scale(0.8);}}}.mood-card.falling-left{animation:cardDropLeft 4.5s cubic-bezier(0.25,0.46,0.45,0.94) forwards;}.mood-card.falling-right{animation:cardDropRight 4.5s cubic-bezier(0.25,0.46,0.45,0.94) forwards;}.mood-card.falling-center{animation:cardDropCenter 4.5s cubic-bezier(0.25,0.46,0.45,0.94) forwards;}.mood-card.fade-out{transition:opacity 0.4s ease-out,transform 0.4s ease-out;opacity:0 !important;transform:translateY(30px) scale(0.98) !important;pointer-events:none;}@media (prefers-reduced-motion:reduce){.mood-card{animation:none !important;transform:translateY(0) !important;opacity:1 !important;position:static;display:inline-block;margin:1rem;}.quote-card-rain-container{height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;}}.media-links-bar{width:100%;margin-top:32px;margin-bottom:16px;background:transparent;}.media-links-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:nowrap;}.media-link{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 1rem;border-radius:999px;background:rgba(255,255,255,0.08);color:#fff;font-size:1rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background 0.2s;}.media-link:hover{background:rgba(255,255,255,0.18);}.media-link-icon{width:16px;height:16px;flex-shrink:0;opacity:0.9;}.founder-note-link{background:rgba(251,191,36,0.2);border-color:rgba(251,191,36,0.4);color:rgba(255,255,255,0.95);font-weight:600;}.founder-note-link:hover{background:rgba(251,191,36,0.3);border-color:rgba(251,191,36,0.6);box-shadow:0 4px 12px rgba(251,191,36,0.3);color:white;}.media-link:hover .media-link-icon{transform:scale(1.1);transition:transform 0.2s ease;}#hero-section{margin-top:0;height:100vh;position:relative;z-index:1;}.hero-top-controls-container{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem;pointer-events:auto;}.hero-left-controls{display:flex;align-items:center;z-index:51;}.hero-center-controls{flex:1 1 0;min-width:0;display:flex;justify-content:center;align-items:center;z-index:52;overflow:visible;}.hero-right-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;z-index:51;}.media-links-container{display:flex;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;align-items:center;}.language-switcher{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:0.5rem;display:flex;gap:0.25rem;z-index:52;pointer-events:auto;}.language-select{background:transparent;border:none;color:white;font-size:0.875rem;font-weight:500;cursor:pointer;outline:none;}.language-select option{background:rgba(0,0,0,0.8);color:white;}.language-btn{padding:0.5rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:500;transition:all 0.2s ease;cursor:pointer;border:none;background:transparent;color:var(--color-text-primary);}.language-btn:hover{background:rgba(255,255,255,0.2);color:white;}.language-btn.active{background:var(--color-amber);color:white;border:1px solid rgba(255,255,255,0.3);box-shadow:0 2px 10px rgba(0,0,0,0.1);}@media (max-width:768px){.hero-top-controls-container{padding:0.75rem;flex-direction:column;align-items:flex-start;gap:1rem;}.hero-right-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;z-index:51;}.media-links-container{gap:0.5rem;}.language-switcher{padding:0.375rem;}.language-select{font-size:0.75rem;}}@media (max-width:480px){.hero-top-controls-container{padding:0.5rem;}.hero-right-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;z-index:51;}.media-links-container{justify-content:center;}}.floating-media-links{position:fixed;bottom:2rem;right:2rem;z-index:100;display:flex;flex-direction:column;gap:0.75rem;pointer-events:auto;transition:all 0.3s ease;}.floating-media-links.hero-mode{position:absolute;bottom:auto;right:2rem;transform:translateY(-50%);}.floating-media-links.hero-mode.mobile-mode{position:absolute !important;bottom:12% !important;left:1rem !important;right:auto !important;transform:none !important;flex-direction:row !important;gap:0.5rem !important;z-index:25 !important;}.floating-media-links.hero-mode.top-right-mode{align-items:flex-end;}.floating-media-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:999px;background:rgba(255,255,255,0.9);color:#4a4a4a;font-size:0.875rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1);backdrop-filter:blur(10px);}.floating-media-link:hover{background:rgba(255,255,255,1);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15);}@media (max-width:768px){.floating-media-links.hero-mode.mobile-mode .floating-media-link{padding:0.4rem 0.8rem;font-size:0.75rem;gap:0.4rem;}.floating-media-links.hero-mode.mobile-mode .floating-media-link-icon{width:14px;height:14px;}}.floating-media-link-icon{width:16px;height:16px;flex-shrink:0;opacity:0.8;}@media (max-width:768px){.floating-media-links{bottom:1.5rem;right:1rem;gap:0.5rem;max-width:calc(100vw - 2rem);}.floating-media-links.hero-mode{right:1rem;transform:none;max-width:calc(100vw - 2rem);}.floating-media-links.hero-mode.mobile-mode.top-right-mode{position:absolute !important;bottom:5% !important;left:12px !important;right:auto !important;top:auto !important;transform:none !important;flex-direction:row !important;gap:0.25rem !important;max-width:calc(45vw - 24px) !important;align-items:center !important;}.floating-media-links.hero-mode.mobile-mode.top-right-mode .floating-media-link{padding:0.4rem 0.6rem !important;font-size:0.7rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;height:auto !important;min-height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;}#hero-section .download-section{position:relative;margin:3rem auto 2rem auto;width:100%;max-width:800px;padding:0 2rem;text-align:center;z-index:20;display:flex;justify-content:center;align-items:center;}#hero-section .download-section > div{justify-content:flex-end !important;max-width:calc(55vw - 24px) !important;gap:0.5rem;}}}.floating-media-link{padding:0.4rem 0.8rem;font-size:0.75rem;gap:0.4rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;}.floating-media-link-icon{width:14px;height:14px;}}@media (max-width:480px){.floating-media-links{right:0.5rem;gap:0.4rem;}.floating-media-links.hero-mode{right:0.5rem;}.floating-media-link{padding:0.3rem 0.6rem;font-size:0.7rem;gap:0.3rem;}.floating-media-link-icon{width:12px;height:12px;}}@media (max-width:640px){.media-links-container{padding:0 1rem;gap:0.75rem;flex-wrap:wrap;justify-content:center;}.media-link{font-size:0.75rem;padding:0.4rem 0.8rem;gap:0.4rem;}.media-link-icon{width:14px;height:14px;}.hero-bg{background-attachment:scroll;min-height:100vh;padding-top:3rem;padding-bottom:3rem;}#hero-section > .relative{padding:1.5rem 0.5rem;}.quote-card{margin:1rem 0.5rem;padding:1.2rem;max-width:100%;font-size:1rem;}#value-proposition .container{grid-template-columns:1fr !important;gap:2rem !important;padding:0 0.5rem;}#value-proposition h2{font-size:2rem !important;margin-bottom:1.2rem !important;}#value-proposition p,#value-proposition blockquote{font-size:1rem !important;padding-left:0.5rem !important;padding-right:0.5rem !important;}#core-experience .container{padding:0 0.5rem;}#core-experience .feature-card{grid-template-columns:1fr !important;gap:1.5rem !important;}#core-experience h2{font-size:2rem !important;margin-bottom:1.2rem !important;}#core-experience h3{font-size:1.2rem !important;margin-bottom:0.8rem !important;}#core-experience p{font-size:1rem !important;}#visual-showcase .container{padding:0 0.5rem;}#visual-showcase .grid{grid-template-columns:1fr 1fr !important;gap:0.5rem !important;}#visual-showcase img{margin-top:0 !important;max-width:100%;height:auto;}#brand-philosophy .container{grid-template-columns:1fr !important;gap:2rem !important;padding:0 0.5rem;}.brand-icon-wrapper{width:120px;height:120px;}.hero-icon-wrapper{width:40px;height:40px;}#final-cta .container{padding:0 0.5rem;}.store-badge{height:44px;min-width:120px;}.language-switcher{flex-direction:row;gap:0.1rem;padding:0.25rem 0.5rem;}.language-btn{font-size:0.8rem;padding:0.3rem 0.7rem;}body{font-size:15px;}.py-24{padding-top:2.5rem;padding-bottom:2.5rem;}.gap-16{gap:1.2rem;}}@media (min-width:641px) and (max-width:1024px){.media-links-container{gap:1.5rem;}.media-link{font-size:0.8rem;padding:0.45rem 0.9rem;}.hero-bg{min-height:90vh;padding-top:4rem;padding-bottom:4rem;}#hero-section > .relative{padding:2.5rem 1.5rem;}.quote-card{max-width:90%;font-size:1.1rem;margin:1.5rem auto;padding:1.8rem;}#value-proposition .container{grid-template-columns:1fr 1fr !important;gap:3rem !important;padding:0 1.5rem;}#value-proposition h2{font-size:2.5rem !important;margin-bottom:1.5rem !important;}#value-proposition p,#value-proposition blockquote{font-size:1.15rem !important;padding-left:1rem !important;padding-right:1rem !important;}#core-experience .container{padding:0 1.5rem;}#core-experience .feature-card{grid-template-columns:1fr 1fr !important;gap:2.5rem !important;}#core-experience h2{font-size:2.5rem !important;margin-bottom:1.5rem !important;}#core-experience h3{font-size:1.5rem !important;margin-bottom:1rem !important;}#core-experience p{font-size:1.1rem !important;}#visual-showcase .container{padding:0 1.5rem;}#visual-showcase .grid{grid-template-columns:1fr 1fr 1fr 1fr !important;gap:1.2rem !important;}#visual-showcase img{margin-top:0 !important;max-width:100%;height:auto;}#brand-philosophy .container{grid-template-columns:1fr 1fr !important;gap:3rem !important;padding:0 1.5rem;}.brand-icon-wrapper{width:160px;height:160px;}.hero-icon-wrapper{width:44px;height:44px;}#final-cta .container{padding:0 1.5rem;}.store-badge{height:52px;min-width:140px;}.language-switcher{flex-direction:row;gap:0.2rem;padding:0.4rem 1rem;}.language-btn{font-size:1rem;padding:0.5rem 1.2rem;}body{font-size:16px;}.py-24{padding-top:4rem;padding-bottom:4rem;}.gap-16{gap:2rem;}}@media (min-width:1280px){.container{width:100% !important;max-width:none !important;margin:0 !important;padding-left:0 !important;padding-right:0 !important;}.container > *{max-width:1200px;margin:0 auto;}.quote-card{max-width:500px;}.brand-icon-wrapper{width:240px;height:240px;}}@media (prefers-reduced-motion:reduce){.fade-in-section,.store-badge,.feature-card img{transition:none;animation:none;}.fade-in-section{opacity:1;transform:none;}.store-badge{opacity:1;transform:none;}.dynamic-title{transition:none !important;transform:none !important;opacity:1 !important;position:static !important;}.dynamic-title.active{opacity:1 !important;transform:none !important;}.dynamic-title.fade-out{opacity:0 !important;transform:none !important;}.dynamic-title-container{position:static !important;min-height:auto !important;}}.mood-card-quote-zh,.mood-card-quote-en,.mood-card-author{color:#222;text-shadow:0 2px 12px rgba(0,0,0,0.18);}.mood-card-quote-main{font-size:1.25rem;font-weight:700;color:#fff;line-height:1.7;margin-bottom:0.7rem;text-shadow:0 2px 16px rgba(0,0,0,0.38),0 1px 8px rgba(0,0,0,0.18);}.mood-card-quote-sub{font-size:0.95rem;font-weight:400;color:#222;opacity:0.85;line-height:1.5;margin-bottom:0.5rem;text-shadow:0 2px 8px rgba(255,255,255,0.18);}.mood-card-author{color:#fff;font-size:1rem;margin-top:0.5rem;text-shadow:0 2px 16px rgba(0,0,0,0.38),0 1px 8px rgba(0,0,0,0.18);}@media (max-width:768px){.mood-card-quote-main{font-size:1rem;}.mood-card-quote-sub{font-size:0.78rem;}.mood-card-author{font-size:0.85rem;}}.mood-card.gradient-violet{background:linear-gradient(135deg,#E0C3FC 0%,#8EC5FC 100%) !important;border-radius:32px !important;box-shadow:0 18px 48px 0 rgba(0,0,0,0.22),0 2px 12px 0 rgba(0,0,0,0.10) !important;border:none !important;color:#222;}.mood-card.gradient-violet .mood-card-quote-main{color:#222222;}.mood-card.gradient-violet .mood-card-quote-sub{color:#A084E8;}.mood-card.gradient-violet .mood-card-author{color:#888888;}.mood-card.gradient-violet .mood-card-feather{display:flex;justify-content:center;align-items:center;margin-top:2.5rem;opacity:0.4;}.mood-card.gradient-violet .mood-card-feather svg{width:48px;height:48px;fill:#A084E8;}.mood-card.gradient-orange{background:linear-gradient(135deg,#FFE29F 0%,#FFA99F 60%,#FFDEB4 100%) !important;border-radius:28px !important;box-shadow:0 14px 40px 0 rgba(255,183,77,0.18),0 2px 10px 0 rgba(255,140,0,0.10) !important;border:none !important;color:#7C4F18;}.mood-card.gradient-orange .mood-card-quote-main,.mood-card.gradient-orange .mood-card-quote-sub,.mood-card.gradient-orange .mood-card-moodlog{color:#7C4F18;}.mood-card.gradient-orange .mood-card-author{color:#7C4F18;}.mood-card.gradient-orange .mood-card-feather svg{fill:#FF9800;}.mood-card.gradient-night{background:linear-gradient(135deg,#0000FF 0%,#FFFF00 100%) !important;border-radius:36px !important;box-shadow:0 20px 52px 0 rgba(54,54,120,0.22),0 3px 14px 0 rgba(106,130,251,0.10) !important;border:none !important;color:#FFFFFF;}.mood-card.gradient-night .mood-card-quote-main,.mood-card.gradient-night .mood-card-quote-sub,.mood-card.gradient-night .mood-card-moodlog,.mood-card.gradient-night .mood-card-author{color:#FFFFFF;}.mood-card.gradient-night .mood-card-feather svg{fill:#B2C7FF;}.mood-card.gradient-bamboo{background:linear-gradient(135deg,#A8E6CF 0%,#88D8C0 50%,#B8E6B8 100%) !important;border-radius:24px !important;box-shadow:0 16px 44px 0 rgba(136,216,192,0.25),0 2px 8px 0 rgba(168,230,207,0.12) !important;border:none !important;color:#2D5016;}.mood-card.gradient-bamboo .mood-card-quote-main{color:#2D5016;}.mood-card.gradient-bamboo .mood-card-quote-sub{color:#4A7C59;}.mood-card.gradient-bamboo .mood-card-author{color:#6B8E6B;}.mood-card.gradient-bamboo .mood-card-feather{display:flex;justify-content:center;align-items:center;margin-top:2.6rem;opacity:0.35;}.mood-card.gradient-bamboo .mood-card-feather svg{width:44px;height:44px;fill:#4A7C59;}.mood-card.gradient-rose{background:linear-gradient(135deg,#FFB6C1 0%,#FFC0CB 50%,#FFE4E1 100%) !important;border-radius:30px !important;box-shadow:0 17px 46px 0 rgba(255,182,193,0.28),0 3px 10px 0 rgba(255,192,203,0.15) !important;border:none !important;color:#8B3A62;}.mood-card.gradient-rose .mood-card-quote-main{color:#8B3A62;}.mood-card.gradient-rose .mood-card-quote-sub{color:#CD5C5C;}.mood-card.gradient-rose .mood-card-author{color:#B8860B;}.mood-card.gradient-rose .mood-card-feather{display:flex;justify-content:center;align-items:center;margin-top:2.5rem;opacity:0.4;}.mood-card.gradient-rose .mood-card-feather svg{width:46px;height:46px;fill:#CD5C5C;}.mood-card.gradient-violet-night{background:linear-gradient(135deg,#8B5CF6 0%,#A855F7 50%,#C084FC 100%) !important;border-radius:34px !important;box-shadow:0 19px 50px 0 rgba(139,92,246,0.30),0 3px 12px 0 rgba(168,85,247,0.15) !important;border:none !important;color:#FFFFFF;}.mood-card.gradient-violet-night .mood-card-quote-main,.mood-card.gradient-violet-night .mood-card-quote-sub,.mood-card.gradient-violet-night .mood-card-moodlog,.mood-card.gradient-violet-night .mood-card-author{color:#FFFFFF;}.mood-card.gradient-violet-night .mood-card-quote-sub{color:#E9D5FF;}.mood-card.gradient-violet-night .mood-card-author{color:#DDD6FE;}.mood-card.gradient-violet-night .mood-card-feather{display:flex;justify-content:center;align-items:center;margin-top:2.4rem;opacity:0.45;}.mood-card.gradient-violet-night .mood-card-feather svg{width:48px;height:48px;fill:#E9D5FF;}.mood-card.gradient-amber{background:linear-gradient(135deg,#F59E0B 0%,#FBBF24 50%,#FCD34D 100%) !important;border-radius:26px !important;box-shadow:0 15px 42px 0 rgba(245,158,11,0.25),0 2px 8px 0 rgba(251,191,36,0.12) !important;border:none !important;color:#92400E;}.mood-card.gradient-amber .mood-card-quote-main{color:#92400E;}.mood-card.gradient-amber .mood-card-quote-sub{color:#B45309;}.mood-card.gradient-amber .mood-card-author{color:#D97706;}.mood-card.gradient-amber .mood-card-feather{display:flex;justify-content:center;align-items:center;margin-top:2.7rem;opacity:0.4;}.mood-card.gradient-amber .mood-card-feather svg{width:42px;height:42px;fill:#B45309;}.mood-card.gradient-ocean{background:linear-gradient(135deg,#1E40AF 0%,#3B82F6 50%,#60A5FA 100%) !important;border-radius:28px !important;box-shadow:0 18px 48px 0 rgba(30,64,175,0.28),0 3px 10px 0 rgba(59,130,246,0.12) !important;border:none !important;color:#FFFFFF;}.mood-card.gradient-ocean .mood-card-quote-main{color:#FFFFFF;}.mood-card.gradient-ocean .mood-card-quote-sub{color:#BFDBFE;}.mood-card.gradient-ocean .mood-card-author{color:#93C5FD;}.mood-card.gradient-ocean .mood-card-feather{display:flex;justify-content:center;align-items:center;margin-top:2.5rem;opacity:0.4;}.mood-card.gradient-ocean .mood-card-feather svg{width:46px;height:46px;fill:#BFDBFE;}.mood-card.gradient-mint{background:linear-gradient(135deg,#10B981 0%,#34D399 50%,#6EE7B7 100%) !important;border-radius:22px !important;box-shadow:0 14px 40px 0 rgba(16,185,129,0.22),0 2px 6px 0 rgba(52,211,153,0.10) !important;border:none !important;color:#064E3B;}.mood-card.gradient-mint .mood-card-quote-main{color:#064E3B;}.mood-card.gradient-mint .mood-card-quote-sub{color:#065F46;}.mood-card.gradient-mint .mood-card-author{color:#047857;}.mood-card.gradient-mint .mood-card-feather{display:flex;justify-content:center;align-items:center;margin-top:2.8rem;opacity:0.35;}.mood-card.gradient-mint .mood-card-feather svg{width:40px;height:40px;fill:#065F46;}.mood-card.gradient-silver{background:linear-gradient(135deg,#F1F5F9 0%,#E2E8F0 50%,#CBD5E1 100%) !important;border-radius:32px !important;box-shadow:0 16px 44px 0 rgba(148,163,184,0.20),0 2px 8px 0 rgba(203,213,225,0.08) !important;border:none !important;color:#334155;}.mood-card.gradient-silver .mood-card-quote-main{color:#334155;}.mood-card.gradient-silver .mood-card-quote-sub{color:#64748B;}.mood-card.gradient-silver .mood-card-author{color:#94A3B8;}.mood-card.gradient-silver .mood-card-feather{display:flex;justify-content:center;align-items:center;margin-top:2.6rem;opacity:0.4;}.mood-card.gradient-silver .mood-card-feather svg{width:44px;height:44px;fill:#64748B;}.mood-card.safari-optimized{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 10px 30px 0 rgba(0,0,0,0.12) !important;border:none !important;}.mood-card.safari-optimized.iphone-x{box-shadow:0 5px 15px 0 rgba(0,0,0,0.08) !important;transform:translateZ(0);will-change:transform;}@media (max-width:768px){.hero-title-section h1.text-4xl.md\:text-6xl,.hero-title-section h1{font-size:2rem !important;line-height:1.2 !important;word-break:keep-all !important;white-space:normal !important;}.hero-title-section p.text-lg.md\:text-2xl,.hero-title-section p{font-size:1rem !important;margin-top:1rem !important;}.hero-title-section{padding:2rem 1rem;}.download-section{position:relative;margin:3rem auto 2rem auto;width:100%;max-width:800px;padding:0 2rem;text-align:center;z-index:20;display:flex;justify-content:center;align-items:center;}.dynamic-title-container{width:100% !important;min-height:2.4em !important;}.dynamic-title{position:relative !important;width:100% !important;white-space:normal !important;word-break:keep-all !important;text-align:center !important;}}@media (min-width:769px){.hero-title-section h1[lang="en"],.hero-title-section h1:lang(en){font-size:3rem !important;line-height:1.1 !important;letter-spacing:-0.02em !important;white-space:nowrap !important;}}@media (min-width:1024px){.hero-title-section h1[lang="en"],.hero-title-section h1:lang(en){font-size:3.5rem !important;line-height:1.1 !important;letter-spacing:-0.01em !important;white-space:nowrap !important;}}@media (min-width:1280px){.hero-title-section h1[lang="en"],.hero-title-section h1:lang(en){font-size:4rem !important;line-height:1.1 !important;letter-spacing:0 !important;white-space:nowrap !important;}}@media (min-width:1536px){.hero-title-section h1[lang="en"],.hero-title-section h1:lang(en){font-size:4.5rem !important;line-height:1.1 !important;letter-spacing:0.01em !important;white-space:nowrap !important;}}@media (max-width:768px){.mood-card{width:200px !important;height:300px !important;}.mood-card-content{padding:1.2rem !important;}.mood-card-quote-main{font-size:0.9rem !important;line-height:1.3 !important;}.mood-card-quote-sub{font-size:0.75rem !important;line-height:1.2 !important;}.mood-card-author{font-size:0.7rem !important;}.mood-card-feather{margin-top:1.5rem !important;}.mood-card-feather svg{width:36px !important;height:36px !important;}}.mood-card.gradient-neon{background:linear-gradient(135deg,#00FFFF 0%,#FF00FF 50%,#FFFF00 100%);border-radius:20px;box-shadow:0 8px 32px rgba(0,255,255,0.3),0 8px 32px rgba(255,0,255,0.3),0 8px 32px rgba(255,255,0,0.3);border:2px solid rgba(255,255,255,0.2);}.mood-card.gradient-neon .mood-card-quote-main{color:#000000;text-shadow:0 0 10px rgba(255,255,255,0.8);}.mood-card.gradient-neon .mood-card-quote-sub{color:#000000;text-shadow:0 0 8px rgba(255,255,255,0.6);}.mood-card.gradient-neon .mood-card-author{color:#000000;text-shadow:0 0 6px rgba(255,255,255,0.5);}.mood-card.gradient-neon .mood-card-feather{position:absolute;bottom:1rem;right:1rem;opacity:0.8;}.mood-card.gradient-neon .mood-card-feather svg{width:44px;height:44px;fill:#000000;filter:drop-shadow(0 0 8px rgba(255,255,255,0.8));}.mood-card.gradient-blackgreen{background:linear-gradient(135deg,#000000 0%,#00FF00 50%,#0080FF 100%);border-radius:20px;box-shadow:0 8px 32px rgba(0,255,0,0.4),0 8px 32px rgba(0,128,255,0.3);border:2px solid rgba(0,255,0,0.3);}.mood-card.gradient-blackgreen .mood-card-quote-main{color:#FFFFFF;text-shadow:0 0 10px rgba(0,255,0,0.8);}.mood-card.gradient-blackgreen .mood-card-quote-sub{color:#FFFFFF;text-shadow:0 0 8px rgba(0,255,0,0.6);}.mood-card.gradient-blackgreen .mood-card-author{color:#FFFFFF;text-shadow:0 0 6px rgba(0,255,0,0.5);}.mood-card.gradient-blackgreen .mood-card-feather{position:absolute;bottom:1rem;right:1rem;opacity:0.8;}.mood-card.gradient-blackgreen .mood-card-feather svg{width:44px;height:44px;fill:#00FF00;filter:drop-shadow(0 0 8px rgba(0,255,0,0.8));}.mood-card.gradient-purpleyellow{background:linear-gradient(135deg,#800080 0%,#FFFF00 100%);border-radius:20px;box-shadow:0 8px 32px rgba(128,0,128,0.3),0 8px 32px rgba(255,255,0,0.3);border:2px solid rgba(255,255,255,0.2);}.mood-card.gradient-purpleyellow .mood-card-quote-main{color:#FFFFFF;text-shadow:0 0 10px rgba(255,255,0,0.8);}.mood-card.gradient-purpleyellow .mood-card-quote-sub{color:#FFFFFF;text-shadow:0 0 8px rgba(255,255,0,0.6);}.mood-card.gradient-purpleyellow .mood-card-author{color:#FFFFFF;text-shadow:0 0 6px rgba(255,255,0,0.5);}.mood-card.gradient-purpleyellow .mood-card-feather{position:absolute;bottom:1rem;right:1rem;opacity:0.8;}.mood-card.gradient-purpleyellow .mood-card-feather svg{width:44px;height:44px;fill:#FFFF00;filter:drop-shadow(0 0 8px rgba(255,255,0,0.8));}.mood-card.glassmorphism{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px rgba(255,255,255,0.1),inset 0 1px 0 rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.2);position:absolute;overflow:hidden;}.mood-card.glassmorphism::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0.1) 100%);pointer-events:none;}.mood-card.glassmorphism .mood-card-quote-main{color:#FFFFFF;text-shadow:0 2px 4px rgba(0,0,0,0.3);position:relative;z-index:1;}.mood-card.glassmorphism .mood-card-quote-sub{color:rgba(255,255,255,0.8);text-shadow:0 1px 2px rgba(0,0,0,0.2);position:relative;z-index:1;}.mood-card.glassmorphism .mood-card-author{color:rgba(255,255,255,0.9);text-shadow:0 1px 2px rgba(0,0,0,0.2);position:relative;z-index:1;}.mood-card.glassmorphism .mood-card-feather{position:absolute;bottom:1rem;right:1rem;opacity:0.7;z-index:1;}.mood-card.glassmorphism .mood-card-feather svg{width:44px;height:44px;fill:rgba(255,255,255,0.8);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));}.mood-card.safari-optimized.glassmorphism{background:rgba(255,255,255,0.9);backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 8px 32px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);}.mood-card.safari-optimized.glassmorphism .mood-card-quote-main{color:#333333;text-shadow:none;}.mood-card.safari-optimized.glassmorphism .mood-card-quote-sub{color:#666666;text-shadow:none;}.mood-card.safari-optimized.glassmorphism .mood-card-author{color:#555555;text-shadow:none;}.mood-card.safari-optimized.glassmorphism .mood-card-feather svg{fill:#666666;filter:none;}.mood-card.cosmic-blue{background:linear-gradient(135deg,#0B1426 0%,#1E3A8A 30%,#3B82F6 70%,#1E40AF 100%);border-radius:24px;box-shadow:0 15px 40px rgba(59,130,246,0.25),0 5px 20px rgba(30,58,138,0.15);border:1px solid rgba(59,130,246,0.3);position:absolute;overflow:hidden;}.mood-card.cosmic-blue::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(4px 4px at 20px 30px,#FFFFFF,transparent),radial-gradient(3px 3px at 40px 70px,#FFFFFF,transparent),radial-gradient(5px 5px at 90px 40px,#FFFFFF,transparent),radial-gradient(2px 2px at 130px 80px,#FFFFFF,transparent),radial-gradient(4px 4px at 160px 30px,#FFFFFF,transparent),radial-gradient(3px 3px at 200px 60px,#FFFFFF,transparent),radial-gradient(5px 5px at 240px 20px,#FFFFFF,transparent),radial-gradient(2px 2px at 280px 70px,#FFFFFF,transparent),radial-gradient(4px 4px at 320px 40px,#FFFFFF,transparent),radial-gradient(3px 3px at 360px 80px,#FFFFFF,transparent),radial-gradient(5px 5px at 400px 30px,#FFFFFF,transparent),radial-gradient(2px 2px at 440px 60px,#FFFFFF,transparent),radial-gradient(4px 4px at 480px 20px,#FFFFFF,transparent),radial-gradient(3px 3px at 520px 70px,#FFFFFF,transparent),radial-gradient(5px 5px at 560px 40px,#FFFFFF,transparent),radial-gradient(2px 2px at 600px 80px,#FFFFFF,transparent),radial-gradient(4px 4px at 640px 30px,#FFFFFF,transparent),radial-gradient(3px 3px at 680px 60px,#FFFFFF,transparent),radial-gradient(5px 5px at 720px 20px,#FFFFFF,transparent),radial-gradient(2px 2px at 760px 70px,#FFFFFF,transparent);background-size:800px 800px;background-repeat:repeat;opacity:0.9;animation:twinkle 4s ease-in-out infinite;pointer-events:none;}@keyframes twinkle{0%,100%{opacity:0.9;}50%{opacity:1;}}.mood-card.cosmic-blue::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(6px 6px at 50px 50px,rgba(255,255,255,1),transparent),radial-gradient(4px 4px at 150px 100px,rgba(255,255,255,0.9),transparent),radial-gradient(5px 5px at 250px 30px,rgba(255,255,255,1),transparent),radial-gradient(6px 6px at 350px 80px,rgba(255,255,255,0.8),transparent),radial-gradient(4px 4px at 450px 20px,rgba(255,255,255,1),transparent),radial-gradient(5px 5px at 550px 70px,rgba(255,255,255,0.9),transparent),radial-gradient(6px 6px at 650px 40px,rgba(255,255,255,1),transparent),radial-gradient(4px 4px at 750px 90px,rgba(255,255,255,0.8),transparent);background-size:800px 800px;background-repeat:repeat;opacity:0.7;animation:twinkle 6s ease-in-out infinite reverse;pointer-events:none;}.mood-card.cosmic-blue .mood-card-quote-main{color:#FFFFFF;text-shadow:0 0 10px rgba(59,130,246,0.5);position:relative;z-index:1;}.mood-card.cosmic-blue .mood-card-quote-sub{color:#93C5FD;text-shadow:0 0 8px rgba(147,197,253,0.4);position:relative;z-index:1;}.mood-card.cosmic-blue .mood-card-author{color:#60A5FA;text-shadow:0 0 6px rgba(96,165,250,0.4);position:relative;z-index:1;}.mood-card.cosmic-blue .mood-card-feather{position:absolute;bottom:1rem;right:1rem;opacity:0;z-index:1;}.mood-card.cosmic-blue .mood-card-feather svg{width:44px;height:44px;fill:#60A5FA;filter:drop-shadow(0 0 8px rgba(96,165,250,0.6));}@media (max-width:768px){.mood-card.cosmic-blue::before{background-size:400px 400px;}.mood-card.cosmic-blue::after{background-size:400px 400px;}}.hero-top-controls-container.three-cols{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;padding:1rem 0.5rem;z-index:50;}.hero-left-controls{flex:0 0 auto;display:flex;align-items:center;z-index:51;}.hero-center-controls .media-links-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;z-index:52;}.hero-right-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;z-index:51;}@media (max-width:768px){.hero-top-controls-container.three-cols{flex-direction:column;align-items:stretch;padding:0.75rem 0.25rem;gap:0.5rem;}.media-links-container{position:static;left:auto;top:auto;transform:none;justify-content:center;margin:0.5rem 0;}.hero-left-controls,.hero-right-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;z-index:51;}}.hero-top-controls-bar{display:flex;align-items:center;justify-content:space-between;width:100%;position:absolute;top:0;left:0;padding:1.5rem 2rem 0 2rem;z-index:50;}.hero-left-controls{flex:0 0 auto;display:flex;align-items:center;z-index:51;}.hero-center-controls{flex:1 1 0;min-width:0;display:flex;justify-content:center;align-items:center;z-index:52;overflow:visible;}.hero-right-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;z-index:51;}.media-links-container{display:flex;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;align-items:center;}@media (max-width:768px){.hero-top-controls-bar{flex-direction:row;align-items:center;justify-content:space-between;padding:0.75rem 1rem 0 1rem;gap:0.5rem;position:absolute;top:0;left:0;z-index:50;min-height:60px;}.hero-left-controls{flex:0 0 auto;min-width:0;display:flex;align-items:center;gap:0.5rem;}.hero-center-controls{flex:1 1 auto;justify-content:center;margin:0;min-width:0;max-width:60%;}.hero-right-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;z-index:51;}.media-links-container{justify-content:center;gap:0.75rem;flex-wrap:wrap;max-width:100%;}.media-link{font-size:0.75rem;padding:0.375rem 0.5rem;white-space:nowrap;display:flex;align-items:center;gap:0.25rem;min-width:0;max-width:100%;}.media-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.media-link-icon{width:1.125rem;height:1.125rem;flex-shrink:0;}.language-switcher{font-size:0.875rem;}.language-btn{padding:0.375rem 0.5rem;font-size:0.875rem;}.hero-icon-wrapper{width:28px;height:28px;border-radius:10px;flex-shrink:0;}.hero-icon-wrapper img{width:100%;height:100%;object-fit:contain;}}@media (max-width:480px){.hero-top-controls-bar{padding:0.5rem 0.75rem 0 0.75rem;gap:0.25rem;min-height:50px;}.hero-center-controls{max-width:50%;}.media-links-container{gap:0.5rem;}.media-link{font-size:0.7rem;padding:0.25rem 0.375rem;}.media-link-icon{width:1rem;height:1rem;}.hero-icon-wrapper{width:28px;height:28px;}.hero-icon-wrapper img{width:100%;height:100%;object-fit:contain;}.hero-title-section{top:4%;}}.floating-media-links{position:fixed;right:20px;bottom:24px;transform:none;z-index:1000;transition:all 0.25s ease;opacity:1;visibility:visible;}.floating-media-links.hero-mode{position:absolute;top:50%;right:12px;left:auto;transform:translateY(-50%);z-index:19;}.floating-media-links-container{display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);border-radius:14px;padding:12px 10px;box-shadow:0 12px 30px rgba(107,138,171,0.22),0 2px 8px rgba(0,0,0,0.06);border:1px solid rgba(255,255,255,0.45);transition:all 0.25s ease;}.floating-media-links.hero-mode .floating-media-links-container{flex-direction:column;gap:12px;background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.35);}.floating-media-link{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;color:var(--color-text-primary);text-decoration:none;font-size:13px;font-weight:500;transition:all 0.2s ease;white-space:nowrap;background:linear-gradient(180deg,rgba(255,255,255,0.92),rgba(255,255,255,0.78));border:1px solid rgba(255,255,255,0.55);box-shadow:0 6px 18px rgba(107,138,171,0.18);}.floating-media-links.hero-mode .floating-media-link{color:white;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.35);}.floating-media-link:hover{background:rgba(255,255,255,0.96);transform:translateY(-2px);box-shadow:0 10px 22px rgba(107,138,171,0.22);}.floating-media-links.hero-mode .floating-media-link:hover{background:rgba(255,255,255,0.22);transform:translateY(-2px);box-shadow:0 12px 26px rgba(107,138,171,0.28);}.floating-media-link-icon{width:18px;height:18px;flex-shrink:0;transition:transform 0.2s ease;color:var(--color-blue-dark);}.floating-media-link:hover .floating-media-link-icon{transform:scale(1.08);}.floating-media-link span{font-size:12px;font-weight:500;}@media (max-width:768px){.floating-media-links{right:12px;bottom:16px;top:auto !important;transform:none !important;}.floating-media-links-container{padding:12px 8px;gap:8px;}.floating-media-links.hero-mode{position:absolute;top:50%;right:10px;left:auto;transform:translateY(-50%) !important;}.floating-media-links.hero-mode .floating-media-links-container{flex-direction:column;gap:8px;}.floating-media-link{padding:6px 8px;font-size:12px;}.floating-media-link-icon{width:16px;height:16px;}.floating-media-link span{font-size:11px;}}@media (max-width:480px){.floating-media-links{right:8px;}.floating-media-links.hero-mode{position:absolute;top:50%;right:8px;left:auto;transform:translateY(-50%) !important;}.floating-media-links-container{padding:8px 6px;gap:6px;}.floating-media-link{padding:4px 6px;font-size:11px;}.floating-media-link-icon{width:14px;height:14px;}.floating-media-link span{font-size:10px;}}