.svelte-wkzqql{margin:0;padding:0;box-sizing:border-box}.container.svelte-wkzqql{max-width:900px;margin:0 auto;padding:2rem;text-align:center;min-height:100vh;display:flex;flex-direction:column}.header.svelte-wkzqql{margin-bottom:3rem}.title.svelte-wkzqql{font-size:3.2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1);color:#333}.subtitle.svelte-wkzqql{font-size:1.2rem;color:#333;font-style:italic;font-weight:400}.emotion-card.svelte-wkzqql{background:var(--emotion-color, #d2b0a2);color:#fff;border-radius:20px;padding:2rem 4rem;margin-bottom:1.2rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);transition:background-color .5s ease;max-width:700px;margin-left:auto;margin-right:auto}.emotion-name-large.svelte-wkzqql{font-size:3rem;font-weight:700;color:#333;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:1rem}.emotion-description-large.svelte-wkzqql{font-size:1.3rem;color:#333;margin-bottom:2rem;text-align:center;font-weight:400;line-height:1.2;max-width:500px;margin-left:auto;margin-right:auto}.emotion-stats.svelte-wkzqql{font-size:1rem;color:#333;font-style:italic;margin-top:1rem}.emotions-grid.svelte-wkzqql{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;margin-top:2rem}.emotion-item.svelte-wkzqql{padding:1.5rem;border-radius:15px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 5px 15px #0000001a}.emotion-item.svelte-wkzqql:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.emotion-name-small.svelte-wkzqql{font-size:1rem;font-weight:700;color:#333;text-align:center}.emotion-description-small.svelte-wkzqql{font-size:.9rem;color:#333;margin-bottom:0;text-align:center;font-weight:400;line-height:1.2}.footer.svelte-wkzqql{margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1);text-align:center;color:#666;font-size:.9rem}.footer.svelte-wkzqql p:where(.svelte-wkzqql){margin-bottom:0}.footer.svelte-wkzqql a:where(.svelte-wkzqql){color:#666;text-decoration:none;transition:color .3s ease}.footer.svelte-wkzqql a:where(.svelte-wkzqql):hover{color:#333;text-decoration:underline}@media (max-width: 768px){.container.svelte-wkzqql{padding:1rem}.title.svelte-wkzqql{font-size:2.5rem}.subtitle.svelte-wkzqql{font-size:1.2rem}.emotion-card.svelte-wkzqql{padding:2rem}.emotions-grid.svelte-wkzqql{grid-template-columns:repeat(2,1fr)}}