body{margin:0;font-family:Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif;background:linear-gradient(135deg,#f8ffae,#a18cd1);color:#222;min-height:100vh;box-sizing:border-box;overflow-x:hidden}.App{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-screen{font-size:2rem;font-weight:700;color:#3b82f6;text-align:center;padding:2rem}.round-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background:#fffc;padding:100px 16px 16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-height:100vh;box-sizing:border-box;overflow-y:auto}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;background:#fffc;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-height:100vh;max-height:100vh;box-sizing:border-box;overflow:hidden}.start-screen .main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.results-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background:#fffc;padding:16px 0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-height:100vh;box-sizing:border-box;overflow-y:auto}.round-screen h2{margin-top:0;margin-bottom:12px}.mashup-emoji{width:160px;height:160px;margin:12px auto;border-radius:24px;box-shadow:0 4px 16px #0000001a;background:#fffbe7;display:flex;align-items:center;justify-content:center;transition:transform .2s;animation:pop .3s}.mashup-emoji:hover{transform:scale(1.07) rotate(-3deg)}.result-moji{width:180px;height:180px;margin-bottom:1rem}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;width:100vw;box-sizing:border-box;padding:0 16px}.emoji-cell{font-size:2rem;padding:10px 0;border:none;border-radius:16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;transition:background .2s,box-shadow .2s,transform .1s;box-shadow:0 2px 8px #00b4ff14;outline:none}.emoji-cell.selected{background:linear-gradient(90deg,#a0e9ff 60%,#f8ffae);box-shadow:0 4px 16px #00b4ff2e;transform:scale(1.08)}button{padding:12px 28px;font-size:1.2rem;border-radius:24px;border:none;background:linear-gradient(135deg,#5f9fff,#2378ff);color:#fff;font-weight:700;box-shadow:0 4px 14px #3b82f640;cursor:pointer;margin:12px 0;transition:all .3s ease;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#7fb3ff,#4593ff);transition:left .3s ease;z-index:-1}button:hover:not(:disabled){color:#fff;box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px) scale(1.02)}button:hover:not(:disabled):before{left:0}button:disabled{cursor:not-allowed;opacity:.5}.timer{font-size:1.5rem;margin-bottom:10px;color:#a18cd1;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px #fffbe7}@keyframes pop{0%{transform:scale(1)}60%{transform:scale(1.15)}to{transform:scale(1)}}.emoji-cell.selected,.mashup-emoji{animation:pop .3s}.results-screen h1{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#a18cd1 40%,#43c6ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5em}.final-score-label{font-size:1.5rem;font-weight:700;color:#a18cd1;letter-spacing:2px}.final-score{font-size:5rem;font-weight:700;color:#3b82f6;line-height:1.2;margin-bottom:1.5rem}.progress-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.countdown-text{font-size:2.5rem;font-weight:700;color:#3b82f6;margin-bottom:1.5rem}.progress-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;width:100%;max-width:400px}.progress-icon{width:100%;max-width:60px;height:auto}.results-screen p{font-size:1.3rem;margin:.5em 0;color:#444;font-weight:500}.results-screen button{margin-top:1.5em}.logo-image{width:250px;margin-bottom:2rem}.about-logo{width:150px;height:150px;object-fit:contain;margin:20px 0}.site-footer{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;margin-top:auto}.footer-link{color:#666;font-size:.9rem;text-decoration:underline;cursor:pointer;transition:color .2s ease}.footer-link:hover{color:#3b82f6}.intro-mashup{width:400px;height:auto;max-width:80%;object-fit:contain;margin:20px 0;border-radius:12px}.game-header{display:flex;justify-content:center;align-items:center;width:100%;padding:10px 20px;box-sizing:border-box;background:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;top:0;left:0;z-index:10;height:60px;font-family:Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif}.game-header span{font-size:1.8rem;font-weight:700;color:#3b82f6;font-family:inherit}.timer-bar-container{width:100%;height:16px;background-color:#e0e0e0;position:fixed;top:60px;left:0;z-index:10}.timer-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981 50%,#f59e0b,#ef4444);transition:width .1s linear}.start-screen .main-content h1{color:#333;margin:20px 0 10px;font-size:2.2rem;font-weight:700}.start-screen .tagline{color:#666;font-size:1.1rem;margin-bottom:30px;font-style:italic}.button-group{display:flex;flex-direction:column;gap:15px;align-items:center}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;padding:15px 30px;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8a9af0,#9b67c8);transition:left .3s ease;z-index:-1}.primary-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66;color:#fff}.primary-button:hover:before{left:0}.footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}.footer-link{color:#555;text-decoration:none;cursor:pointer;padding:8px 12px;border-radius:15px;transition:all .3s ease;font-size:.9rem;position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.footer-link:hover{background:linear-gradient(135deg,#667eea33,#764ba233);color:#333;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #00000026}.text-screen{max-width:800px;margin:0 auto;padding:40px 20px 100px;line-height:1.6;min-height:100vh;overflow-y:auto;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.text-screen h1{color:#333;text-align:center;margin-bottom:30px;font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-screen h2{color:#444;margin-top:35px;margin-bottom:20px;font-size:1.8rem;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.text-screen h3{color:#555;margin-top:25px;margin-bottom:15px;font-size:1.4rem}.text-screen p{margin-bottom:15px;color:#666;font-size:1rem}.text-screen ul,.text-screen ol{margin-bottom:20px;padding-left:25px}.text-screen li{margin-bottom:8px;color:#666}.back-button,.got-it-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 25px;border:none;border-radius:20px;cursor:pointer;font-size:1rem;margin-top:30px;transition:all .3s ease;box-shadow:0 3px 10px #667eea40;position:relative;overflow:hidden}.back-button:before,.got-it-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8a9af0,#9b67c8);transition:left .3s ease;z-index:-1}.back-button:hover,.got-it-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #667eea59;color:#fff}.back-button:hover:before,.got-it-button:hover:before{left:0}.faq-content{max-width:100%}.faq-section{margin-bottom:40px}.faq-item{margin-bottom:25px;padding:20px;background:#fff9;border-radius:10px;box-shadow:0 2px 10px #0000001a}.faq-item h3{color:#333;margin-top:0;margin-bottom:15px;font-size:1.2rem}.trivia-content{max-width:100%}.trivia-intro{text-align:center;margin-bottom:40px;padding:20px;background:#fff6;border-radius:15px}.trivia-section{margin-bottom:40px}.fact-item{margin-bottom:30px;padding:25px;background:#ffffff80;border-radius:15px;box-shadow:0 3px 15px #0000001a}.stats-list,.popular-emoji-list{background:#ffffff4d;padding:15px;border-radius:10px;margin:15px 0}.fun-challenge{margin-top:40px;text-align:center}.challenge-box{background:linear-gradient(135deg,#ffeaa7,#fab1a0);padding:20px;border-radius:15px;margin:15px 0;color:#333}.tutorial-content{max-width:100%}.tutorial-steps,.pro-tips{background:#fff6;padding:20px;border-radius:10px;margin:15px 0}.scoring-info{background:#ffffff4d;padding:15px;border-radius:10px;font-style:italic}.emoji-facts{background:linear-gradient(135deg,#a8edea,#fed6e3);padding:20px;border-radius:15px;margin-top:25px}.about-content{max-width:100%}.features-list{background:#fff6;padding:15px;border-radius:10px;margin:15px 0}.version-info{text-align:center;margin-top:30px;color:#888;font-style:italic}.privacy-content,.terms-content{max-width:100%}.last-updated{text-align:center;color:#888;margin-bottom:30px}.content-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.3)}.content-logo{width:120px;height:auto;margin-bottom:15px;cursor:pointer;transition:all .3s ease}.content-logo:hover{transform:scale(1.05);filter:brightness(1.1)}.content-logo.clickable{cursor:pointer}.content-title{color:#333;margin:0;font-size:2.2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-buttons{display:flex;gap:15px;justify-content:center;margin-top:40px;flex-wrap:wrap}.go-home-button{background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff;padding:12px 25px;border:none;border-radius:20px;cursor:pointer;font-size:1rem;transition:all .3s ease;box-shadow:0 3px 10px #ff7e5f40;position:relative;overflow:hidden}.go-home-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#ff9a7e,#ffc49a);transition:left .3s ease;z-index:-1}.go-home-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #ff7e5f59;color:#fff}.go-home-button:hover:before{left:0}.results-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px;flex-wrap:wrap}.play-again-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 30px;border:none;border-radius:25px;cursor:pointer;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.play-again-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8a9af0,#9b67c8);transition:left .3s ease;z-index:-1}.play-again-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #667eea66;color:#fff}.play-again-button:hover:before{left:0}button:active:not(:disabled),.primary-button:active,.back-button:active,.got-it-button:active,.go-home-button:active,.play-again-button:active{transform:translateY(1px) scale(.98)!important;transition:all .1s ease}@keyframes buttonPulse{0%{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 8px #667eea1a}to{box-shadow:0 0 0 12px #667eea00}}.primary-button:focus,.play-again-button:focus,.back-button:focus,.got-it-button:focus{animation:buttonPulse 1.5s infinite;outline:none}@keyframes orangePulse{0%{box-shadow:0 0 #ff7e5f66}50%{box-shadow:0 0 0 8px #ff7e5f1a}to{box-shadow:0 0 0 12px #ff7e5f00}}.go-home-button:focus{animation:orangePulse 1.5s infinite;outline:none}.footer-link:active{transform:translateY(0) scale(1.02);transition:all .1s ease}@media (max-width: 768px){.content-header{margin-bottom:20px}.content-logo{width:100px}.content-title{font-size:1.8rem}.content-buttons{flex-direction:column;align-items:center;gap:12px}.results-buttons{flex-direction:column;align-items:center;gap:15px}.text-screen{padding:20px 15px 80px}.text-screen h2{font-size:1.4rem;margin-top:25px}.text-screen h3{font-size:1.2rem;margin-top:20px}.faq-item,.fact-item{padding:15px;margin-bottom:20px}.tutorial-steps,.pro-tips,.trivia-intro,.challenge-box,.emoji-facts{padding:15px}}@media (max-width: 480px){.content-logo{width:80px}.content-title{font-size:1.5rem}.back-button,.go-home-button,.got-it-button,.play-again-button{width:100%;max-width:250px;padding:12px 20px}.text-screen{padding:15px 10px 70px}.text-screen h2{font-size:1.2rem}.text-screen h3{font-size:1.1rem}.text-screen p{font-size:.9rem}.faq-item,.fact-item{padding:12px;margin-bottom:15px}.faq-item h3{font-size:1rem;margin-bottom:10px}.tutorial-steps li,.pro-tips li{margin-bottom:10px;font-size:.9rem}.intro-visual img{max-width:100%;height:auto}}@media (max-width: 350px){.content-buttons{width:100%}.back-button,.go-home-button,.got-it-button,.play-again-button{width:90%;font-size:.9rem}.footer-links{font-size:.75rem}}.sitemap-content{max-width:800px;margin:0 auto;padding:20px}.sitemap-intro{background:#ffffffe6;padding:20px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.sitemap-intro h2{color:#3b82f6;margin-bottom:15px}.sitemap-section{margin-bottom:30px}.sitemap-section h3{color:#1e40af;border-bottom:2px solid #e5e7eb;padding-bottom:10px;margin-bottom:20px;font-size:1.3rem}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.sitemap-item{background:#fffffff2;border:2px solid #e5e7eb;border-radius:10px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.sitemap-item:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.sitemap-item-header{display:flex;align-items:center;margin-bottom:10px}.sitemap-icon{font-size:1.5rem;margin-right:10px}.sitemap-item h4{margin:0;color:#1e40af;font-size:1.1rem}.sitemap-description{color:#6b7280;margin:10px 0;line-height:1.5}.sitemap-link{color:#3b82f6;font-weight:500;font-size:.9rem;opacity:.8;transition:opacity .3s ease}.sitemap-item:hover .sitemap-link{opacity:1}.sitemap-footer{background:linear-gradient(135deg,#ddd6fe,#c7d2fe);padding:20px;border-radius:12px;margin-top:30px}.sitemap-footer h3{color:#5b21b6;margin-bottom:15px}.sitemap-footer ul{list-style:none;padding:0}.sitemap-footer li{margin-bottom:8px;line-height:1.5}.emoji-library-content{max-width:1000px;margin:0 auto;padding:20px}.library-intro{background:#ffffffe6;padding:20px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 8px #0000001a;text-align:center}.library-intro h2{color:#3b82f6;margin-bottom:15px}.library-controls{background:#ffffffe6;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.search-container{position:relative;margin-bottom:20px}.emoji-search{width:100%;padding:12px 40px 12px 15px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease}.emoji-search:focus{outline:none;border-color:#3b82f6}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.6}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.category-tab{padding:8px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.category-tab:hover{border-color:#3b82f6;background:#f3f4f6}.category-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.copy-notification{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;animation:slideIn .3s ease}.copied-emoji{font-size:1.2rem;margin-right:10px}.emoji-stats{background:#ffffffb3;padding:10px 15px;border-radius:8px;margin-bottom:20px;text-align:center;color:#6b7280}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;background:#ffffffe6;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.emoji-item{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.emoji-item:hover{background:#eff6ff;border-color:#3b82f6;transform:scale(1.05)}.emoji-item.copied{background:#d1fae5;border-color:#10b981;animation:copyPulse .3s ease}.emoji-character{font-size:1.5rem;line-height:1}.copy-indicator{position:absolute;top:-5px;right:-5px;background:#10b981;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.6rem}.no-results{text-align:center;padding:40px 20px;background:#ffffffe6;border-radius:12px;color:#6b7280}.library-tips,.usage-guide{background:#ffffffe6;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.library-tips h3,.usage-guide h3{color:#1e40af;margin-bottom:15px}.library-tips ul{list-style:none;padding:0}.library-tips li{margin-bottom:10px;line-height:1.5;padding-left:20px;position:relative}.library-tips li:before{content:"💡";position:absolute;left:0}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.usage-item{background:#f9fafb;padding:15px;border-radius:8px;text-align:center;border:1px solid #e5e7eb}.usage-icon{font-size:1.5rem;display:block;margin-bottom:8px}.usage-item h4{margin:8px 0;color:#1e40af;font-size:.9rem}.usage-item p{font-size:.8rem;color:#6b7280;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.sitemap-grid{grid-template-columns:1fr}.category-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;padding:15px}.emoji-character{font-size:1.2rem}.usage-grid{grid-template-columns:1fr}}@media (max-width: 480px){.library-controls{padding:15px}.category-tab{font-size:.8rem;padding:6px 12px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}}.resources-screen{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.category-filter{display:flex;gap:10px;margin:30px 0;justify-content:center;flex-wrap:wrap}.category-button{padding:8px 16px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500}.category-button:hover{background:#fff3;transform:translateY(-2px)}.category-button.active{background:#ffffffe6;color:#667eea;border-color:#fff}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin:30px 0}.resource-card{background:#ffffff1a;border-radius:15px;padding:25px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resource-card:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 30px #0003}.resource-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:15px}.resource-header h3{margin:0;font-size:1.3rem;color:#fff;flex:1}.resource-category{background:#fff3;padding:4px 12px;border-radius:15px;font-size:.8rem;white-space:nowrap;font-weight:500}.resource-description{color:#ffffffe6;line-height:1.6;margin-bottom:20px}.resource-footer{display:flex;justify-content:flex-end}.external-link-icon{color:#fffc;font-size:.9rem;font-weight:500}.resources-note{background:#ffffff1a;border-radius:15px;padding:25px;margin-top:40px;border-left:4px solid #FFD700}.resources-note h3{color:gold;margin-bottom:15px;font-size:1.2rem}.resources-note p{color:#ffffffe6;line-height:1.6;margin:0}@media (max-width: 768px){.resources-grid{grid-template-columns:1fr;gap:20px}.resource-card{padding:20px}.resource-header{flex-direction:column;align-items:flex-start;gap:10px}.category-filter{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.resources-note{padding:20px}}.blog-content{max-width:1000px;margin:0 auto;padding:20px}.blog-intro{background:#ffffffe6;padding:25px;border-radius:15px;margin-bottom:30px;box-shadow:0 3px 15px #0000001a;text-align:center}.blog-categories{margin-bottom:40px}.category-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.category-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:transform .2s ease}.category-tag:hover{transform:translateY(-2px)}.blog-posts{margin-bottom:40px}.blog-post-preview{background:#fffffff2;padding:25px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 10px #00000014;transition:transform .2s ease}.blog-post-preview:hover{transform:translateY(-3px);box-shadow:0 4px 20px #0000001f}.post-meta{display:flex;gap:15px;margin-bottom:15px;font-size:.85rem;color:#666;flex-wrap:wrap}.post-category{background:#f0f9ff;color:#0369a1;padding:4px 8px;border-radius:12px;font-weight:500}.post-date,.read-time{color:#6b7280}.post-title{color:#1e40af;margin:0 0 15px;font-size:1.4rem;cursor:pointer;transition:color .2s ease}.post-title:hover{color:#3b82f6}.post-excerpt{line-height:1.6;margin-bottom:15px;color:#4b5563}.read-more-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.read-more-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.blog-post-content{max-width:800px;margin:0 auto;padding:20px}.post-header{text-align:center;margin-bottom:40px}.post-subtitle{font-size:1.1rem;color:#6b7280;line-height:1.6;margin-top:15px}.research-highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:20px;border-radius:12px;margin:25px 0;border-left:4px solid #f59e0b}.stats-box{background:#3b82f61a;padding:20px;border-radius:12px;margin:25px 0;border-left:4px solid #3b82f6}.stats-box ul{margin:15px 0 0;padding-left:20px}.practical-insights{background:#10b9811a;padding:20px;border-radius:12px;margin:25px 0;border-left:4px solid #10b981}.conclusion{background:#8b5cf61a;padding:20px;border-radius:12px;margin:30px 0;border-left:4px solid #8b5cf6}.related-articles{margin-top:40px;padding-top:20px;border-top:2px solid #e5e7eb}.related-articles ul{list-style:none;padding:0}.related-articles li{margin-bottom:10px}.related-articles a{color:#3b82f6;text-decoration:none;font-weight:500}.related-articles a:hover{text-decoration:underline}.back-to-blog-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:500;margin-right:15px;transition:all .2s ease}.back-to-blog-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.guides-content{max-width:1200px;margin:0 auto;padding:20px}.guides-intro{background:#ffffffe6;padding:25px;border-radius:15px;margin-bottom:30px;box-shadow:0 3px 15px #0000001a;text-align:center}.learning-path{background:#fffffff2;padding:25px;border-radius:15px;margin-bottom:40px}.path-steps{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px}.path-step{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:15px 20px;border-radius:12px;min-width:180px}.step-number{background:#3b82f6;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h4{margin:0 0 5px;color:#1e40af}.step-content p{margin:0;font-size:.9rem;color:#6b7280}.path-arrow{font-size:1.5rem;color:#3b82f6;font-weight:700}@media (max-width: 768px){.blog-content,.guides-content,.tools-content{padding:15px}.post-meta{flex-direction:column;gap:8px}.path-steps{flex-direction:column;align-items:stretch}.path-arrow{transform:rotate(90deg);align-self:center}.blog-post-preview{padding:20px}.post-title{font-size:1.2rem}.category-tags{justify-content:flex-start}.step-content{text-align:left}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background:#fff}#root,.App{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}