.dtc-system{padding:3rem 1rem;background-color:#f4f7f6;}.dtc-container{max-width:1000px;margin:0 auto}.dtc-title{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;font-weight:700;text-align:center}.dtc-description{font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 2.5rem;text-align:center}.dtc-input-section{text-align:center;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.dtc-label{display:block;font-size:1.2rem;color:#34495e;margin-bottom:.5rem}.dtc-select{padding:.8rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;background-color:#fff;min-width:150px}.dtc-converters-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dtc-input-card,.dtc-result-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08)}.dtc-card-title{font-size:1.5rem;color:#34495e;margin-bottom:1.5rem;text-align:center}.dtc-input-row{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.dtc-input-group{display:flex;flex-direction:column;align-items:center}.dtc-button{width:100%;padding:.8rem;border-radius:25px;background-color:#0f77b3;color:#fff;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s}.dtc-button:hover{background-color:#084568}.dtc-calendar-result{margin-bottom:1rem;padding:1rem;background-color:#f9f9f9;border-radius:8px;border-left:4px solid #0f77b3}.dtc-calendar-name{font-weight:700;color:#2c3e50;margin-bottom:.5rem}.dtc-date-display{font-size:1.1rem;color:#34495e}.dtc-extra-info{margin-top:1rem;padding:1rem;background-color:#e8f4f8;border-radius:8px;font-size:1rem;}@media (max-width:800px){.dtc-converters-grid{grid-template-columns:1fr}.dtc-input-row{flex-direction:column}}[data-theme="dark"] .dtc-system{background-color:var(--background-color)}[data-theme="dark"] .dtc-title,[data-theme="dark"] .dtc-card-title,[data-theme="dark"] .dtc-date-display{color:var(--text-color)}[data-theme="dark"] .dtc-description,[data-theme="dark"] .dtc-label,[data-theme="dark"] .dtc-calendar-name{color:var(--text-muted)}[data-theme="dark"] .dtc-input-card,[data-theme="dark"] .dtc-result-card,[data-theme="dark"] .dtc-calendar-result,[data-theme="dark"] .dtc-extra-info{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow)}[data-theme="dark"] .dtc-select{background:#2a2e32;color:var(--text-color);border:1px solid var(--border-color)}