@layer components{.nn-plan{border-radius:var(--radius-2xl);background:var(--color-ink-2);min-width:0;box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-paper);font-size:var(--text-small);line-height:20px;container-type:inline-size}.nn-plan-head{padding:16px 16px 6px}.nn-plan-list{flex-direction:column;padding:6px 8px 2px;display:flex}.nn-plan-row{border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;background:var(--color-ink-2);outline:none;align-items:flex-start;min-height:48px;padding:6px 8px;display:flex;position:relative}.nn-plan-inner{min-width:0;transition:transform var(--dur-panel) var(--ease-out);flex:1;align-items:flex-start;gap:10px;padding-inline-end:28px;display:flex;transform:translate(20px)}[dir=rtl] .nn-plan-inner{transform:translate(-20px)}.nn-plan:not([data-phase=review]) .nn-plan-inner{padding-inline-end:0;transform:none}.nn-plan[data-phase=review] .nn-plan-row{cursor:default}@media (hover:hover){.nn-plan[data-phase=review] .nn-plan-row:hover{background:#f2f0eb09}}.nn-plan-row[data-dragging]{z-index:2;background:var(--color-ink-3);box-shadow:inset 0 0 0 1px #f2f0eb1a,0 10px 24px -8px #0009}.nn-plan-grip,.nn-plan-remove{border-radius:var(--radius-nested);width:20px;height:24px;color:var(--color-muted);opacity:0;transition:opacity var(--dur-micro) var(--ease-out);place-items:center;display:grid;position:absolute;top:8px}.nn-plan-grip{cursor:grab;touch-action:none;inset-inline-start:4px}.nn-plan-remove{cursor:pointer;width:24px;inset-inline-end:8px}.nn-plan-row:hover .nn-plan-grip,.nn-plan-row:hover .nn-plan-remove,.nn-plan-row:focus-visible .nn-plan-grip,.nn-plan-row:focus-visible .nn-plan-remove,.nn-plan-row:focus-within .nn-plan-remove,.nn-plan-row[data-dragging] .nn-plan-grip{opacity:1}@media (hover:none){.nn-plan-grip,.nn-plan-remove{opacity:1}}@media (hover:hover){.nn-plan-remove:hover{color:var(--color-paper);background:#f2f0eb0f}}.nn-plan-marker{background:var(--color-ink);width:20px;height:20px;color:var(--color-muted);font-size:var(--text-caption);animation:nn-plan-pop var(--dur-panel) var(--ease-out) both;border-radius:999px;flex:none;place-items:center;margin-top:1px;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #f2f0eb1f}.nn-plan-row[data-state=done] .nn-plan-marker{box-shadow:none;background:0 0}.nn-plan-row[data-state=error] .nn-plan-marker{background:color-mix(in srgb, var(--color-error) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-error) 30%, transparent)}.nn-plan-dot{background:var(--color-paper);border-radius:999px;width:6px;height:6px;display:block}.nn-plan-ok{fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;animation:nn-plan-pop var(--dur-panel) var(--ease-out) both;flex:none}.nn-plan-foot .nn-plan-ok{width:16px;height:16px}.nn-plan-ok circle{fill:#f2f0ebe0}.nn-plan-ok path{stroke:var(--color-ink);stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:1px;animation:nn-plan-draw var(--dur-panel) var(--ease-out) calc(var(--stagger-step) * 2) forwards}.nn-plan-rail{top:30px;bottom:-4px;opacity:0;pointer-events:none;width:1px;transition:opacity var(--dur-panel) var(--ease-out) var(--dur-standard);background:#f2f0eb1f;position:absolute;inset-inline-start:17.5px}.nn-plan:not([data-phase=review]) .nn-plan-rail{opacity:1}.nn-plan-row[data-last] .nn-plan-rail{display:none}.nn-plan-rail-fill{transform-origin:top;transition:transform var(--dur-max) var(--ease-out);background:#f2f0eb80;position:absolute;inset:0;transform:scaleY(0)}.nn-plan-row[data-state=done] .nn-plan-rail-fill{transform:none}.nn-plan-name{font-size:var(--text-control);font-weight:500;line-height:20px}.nn-plan:not([data-phase=review]) .nn-plan-row[data-state=pending] .nn-plan-name{color:#f2f0eb99;transition:color var(--dur-panel) var(--ease-out)}.nn-plan-tool{border-radius:var(--radius-nested);background:var(--color-ink-3);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-detail);white-space:nowrap;padding:0 6px;font-weight:300;line-height:20px}.nn-plan-time{color:var(--color-muted);font-size:var(--text-detail);animation:nn-plan-in var(--dur-panel) var(--ease-out) both;flex:none;margin-top:1px;line-height:20px}.nn-plan-input{border-radius:var(--radius-sm);background:var(--color-ink);width:100%;height:26px;color:var(--color-paper);font-size:var(--text-control);-webkit-user-select:text;user-select:text;outline:none;margin:-2px 0 -2px -6px;padding:0 6px;font-weight:500;display:block;box-shadow:inset 0 0 0 1px #f2f0eb66,0 0 0 3px #f2f0eb14}.nn-plan-add{border-radius:var(--radius-lg);min-height:40px;color:var(--color-muted);cursor:text;animation:nn-plan-in var(--dur-standard) var(--ease-out) both;align-items:center;gap:10px;margin:0 8px 6px;padding:0 8px 0 28px;display:flex}.nn-plan-add-icon{place-items:center;width:20px;display:grid}.nn-plan-add-input{min-width:0;height:32px;color:var(--color-paper);font-size:var(--text-control);background:0 0;outline:none;flex:1}.nn-plan-add-input::placeholder{color:#9a9aa0cc}.nn-plan-add:focus-within{background:#f2f0eb09}.nn-plan-foot{border-top:1px solid var(--color-line);min-height:56px;animation:nn-plan-in var(--dur-panel) var(--ease-out) both;align-items:center;gap:8px;padding:10px 10px 10px 16px;display:flex}.nn-plan-fade{animation:nn-plan-in var(--dur-panel) var(--ease-out) both}@keyframes nn-plan-in{0%{opacity:0;transform:translateY(3px)}}@keyframes nn-plan-pop{0%{opacity:0;transform:scale(.6)}}@keyframes nn-plan-draw{to{stroke-dashoffset:0}}@media (pointer:coarse){.nn-plan-row{min-height:56px}.nn-plan-add{min-height:48px}}@container (max-width:380px){.nn-plan-tool{white-space:normal;overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.nn-plan-inner,.nn-plan-rail,.nn-plan-rail-fill{transition-duration:var(--dur-instant);transition-delay:0s}.nn-plan-marker,.nn-plan-ok,.nn-plan-time,.nn-plan-foot,.nn-plan-fade,.nn-plan-add{animation:nn-plan-fade var(--dur-instant) linear both}.nn-plan-ok path{stroke-dashoffset:0;animation:none}@keyframes nn-plan-fade{0%{opacity:0}}}}