@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes explodeIn{0%{transform:scale(0);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes explodeOut{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes zoomIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes spinIn{0%{transform:rotate(-180deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes spinOut{0%{transform:rotate(0) scale(1);opacity:1}to{transform:rotate(180deg) scale(0);opacity:0}}.transition-enter{animation-duration:.4s;animation-timing-function:ease-out;animation-fill-mode:both}.transition-exit{animation-duration:.3s;animation-timing-function:ease-in;animation-fill-mode:both}.fade-enter{animation-name:fadeIn}.slide-left-enter{animation-name:slideInLeft}.slide-right-enter{animation-name:slideInRight}.slide-top-enter{animation-name:slideInTop}.slide-bottom-enter{animation-name:slideInBottom}.explode-enter{animation-name:explodeIn}.zoom-enter{animation-name:zoomIn}.spin-enter{animation-name:spinIn}.fade-exit{animation-name:fadeOut}.slide-left-exit{animation-name:slideOutLeft}.slide-right-exit{animation-name:slideOutRight}.slide-top-exit{animation-name:slideOutTop}.slide-bottom-exit{animation-name:slideOutBottom}.explode-exit{animation-name:explodeOut}.zoom-exit{animation-name:zoomOut}.spin-exit{animation-name:spinOut}.word-input-container{display:flex;justify-content:center;align-items:center;width:100%;padding:0 20px}.word-input{font-family:Arial,sans-serif;font-size:48px;padding:16px 24px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);text-align:center;width:80%;max-width:800px;outline:none;transition:border-color .2s}.word-input:focus{border-color:var(--accent-color)}.word-input::placeholder{color:var(--text-secondary)}.image-display{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;cursor:pointer;padding:20px;box-sizing:border-box}.displayed-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 24px #0006}.about-menu{position:fixed;top:16px;right:16px;z-index:100}.about-button{font-family:Arial,sans-serif;font-size:14px;padding:8px 16px;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.about-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.about-popup{position:absolute;top:100%;right:0;margin-top:8px;padding:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:260px;box-shadow:0 8px 24px #0006}.about-popup h3{margin:0 0 12px;color:var(--text-primary);font-size:18px}.about-popup .version{margin:0 0 8px;color:var(--accent-color);font-size:14px;font-weight:500}.about-popup .description{margin:0 0 12px;color:var(--text-secondary);font-size:14px}.about-popup .instructions{margin:0 0 16px;color:var(--text-secondary);font-size:13px;line-height:1.5;padding-top:12px;border-top:1px solid var(--border-color)}.close-button{width:100%;padding:8px 16px;font-family:Arial,sans-serif;font-size:14px;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.close-button:hover{background-color:var(--border-color)}.version-clickable{cursor:pointer}.word-table-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.word-table-popup{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;max-width:500px;max-height:80vh;width:90%;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.word-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.word-table-header h3{margin:0;color:var(--text-primary);font-size:18px}.word-table-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;line-height:1}.word-table-close:hover{color:var(--text-primary)}.word-table-container{overflow-y:auto;padding:16px 20px}.word-table{width:100%;border-collapse:collapse}.word-table th,.word-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.word-table th{color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.word-table td{color:var(--text-primary);font-size:14px}.word-table td:last-child{text-align:right;color:var(--accent-color)}.word-table tbody tr:hover{background-color:var(--bg-tertiary)}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-color: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-color: #58a6ff;--success-color: #3fb950;--error-color: #f85149}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}#root{height:100%}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading{font-size:24px;color:var(--text-secondary)}.error{font-size:18px;color:var(--error-color);text-align:center;padding:20px}