.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:5vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:calc(10px + 2vmin);color:white;padding-top:10px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-body{background-color:#282c34;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:calc(10px + 2vmin);color:white;padding-top:20px}.main-content{max-width:1200px;gap:20px}.content-section,.main-content,.wheel-section{display:flex;flex-direction:column;align-items:center;width:100%}.content-section{gap:20px}@media (min-width:768px){.main-content{flex-direction:row;align-items:flex-start;justify-content:center;gap:40px}.content-section,.wheel-section{flex:1 1;max-width:500px}.content-section{min-height:400px}}.logo{margin-bottom:10px}.logo-img{display:block;margin:0 auto}.App-footer{background-color:#282c34;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;min-height:10vh;padding:20px 0}.App-footer p{margin:10px 0;font-size:16px}.content-card{width:100%;background-color:#1e1e1e;border-top:1px solid #444;padding:0;margin:0}.content-card-inner{max-width:1200px;margin:0 auto;padding:40px 20px;color:#e0e0e0;line-height:1.6}.content-card-title{color:#ffffff;font-size:28px;font-weight:700;margin-bottom:24px;text-align:center;border-bottom:2px solid #df3428;padding-bottom:12px}.content-card-text{font-size:16px;margin-bottom:20px;color:#d0d0d0;text-align:left}.content-card-footer{margin-top:30px;padding-top:20px;border-top:1px solid #333}.content-card-note{font-size:14px;color:#888;text-align:center;margin:0;font-style:italic}@media (max-width:768px){.content-card-inner{padding:30px 15px}.content-card-title{font-size:24px;margin-bottom:20px}.content-card-text{font-size:15px;margin-bottom:18px}}@media (max-width:480px){.content-card-inner{padding:25px 12px}.content-card-title{font-size:22px;margin-bottom:18px}.content-card-text{font-size:14px;margin-bottom:16px}}.content-card{transition:background-color .3s ease}.content-card:hover{background-color:#252525}.seo-emotions-data{margin:2rem 0;padding:2rem;background:rgba(255,255,255,.05);border-radius:12px;max-width:1200px}.seo-content h2{color:#61dafb;margin-bottom:1rem;font-size:2rem;text-align:center}.emotion-category{margin:3rem 0}.category-title{color:#df3428;font-size:1.5rem;margin-bottom:1.5rem;border-bottom:2px solid #df3428;padding-bottom:.5rem}.emotions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.emotion-item{background:rgba(255,255,255,.03);padding:1.5rem;border-radius:8px;border-left:4px solid #61dafb}.emotion-name{color:#61dafb;margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.emotion-definition{color:#ffffff;margin:0;line-height:1.5;font-size:.95rem}.usage-guide{margin-top:3rem;padding:2rem;background:rgba(97,218,251,.1);border-radius:8px}.usage-guide h3{color:#61dafb;margin-bottom:1rem}.usage-guide p{margin-bottom:1rem}.usage-guide p,.usage-guide ul{color:#ffffff;line-height:1.6}.usage-guide li{margin-bottom:.5rem}@media screen{.seo-emotions-data{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}}@media print{.seo-emotions-data{position:static;left:auto;width:auto;height:auto;overflow:visible}}