@layer components{.yt-pill{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 14px 0 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--chip);color:var(--ink);font-weight:750;font-size:14.5px;line-height:1;white-space:nowrap;flex:none;transition:background .2s,color .2s}.yt-pill:hover{background:var(--chip-hover)}.yt-dots{display:inline-flex;gap:3px}.yt-dots i{width:10px;height:10px;border-radius:50%;background:var(--c,var(--sun));box-shadow:0 0 0 1px var(--line-2)}.yt-pill-name{color:var(--ink-2);font-weight:650}.yt-pill-time{font-variant-numeric:tabular-nums}.yt-pill[data-status=done]{background:var(--flood-1);color:var(--flood-ink);border-color:transparent}.yt-pill[data-status=done] .yt-pill-name{color:var(--flood-ink)}.yt-pill[data-status=done] .yt-dots i{box-shadow:0 0 0 1.5px var(--flood-ink)}.yt-sheet{width:min(560px,calc(100vw - 32px));max-height:min(88vh,780px);padding:0;margin:auto;border:1px solid var(--line-2);border-radius:var(--r-l);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);overflow:auto;overscroll-behavior:contain;text-align:left}.yt-sheet::backdrop{background:rgba(6,8,18,.6)}[data-theme=light] .yt-sheet::backdrop{background:rgba(40,32,52,.4)}.yt-sheet[open]{animation:th-fade-in .25s var(--ease)}.yt-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px 24px;background:var(--surface)}.yt-head h2{font-family:var(--font-serif);font-size:26px;font-weight:500;letter-spacing:-.01em;line-height:1.15}.yt-body{padding:4px 24px 24px}.yt-rows{display:grid;gap:6px}.yt-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:64px;padding:8px 8px 8px 14px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}.yt-sw{width:12px;height:12px;border-radius:50%;background:var(--c,var(--sun));box-shadow:0 0 0 1px var(--line-2)}.yt-text{min-width:0}.yt-text b{font-weight:750;font-size:15px}.yt-text b,.yt-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-text small{color:var(--ink-2);font-size:13px;font-weight:600}.yt-time{font-family:var(--font-serif);font-weight:var(--time-weight);font-size:24px;line-height:1;font-variant-numeric:lining-nums tabular-nums;font-variation-settings:"opsz" 28}.yt-row[data-status=done]{border-color:var(--alert)}.yt-row[data-status=done] .yt-time{color:var(--alert);font-family:var(--font-sans);font-size:15px;font-weight:800}.yt-act{width:var(--tap);padding:0;border:1px solid var(--line-2);background:var(--chip)}.yt-open{min-width:76px}.yt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.yt-note{color:var(--ink-2);font-size:14.5px;margin:0 0 14px}.yt-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.yt-foot{color:var(--ink-2);font-size:13.5px;margin-top:14px}.add-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;text-align:left}.af-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px}.af-field{display:grid;gap:6px;min-width:0}.af-field>span,.af-label{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.af-field input{width:100%;min-height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--line-2);background:var(--chip);color:var(--ink);font-size:17px;font-weight:650;outline:none;transition:border-color .2s,background .2s}.af-field input::placeholder{color:var(--ink-3);font-weight:500;opacity:1}.af-field input:focus-visible{outline:3px solid var(--focus);outline-offset:2px;background:var(--chip-hover)}.af-field input[aria-invalid=true]{border-color:var(--alert)}.af-buttons{display:flex;gap:8px}.add-form .af-main{min-height:52px;padding:0 22px;font-size:16px}.add-form .af-alt{min-height:52px;padding:0 18px}.af-hint{margin-top:-4px;min-height:1.45em;font-size:14px;color:var(--ink-2)}.af-hint.is-error{color:var(--alert);font-weight:650}.af-extras{gap:10px 28px}.af-extras,.af-row{display:flex;flex-wrap:wrap;align-items:center}.af-row{gap:8px 14px;min-width:0}.af-chips{display:flex;flex-wrap:wrap;gap:6px}.af-chips .chip{padding:0 14px;font-size:14.5px}.af-colours{display:flex;gap:0}.af-colour{width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center}.af-colour:before{content:"";width:24px;height:24px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transition:box-shadow .15s}.af-colour[aria-checked=true]:before{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--ink)}.af-templates{display:grid;gap:10px}.af-template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.af-template{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:var(--chip);color:var(--ink);text-align:left}.af-template:hover{background:var(--chip-hover)}.af-template b{display:inline-flex;align-items:center;gap:6px;font-weight:750}.af-template b .i{width:18px;height:18px}.af-template small{color:var(--ink-2);font-size:13px}@media (max-width:1280px){.yt-pill-name{display:none}}@media (max-width:640px){.yt-pill{gap:7px;padding:0 12px 0 10px}.yt-sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:26px 26px 0 0;max-height:90vh;border-bottom:0}.yt-head{padding:14px 12px 8px 18px}.yt-body{padding:4px 18px 22px}.yt-row{grid-template-columns:12px minmax(0,1fr) auto auto;gap:10px;padding-left:12px}.yt-time{font-size:21px}.af-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.af-buttons{grid-column:1/-1}.add-form .af-main{flex:1}.af-extras{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.af-row{flex-wrap:nowrap}.af-row .af-label{flex:none}.af-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 16px 4px 2px;margin-right:-18px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.af-chips::-webkit-scrollbar{display:none}.af-chips .chip{flex:none}}@media (max-width:459px){.topbar:has(.yt-pill) .brand-name{display:none}.topbar:has(.yt-pill) .brand{min-width:var(--tap);justify-content:center}.yt-dots i:nth-child(n+2){display:none}}@media (prefers-reduced-motion:reduce){.yt-sheet[open]{animation:none}}}