.search-history{margin-top:18px}.search-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.search-history-header h3{margin:0;font-size:1.1rem}.search-history-list{display:flex;flex-direction:column;gap:6px}.search-history-item{background-color:var(--color-bg-card);padding:10px 12px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease;gap:8px}.search-history-item:hover{background-color:var(--color-secondary-card-hover)}.history-icon{color:var(--color-text-secondary);font-size:.9rem;width:16px;text-align:center}.history-word{font-weight:700;flex:1}.history-timestamp{font-size:.8rem;text-align:right;min-width:150px}.bookmarks{margin-top:18px}.bookmarks-empty{text-align:center;padding:40px 20px;color:var(--color-text-main)}.bookmarks-empty i{font-size:3rem;margin-bottom:16px;opacity:.5}.bookmarks-empty p{margin:8px 0;font-size:1rem}.bookmarks-hint{font-size:.9rem!important;opacity:.8}.bookmarks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bookmarks-header h3{margin:0;color:#000;font-size:1.1rem}.clear-bookmarks-btn{background-color:var(--color-bg-button);border:1px solid var(--color-neutral-border);color:var(--color-text-main);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.clear-bookmarks-btn:hover{background-color:var(--color-hover-bg)}.bookmarks-list{display:flex;flex-direction:column;gap:8px}.bookmark-item{background-color:var(--color-bg-card);border-radius:6px;padding:10px 12px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.bookmark-item:hover{background-color:var(--color-secondary-card-hover)}.bookmark-content{flex:1}.bookmark-word{font-size:1rem;color:var(--color-text-main);margin-bottom:4px}.bookmark-pos{font-size:.9rem;color:var(--color-text-main);opacity:.8;margin-bottom:6px;font-style:italic}.bookmark-definition{font-size:.95rem;color:var(--color-text-main);line-height:1.4}.bookmark-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.bookmark-timestamp{font-size:.8rem;color:var(--color-text-main);opacity:.6}.remove-bookmark-btn{background:none;border:none;color:var(--color-text-main);opacity:.6;padding:4px;border-radius:50%;cursor:pointer;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.remove-bookmark-btn:hover{opacity:1;background-color:var(--color-hover-overlay)}.study-container{display:flex;flex-direction:column;padding:1rem;overflow:hidden}.study-controls{margin-bottom:1rem}.toggle-group{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.toggle-container{display:flex;align-items:center;gap:1rem;justify-content:center}.toggle-option-text{font-size:.9rem;color:var(--color-text-muted)}.toggle-option-text .option{font-weight:400;text-decoration:none}.toggle-option-text .option.selected{font-weight:700;text-decoration:underline;color:var(--color-text-primary)}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px;--switch-width: 60px;--switch-height: 34px;--thumb-size: 26px;--thumb-offset: 4px;--move-distance: calc(var(--switch-width) - var(--thumb-size) - (2 * var(--thumb-offset)))}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbb388;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:var(--thumb-size);width:var(--thumb-size);left:var(--thumb-offset);bottom:var(--thumb-offset);background-color:var(--color-primary-accent);transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--color-primary-accent)}input:checked+.slider:before{transform:translate(var(--move-distance));background-color:var(--color-bg-body)}.flashcard-container{position:relative;width:100%;flex:1;min-height:200px;max-height:400px;margin:5rem 0;perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective-origin:center center;-webkit-perspective-origin:center center;-moz-perspective-origin:center center;-ms-perspective-origin:center center}.flashcard{width:400px;height:250px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:transform .6s;-webkit-transition:-webkit-transform .6s;-moz-transition:-moz-transform .6s;-ms-transition:-ms-transform .6s;cursor:pointer;transform-origin:center center;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center}.flashcard.flipped{transform:translate(-50%,-50%) rotateX(180deg);-webkit-transform:translate(-50%,-50%) rotateX(180deg);-moz-transform:translate(-50%,-50%) rotateX(180deg);-ms-transform:translate(-50%,-50%) rotateX(180deg)}.flashcard-face{position:absolute;width:100%;height:100%;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:center;align-items:center;padding:1.5rem;background:var(--color-bg-card);color:var(--color-text-primary)}.flashcard-back{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);background:var(--color-primary-button);color:var(--color-text-primary)}.card-content{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.word{font-size:2rem;font-weight:700;margin:0;text-transform:capitalize}.pos{font-size:1rem;opacity:.9;font-style:italic}.definition{font-size:1.2rem;margin:0;line-height:1.4}.flashcard-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem;margin-bottom:1rem;flex-shrink:0}.control-button{padding:.75rem 2rem;border:1px solid var(--color-neutral-border);border-radius:8px;background:var(--color-bg-button);color:var(--color-text-primary);font-size:1rem;cursor:pointer;transition:background-color .3s,transform .1s}.control-button:hover{background:var(--color-hover-bg)}.control-button:active{transform:scale(.98)}.no-cards{flex:1;display:flex;justify-content:center;align-items:center;color:var(--color-text-muted);font-size:1.2rem;overflow:hidden}.loading-state{flex:1;display:flex;justify-content:center;align-items:center;color:var(--color-text-muted);font-size:1.2rem;animation:pulse 1.5s ease-in-out infinite;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 430px){.toggle-group{justify-content:flex-start;gap:1rem}.toggle-container{max-width:280px;gap:.5rem;justify-content:flex-start}.toggle-option-text{font-size:.85rem}.toggle-switch{width:44px;height:24px;--switch-width: 44px;--switch-height: 24px;--thumb-size: 18px;--thumb-offset: 3px;--move-distance: calc(var(--switch-width) - var(--thumb-size) - (2 * var(--thumb-offset)))}.slider{border-radius:24px}.slider:before{border-radius:50%}}@media (max-width: 480px){.flashcard{width:90%;max-width:350px;height:200px}.word{font-size:1.5rem}.definition{font-size:1rem}.toggle-group{justify-content:flex-start;gap:1rem}.toggle-container{max-width:250px;gap:.5rem}.toggle-option-text{font-size:.8rem}.toggle-switch{width:40px;height:22px;--switch-width: 40px;--switch-height: 22px;--thumb-size: 16px;--thumb-offset: 3px;--move-distance: calc(var(--switch-width) - var(--thumb-size) - (2 * var(--thumb-offset)))}.slider{border-radius:22px}.slider:before{border-radius:50%}}.bottom-navbar{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:1000;align-items:flex-start;width:100vw}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:8px 12px;border-top:2px solid var(--color-neutral-border);border-left:2px solid var(--color-neutral-border);border-right:2px solid var(--color-neutral-border);border-radius:8px 8px 0 0;transition:all .3s ease;flex:1;background-color:var(--color-navbar-bg);height:60px}.nav-item:hover{background-color:var(--color-navbar-hover)}.nav-item.active{background-color:var(--color-navbar-active);height:70px;margin-top:-5px}.nav-icon{font-size:1.5rem;margin-bottom:4px;color:var(--color-text-main);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.nav-label{font-size:.75rem;color:var(--color-text-main);text-align:center;font-family:JetBrains Mono,monospace;white-space:nowrap}@media (max-width: 600px){.nav-item{min-width:50px;padding:6px 8px}.nav-icon{font-size:1.25rem;width:20px;height:20px}.nav-label{font-size:.7rem}}.settings{margin-top:18px}.settings h3{margin:0 0 12px;font-size:1.1rem}.settings-options{display:flex;flex-direction:column;gap:12px}.settings-btn{background-color:var(--color-bg-button);border:1px solid var(--color-neutral-border);border-radius:4px;padding:10px 16px;font-size:1rem;cursor:pointer;color:var(--color-text-main);transition:background-color .2s ease}.settings-btn:hover{background-color:var(--color-hover-bg)}.settings-btn:disabled{opacity:.6;cursor:not-allowed}.cache-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-neutral-border)}.cache-section h4{margin:0 0 8px;font-size:1rem;color:var(--color-text-main)}.cache-info{margin-bottom:12px}.cache-info p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}#definitionList{margin-top:18px;border-radius:6px;white-space:pre-wrap;display:flex;flex-direction:column;gap:6px}.defItem{margin:0;background-color:var(--color-bg-card);padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.defContent{display:flex;gap:5px;flex:1;align-items:flex-start}.defNumber{flex-shrink:0}.defText{flex:1;line-height:1.4}.bookmarkBtn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#000;transition:all .2s ease;flex-shrink:0;font-size:1.1rem}.bookmarkBtn:hover{background-color:#0000001a;color:#333}:root{--color-primary-bg: #B1A187;--color-primary-button: #D3BF95;--color-primary-accent: #917d61;--color-secondary-hover: #c4a876;--color-secondary-card-hover: #b0956f;--color-navbar-bg: #D2BB9A;--color-navbar-hover: #b9a88c;--color-navbar-active: #BE9C6D;--color-text-primary: #000000;--color-text-secondary: #444;--color-text-muted: #666;--color-text-subtle: #808080;--color-success: #2e7d32;--color-success-light: #66bb6a;--color-error: #b00020;--color-warning: #ff9800;--color-neutral-light: #e0e0e0;--color-neutral-border: #000000;--color-overlay-light: rgba(0, 0, 0, .1);--color-bg-body: var(--color-primary-bg);--color-bg-input: var(--color-primary-button);--color-bg-button: var(--color-primary-button);--color-bg-card: var(--color-primary-accent);--color-bg-progress: var(--color-neutral-light);--color-text-main: var(--color-text-primary);--color-text-meta: var(--color-text-secondary);--color-text-info: var(--color-text-muted);--color-hover-bg: var(--color-secondary-hover);--color-hover-overlay: var(--color-overlay-light);--color-brand-primary: #8B7355;--color-brand-secondary: #A0916B}*{font-family:JetBrains Mono,monospace;box-sizing:border-box}html,body{margin:0;padding:0}body{padding:12px;background-color:var(--color-bg-body)}.container{max-width:800px;margin:0 auto;padding-bottom:100px}.container:has(.study-container){padding-bottom:0}h1{font-size:1.4rem}form{margin-top:12px;display:flex;gap:8px}input[type=text]{flex:1;padding:8px;font-size:1rem;background-color:var(--color-bg-input);border:none;border-radius:4px}input[type=text]::placeholder{color:#8c897d;opacity:1}button{padding:8px 12px;font-size:1rem;background-color:var(--color-bg-button);border:1px solid var(--color-neutral-border);border-radius:4px;color:#000}#info{margin-top:12px;color:var(--color-text-info)}nav{height:60px;display:flex;align-items:center;justify-content:center}.nav-content{display:flex;align-items:center;justify-content:space-between;width:100%}.github-link{color:#000;font-size:1.5rem;text-decoration:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .2s ease}.github-link:hover{background-color:#0000001a}#navTitle{margin:0}.settings-icon{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;font-size:1.5rem;width:40px;height:40px;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.settings-icon:hover{background-color:#0000001a}#error{margin-top:12px;color:var(--color-error)}.meta{font-size:.9rem;color:var(--color-text-meta);margin-top:8px}.defH{margin:0}.progress-container{width:100%;margin:12px 0;padding:0 8px}.progress-text{text-align:center;font-size:.9rem;color:var(--color-text-info);font-weight:500;letter-spacing:.5px;margin-bottom:8px}