@layer components{.du-tool{min-width:0;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.du-workspace{display:grid;grid-template-areas:"result" "selection" "own" "rule";gap:1.5rem}.du-heading{font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:-.025em}.du-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--primary)}.du-selection{grid-area:selection;min-width:0;border-top:1px solid var(--border);padding-top:1.25rem}.du-desktop-selection{display:none}.du-event-group+.du-event-group{border-top:1px solid var(--border);margin-top:.5rem}.du-event-group summary{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.5rem;padding-inline:.5rem;font-size:.875rem;font-weight:600}.du-event-group summary:hover{background:var(--surface-hover)}.du-event-group summary:active{background:var(--primary-soft)}.du-event-group[open]>summary .du-icon,.du-rotated{transform:rotate(180deg)}.du-event-list{display:grid;gap:.25rem}.du-event{display:flex;width:100%;min-width:0;min-height:2.75rem;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem .75rem;text-align:left;font-size:1rem;line-height:1.5}.du-event:hover{background:var(--surface-hover)}.du-event:active{background:var(--primary-soft)}.du-event[aria-pressed=true]{background:var(--primary-soft);color:var(--primary);font-weight:600}.du-group-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.du-group-options button{min-width:0;min-height:2.75rem;padding:.5rem .25rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);font-size:.875rem;font-weight:500}.du-group-options button:hover{background:var(--surface-hover);border-color:var(--primary)}.du-group-options button:active{background:var(--primary-soft)}.du-group-options button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.du-mobile-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.du-event-mobile{border:1px solid var(--border);font-size:.875rem;line-height:1.4;padding-inline:.625rem}.du-show-more{display:flex;min-height:2.75rem;width:100%;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);font-size:.875rem}.du-show-more:hover{background:var(--surface-hover);border-color:var(--primary)}.du-show-more:active{background:var(--primary-soft)}.du-result{grid-area:result;min-width:0}.du-result-count{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin-top:.25rem}.du-digits{font-size:5rem;font-weight:800;letter-spacing:-.06em;line-height:1.15}.du-day-label{color:var(--text-muted);font-size:1.5rem;font-weight:600;line-height:1.3}.du-count-long .du-digits{font-size:clamp(1.5rem,12vw,4rem);letter-spacing:-.04em}.du-ago{display:block;font-size:.875rem}.du-target-date{margin-top:.5rem;font-size:1rem;line-height:1.5}.du-result-meta{margin-top:.5rem;color:var(--text-muted);font-size:.875rem;line-height:1.5}.du-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.75rem}.du-copy{max-width:100%}.du-detail-link{display:flex;align-items:center;min-height:2.75rem;width:fit-content;color:var(--primary);font-size:.875rem;text-decoration:underline;text-underline-offset:.125rem}.du-detail-link:hover,.du-reset:hover{color:var(--text-primary)}.du-own{grid-area:own;min-width:0;border-top:1px solid var(--border);padding-top:1.25rem}.du-own-heading{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:.25rem .5rem;margin-bottom:.75rem}.du-own label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.875rem;line-height:1.5}.du-own .field-input{background:var(--surface);border-radius:.5rem}.du-own-help{margin-top:.5rem;color:var(--text-muted);font-size:.875rem;line-height:1.5}.du-reset{min-height:2.75rem;color:var(--primary);font-size:.875rem;text-decoration:underline;text-underline-offset:.125rem}.du-rule{grid-area:rule;min-width:0;color:var(--text-muted);font-size:.875rem;line-height:1.5}.du-catalog{margin-top:2rem}.du-catalog-intro{margin-top:.5rem;color:var(--text-muted);font-size:.875rem}.du-catalog-groups{display:grid;gap:1.5rem;margin-top:1.5rem}.du-catalog-group h3{font-size:1rem;font-weight:600;line-height:1.5}.du-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;margin-top:.5rem}.du-catalog-link{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--border);border-radius:.25rem;padding:.5rem .25rem;color:var(--primary);font-size:.875rem;line-height:1.4;text-decoration:underline;text-underline-offset:.125rem}.du-catalog-link:hover{background:var(--surface-hover)}.du-catalog-link:active{background:var(--primary-soft)}.du-catalog-link svg{width:.875rem;height:.875rem;flex-shrink:0}@media(min-width:48rem){.du-tool{padding:1.5rem}.du-heading{font-size:1.5rem}.du-result-count{gap:1rem}.du-digits{font-size:6rem}.du-day-label{font-size:2rem}.du-target-date{font-size:1.125rem}.du-detail-link{font-size:1rem}.du-catalog{margin-top:2.5rem}.du-catalog-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.du-tool{padding:2rem}.du-workspace{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-areas:"selection result" "selection own" "selection rule";grid-template-rows:auto auto 1fr;column-gap:2rem;row-gap:1.5rem}.du-selection{border-top:0;border-right:1px solid var(--border);padding:0 2rem 0 0}.du-desktop-selection{display:block}.du-mobile-selection{display:none}.du-event-group:first-of-type{margin-top:.5rem}.du-result{padding-top:.25rem}.du-result-actions{flex-direction:column;align-items:flex-start}.du-digits{font-size:7rem}.du-day-label{font-size:2.5rem}.du-own{padding-top:1.5rem}.du-rule{align-self:end}.du-catalog-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}}.du-page{padding-top:.75rem}.du-page>nav{margin-bottom:.75rem}.du-page #tool-title{font-size:2.25rem}.du-page #tool-title+p{margin-top:.5rem;line-height:1.5}.du-page>section[aria-labelledby=tool-title]{padding-bottom:1.5rem}@media(min-width:48rem){.du-page{padding-top:2rem}.du-page>nav{margin-bottom:1rem}.du-page #tool-title{font-size:3rem}.du-page>section[aria-labelledby=tool-title]{padding-bottom:2rem}}