.right-controls,.search-bar{margin-bottom:20px;display:flex;gap:10px}body,tbody tr:nth-child(2n){background-color:#f8f9fa}body{font-family:sans-serif;margin:20px;color:#212529;transition:background-color .3s,color .3s;line-height:1.6}h1{text-align:center;color:#343a40}h4{text-align:right}.right-controls{justify-content:flex-end;align-items:center}.search-bar{justify-content:space-between;align-items:center;flex-wrap:wrap}#searchInput{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:1rem;flex-grow:1}.btn{padding:8px 15px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}#themeToggle{background-color:#28a745}#themeToggle:hover{background-color:#218838}#randomButton{background-color:#007bff}#randomButton:hover,body.dark-mode #randomButton{background-color:#0056b3}#gotoButton{background-color:orchid}#gotoButton:hover{background-color:#c95b9e}#clearInput{background-color:#333}#clearInput:hover,body.dark-mode #clearInput{background-color:#555}table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#fff}td,th{border:1px solid #dee2e6;padding:8px 12px;text-align:left}th{background-color:#e9ecef;color:#495057;font-weight:700}tbody tr:hover{background-color:#e2e6ea}a{color:#007bff;text-decoration:none;transition:color .2s}a:hover{color:#0056b3;text-decoration:underline}.at{color:#6c757d;font-size:.85rem;margin-left:10px}.dl{min-width:4.5rem}.yd{min-width:5.5rem}.hidden{display:none}@media screen and (max-width:768px){.at,.nt a,table{display:block}body{margin:10px}table{font-size:.8rem;overflow-x:auto}td,th{padding:2px 4px}.at{margin-top:4px;margin-left:0;font-size:.7rem}.mobile-hidden{display:none}.btn{padding:8px;font-size:.8rem;border-radius:4px}.right-controls{padding-top:8px}.dl{min-width:2rem}.yd{min-width:2.2rem}.au{max-width:4rem}}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}body.dark-mode h1{color:#f8f9fa}body.dark-mode #searchInput{background-color:#333;color:#e0e0e0;border-color:#555}body.dark-mode #themeToggle{background-color:#384}body.dark-mode #themeToggle:hover{background-color:#2a7b3c}body.dark-mode #gotoButton{background-color:#6750a4}body.dark-mode #gotoButton:hover{background-color:#543e87}body.dark-mode #randomButton:hover{background-color:#004494}body.dark-mode #clearInput:hover{background-color:#666}body.dark-mode table{background-color:#2c2c2c;box-shadow:0 2px 5px rgba(255,255,255,.05)}body.dark-mode td,body.dark-mode th{border-color:#444}body.dark-mode th{background-color:#3a3a3a;color:#f8f9fa}body.dark-mode tbody tr:nth-child(2n){background-color:#252525}body.dark-mode tbody tr:hover{background-color:#454545}body.dark-mode a{color:#58a6ff}body.dark-mode a:hover{color:#80bfff}body.dark-mode .at{color:#adb5bd}