body{background-color:#f5f5f5;padding-top:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.dictionary-card{border-radius:10px;box-shadow:0 2px 10px #0000001a;border:none;overflow:hidden;min-height:600px;background-color:#fff;margin-bottom:2rem}.dictionary-card .card-body{padding:2rem;display:flex;flex-direction:column}.search-container{position:relative;margin-bottom:1.5rem}.input-group{position:relative}.search-input{border:2px solid #ddd;border-radius:5px!important;padding:.75rem 1rem;font-size:1.1rem;width:100%;transition:border-color .2s;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input:focus{border-color:#3498db;box-shadow:none;outline:none}.suggestions-dropdown{position:absolute;width:100%;z-index:1000;max-height:300px;overflow-y:auto;border:1px solid #ddd;border-top:none;border-radius:0 0 5px 5px;box-shadow:0 4px 6px #0000001a;background:#fff;top:100%;left:0;margin-top:-1px}.suggestion-item{padding:10px 15px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #eee;display:flex;align-items:center}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background-color:#f8f9fa}.pos-badge{font-size:.7rem;vertical-align:middle;margin-left:.5rem;font-weight:400;padding:.25em .4em;border-radius:.25rem}.results-container{margin-top:1rem;flex-grow:1}.word-header-container{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;flex-wrap:wrap}.word-header{font-size:2rem;color:#2c3e50;margin:0;font-weight:600;line-height:1.2}.phonetic{color:#7f8c8d;font-style:italic;font-size:1.1rem}.part-of-speech{font-weight:700;color:#3498db;margin-bottom:.75rem;font-size:1.1rem}.definition{margin-bottom:.5rem;line-height:1.6;font-size:1rem}.example{font-style:italic;color:#7f8c8d;margin-top:.5rem;padding-left:.75rem;border-left:2px solid #ddd;font-size:.95rem}.keyboard-container{position:fixed;bottom:0;left:0;width:100%;background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:8px 0;z-index:1050;box-shadow:0 -2px 10px #0000001a;touch-action:manipulation;padding-bottom:env(safe-area-inset-bottom)}.keyboard-row{display:flex;justify-content:center;margin-bottom:5px;flex-wrap:nowrap;width:calc(100% - 10px);margin-left:5px;margin-right:5px}.keyboard-key{height:45px;margin:0 1px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s;flex-grow:1;flex-basis:0;flex-shrink:1;padding:0 2px;min-width:30px;-webkit-tap-highlight-color:transparent}.keyboard-key:hover{background-color:#e9ecef}.keyboard-key:active{background-color:#d1d7dc;transform:scale(.95)}.keyboard-key.size-1{flex-grow:1}.keyboard-key.size-shift,.keyboard-key.size-enter,.keyboard-key.size-abc,.keyboard-key.size-sym-action{flex-grow:1.5;font-size:14px;background-color:#e9ecef}.keyboard-key.size-symbol,.keyboard-key.size-lang,.keyboard-key.size-symbol-switch{flex-grow:1.2;font-size:14px;background-color:#e9ecef}.keyboard-key.size-backspace{flex-grow:1.5;font-size:18px}.keyboard-key.size-space{flex-grow:5;min-width:30%}.keyboard-key.number{background-color:#e9ecef}.keyboard-key.active{background-color:#adb5bd}.language-indicator{position:absolute;top:-25px;right:10px;background-color:#e9ecef;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700}.text-muted{color:#6c757d!important}.bg-info{background-color:#17a2b8!important}.bg-warning{background-color:#ffc107!important;color:#212529!important}.bg-success{background-color:#28a745!important}.bg-primary{background-color:#007bff!important}.bg-dark{background-color:#343a40!important}.bg-secondary{background-color:#6c757d!important}.text-dark{color:#343a40!important}@media (min-width: 768px){.dictionary-card{max-width:800px;margin-left:auto;margin-right:auto}.keyboard-container{max-width:800px;left:50%;transform:translate(-50%);border-radius:8px 8px 0 0}.keyboard-key{height:50px;font-size:18px}.keyboard-key.size-shift,.keyboard-key.size-symbol,.keyboard-key.size-lang,.keyboard-key.size-enter,.keyboard-key.size-abc{font-size:16px}.keyboard-key.size-backspace{font-size:20px}}@media (max-width: 350px){.keyboard-key{font-size:14px;height:40px;min-width:25px}.keyboard-key.size-shift,.keyboard-key.size-symbol,.keyboard-key.size-lang,.keyboard-key.size-enter,.keyboard-key.size-abc{font-size:12px}.keyboard-key.size-backspace{font-size:14px}}@media (max-width: 768px){.search-input{font-size:16px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.suggestions-dropdown{animation:fadeIn .2s ease-out}.keyboard-key{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.keyboard-key.active{transform:scale(.95);transition:transform .1s ease}.definition{font-size:1.2rem;line-height:1.6;margin-bottom:.5rem}.meaning-box{background-color:#f9f9f9;border-left:4px solid #3498db;padding:1.25rem;margin-bottom:1.25rem;border-radius:0 5px 5px 0}.phonetic-text{font-size:1.1rem;color:#666;font-style:italic}.example{font-style:italic;color:#555;margin-top:.25rem;padding-left:.5rem;border-left:2px solid #eee}