@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#f5f7fb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fb;background-color:var(--background-color);font-family:Nunito,sans-serif}.App{min-height:100vh;text-align:center}.App-logo{animation:none;display:block;height:100px;margin:0 auto}@media (prefers-reduced-motion:no-preference){.App-logo{animation:none}}.App-header{align-items:center;background:#0000;box-shadow:none;display:flex;justify-content:center;padding:10px 0;text-align:center}.App-header h1{font-size:2.5em;font-weight:700;margin:0;text-shadow:2px 2px 4px #0003}main{margin:0 auto;max-width:1400px;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.App-header h1{font-size:2em}main{padding:15px}}:root{--primary-color:#58cc02;--primary-hover:#46a302;--secondary-color:#ff4b4b;--secondary-hover:#f71c1c;--background-light:#fff;--text-dark:#3c3c3c;--shadow-color:#0000001a}.aac-board{display:flex;gap:20px;height:calc(100vh - 40px);margin:20px auto;max-width:1400px;padding:0 20px}.categories-sidebar{grid-gap:10px;background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:fit-content;max-height:calc(100vh - 80px);overflow-y:auto;padding:15px}.category-button{align-items:center;background:#0000;border:2px solid;border-radius:12px;box-shadow:0 6px 0 #0000001a;box-shadow:0 6px 0 var(--shadow-color);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px;perspective:1000px;transform-style:preserve-3d;transition:all .3s ease;width:100%}.category-button:hover{box-shadow:0 8px 0 #0000001a;box-shadow:0 8px 0 var(--shadow-color);transform:translateY(-4px)}.category-button.active{box-shadow:0 2px 0 #0000001a;box-shadow:0 2px 0 var(--shadow-color);transform:translateY(2px)}.category-icon{font-size:24px}.category-text{font-size:14px;font-weight:500}.main-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.selected-words-container{background:#fff;border-radius:15px;box-shadow:0 8px 0 #0000001a;padding:20px;perspective:1000px;transform-style:preserve-3d}.selected-words{border-radius:10px;margin-bottom:15px;min-height:100px;padding:10px}.word-chips{display:flex;flex-wrap:wrap;gap:10px}.word-chip{align-items:center;background:#f0f0f0;border-radius:20px;box-shadow:0 4px 0 #0000001a;display:flex;font-size:16px;gap:8px;padding:8px 12px;transform-style:preserve-3d;transition:all .2s ease}.word-chip:hover{box-shadow:0 6px 0 #0000001a;transform:translateY(-2px)}.word-text{margin-right:4px}.word-actions{display:flex;gap:4px}.add-suffix-btn{align-items:center;background:#58cc02;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;transition:all .2s ease;width:28px}.add-suffix-btn:hover{background:#46a302;transform:scale(1.05)}.delete-button{align-items:center;background:#ff9800;border:none;border-radius:10px;box-shadow:0 6px 0 #d17d00;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.delete-button:hover{box-shadow:0 8px 0 #d17d00;transform:translateY(-2px)}.delete-button:active{box-shadow:0 2px 0 #d17d00;transform:translateY(2px)}.button-group{display:flex;gap:10px}.clear-button,.speak-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transform-style:preserve-3d;transition:all .3s ease}.speak-button{background:#4caf50;box-shadow:0 6px 0 #45a049;color:#fff}.speak-button:hover{box-shadow:0 8px 0 #45a049;transform:translateY(-2px)}.speak-button:active{box-shadow:0 2px 0 #45a049;transform:translateY(2px)}.clear-button{background:#f44336;box-shadow:0 6px 0 #d32f2f;color:#fff}.clear-button:hover{box-shadow:0 8px 0 #d32f2f;transform:translateY(-2px)}.clear-button:active{box-shadow:0 2px 0 #d32f2f;transform:translateY(2px)}.button-icon{font-size:20px}.word-grid{grid-gap:15px;background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:calc(100vh - 300px);overflow-y:auto;padding:20px}.word-button{align-items:center;background:#f8f9fa;border:none;border-radius:12px;box-shadow:0 6px 0 #e0e0e0;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:15px;perspective:1000px;transform-style:preserve-3d;transition:all .3s ease}.word-button:hover{box-shadow:0 8px 0 #e0e0e0;transform:translateY(-4px) scale(1.02)}.word-button:active{box-shadow:0 2px 0 #e0e0e0;transform:translateY(2px)}.word-button .icon{font-size:24px;transform:translateZ(10px)}.word-button .text{font-size:14px;font-weight:500;transform:translateZ(5px)}.suffix-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.suffix-popup{animation:popupFadeIn .3s ease;background:#fff;border-radius:20px;max-height:80vh;max-width:600px;overflow-y:auto;padding:25px;position:relative;width:90%}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.suffix-popup h3{color:#333;font-size:24px;margin:0 0 20px;text-align:center}.suffix-categories{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.suffix-category{background:#f0f0f0;border:none;border-radius:20px;cursor:pointer;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.suffix-category.active{background:#007bff;color:#fff}.suffix-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.suffix-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 0 #e0e0e0;cursor:pointer;display:flex;flex-direction:column;padding:10px;transform-style:preserve-3d;transition:all .3s ease}.suffix-button:hover{box-shadow:0 6px 0 #e0e0e0;transform:translateY(-2px)}.suffix-button:active{box-shadow:0 2px 0 #e0e0e0;transform:translateY(2px)}.suffix-text{font-size:16px;font-weight:500}.suffix-type{color:#666;font-size:12px;margin-top:4px}.close-popup{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:5px;position:absolute;right:15px;top:15px;transition:all .2s ease}.close-popup:hover{background:#f0f0f0;color:#333}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1200px){.word-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:768px){.aac-board{flex-direction:column;height:auto;padding:10px}.categories-sidebar{max-height:none;overflow-y:visible}.word-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:none}.category-icon{font-size:20px}.category-text{font-size:12px}.word-button .icon{font-size:20px}.word-button .text{font-size:12px}}
/*# sourceMappingURL=main.69e4b694.css.map*/