:root{--background:gold;--primary:#ff6b6b;--secondary:#4ecdc4;--accent:#ff8c00;--text:#333}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent}body{background-color:var(--background);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.main-content{background-color:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:1rem auto;width:100%;max-width:1200px}@media (min-width:768px){.main-content{padding:2rem;margin:2rem auto}}.category-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1rem 0}.category-button{background-color:var(--secondary);color:#fff;border:none;border-radius:999px;padding:.75rem 1.25rem;font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:center}@media (max-width:640px){.category-button{padding:.5rem 1rem;min-width:100px;font-size:.9rem}}.category-button:hover{background-color:var(--accent);transform:translateY(-2px)}.category-button.active{background-color:var(--accent);box-shadow:0 2px 4px rgba(0,0,0,.2)}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0}@media (min-width:480px){.icon-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.icon-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1024px){.icon-grid{grid-template-columns:repeat(6,1fr)}}.icon-button{aspect-ratio:1;border:none;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;overflow:hidden}.icon-button p{font-size:.7rem;text-align:center;line-height:1.2;margin:0;width:100%;overflow-wrap:break-word;word-break:break-word}.icon-button img{width:48px;height:48px;object-fit:contain}@media (min-width:768px){.icon-button img{width:40px;height:40px}}.selected-icons{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;min-height:80px;background-color:#f8f9fa;border-radius:12px;margin:1rem 0}.selected-icon{background-color:var(--secondary);color:#fff;padding:.5rem 1rem;border-radius:999px;font-size:.875rem;animation:pop-in .3s ease-out}.button-group{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}@media (min-width:640px){.button-group{flex-direction:row;justify-content:center}}.speech-button{background-color:var(--primary);color:#fff;border:none;border-radius:999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;max-width:300px;margin:0 auto}@media (min-width:640px){.speech-button{width:auto}}.speech-button:hover{background-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.text-to-speech{background-color:#fff;border-radius:12px;padding:1.5rem;margin-top:2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.text-to-speech textarea{min-height:120px;padding:1rem;resize:vertical}.text-to-speech select,.text-to-speech textarea{width:100%;border:2px solid var(--secondary);border-radius:8px;margin-bottom:1rem;font-size:1rem}.text-to-speech select{padding:.75rem;background-color:#fff}.download-section{background-color:#fff;border-radius:12px;padding:2rem;margin-top:2rem;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.download-button{background-color:#4caf50;color:#fff;border:none;border-radius:999px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.75rem;margin-top:1rem}.download-button:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.language-switcher{position:relative;margin:1rem auto;width:fit-content}.language-button{background-color:var(--primary);color:#fff;border:none;border-radius:999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.language-button:hover{background-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ios-instructions{background-color:#fff;border-radius:12px;padding:1.5rem;margin-top:2rem;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:500px;width:100%;margin-left:auto;margin-right:auto}.ios-step{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.ios-step-number{background-color:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.ios-step-content{flex-grow:1}.ios-step-icon{margin-top:.5rem;color:var(--text);opacity:.7}@font-face{font-family:__Bubblegum_Sans_3a48b4;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/910304b49a6174af-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Bubblegum_Sans_3a48b4;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4181b7fb0f27c71d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Bubblegum_Sans_Fallback_3a48b4;src:local("Arial");ascent-override:102.65%;descent-override:37.47%;line-gap-override:0.00%;size-adjust:83.00%}.__className_3a48b4{font-family:__Bubblegum_Sans_3a48b4,__Bubblegum_Sans_Fallback_3a48b4;font-weight:400;font-style:normal}