*{box-sizing:border-box}
.cmtdt-wrap{max-width:700px;margin:20px auto;padding:20px;font-family:Arial,sans-serif}
.cmtdt-box,.cmtdt-result{background:#f5f5f5;padding:25px;border-radius:15px;margin-bottom:20px;box-shadow:0 5px 15px #0001}
label{display:block;font-weight:bold;margin-top:15px}
input{width:100%;padding:14px;border-radius:8px;border:1px solid #ccc;margin-top:5px}
button{padding:12px 18px;border:0;border-radius:8px;margin-top:15px}
.cmtdt-dark .cmtdt-box,.cmtdt-dark .cmtdt-result{background:#222;color:#fff}
@media(max-width:600px){.cmtdt-wrap{padding:12px}}