body { background:#f4f4f4; margin:0; padding:0; font-family:Arial,sans-serif; }
header { position:sticky; top:0; background:#343a40; color:#fff; padding:15px 20px; font-size:1.5rem; font-weight:bold; z-index:1000; display:flex; justify-content:space-between; align-items:center; }
.container { max-width:800px; margin:100px auto 40px auto; }
.box { background:white; padding:25px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.1); }
pre { background:#e6e6e6; color:#000000; padding:15px; border-radius:6px; white-space:pre-wrap; }
footer { background:#343a40; color:#fff; text-align:center; padding:15px 20px; margin-top:40px; }
#domainHeader { display:flex; align-items:center; margin-bottom:15px; }
#domainHeader img { width:32px; height:32px; margin-right:10px; border-radius:4px; }
#seoBox li { margin-bottom:5px; }
#toast-container { position: fixed; bottom:20px; right:20px; z-index:2000; }
.toast-message { background:#ffffff; color:#000000; padding:12px 20px; border-radius:6px; margin-top:10px; opacity:0; transform:translateY(20px); transition:opacity 0.5s, transform 0.5s; }
.toast-message.show { opacity:1; transform:translateY(0); }
.smal {
    border-radius: .375rem;
    padding: .5rem 1rem 16px;
    font-weight: 500;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    background: #e3e3e3;
}


footer { background:#343a40; color:#fff; text-align:center; padding:15px 20px; margin-top:30px; }
.container { max-width:900px; margin-top:30px; }
ul { padding-left:0; list-style:none; }
li { display:flex; justify-content:space-between; align-items:center; padding:10px; border-bottom:1px solid #dee2e6; border-radius:4px; background:#fff; margin-bottom:5px; }
li span { font-weight:500; }
a.btn { font-size:0.85rem; }