@layer components{.quick-card{container-type:inline-size}.quick-body{gap:.875rem;padding:1rem;display:grid}@container (width>=44rem){.quick-body{grid-template-columns:minmax(0,1fr) minmax(0,22.5rem);align-items:center;gap:.875rem 2.5rem;padding:1.375rem 1.75rem 1.5rem}.quick-body>.quick-head{grid-area:1/1}.quick-body>.quick-chips{grid-area:2/1}.quick-body>.quick-new{grid-area:3/1}.quick-body>.quick-lengths{grid-area:1/2}.quick-body>.quick-go{grid-area:2/2;align-self:start}}.quick-head{align-items:center;gap:.5rem 1rem;min-width:0;display:flex}.quick-title{min-width:0;color:var(--ink);font-family:var(--serif);letter-spacing:-.005em;flex:0 auto;margin:0;font-size:1.375rem;font-weight:500;line-height:1.15;display:grid}.quick-title>span{overflow-wrap:anywhere;grid-area:1/1;align-self:center;min-width:0}@container (width>=44rem){.quick-title{font-size:1.75rem}}.quick-done{align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.2;display:flex}@container (width>=44rem){.quick-done{font-size:inherit;line-height:inherit}}.quick-check{width:1.375rem;height:1.375rem;color:var(--accent);flex:none}.quick-card .is-off{visibility:hidden}.quick-undo{min-height:2.75rem;color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex:none;align-items:center;margin-right:-.5rem;padding:0 .5rem;font-size:.9375rem;font-weight:700;text-decoration:underline;display:inline-flex}.quick-undo:hover{color:var(--accent-hover)}@media (width>=51.25rem){.quick-undo{min-height:2.25rem}}.quick-chips{flex-wrap:wrap;gap:.5rem;display:flex}.quick-chip{border-radius:999px;gap:.5rem;max-width:100%;height:2.75rem;padding:0 .875rem 0 .75rem;font-size:.9375rem}.quick-chip>.subject-dot{border-radius:3px;width:.625rem;height:.625rem}.quick-chip>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width>=51.25rem){.quick-chip{height:2.5rem}}.quick-chip-new{color:var(--ink-2);border-style:dashed}.quick-chip-new:hover{color:var(--ink)}.quick-chip-new[aria-expanded=true]{border-style:solid;border-color:var(--accent);color:var(--accent)}.quick-new{border:1px solid var(--control);background:var(--sheet);cursor:text;border-radius:.625rem;align-items:center;gap:.625rem;min-width:0;height:2.75rem;padding:0 .75rem;display:flex}.quick-new:focus-within{outline:2px solid var(--accent);outline-offset:1px}.quick-new[hidden]{display:none}@media (width>=51.25rem){.quick-new{border-radius:.5rem;height:2.5rem}}.quick-new-dot{background:var(--subject,var(--control));border-radius:3px;flex:none;width:.625rem;height:.625rem}.quick-new-input{min-width:0;height:100%;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:auto;padding:0;font-size:1rem;font-weight:600}.quick-new-input::placeholder{color:var(--ink-3);opacity:1;font-weight:400}.quick-new-mark{color:var(--ink-2);white-space:nowrap;flex:none;font-size:.75rem;font-weight:600}.quick-lengths{grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;display:grid}.quick-lengths>.btn{text-align:center;white-space:normal;height:auto;min-height:2.75rem;padding:.25rem;font-size:.875rem;line-height:1.15}@media (width<22.5rem){.quick-lengths{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=51.25rem){.quick-lengths{gap:.5rem}.quick-lengths>.btn{min-height:2.5rem;font-size:.9375rem}}.quick-go{flex-wrap:wrap;gap:.5rem;display:flex}.quick-go>.btn{height:2.75rem}.quick-go>.quick-log{height:3rem;font-size:1.0625rem}@media (width>=51.25rem){.quick-go>.quick-log{flex:auto}.quick-go>.quick-timer{flex:0 auto;height:3rem}}.quick-hint{pointer-events:none;position:absolute;inset:0}.quick-hint-bar{top:calc(var(--hint-base) - var(--hint-h));left:calc(var(--hint-x) - var(--hint-w) / 2);width:var(--hint-w);height:var(--hint-h);border:1.5px dashed var(--control);border-bottom:0;border-radius:4px 4px 0 0;position:absolute}.quick-hint-text{bottom:calc(100% - var(--hint-base) + var(--hint-h) + 6px);left:var(--hint-text);width:max-content;max-width:100%;color:var(--ink-2);font-size:.75rem;font-weight:600;line-height:1.3;position:absolute}.tools-compact{max-width:var(--container-list);display:grid}@media (width>=48rem){.tools-compact{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));column-gap:2rem}}.tools-compact>li{border-bottom:1px solid var(--rule)}.tools-compact a{min-height:2.75rem;color:var(--ink);-webkit-text-decoration-color:var(--margin);text-decoration-color:var(--margin);text-underline-offset:4px;align-items:center;gap:.375rem;padding-block:.375rem;font-weight:600;display:flex}.tools-compact a:hover{text-decoration-line:underline}}@media (forced-colors:active){.quick-chip-new[aria-expanded=true]{outline-offset:1px;outline:2px solid highlight}.quick-hint-bar{border-color:canvastext}}