.cd-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}.cd-display-card{text-align:center;padding:1.75rem 1.25rem 1.5rem;transition:border-color .3s}.cd-display-card.finished{border-color:var(--primary)}.cd-label{font-weight:700;color:var(--primary);margin-bottom:.25rem;overflow-wrap:anywhere}.cd-ring-wrap{position:relative;width:min(280px,72vw);aspect-ratio:1;margin:.5rem auto .75rem}.cd-ring{display:block;width:100%;height:100%}.cd-ring circle{fill:none;stroke-width:10}.cd-ring-bg{stroke:var(--card-alt)}.cd-ring-progress{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .3s}.cd-ring-progress.urgent{stroke:var(--bad)}.cd-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.cd-time{font-family:Courier New,Consolas,monospace;font-size:clamp(2rem,7vw,3rem);font-weight:800;line-height:1.1;letter-spacing:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cd-time.long{font-size:clamp(1.55rem,5.2vw,2.2rem)}.cd-time.urgent{color:var(--bad)}.cd-status{font-size:.76rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.cd-status.finished{color:var(--bad);animation:cd-pulse 1s infinite}.cd-controls{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cd-main{min-width:140px;padding:.8rem 1.5rem;font-size:1.02rem}.cd-hint{margin:.9rem 0 0}.cd-settings h2{font-size:1.2rem}.cd-duration{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem;margin:.5rem 0 1.1rem}.cd-duration label{text-align:center}.cd-duration input{text-align:center;font-family:Courier New,Consolas,monospace;font-size:1.1rem;font-weight:700;padding:.55rem .3rem}.cd-settings h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 .5rem}.cd-presets{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.45rem;gap:.45rem;margin-bottom:1.1rem}.cd-presets .btn{padding:.45rem .2rem;font-size:.82rem}.cd-presets .btn.active{background:var(--gradient);color:#fff;border-color:transparent}.cd-check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;margin:.5rem 0;cursor:pointer}.cd-check input{width:18px;height:18px;accent-color:var(--primary)}.cd-note{margin:.75rem 0 0}@keyframes cd-pulse{50%{opacity:.5}}@media (max-width:820px){.cd-layout{grid-template-columns:1fr}}@media (max-width:420px){.cd-presets{grid-template-columns:repeat(3,1fr)}.cd-main{min-width:120px}}