.dc-tabs{margin-bottom:16px}.dc-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:720px){.dc-panel{grid-template-columns:1fr}}.dc-inputs{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.dc-date{display:flex;gap:8px}.dc-date .btn,.dc-unit{flex:none}.dc-unit{width:auto}.dc-result{display:block;padding:22px;border-radius:var(--radius);min-height:160px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border))}.dc-result p{margin:0 0 6px}.dc-big{font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dc-date-line{font-weight:600}.dc-list{margin:10px 0 0;padding-left:18px;display:grid;grid-gap:4px;gap:4px}.dc-anniv{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-gap:6px;gap:6px}.dc-anniv li{display:grid;grid-template-columns:72px 1fr auto;grid-gap:10px;gap:10px;align-items:baseline;padding:8px 10px;border-radius:10px;background:var(--surface);font-size:14px}.dc-anniv li.past{opacity:.45}.dc-anniv li.now{outline:2px solid var(--accent)}.dc-anniv em{font-style:normal;font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dc-bar{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:10px 0 6px}.dc-bar span{display:block;height:100%;background:var(--accent)}