*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background:#fff;padding:20px;font-family:Arial,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto}.two-column{justify-content:center;gap:30px;display:flex}.main-content{flex:0 0 500px}.sidebar{flex:0 0 300px}h1{border-bottom:2px solid #000;margin-bottom:30px;padding-bottom:10px;font-size:28px}h2{margin-top:20px;margin-bottom:15px;font-size:18px}h3{margin-bottom:10px}button{color:#000;cursor:pointer;background:#fff;border:2px solid #000;margin-right:5px;padding:10px 16px;font-size:14px}button:hover{color:#fff;background:#000}.toggle-btn{color:#000;cursor:pointer;white-space:nowrap;text-align:center;background:#fff;border:2px solid #000;border-radius:20px;margin:0;padding:10px 16px;font-size:12px;transition:all .3s}.toggle-btn.active{color:#fff;background:#000}.toggle-btn:hover{opacity:.8}.icon-btn{color:#000;cursor:pointer;vertical-align:middle;background:#fff;border:2px solid #000;justify-content:center;align-items:center;margin:0;padding:8px 15px;font-size:16px;display:inline-flex}.icon-btn:hover{color:#fff;background:#000}.icon-btn-small{color:#000;cursor:pointer;background:#fff;border:1px solid #000;justify-content:center;align-items:center;margin:0;padding:4px 8px;font-size:12px;display:inline-flex}.icon-btn-small:hover{color:#fff;background:#000}input,select{box-sizing:border-box;vertical-align:middle;border:2px solid #000;width:100%;height:38px;padding:8px;font-family:Arial,sans-serif;font-size:14px;line-height:normal}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='black' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:30px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:5px;font-weight:700;display:block}.actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.random-word{border:2px solid #000;margin:30px 0;padding:20px}#randomWordDisplay{min-height:100px;padding:20px}.word-card{text-align:center}.word-card h3{margin-bottom:10px;font-size:24px;line-height:1;display:inline}.word-card p{margin-bottom:10px;font-size:18px}.word-card small{color:#666}.word-item{border:2px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:15px;display:flex}.word-content{flex:1;min-width:200px}.word-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.word-edit-form{flex-direction:column;gap:10px;display:flex}.word-edit-form input,.word-edit-form select{margin:0}.category-item{border:2px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:5px 0;padding:10px 15px;display:flex}#wordList p,#randomWordDisplay p,#recentWords p{text-align:center;color:#666;padding:20px}.recent-word-item{border:2px solid #000;flex-direction:column;gap:3px;margin-bottom:8px;padding:10px;display:flex}.recent-word-item strong{font-size:14px}.recent-word-item span{font-size:13px}.recent-word-item small{color:#666;font-size:11px}.filter-section{border:2px solid #000;margin:20px 0;padding:15px}@media (max-width:900px){.two-column{flex-direction:column;align-items:center}.main-content,.sidebar{flex:auto;width:100%;max-width:500px}.word-item{flex-direction:column;align-items:flex-start}.word-actions{justify-content:flex-start;width:100%}}@media (max-width:768px){body{padding:10px}h1{margin-bottom:20px;font-size:22px}h2{font-size:16px}.container{padding:0}.actions{flex-direction:column}.actions button{width:100%;margin:0}.random-word{margin:20px 0;padding:15px}#randomWordDisplay{padding:15px}.word-card h3{font-size:20px}.word-card p{font-size:16px}.word-item{padding:12px}.word-actions{width:100%}.word-actions button{flex:1;min-width:auto;padding:8px 12px;font-size:12px}.toggle-btn{padding:8px 12px;font-size:11px}button{padding:10px 14px;font-size:14px}.filter-section{padding:12px}input,select{font-size:16px}}@media (max-width:480px){body{padding:8px}h1{font-size:20px}.random-word{padding:12px}.word-card h3{font-size:18px}.word-card p{font-size:15px}.word-item{padding:10px}.word-actions button{padding:6px 10px;font-size:11px}.toggle-btn{padding:6px 10px;font-size:10px;min-width:120px!important}button{padding:8px 12px;font-size:13px}}