@font-face{font-family:OkDanDan;src:url(/fonts/OkDanDan/OkDanDan-Bold.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Gungseo;src:local(Gungsuh),local(Gungseo),local(궁서체),local(궁서);font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background:#fff;margin:0;padding:0;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{opacity:.85}.quiz-option{color:#000;background:#fff}.quiz-option:hover{color:#000;background:#f5f5f5}.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}input::placeholder{color:inherit;opacity:.6}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(60%)sepia(50%)saturate(500%)hue-rotate(300deg);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(60%)sepia(50%)saturate(500%)hue-rotate(300deg);cursor:pointer}textarea::placeholder{color:inherit;opacity:.6}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:0}h1{margin-bottom:20px;font-size:22px}h2{font-size:16px}.container{max-width:100%;padding:0}.actions{flex-direction:column;gap:8px}.actions button{width:100%;margin:0}.random-word{margin:20px 0;padding:15px}#randomWordDisplay{min-height:80px;padding:15px}.word-card h3{font-size:20px}.word-card p{font-size:16px}.word-item{padding:12px}.word-actions{justify-content:stretch;width:100%}.word-actions button{flex:1;min-width:0;padding:8px 10px;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}.category-item{padding:10px}}@media (max-width:480px){body{padding:0}h1{margin-bottom:15px;font-size:20px}h2{font-size:15px}.random-word{margin:15px 0;padding:12px}#randomWordDisplay{min-height:70px;padding:12px}.word-card h3{font-size:18px}.word-card p{font-size:15px}.word-item{padding:10px}.word-actions{flex-direction:column}.word-actions button{width:100%;padding:8px 10px;font-size:12px}.toggle-btn{padding:8px 10px;font-size:11px;min-width:100px!important}button{padding:9px 12px;font-size:13px}.actions{gap:6px}.filter-section{padding:10px}.category-item{padding:8px;font-size:14px}.form-group{margin-bottom:15px}}@media (max-width:360px){body{padding:0}h1{margin-bottom:12px;font-size:18px}h2{font-size:14px}.random-word{padding:10px}#randomWordDisplay{min-height:60px;padding:10px}.word-card h3{font-size:16px}.word-card p{font-size:14px}button{padding:8px 10px;font-size:12px}.toggle-btn{padding:6px 8px;font-size:10px;min-width:80px!important}.word-actions button{padding:6px 8px;font-size:11px}}