.dc-tabs{display:flex;gap:4px;margin-bottom:20px;padding:4px;background:var(--panel-solid);border:1px solid var(--border);border-radius:10px}.dc-tab{flex:1;background:0 0;border:0;display:inline-block;text-align:center;text-decoration:none;padding:9px 14px;border-radius:7px;font-family:inherit;font-size:13.5px;color:var(--text-3);cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition)}.dc-tab:hover{color:var(--text-body)}.dc-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dc-tab.active{background:var(--active-bg);color:var(--accent);font-weight:600}.dc-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dc-single{max-width:340px}.dc-time-toggle{margin-top:10px}.dc-time{margin-top:8px}.dc-time .form-input{max-width:160px}.dc-hint{margin:14px 0 0;min-height:1em}.dc-result-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dc-formats{display:inline-flex;gap:2px;padding:3px;background:var(--panel-solid);border:1px solid var(--border);border-radius:7px}.dc-format{background:0 0;border:0;padding:3px 8px;border-radius:4px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-4);cursor:pointer;transition:background var(--transition),color var(--transition)}.dc-format:hover{color:var(--text-body)}.dc-format:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dc-format.active{background:var(--active-bg);color:var(--accent)}.dc-headline{margin:6px 0 0;font-size:28px;line-height:1.2;font-weight:600;color:var(--accent);overflow-wrap:anywhere}.dc-headline-sub{margin:6px 0 0;font-family:var(--font-mono);font-size:14px;color:var(--text-2)}.dc-secondary{display:flex;flex-wrap:wrap;gap:10px 28px;margin:18px 0 24px;padding-top:16px;border-top:1px solid var(--border-row)}.dc-small{display:flex;flex-direction:column;gap:2px;min-width:0}.dc-small-value{font-family:var(--font-mono);font-size:14px;color:var(--text-body);overflow-wrap:anywhere}.dc-detail-title,.dc-small-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-4)}.dc-detail-group+.dc-detail-group{margin-top:20px}.dc-detail-title{margin:0 0 8px;font-size:11px;font-weight:600;color:var(--text-3)}.dc-detail{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid var(--border-row);font-size:13.5px}.dc-detail:last-child{border-bottom:0}.dc-detail-label{color:var(--text-3);white-space:nowrap}.dc-detail-value{color:var(--text-body);text-align:right;overflow-wrap:anywhere}@media (max-width:768px){.dc-row{grid-template-columns:1fr}.dc-headline{font-size:23px}}@media (max-width:460px){.dc-detail{flex-direction:column;align-items:flex-start;gap:2px}.dc-detail-value{text-align:left}}