.dc-layout{display:grid;grid-template-columns:280px minmax(280px,1fr);gap:20px;align-items:start}.dc-panel{display:flex;flex-direction:column;gap:14px}.dc-panel input[type=date]{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding-block:10px;padding-inline:12px;font:inherit;font-size:14px;color-scheme:dark}.dc-panel input[type=date]:focus{outline:none;border-color:var(--accent)}.dc-seg{display:flex;flex-wrap:wrap;gap:8px}.dc-seg-btn{flex:1;min-inline-size:64px;padding-block:9px;padding-inline:8px;border-radius:9px;font-size:13px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer}.dc-seg-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.dc-result{display:flex;flex-direction:column;gap:16px;min-inline-size:0}.dc-empty{color:var(--muted);text-align:center;padding-block:32px}.dc-hero{text-align:center;padding-block:24px;padding-inline:22px;background:var(--panel);border:1px solid var(--accent);border-radius:16px}.dc-hero[data-completed=true]{border-color:var(--line)}.dc-hero-label{font-size:13px;color:var(--muted)}.dc-hero-date{margin-block-start:4px;font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.15}.dc-hero-weekday{margin-block-start:2px;font-size:14px;color:var(--muted)}.dc-hero-badge{display:inline-block;margin-block-start:12px;padding-block:6px;padding-inline:14px;border-radius:999px;background:var(--panel2);color:var(--accent);font-size:15px;font-weight:700}.dc-hero[data-completed=true] .dc-hero-badge{color:var(--muted)}.dc-progress-wrap{display:flex;flex-direction:column;gap:6px}.dc-progress{block-size:10px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);overflow:hidden}.dc-progress-bar{block-size:100%;background:var(--accent);border-radius:999px;transition:width .25s ease}.dc-progress-label{font-size:13px;color:var(--muted);text-align:end}.dc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.dc-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding-block:14px;padding-inline:16px}.dc-card-label{font-size:12px;color:var(--muted);margin-block-end:6px}.dc-card-value{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text)}@media(max-width:760px){.dc-layout{grid-template-columns:1fr}}