.dream{gap:calc(var(--nav-size) * .25);flex-direction:column;grid-column:1/-1;display:flex}.dream-controls-row{align-items:center;gap:calc(var(--nav-size) * .18);flex-wrap:wrap;display:flex}.dream-controls-row .plans-search{flex:200px}.dream-new{flex-shrink:0;margin-left:auto}.dream-grid{gap:calc(var(--nav-size) * .25);grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));align-items:stretch;display:grid}.dream-tile{--dream-hue:var(--fg-blue);border-radius:var(--border-radius-lg);background:color-mix(in srgb, var(--dream-hue) var(--plane-fallback), var(--bg-1));background:oklch(from var(--dream-hue) var(--plane-l) c h);flex-direction:column;transition:transform .2s,background .2s;display:flex;overflow:hidden}.dream-tile:hover{background:color-mix(in srgb, var(--dream-hue) calc(var(--plane-fallback) + 16%), var(--bg-1));background:oklch(from var(--dream-hue) var(--plane-l-strong) c h);transform:translateY(-2px)}.dream-tile-media{aspect-ratio:4/3;cursor:pointer;background:linear-gradient(135deg, var(--dream-hue), color-mix(in srgb, var(--dream-hue) 30%, var(--bg-1)));border:none;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.dream-tile-media:hover:not(:disabled){background:linear-gradient(135deg, var(--dream-hue), color-mix(in srgb, var(--dream-hue) 30%, var(--bg-1)))}.dream-tile-media img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.dream-tile-nocover{background:linear-gradient(135deg, var(--dream-hue), color-mix(in srgb, var(--dream-hue) 30%, var(--bg-1)));position:absolute;top:0;bottom:0;left:0;right:0}.dream-tile.is-achieved .dream-tile-media img{filter:saturate(.5)}.dream-tile-badge{top:calc(var(--nav-size) * .16);left:calc(var(--nav-size) * .16);padding:2px calc(var(--nav-size) * .2);background:var(--bg-1);color:var(--text-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);border-radius:999px;position:absolute}.dream-tile-body{gap:calc(var(--nav-size) * .12);padding:calc(var(--nav-size) * .24) calc(var(--nav-size) * .28) 0;flex-direction:column;flex:auto;display:flex}.dream-tile-head{align-items:flex-start;gap:calc(var(--nav-size) * .12);display:flex}.dream-tile-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;margin:0;line-height:1.25}.dream-tile-vision{font-size:var(--font-size-small);font-style:italic;line-height:var(--line-height-relaxed);color:var(--plane-muted);overflow-wrap:anywhere;margin:0}.dream-tile-tags{align-items:center;gap:calc(var(--nav-size) * .1);padding:calc(var(--nav-size) * .16) calc(var(--nav-size) * .28) 0;flex-wrap:wrap;display:flex}.dream-tile-time{font-size:var(--font-size-xs);color:var(--plane-muted);margin-left:auto}.dream-tile-foot{justify-content:space-between;align-items:center;gap:calc(var(--nav-size) * .15);margin-top:calc(var(--nav-size) * .2);padding:calc(var(--nav-size) * .2) calc(var(--nav-size) * .28);background:color-mix(in srgb, var(--dream-hue) var(--plane-raise), transparent);display:flex}.dream-tile-tools{gap:calc(var(--nav-size) * .06);display:flex}.dream-form-cols{gap:calc(var(--nav-size) * .4);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}@media (max-width:820px){.dream-form-cols{grid-template-columns:1fr}}.dream-form-fields{gap:calc(var(--nav-size) * .25);flex-direction:column;display:flex}.dream-count{align-self:flex-end}.dream-cover{gap:calc(var(--nav-size) * .14)}.dream-cover-preview{aspect-ratio:4/3;border-radius:var(--border-radius);background:linear-gradient(135deg, var(--dream-hue), color-mix(in srgb, var(--dream-hue) 30%, var(--bg-1)));width:100%;position:relative;overflow:hidden}.dream-cover-preview img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.dream-cover-busy{padding:calc(var(--nav-size) * .14) calc(var(--nav-size) * .2);background:var(--bg-1);color:var(--text-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center;position:absolute;top:auto;bottom:0;left:0;right:0}.dream-cover-grid{gap:calc(var(--nav-size) * .1);grid-template-columns:repeat(auto-fill,minmax(50px,1fr));display:grid}.dream-cover-choice{aspect-ratio:4/3;border-radius:var(--border-radius);cursor:pointer;background:var(--bg-accent);opacity:.72;border:none;min-height:0;padding:0;transition:opacity .15s,box-shadow .15s;position:relative;overflow:hidden}.dream-cover-choice img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.dream-cover-choice:hover:not(:disabled){opacity:1}.dream-cover-choice:focus-visible{opacity:1}.dream-cover-choice:hover:not(:disabled){background:var(--bg-accent)}.dream-cover-choice.is-active{opacity:1;box-shadow:0 0 0 2px var(--fg-blue)}.dream-cover-choice:disabled{cursor:default;opacity:.4}.dream-cover-more{align-self:flex-start}.dream-cover-custom{gap:calc(var(--nav-size) * .16);padding:calc(var(--nav-size) * .2);border-radius:var(--border-radius);background:color-mix(in srgb, var(--fg-blue) 8%, transparent);flex-direction:column;display:flex}.dream-cover-file{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dream-cover-url{align-items:center;gap:calc(var(--nav-size) * .12);display:flex}.dream-cover-url .plans-input{flex:1;min-width:0}@media (prefers-reduced-motion:reduce){.dream-tile,.dream-cover-choice,.dream-cover-choice img{transition:none}.dream-tile:hover{transform:none}}@media (prefers-contrast:more){.dream-tile{background:var(--bg-1);border:1px solid var(--text-color)}.dream-tile-foot{background:var(--bg-accent)}.dream-cover-choice{opacity:1}.dream-cover-choice.is-active{box-shadow:0 0 0 3px var(--text-color)}.dream-tile-badge{border:1px solid var(--text-color)}}.plans-page{min-height:100vh;--plans-ctl-size:calc(var(--nav-size) * .66);--plans-muted:var(--plane-muted);min-height:100svh;padding:calc(var(--nav-size) * 1.15) calc(var(--nav-size) * .3) calc(var(--nav-size) * 1.2);color:var(--text-color);background:var(--bg-page);position:relative}.plans-shell{z-index:2;gap:calc(var(--nav-size) * .25);--plans-hue:var(--fg-blue);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:start;width:100%;max-width:1180px;margin:0 auto;display:grid;position:relative}.plans-bar,.plans-login,.plans-agent,.plans-goals,.plans-form,.plans-skeleton-list,.plans-info-note{grid-column:1/-1}.plans-bar{top:var(--nav-size);z-index:5;align-items:center;gap:calc(var(--nav-size) * .1) calc(var(--nav-size) * .25);padding:calc(var(--nav-size) * .18) 0;background:var(--bg-page);flex-wrap:wrap;display:flex;position:sticky}.plans-bar:after{content:"";background:linear-gradient(90deg, var(--fg-blue), var(--fg-mint) 42%, transparent 72%);pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}.plans-bar-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);letter-spacing:-.01em;margin:0;line-height:1}.plans-bar-status{font-size:var(--font-size-small);color:var(--text-color-accent)}.plans-bar-readout,.plans-bar-stats{gap:calc(var(--nav-size) * .1);flex-wrap:wrap;display:flex}.plans-bar-actions{gap:calc(var(--nav-size) * .12);flex-wrap:wrap;margin-left:auto;display:flex}.plans-chip{font-size:var(--font-size-xs);color:var(--text-color-accent);background:color-mix(in srgb, var(--fg-blue) 8%, transparent);white-space:nowrap;border-radius:999px;padding:1px 9px;line-height:1.6}.plans-chip strong{color:var(--text-color);font-weight:var(--font-weight-semibold)}.plans-chip--accent{--badge-tone:var(--green2)}.plans-chip--danger{--badge-tone:var(--red0)}.dark-theme .plans-chip--accent{--badge-tone:var(--green1)}.plans-chip--accent,.plans-chip--danger{background:var(--bg-1);color:oklch(from var(--badge-tone) var(--plane-ink-l) c h)}.plans-login{width:100%;padding:calc(var(--nav-size) * .3) calc(var(--nav-size) * .4);background:color-mix(in srgb, var(--fg-blue) var(--plane-fallback), var(--bg-1));background:oklch(from var(--fg-blue) var(--plane-l) c h);border-radius:var(--border-radius-lg);color:var(--text-color);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid #0000;transition:background .2s}.plans-login:hover{background:color-mix(in srgb, var(--fg-blue) calc(var(--plane-fallback) + 16%), var(--bg-1));background:oklch(from var(--fg-blue) var(--plane-l-strong) c h);box-shadow:none}.plans-agent{--plans-hue:var(--fg-mint);gap:calc(var(--nav-size) * .2);padding:calc(var(--nav-size) * .28);background:color-mix(in srgb, var(--plans-hue) var(--plane-fallback), var(--bg-1));background:oklch(from var(--plans-hue) var(--plane-l) c h);border-radius:var(--border-radius-lg);flex-direction:column;display:flex}.plans-agent.is-offline{--plans-hue:var(--fg-orange)}.plans-agent-head{align-items:flex-start;gap:calc(var(--nav-size) * .25);display:flex}.plans-agent-dot{width:calc(var(--nav-size) * .24);height:calc(var(--nav-size) * .24);margin-top:calc(var(--nav-size) * .1);background:var(--text-color-accent);border-radius:50%;flex-shrink:0}.is-live .plans-agent-dot{background:var(--fg-mint);box-shadow:0 0 0 0 color-mix(in srgb, var(--fg-mint) 60%, transparent);animation:2s ease-out infinite plansPulse}.is-offline .plans-agent-dot{background:var(--fg-orange)}@keyframes plansPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--fg-mint) 55%, transparent)}70%{box-shadow:0 0 0 calc(var(--nav-size) * .3) transparent}to{box-shadow:0 0 #0000}}.plans-agent-heading{flex:1;min-width:0}.plans-agent-title{margin:0 0 calc(var(--nav-size) * .08);font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.plans-agent-sub{font-size:var(--font-size-small);line-height:var(--line-height-base);color:var(--plans-muted);margin:0}.plans-agent-sub a{color:var(--fg-blue);font-weight:var(--font-weight-semibold)}.plans-agent-kill{padding:calc(var(--nav-size) * .1) calc(var(--nav-size) * .26);background:color-mix(in srgb, var(--fg-pink) 16%, transparent);color:var(--fg-pink);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;border-radius:999px;flex-shrink:0}.plans-stage-rail{gap:calc(var(--nav-size) * .1);grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid}.plans-stage{align-items:center;gap:calc(var(--nav-size) * .06);padding:calc(var(--nav-size) * .16) calc(var(--nav-size) * .08);background:color-mix(in srgb, var(--text-color) 8%, transparent);border-radius:var(--border-radius);background:color-mix(in srgb, var(--bg-page) 55%, transparent);text-align:center;flex-direction:column;transition:background .25s,border-color .25s,transform .25s;display:flex}.plans-stage-key{width:calc(var(--nav-size) * .34);height:calc(var(--nav-size) * .34);background:var(--bg-accent);color:var(--plans-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.plans-stage-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--plans-muted)}.plans-stage.is-done .plans-stage-key{background:color-mix(in srgb, var(--fg-blue) 22%, transparent);color:var(--fg-blue)}.plans-stage.is-done .plans-stage-label{color:var(--text-color)}.plans-stage.is-current{background:color-mix(in srgb, var(--fg-mint) 22%, transparent)}.plans-stage.is-current .plans-stage-key{background:var(--fg-mint);color:var(--text-color-inv)}.plans-stage.is-current .plans-stage-label{color:var(--text-color);font-weight:var(--font-weight-bold)}.plans-agent-meta{align-items:center;gap:calc(var(--nav-size) * .14);flex-wrap:wrap;display:flex}.plans-agent-chip{padding:calc(var(--nav-size) * .08) calc(var(--nav-size) * .24);background:var(--bg-accent);color:var(--text-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:999px}.plans-agent-chip--warn{--badge-tone:var(--fg-orange)}.plans-agent-chip--accent{--badge-tone:var(--fg-mint)}.plans-agent-chip--warn,.plans-agent-chip--accent{background:var(--bg-1);color:oklch(from var(--badge-tone) var(--plane-ink-l) c h)}.plans-agent-chip--muted{background:color-mix(in srgb, var(--text-color) 10%, transparent);color:var(--plans-muted)}.plans-agent-link{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--fg-blue);margin-left:auto;text-decoration:none}.plans-agent-link:hover{text-decoration:underline}.plans-agent-lesson{padding:calc(var(--nav-size) * .2) calc(var(--nav-size) * .3);border-radius:var(--border-radius);background:color-mix(in srgb, var(--fg-blue) var(--plane-raise), transparent);font-size:var(--font-size-small);line-height:var(--line-height-base);color:var(--text-color);margin:0}.plans-suggestions{--plans-hue:var(--fg-pink);gap:calc(var(--nav-size) * .2);padding:calc(var(--nav-size) * .28);background:color-mix(in srgb, var(--plans-hue) var(--plane-fallback), var(--bg-1));background:oklch(from var(--plans-hue) var(--plane-l) c h);border-radius:var(--border-radius-lg);flex-direction:column;display:flex}.plans-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-color-accent);margin:0}.plans-suggestion-list{gap:calc(var(--nav-size) * .22);display:grid}.plans-suggestion{align-items:center;gap:var(--spacing-sm);padding:calc(var(--nav-size) * .28) calc(var(--nav-size) * .32);background:color-mix(in srgb, var(--fg-mint) 14%, transparent);border-radius:var(--border-radius-lg);flex-wrap:wrap;display:flex}.plans-suggestion-body{flex:240px;min-width:0}.plans-suggestion-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.plans-suggestion-desc{margin:calc(var(--nav-size) * .08) 0 0;font-size:var(--font-size-small);color:var(--plans-muted);line-height:var(--line-height-base)}.plans-suggestion-tags{gap:calc(var(--nav-size) * .1);margin-top:calc(var(--nav-size) * .14);flex-wrap:wrap;display:flex}.plans-switch{padding:calc(var(--nav-size) * .08);place-self:flex-start start;gap:calc(var(--nav-size) * .08);background:color-mix(in srgb, var(--text-color) 9%, transparent);border-radius:999px;display:inline-flex}.plans-switch-btn{align-items:center;gap:calc(var(--nav-size) * .12);padding:calc(var(--nav-size) * .2) calc(var(--nav-size) * .45);color:var(--text-color);font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;border-radius:999px;transition:background .2s,color .2s;display:inline-flex}.plans-switch-btn:hover{background:var(--bg-accent)}.plans-switch-btn.is-active{background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv)}.plans-switch-count{padding:0 calc(var(--nav-size) * .14);background:color-mix(in srgb, var(--text-color) 12%, transparent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:999px}@media (max-width:400px){.plans-switch{gap:calc(var(--nav-size) * .14);background:0 0;flex-wrap:wrap;width:100%;padding:0;display:flex}.plans-switch-btn{background:color-mix(in srgb, var(--text-color) 9%, transparent)}}.plans-switch-btn.is-active .plans-switch-count{background:color-mix(in srgb, var(--text-color-inv) 22%, transparent)}.plans-tabs{gap:calc(var(--nav-size) * .14);flex-wrap:wrap;display:flex}.plans-tab{align-items:center;gap:calc(var(--nav-size) * .12);padding:calc(var(--nav-size) * .2) calc(var(--nav-size) * .36);background:color-mix(in srgb, var(--text-color) 9%, transparent);color:var(--text-color);font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid #0000;border-radius:999px;transition:background .2s;display:inline-flex}.plans-tab:hover{background:color-mix(in srgb, var(--text-color) 14%, transparent)}.plans-tab.is-active{background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv)}.plans-tab-count{padding:0 calc(var(--nav-size) * .14);background:var(--bg-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:999px}.plans-tab.is-active .plans-tab-count{background:color-mix(in srgb, var(--text-color-inv) 22%, transparent);color:var(--text-color-inv)}.plans-controls{--plans-hue:var(--fg-blue);gap:calc(var(--nav-size) * .2);padding:calc(var(--nav-size) * .28);background:color-mix(in srgb, var(--plans-hue) var(--plane-fallback), var(--bg-1));background:oklch(from var(--plans-hue) var(--plane-l) c h);border-radius:var(--border-radius-lg);flex-direction:column;grid-column:1/-1;display:flex}.plans-quickadd{align-items:center;gap:calc(var(--nav-size) * .18);padding:calc(var(--nav-size) * .12) calc(var(--nav-size) * .28);background:var(--bg-1);border:1px solid color-mix(in srgb, var(--plans-hue) 28%, transparent);border-radius:999px;transition:border-color .2s;display:flex}.plans-quickadd:focus-within{border-color:var(--fg-blue)}.plans-quickadd-icon{flex-shrink:0}.plans-quickadd-input{min-width:0;padding:calc(var(--nav-size) * .18) 0;color:var(--text-color);font-family:inherit;font-size:var(--font-size-base);background:0 0;border:none;outline:none;flex:1}.plans-quickadd-input::placeholder{color:var(--plans-muted)}.plans-quickadd-btn{padding:calc(var(--nav-size) * .2) calc(var(--nav-size) * .5);background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv);font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;transition:transform .15s,box-shadow .15s,opacity .15s}.plans-quickadd-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.plans-quickadd-btn:disabled{opacity:.5;cursor:default}.plans-controls-row{gap:calc(var(--nav-size) * .16);flex-wrap:wrap;align-items:center;display:flex}.plans-search{align-items:center;gap:calc(var(--nav-size) * .16);padding:0 calc(var(--nav-size) * .28);background:var(--bg-1);border:1px solid color-mix(in srgb, var(--plans-hue) 28%, transparent);border-radius:999px;flex:220px;transition:border-color .2s;display:flex}.plans-search:focus-within{border-color:var(--fg-blue)}.plans-search-icon{opacity:.65;font-size:var(--font-size-small)}.plans-search-input{min-width:0;padding:calc(var(--nav-size) * .24) 0;color:var(--text-color);font-family:inherit;font-size:var(--font-size-small);background:0 0;border:none;outline:none;flex:1}.plans-search-input::placeholder{color:var(--plans-muted)}.plans-search-clear{color:var(--text-color-accent);font-size:var(--font-size-small);cursor:pointer;padding:calc(var(--nav-size) * .08);border-radius:var(--border-radius);background:0 0;border:none;line-height:1}.plans-search-clear:hover{color:var(--text-color)}.plans-filter-select{padding:calc(var(--nav-size) * .22) calc(var(--nav-size) * .28);background:var(--bg-1);border:1px solid color-mix(in srgb, var(--plans-hue) 28%, transparent);color:var(--text-color);font-family:inherit;font-size:var(--font-size-small);cursor:pointer;border-radius:999px;outline:none}.plans-filter-select:focus{border-color:var(--fg-blue)}.plans-chips{gap:calc(var(--nav-size) * .12);flex-wrap:wrap;display:flex}@media (min-width:769px){.plans-switch{grid-column:1}.plans-controls{grid-column:2/-1}}.plans-chip{padding:calc(var(--nav-size) * .14) calc(var(--nav-size) * .34);background:color-mix(in srgb, var(--text-color) 9%, transparent);color:var(--text-color);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid #0000;border-radius:999px;transition:background .18s}.plans-chip:hover{background:color-mix(in srgb, var(--text-color) 15%, transparent)}.plans-chip.is-active{background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv)}.plans-chip--priority.is-active{background:linear-gradient(135deg, var(--fg-orange), var(--fg-pink))}.plans-chip--clear{color:var(--text-color-accent);background:0 0;text-decoration:underline}.plans-chip--clear:hover{color:var(--fg-pink);background:0 0}.plans-btn{justify-content:center;align-items:center;gap:calc(var(--nav-size) * .12);padding:calc(var(--nav-size) * .22) calc(var(--nav-size) * .55);font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.plans-btn:disabled{opacity:.5;cursor:default;transform:none}.plans-btn--primary{background:linear-gradient(45deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv)}.plans-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.plans-btn--outline{background:color-mix(in srgb, var(--text-color) 9%, transparent);color:var(--text-color)}.plans-btn--ghost{background:var(--bg-1);color:var(--text-color)}.plans-btn--sm{padding:calc(var(--nav-size) * .18) calc(var(--nav-size) * .4)}.plans-btn--danger{background:linear-gradient(135deg, var(--red0), var(--fg-pink));color:var(--white0);font-weight:var(--font-weight-bold)}.plans-btn--danger:hover:not(:disabled){background:linear-gradient(135deg, var(--red0), var(--fg-pink));box-shadow:var(--shadow-md);transform:translateY(-1px)}.plans-modal-overlay{z-index:100;padding:calc(var(--nav-size) * .4);background:color-mix(in srgb, var(--bg-page) 76%, transparent);justify-content:center;align-items:center;animation:.18s both plansFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes plansFadeIn{0%{opacity:0}to{opacity:1}}.plans-modal{align-items:center;gap:calc(var(--nav-size) * .22);width:100%;max-width:420px;padding:var(--spacing-sm);background:var(--bg-1);border:1px solid var(--border-nav);border-top:4px solid var(--red0);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);text-align:center;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.3,1) both plansModalIn;display:flex}@keyframes plansModalIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.plans-modal-icon{font-size:calc(var(--nav-size) * .6);line-height:1}.plans-modal-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.plans-modal-desc{max-width:38ch;font-size:var(--font-size-small);line-height:var(--line-height-relaxed);color:var(--text-color-accent);margin:0}.plans-modal-subject{color:var(--text-color);overflow-wrap:anywhere}.plans-modal-warn{color:var(--red0);font-weight:var(--font-weight-semibold)}.plans-modal-actions{gap:calc(var(--nav-size) * .22);width:100%;margin-top:calc(var(--nav-size) * .1);display:flex}.plans-modal-actions .plans-btn{flex:1}.plans-form{gap:calc(var(--nav-size) * .3);padding:var(--spacing-sm);background:var(--bg-1);border:1px solid var(--border-nav);border-top:3px solid var(--fg-mint);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);flex-direction:column;animation:.25s ease-out plansSlideDown;display:flex}@keyframes plansSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.plans-form-head{justify-content:space-between;align-items:center;display:flex}.plans-form-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin:0}.plans-form-close{color:var(--text-color-accent);font-size:var(--font-size-base);cursor:pointer;padding:calc(var(--nav-size) * .1);border-radius:var(--border-radius);background:0 0;border:none;line-height:1}.plans-form-close:hover{color:var(--text-color)}.plans-field{gap:calc(var(--nav-size) * .1);flex-direction:column;flex:1;min-width:0;display:flex}.plans-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-color-accent)}.plans-field-hint{text-transform:none;letter-spacing:0;font-weight:var(--font-weight-medium);opacity:.8}.plans-input,.plans-textarea,.plans-select{width:100%;padding:calc(var(--nav-size) * .24) calc(var(--nav-size) * .3);background:var(--bg-page);border:1px solid var(--border-nav);border-radius:var(--border-radius);color:var(--text-color);font-family:inherit;font-size:var(--font-size-small);box-sizing:border-box;outline:none;transition:border-color .2s}.plans-input:focus,.plans-textarea:focus,.plans-select:focus{border-color:var(--fg-blue)}.plans-textarea{resize:vertical;min-height:calc(var(--nav-size) * 1.2)}.plans-form-row{gap:calc(var(--nav-size) * .25);flex-wrap:wrap;display:flex}.plans-form-row>*{flex:140px}.plans-field--check{align-items:center;gap:calc(var(--nav-size) * .16);font-size:var(--font-size-small);color:var(--text-color);flex-direction:row}.plans-field--check input{width:auto;accent-color:var(--fg-mint)}.plans-advanced{border-top:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);padding-top:calc(var(--nav-size) * .25)}.plans-advanced-toggle{color:var(--fg-blue);font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;padding:0}.plans-advanced-body{gap:calc(var(--nav-size) * .25);margin-top:calc(var(--nav-size) * .25);flex-direction:column;display:flex}.plans-form-actions{justify-content:flex-end;gap:calc(var(--nav-size) * .2);display:flex}.plans-skeleton-list{gap:calc(var(--nav-size) * .25);flex-direction:column;display:flex}.plans-skeleton-card{gap:calc(var(--nav-size) * .2);padding:var(--spacing-xs);background:var(--bg-1);border:1px solid var(--border-nav);border-radius:var(--border-radius-lg);flex-direction:column;display:flex}.plans-skeleton{height:calc(var(--nav-size) * .3);border-radius:var(--border-radius);background:linear-gradient(90deg, var(--grey3-transp) 25%, var(--white2-transp) 50%, var(--grey3-transp) 75%);background-size:200% 100%;animation:1.4s infinite plansShimmer}.plans-skeleton--title{width:55%;height:calc(var(--nav-size) * .4)}.plans-skeleton--line{width:90%}.plans-skeleton--short{width:60%}@keyframes plansShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.plans-empty{align-items:flex-start;gap:calc(var(--nav-size) * .2);padding:calc(var(--nav-size) * .4) calc(var(--nav-size) * .35);background:color-mix(in srgb, var(--text-color) 6%, transparent);border-radius:var(--border-radius-lg);text-align:left;flex-direction:column;display:flex}.plans-empty-icon{font-size:calc(var(--nav-size) * .5);opacity:.9;line-height:1}.plans-empty-title{max-width:46ch;font-size:var(--font-size-small);line-height:var(--line-height-base);color:var(--text-color-accent);margin:0}.plans-goals{gap:var(--spacing-sm);flex-direction:column;display:flex}.plans-group{gap:calc(var(--nav-size) * .24);flex-direction:column;display:flex}.plans-group--done{opacity:.82}.plans-group-title{align-items:center;gap:calc(var(--nav-size) * .16);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-color-accent);margin:0;display:flex}.plans-group-title--blocked{color:var(--fg-pink)}.plans-group-title--done{color:var(--text-color-accent)}.plans-group-title--active{color:var(--fg-mint)}.light-theme .plans-group-title--active{color:color-mix(in srgb, var(--fg-mint) 35%, var(--text-color))}.light-theme .plans-group-title--blocked{color:color-mix(in srgb, var(--fg-pink) 40%, var(--text-color))}.plans-group-count{padding:0 calc(var(--nav-size) * .16);background:var(--bg-accent);color:var(--text-color);font-size:var(--font-size-xs);border-radius:999px}.plans-goal-grid{gap:calc(var(--nav-size) * .25);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));display:grid}.plans-item-list{gap:calc(var(--nav-size) * .22);flex-direction:column;display:flex}.plans-goal-card{gap:calc(var(--nav-size) * .24);padding:calc(var(--nav-size) * .3);background:color-mix(in srgb, var(--plans-hue) var(--plane-fallback), var(--bg-1));background:oklch(from var(--plans-hue) var(--plane-l) c h);border-radius:var(--border-radius-lg);flex-direction:column;transition:background .2s;display:flex}.plans-goal-card:hover{background:color-mix(in srgb, var(--plans-hue) calc(var(--plane-fallback) + 16%), var(--bg-1));background:oklch(from var(--plans-hue) var(--plane-l-strong) c h)}.plans-goal-card.status-active{--plans-hue:var(--fg-mint)}.plans-goal-card.status-blocked{--plans-hue:var(--fg-pink)}.plans-goal-card.status-paused{--plans-hue:var(--fg-orange)}.plans-goal-card.status-failed{--plans-hue:var(--red0)}.plans-goal-card.status-done{--plans-hue:var(--fg-blue);opacity:.85}.plans-goal-card.is-overdue{--plans-hue:var(--fg-pink)}.plans-goal-head{align-items:flex-start;gap:calc(var(--nav-size) * .18);flex-wrap:wrap;display:flex}.plans-goal-check{width:var(--plans-ctl-size);height:var(--plans-ctl-size);min-width:var(--plans-ctl-size);min-height:var(--plans-ctl-size);box-sizing:border-box;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--fg-mint) 55%, transparent);color:var(--fg-mint);font-size:calc(var(--nav-size) * .24);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,box-shadow .2s;display:flex}.plans-goal-check:hover{background:color-mix(in srgb, var(--fg-mint) 24%, transparent)}.plans-goal-check.is-checked{background:var(--fg-mint);box-shadow:none;color:var(--text-color-inv)}.plans-goal-title{min-width:min(100%,14ch);color:var(--text-color);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:none;flex:1;padding:0}.plans-goal-title:hover{color:var(--fg-mint);text-underline-offset:3px;text-decoration:underline}.plans-goal-status{align-items:center;gap:calc(var(--nav-size) * .1);padding:calc(var(--nav-size) * .08) calc(var(--nav-size) * .24);background:var(--bg-accent);color:var(--text-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:999px;flex-shrink:0;display:inline-flex}.plans-goal-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.plans-goal-status.status-active{background:color-mix(in srgb, var(--fg-mint) 16%, transparent);color:var(--fg-mint)}.plans-goal-status.status-blocked{background:color-mix(in srgb, var(--fg-pink) 16%, transparent);color:var(--fg-pink)}.plans-goal-status.status-paused{background:color-mix(in srgb, var(--fg-orange) 16%, transparent);color:var(--fg-orange)}.plans-goal-status.status-failed{background:color-mix(in srgb, var(--red0) 16%, transparent);color:var(--red0)}.plans-goal-status.status-done{background:color-mix(in srgb, var(--fg-blue) 16%, transparent);color:var(--fg-blue)}.plans-goal-actions{align-items:center;gap:calc(var(--nav-size) * .06);opacity:.45;flex-shrink:0;transition:opacity .18s;display:flex}.plans-goal-card:hover .plans-goal-actions,.plans-lib-card:hover .plans-goal-actions{opacity:1}.plans-icon-btn{width:var(--plans-ctl-size);height:var(--plans-ctl-size);min-width:var(--plans-ctl-size);min-height:var(--plans-ctl-size);box-sizing:border-box;border-radius:var(--border-radius);color:var(--text-color);font-size:var(--font-size-base);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .15s,color .15s;display:inline-flex}.plans-icon-btn:hover{background:var(--bg-accent)}.plans-icon-btn--danger:hover{color:var(--fg-pink)}@media (max-width:480px){.plans-goal-check{order:1}.plans-goal-status{order:2;margin-left:auto}.plans-goal-actions{order:3}.plans-goal-title{flex-basis:100%;order:4;min-width:0}}.plans-goal-desc{font-size:var(--font-size-small);line-height:var(--line-height-base);color:var(--plans-muted);overflow-wrap:anywhere;margin:0}.plans-goal-agent{gap:calc(var(--nav-size) * .14);flex-direction:column;display:flex}.plans-goal-agent-row{align-items:center;gap:calc(var(--nav-size) * .18);flex-wrap:wrap;display:flex}.plans-phase{align-items:center;gap:calc(var(--nav-size) * .1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--plans-muted);display:inline-flex}.plans-phase-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.plans-phase.phase-running{color:var(--fg-mint)}.plans-phase.phase-running .plans-phase-dot{animation:2s ease-out infinite plansPulse}.plans-phase.phase-done{color:var(--fg-blue)}.plans-phase.phase-stopped,.plans-phase.phase-interrupted{color:var(--fg-orange)}.plans-phase.phase-failed{color:var(--red0)}.plans-goal-steps{font-size:var(--font-size-xs);color:var(--plans-muted)}.plans-goal-time{font-size:var(--font-size-xs);color:var(--plans-muted);white-space:nowrap;margin-left:auto}.plans-track{height:calc(var(--nav-size) * .16);background:var(--grey3-transp);border-radius:999px;overflow:hidden}.plans-track-fill{background:var(--text-color-accent);border-radius:999px;height:100%;transition:width .5s}.plans-track-fill.phase-running,.plans-track-fill.phase-idle,.plans-track-fill.phase-done{background:linear-gradient(90deg, var(--fg-blue), var(--fg-mint))}.plans-track-fill.phase-stopped,.plans-track-fill.phase-interrupted{background:linear-gradient(90deg, var(--fg-orange), var(--fg-pink))}.plans-track-fill.phase-failed{background:linear-gradient(90deg, var(--fg-pink), var(--red0))}.plans-goal-tags{align-items:center;gap:calc(var(--nav-size) * .12);flex-wrap:wrap;display:flex}.plans-tag{padding:calc(var(--nav-size) * .06) calc(var(--nav-size) * .22);border-radius:var(--border-radius);background:var(--bg-accent);color:var(--text-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.plans-tag--outline{background:color-mix(in srgb, var(--text-color) var(--plane-row), transparent);color:var(--plane-muted)}.plans-tag--danger,.plans-tag--high{--badge-tone:var(--fg-pink)}.plans-tag--medium{--badge-tone:var(--fg-blue)}.plans-tag--low{--badge-tone:var(--fg-mint)}.plans-tag--danger,.plans-tag--high,.plans-tag--medium,.plans-tag--low{background:var(--bg-1);color:oklch(from var(--badge-tone) var(--plane-ink-l) c h)}.plans-goal-foot{align-items:center;gap:calc(var(--nav-size) * .28);margin:auto calc(var(--nav-size) * -.3) calc(var(--nav-size) * -.3);padding:calc(var(--nav-size) * .22) calc(var(--nav-size) * .3);background:color-mix(in srgb, var(--plans-hue) var(--plane-raise), transparent);flex-wrap:wrap;display:flex}.plans-goal-link{color:oklch(from var(--fg-blue) var(--plane-ink-l) c h);font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;padding:0}.plans-goal-link:hover{text-decoration:underline}.plans-lib-card{gap:calc(var(--nav-size) * .2);padding:calc(var(--nav-size) * .28);background:color-mix(in srgb, var(--plans-hue) var(--plane-fallback), var(--bg-1));background:oklch(from var(--plans-hue) var(--plane-l) c h);border-radius:var(--border-radius-lg);flex-direction:column;transition:background .2s;display:flex}.plans-lib-card:hover{background:color-mix(in srgb, var(--plans-hue) calc(var(--plane-fallback) + 16%), var(--bg-1));background:oklch(from var(--plans-hue) var(--plane-l-strong) c h)}.plans-lib-card.type-plan{--plans-hue:var(--fg-mint)}.plans-lib-card.type-action{--plans-hue:var(--fg-pink)}.plans-lib-card.type-note{--plans-hue:var(--fg-orange)}.plans-lib-card.is-done{opacity:.75}.plans-lib-card.is-overdue{--plans-hue:var(--fg-pink)}.plans-lib-head{align-items:flex-start;gap:calc(var(--nav-size) * .18);flex-wrap:wrap;display:flex}.plans-lib-title-row{align-items:center;gap:calc(var(--nav-size) * .18);flex:1;min-width:0;display:flex}.plans-lib-title{min-width:min(100%,14ch);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.plans-lib-title.is-struck{color:var(--plans-muted);text-decoration:line-through}.plans-info-note{padding:calc(var(--nav-size) * .26) calc(var(--nav-size) * .3);background:color-mix(in srgb, var(--text-color) 7%, transparent);border-radius:var(--border-radius);font-size:var(--font-size-small);line-height:var(--line-height-base);color:var(--text-color-accent);margin:0}@media (max-width:900px){.plans-bar{position:static}}@media (orientation:portrait) and (max-width:720px){.plans-bar-actions,.plans-bar-actions .plans-btn{width:100%}.plans-agent-link{margin-left:0}.plans-stage-label{display:none}.plans-stage{padding:calc(var(--nav-size) * .14) calc(var(--nav-size) * .05)}.plans-controls-row{flex-direction:column;align-items:stretch}.plans-search{flex:none;width:100%}.plans-filter-select{width:100%}.plans-form-row{flex-direction:column}.plans-form-actions{flex-direction:column-reverse}.plans-form-actions .plans-btn{width:100%}.plans-suggestion{flex-direction:column;align-items:stretch}.plans-suggestion .plans-btn{width:100%}}@media (prefers-reduced-motion:reduce){.plans-skeleton,.plans-form,.plans-modal-overlay,.plans-modal,.plans-agent-dot,.plans-phase-dot{animation:none}.plans-goal-card:hover,.plans-lib-card:hover,.plans-btn:hover:not(:disabled),.plans-chip:hover,.plans-tab:hover{transform:none}.plans-login,.plans-stage,.plans-switch-btn,.plans-tab,.plans-quickadd,.plans-quickadd-btn,.plans-search,.plans-select,.plans-chip,.plans-btn,.plans-goal-card,.plans-lib-card,.plans-goal-check,.plans-goal-actions,.plans-icon-btn,.plans-track-fill{transition:none}}.plans-goal-title:hover:not(:disabled){color:var(--fg-mint);text-underline-offset:3px;background:0 0;text-decoration:underline}.plans-goal-link:hover:not(:disabled){background:0 0;text-decoration:underline}.plans-form-close:hover:not(:disabled),.plans-search-clear:hover:not(:disabled){color:var(--text-color);background:0 0}.plans-advanced-toggle:hover:not(:disabled){background:0 0;text-decoration:underline}.plans-icon-btn:hover:not(:disabled){background:var(--bg-accent)}.plans-goal-check:hover:not(:disabled){background:color-mix(in srgb, var(--fg-mint) 12%, transparent);border-color:var(--fg-mint)}.plans-login:hover:not(:disabled){background:var(--bg-1)}.plans-btn--primary:hover:not(:disabled),.plans-quickadd-btn:hover:not(:disabled),.plans-tab.is-active:hover:not(:disabled),.plans-switch-btn.is-active:hover:not(:disabled),.plans-chip.is-active:hover:not(:disabled){background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv)}.plans-chip--priority.is-active:hover:not(:disabled){background:linear-gradient(135deg, var(--fg-orange), var(--fg-pink))}.plans-btn--ghost:hover:not(:disabled),.plans-tab:hover:not(:disabled){background:var(--bg-1)}.plans-switch-btn:hover:not(:disabled){background:var(--bg-accent)}.plans-chip:hover:not(:disabled){background:var(--bg-1)}.plans-chip--clear:hover:not(:disabled){background:0 0}.plans-btn--outline:hover:not(:disabled){background:var(--bg-accent)}
