body{
font-family:Arial,sans-serif;
background:#f3f4f6;
}

.dark{
background:#111827;
color:white;
}

.dic-wrap{
max-width:1000px;
margin:auto;
padding:20px;
}

.dic-header{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
flex-wrap:wrap;
}

.dic-card{
background:white;
padding:20px;
border-radius:16px;
box-shadow:0 2px 10px rgba(0,0,0,.1);
margin-top:20px;
}

.dic-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
}

.dic-grid input{
padding:12px;
width:100%;
border-radius:10px;
border:1px solid #ccc;
}

.results{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:15px;
margin-top:20px;
}

.result-box{
background:#e5e7eb;
padding:15px;
border-radius:12px;
text-align:center;
}

.buttons{
margin-top:20px;
display:flex;
gap:10px;
flex-wrap:wrap;
}

button{
padding:12px 16px;
border:none;
background:#374151;
color:white;
border-radius:10px;
cursor:pointer;
}

.seo-content{
margin-top:40px;
line-height:1.8;
}

@media(max-width:768px){
.dic-grid{
grid-template-columns:1fr;
}
}