:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;--winter-white: #ffffff;--winter-ice: #e3fdff;--winter-sky: #bfdff6;--winter-deep-blue: #0f172a;--winter-accent: #38bdf8;--winter-text: #1e293b;--winter-text-light: #64748b;--bg-gradient: linear-gradient(135deg, #e0f2fe 0%, #f0fdf4 100%);--hero-gradient: linear-gradient(to right, #2563eb, #3b82f6);color-scheme:light;color:var(--winter-text);background-color:var(--winter-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-gradient);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{max-width:1280px;margin:0 auto;padding:0;width:100%}button{cursor:pointer;transition:all .3s ease}input,textarea{font-family:inherit}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;background:var(--winter-bg)}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px -1px #0000001a}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{font-family:Monoton,cursive;font-size:2.5rem;font-weight:400;color:var(--winter-deep-blue);background:linear-gradient(to right,#2563eb,#0ea5e9,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;filter:drop-shadow(0 0 5px rgba(37,99,235,.5));transition:all .3s ease}.logo:hover{filter:drop-shadow(0 0 10px rgba(37,99,235,.8));transform:scale(1.05)}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;animation:fadeIn 1s ease-out}.hero-title{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem;color:var(--winter-deep-blue);line-height:1.2;text-shadow:0 0 20px rgba(255,255,255,.8),0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:1.4rem;color:#1e3a8a;margin-bottom:3rem;max-width:900px;width:fit-content;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8);background:#fff6;padding:.5rem 1rem;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.input-wrapper{width:100%;max-width:700px;position:relative;margin-bottom:2rem}.mood-input{width:100%;padding:1.5rem 2rem;font-size:1.2rem;border:2px solid rgba(255,255,255,.5);border-radius:20px;background:#ffffffe6;box-shadow:0 10px 30px -10px #0003;transition:all .3s ease;outline:none;color:#0f172a}.mood-input:focus{border-color:var(--winter-accent);background:#fff;box-shadow:0 15px 40px -10px #2563eb66;transform:translateY(-2px)}.explore-btn{background:var(--hero-gradient);color:#fff;padding:1rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:700;border:none;box-shadow:0 4px 15px #2563eb80;display:inline-flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.explore-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb99}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lang-switch{display:flex;background:#fffc;border-radius:30px;padding:4px;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 5px #0000000d}.lang-btn{padding:.5rem 1rem;border-radius:25px;border:none;background:transparent;color:#64748b;font-size:.9rem;font-weight:500;transition:all .2s}.lang-btn .video-wrapper.link-only{background:linear-gradient(135deg,#1e3a8a,#3b82f6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.lang-btn .video-wrapper.link-only:hover{transform:scale(1.02)}.lang-btn .youtube-link-card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff}.lang-btn .play-icon-overlay{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.lang-btn .play-icon-overlay span{font-weight:600;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:768px){.lang-btn .hero-title{font-size:2.5rem}.lang-btn .app-container{background-attachment:scroll}}.lang-btn.active{background:#fff;color:var(--winter-deep-blue);box-shadow:0 2px 5px #0000001a;font-weight:700}.lang-flag{font-size:1.2rem;line-height:1}@media(max-width:768px){.hero-title{font-size:2.5rem}.app-container{background-attachment:scroll}}.results-container{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .8s ease-out}.result-section{margin-bottom:2rem;text-align:center}.summary-section h2{font-size:1.5rem;color:var(--winter-text-light);margin-bottom:.5rem}.mood-summary-text{font-size:2rem;font-weight:700;color:var(--winter-deep-blue);line-height:1.3}.grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.full-width{grid-column:span 3}.split-column{display:flex;flex-direction:column;gap:1.5rem}.card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.6)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--winter-accent)}.card-header h3{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;color:var(--winter-text);font-weight:700}.icon{color:var(--winter-accent)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;border-radius:12px;overflow:hidden;background:#000;margin-bottom:1rem}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.card-caption{font-size:.9rem;color:var(--winter-text-light);font-style:italic;margin-top:.5rem}.link-list{list-style:none;padding:0;margin:0}.link-list li{margin-bottom:.8rem}.link-list a{color:var(--winter-deep-blue);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s}.link-list a:hover{border-bottom-color:var(--winter-accent);color:var(--winter-accent)}.medal-mini-table{background:var(--winter-ice);padding:1rem;border-radius:12px;margin-bottom:1rem}.medal-mini-table h4{margin:0 0 .5rem;font-size:1.2rem;color:var(--winter-text-light);font-weight:600}.medal-row{display:flex;justify-content:space-between;font-size:1rem;padding:.4rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.spirit-box{margin-top:auto;border-top:1px dashed rgba(0,0,0,.1);padding-top:1rem}.spirit-box h4{margin:0 0 .5rem;font-size:1.2rem;color:var(--winter-text-light);font-weight:600}.spirit-sport{font-size:1.2rem;font-weight:700;color:var(--winter-deep-blue);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.highlight-link{display:inline-block;margin-top:.5rem;font-size:.9rem;color:var(--winter-accent);text-decoration:none;font-weight:600}.back-btn{background:#fff;color:var(--winter-text);border:1px solid var(--winter-text-light);padding:.8rem 2rem;border-radius:30px;font-weight:600;margin:2rem auto 0;display:block;cursor:pointer}.back-btn:hover{background:var(--winter-deep-blue);color:#fff;border-color:var(--winter-deep-blue)}.adsense-container{width:100%;margin-bottom:2rem;display:flex;justify-content:center}.adsense-card{width:100%;max-width:970px;background:#f1f5f980;border:1px dashed rgba(100,116,139,.3);border-radius:12px;padding:1rem;text-align:center;position:relative;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.adsense-label{position:absolute;top:-10px;left:20px;background:#fff;padding:0 8px;font-size:.7rem;color:var(--winter-text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.adsense-content{font-family:Inter,sans-serif;color:var(--winter-text-light);font-size:.9rem;opacity:.6;font-weight:500}@media(max-width:768px){.grid-layout{grid-template-columns:1fr}}