:root{--light-bg:#f9f9f9;--light-text:#1c1c1e;--light-accent:#007aff;--dark-bg:#1c1c1e;--dark-text:#f9f9f9;--dark-accent:#0a84ff}.App{align-items:flex-start;background-color:#f9f9f9;background-color:var(--light-bg);color:#1c1c1e;color:var(--light-text);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:20px;transition:background-color .3s ease,color .3s ease}.dark{background-color:#1c1c1e;background-color:var(--dark-bg);color:#f9f9f9;color:var(--dark-text)}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0;width:100%}.app-title{font-size:2rem;font-weight:700}.dark-mode-toggle{align-items:center;display:flex}.main-container{display:flex;flex-direction:column;max-width:900px;width:100%}.translator-section{align-items:flex-start;display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.input-area,.output-area{background:#f9f9f9;background:var(--light-bg);border:2px solid #007aff;border:2px solid var(--light-accent);border-radius:8px;color:#1c1c1e;color:var(--light-text);font-size:1rem;height:120px;padding:10px;transition:all .3s ease;width:100%}.dark .input-area,.dark .output-area{background:#1c1c1e;background:var(--dark-bg);border-color:#0a84ff;border-color:var(--dark-accent);color:#f9f9f9;color:var(--dark-text)}.play-button{background-color:#007aff;background-color:var(--light-accent);border:none;border-radius:8px;color:#f9f9f9;color:var(--light-bg);cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease,transform .2s ease}.dark .play-button{background-color:#0a84ff;background-color:var(--dark-accent);color:#1c1c1e;color:var(--dark-bg)}.game-submit:hover,.play-button:hover{box-shadow:0 4px 8px #0003;opacity:.9;transform:scale(1.05)}.game-section{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.game-section input{border:2px solid #007aff;border:2px solid var(--light-accent);border-radius:8px;font-size:1rem;height:40px;padding:8px;width:100%}.dark .game-section input{background:#1c1c1e;background:var(--dark-bg);border-color:#0a84ff;border-color:var(--dark-accent);color:#f9f9f9;color:var(--dark-text)}.game-submit{background-color:#007aff;background-color:var(--light-accent);border:none;border-radius:8px;color:#f9f9f9;color:var(--light-bg);cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease,transform .2s ease}.dark .game-submit{background-color:#0a84ff;background-color:var(--dark-accent);color:#1c1c1e;color:var(--dark-bg)}@media screen and (max-width:768px){.header{align-items:center;flex-direction:column}.app-title{font-size:1.8rem;margin-bottom:10px}.main-container{padding:10px}.game-section,.translator-section{align-items:center;width:100%}.input-area,.output-area{font-size:.9rem}.game-submit,.play-button{font-size:.9rem;padding:8px 16px}}@media screen and (max-width:480px){.app-title{font-size:1.5rem}.input-area,.output-area{font-size:.8rem;height:100px}.game-section input{font-size:.8 rem;height:36px}.game-submit,.play-button{font-size:.8rem;padding:6px 12px}}
/*# sourceMappingURL=main.6e80d6fc.css.map*/