.header-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:nowrap}.header-row h1{font-size:1.1rem;font-weight:600;margin:0;white-space:nowrap;flex-shrink:0}.search-box{flex:1;min-width:200px;padding:8px 12px;border:1px solid #d8d0c8;border-radius:6px;font-size:14px;transition:all .2s;background:#fff}.search-box:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 2px #8b735514}.filter-dropdown-container{position:relative;flex-shrink:0}.filter-dropdown-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid #d8d0c8;border-radius:6px;font-size:13px;font-weight:500;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:170px}.filter-dropdown-btn:hover{border-color:#8b7355}.filter-dropdown-btn.open{border-color:#8b7355;box-shadow:0 0 0 2px #8b735514}.dropdown-arrow{transition:transform .2s;flex-shrink:0}.filter-dropdown-btn.open .dropdown-arrow{transform:rotate(180deg)}.filter-dropdown-menu{background:#fff;border:1px solid #d8d0c8;border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:4px;min-width:180px;z-index:1000}.filter-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;font-size:13px;color:#1a1a1a;cursor:pointer;border-radius:4px;transition:background .15s;text-align:left}.filter-option:hover{background:#f5f0eb}.filter-option.active{background:#8b7355;color:#fff}.option-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.option-icon{font-size:14px;flex-shrink:0}.option-label{flex:1}.page-footer{margin-top:40px;padding-top:20px;border-top:1px solid #e8e2dc}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:#999}.footer-stats{color:#666}.footer-attribution{text-align:right}.footer-attribution a{color:#8b7355;text-decoration:none;font-weight:500;transition:color .2s}.footer-attribution a:hover{color:#6e5a43;text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;max-width:1200px;margin:0 auto}.card{background:transparent;border-radius:6px;cursor:pointer;position:relative;height:180px;perspective:1000px}.card.keyboard-focused .front,.card.keyboard-focused .back{box-shadow:0 0 0 3px #8b7355,0 4px 12px #0000001a}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card.flipped .card-inner{transform:rotateY(180deg)}.front,.back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#fff;border-radius:6px;padding:10px;box-shadow:0 2px 6px #0000000f;border:2px solid #e8e2dc}.card.aux-hebben .front,.card.aux-hebben .back{border-color:#d4a574}.card.aux-zijn .front,.card.aux-zijn .back{border-color:#7ba3c7}.card:hover .front,.card:hover .back{box-shadow:0 4px 12px #0000001a}.front{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}.front .verb-inf{margin:0}.front .verb-variants{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.back{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotateY(180deg)}.verb-inf{font-size:1.6rem;font-weight:700;color:#666;margin:0;line-height:1.2;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.verb-detail{margin:0;color:#1a1a1a;line-height:1.3;display:flex;flex-direction:column;gap:2px;flex:1;text-align:center}.verb-label{font-weight:600;color:#999;font-size:8px;text-transform:uppercase;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.verb-value{font-size:1.1rem;font-weight:600;color:#1a1a1a;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.trans-ru{font-size:1.5rem;font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:8px;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.back-infinitive{font-size:1rem;color:#666;font-weight:500;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.favorite-btn{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;font-size:18px;padding:0;line-height:1;transition:transform .2s,opacity .3s;z-index:10;opacity:1}.favorite-btn:hover{transform:scale(1.2)}.card.flipped .favorite-btn{animation:starFlipToBack .6s ease-in-out forwards}.card:not(.flipped) .favorite-btn{animation:starFlipToFront .6s ease-in-out forwards}@keyframes starFlipToBack{0%{opacity:1;right:8px;left:auto;transform:scale(1) rotateY(0)}50%{opacity:0;right:8px;left:auto;transform:scale(.3) rotateY(90deg)}50.01%{opacity:0;right:8px;left:auto;transform:scale(.3) rotateY(90deg)}to{opacity:1;right:8px;left:auto;transform:scale(1) rotateY(180deg)}}@keyframes starFlipToFront{0%{opacity:1;right:8px;left:auto;transform:scale(1) rotateY(180deg)}50%{opacity:0;right:8px;left:auto;transform:scale(.3) rotateY(90deg)}to{opacity:1;right:8px;left:auto;transform:scale(1) rotateY(0)}}.favorite-btn.is-favorite{color:#f4a261}.favorite-btn:not(.is-favorite){color:#ccc}.flip-hint{position:absolute;bottom:8px;right:8px;color:#aaa;font-size:10px;display:flex;align-items:center;gap:4px}.flip-icon{width:12px;height:12px;opacity:.6}@media(prefers-color-scheme:dark){.header-row h1{color:#e8e2dc}.search-box{background:#2a241f;border-color:#3d362e;color:#e8e2dc}.search-box:focus{border-color:#c4a574;box-shadow:0 0 0 2px #c4a57426}.filter-dropdown-btn{background:#2a241f;border-color:#3d362e;color:#e8e2dc}.filter-dropdown-btn:hover{border-color:#a08566}.filter-dropdown-btn.open{border-color:#c4a574;box-shadow:0 0 0 2px #c4a57426}.filter-dropdown-menu{background:#2a241f;border-color:#3d362e;box-shadow:0 4px 12px #0006}.filter-option{color:#e8e2dc}.filter-option:hover{background:#342e26}.filter-option.active{background:#a08566;color:#fff}.page-footer{border-top-color:#3d362e}.footer-stats,.footer-attribution{color:#999}.footer-attribution a{color:#c4a574}.footer-attribution a:hover{color:#a08566}.front,.back{background:#2a241f;border-color:#3d362e;box-shadow:0 2px 6px #0000004d}.card.aux-hebben .front,.card.aux-hebben .back{border-color:#d4a574}.card.aux-zijn .front,.card.aux-zijn .back{border-color:#7ba3c7}.card:hover .front,.card:hover .back{box-shadow:0 4px 12px #0006}.verb-inf{color:#c4beb8}.verb-detail{color:#e8e2dc}.verb-label{color:#999}.verb-value,.trans-ru{color:#e8e2dc}.back-infinitive{color:#999}.flip-hint{color:#666}.favorite-btn:not(.is-favorite){color:#666}.card.keyboard-focused .front,.card.keyboard-focused .back{box-shadow:0 0 0 3px #c4a574,0 4px 12px #0006}}@media(max-width:1024px){.header-row h1{font-size:1rem}}@media(max-width:768px){.header-row{flex-wrap:wrap;gap:10px}.header-row h1{font-size:.95rem;flex:0 0 auto}.search-box{flex:1 1 200px;min-width:150px}.filter-dropdown,.stats,.nav-link{flex:0 0 auto}}@media(max-width:640px){.header-row{flex-wrap:wrap;gap:8px}.header-row h1{display:none}.search-box{flex:1 1 100%;order:1}.filter-dropdown-container{flex:1;order:2}.filter-dropdown-btn{width:100%;justify-content:space-between}.nav-link{flex:1;order:3;text-align:center;justify-content:center}.footer-content{flex-direction:column;text-align:center;gap:8px}.footer-stats{order:1}.footer-attribution{order:2;text-align:center}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.card{height:170px}.front,.back{padding:12px}.front{gap:8px}.front .verb-variants{gap:6px}.verb-inf{font-size:1.5rem}.verb-value{font-size:1rem}.verb-label{font-size:7px}.trans-ru{font-size:1.6rem}.favorite-btn{top:6px;right:6px;font-size:16px}}