:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body,#root{height:100%;margin:0;padding:0;font-family:Roboto,sans-serif;background:#f7f7fa;overflow:hidden}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.app-container{height:100vh;display:flex;flex-direction:column;background-color:#ecf0f1}.header{background-color:#48d1cc;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.header-buttons{display:flex;gap:10px}.header-button{background-color:#d3d3d3b3;border-radius:5px;padding:8px;border:none;cursor:pointer;font-size:16px}.header-button:hover{background-color:#d3d3d3e6}.logo-button{background:none;border:none;cursor:pointer}.logo-button img{width:40px;height:40px}.main-content{flex:1;padding:8px}.no-category-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.tile-container{flex:1;display:flex;gap:10px;padding:10px}.tile-container.vertical{flex-direction:column}.tile-container.horizontal{flex-direction:row}.tile{flex:1;border-radius:8px;overflow:hidden;background-color:#fff;border:1px solid #ccc;transition:border .2s ease}.tile.selected{border:10px solid yellow}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:80%;height:60%;background-color:#000;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-content iframe{width:100%;height:80%;border:none}.close-button{margin-top:20px;padding:10px;background-color:red;border-radius:10px;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.close-button:hover{background-color:#c00}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{text-align:center}input,button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#0f0f0f;background-color:#fff;transition:border-color .25s;box-shadow:0 2px 2px #0003}button{cursor:pointer}button:hover{border-color:#396cd8}button:active{border-color:#396cd8;background-color:#e8e8e8}input,button{outline:none}#greet-input{margin-right:5px}@media (prefers-color-scheme: dark){:root{color:#f6f6f6;background-color:#2f2f2f}a:hover{color:#24c8db}input,button{color:#fff;background-color:#0f0f0f98}button:active{background-color:#0f0f0f69}}