:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1115;--surface:#161a21;--surface-2:#1d222b;--border:#2a303b;--text:#e6e9ef;--text-muted:#9aa4b2;--accent:#2f81f7;--accent-text:#fff;--danger:#f85149;--warning:#d29922;--warning-text:#1a1300;--radius:10px;--gutter:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f6f8fa;--surface:#fff;--surface-2:#eef1f5;--border:#d5dae1;--text:#1f2328;--text-muted:#59636e;--accent:#0969da;--danger:#cf222e;--warning:#bf8700;--warning-text:#fff}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.5}h1,h2,p{margin:0}.app{flex-direction:column;height:100%;display:flex}.app__body{flex-direction:column;flex:1;min-height:0;display:flex}.stage-banner{padding:4px var(--gutter);padding-top:max(4px, env(safe-area-inset-top));background:var(--warning);color:var(--warning-text);text-align:center;font-size:.8125rem;font-weight:600}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;padding:0 16px}.button:hover:not(:disabled){border-color:var(--text-muted)}.button:disabled{opacity:.6;cursor:progress}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{gap:6px;display:grid}.field__label{color:var(--text-muted);font-size:.875rem}.field__input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:44px;color:var(--text);font:inherit;padding:0 12px}.splash{padding:var(--gutter);color:var(--text-muted);flex:1;place-content:center;justify-items:center;gap:12px;display:grid}.login{padding:var(--gutter);flex:1;place-items:center;display:grid}.login__card{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:16px;width:100%;max-width:380px;padding:24px;display:grid}.login__title{letter-spacing:.02em;font-size:1.75rem}.login__subtitle{color:var(--text-muted);margin-top:-12px}.login__error{color:var(--danger);font-size:.9375rem}.shell{flex:1;grid-template-rows:auto 1fr;min-height:0;display:grid}.shell__bar{padding:8px var(--gutter);padding-top:max(8px, env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;display:flex}.shell__brand{letter-spacing:.02em}.shell__user{min-width:0;color:var(--text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.shell__panes{grid-template-columns:1fr;min-height:0;display:grid}.pane{min-height:0;padding:var(--gutter);padding-bottom:max(var(--gutter), env(safe-area-inset-bottom));overflow:auto}.pane__title{margin-bottom:12px;font-size:1rem;font-weight:600}.pane--nav,.pane--detail{background:var(--surface);display:none}.pane--nav{border-right:1px solid var(--border)}.pane--detail{border-left:1px solid var(--border)}.empty{color:var(--text-muted);font-size:.9375rem}.empty--centered{text-align:center;gap:8px;max-width:420px;margin:12vh auto 0;display:grid}.empty__hint{font-size:.875rem}@media (width>=720px){.shell__panes{grid-template-columns:minmax(0,1fr) 320px}.pane--detail{display:block}}@media (width>=1100px){.shell__panes{grid-template-columns:260px minmax(0,1fr) 360px}.pane--nav{display:block}}.shell{grid-template-rows:auto 1fr auto}.shell__panes{position:relative}.shell__menu{padding:0 12px}.pane--nav.is-open,.pane--detail.is-open{z-index:5;display:block;position:absolute;inset:0}.pane--detail.is-open{z-index:6;border-left:0}.tabbar{border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid}.tabbar__item{min-height:52px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.875rem}.tabbar__item[aria-current=page]{color:var(--accent);font-weight:600}@media (width>=720px){.tabbar{display:none}.pane--detail,.pane--detail.is-open{z-index:auto;border-left:1px solid var(--border);display:block;position:static}}@media (width>=1100px){.shell__menu{display:none}.pane--nav,.pane--nav.is-open{z-index:auto;display:block;position:static}}.nav__list{margin:0;padding:0;list-style:none}.nav__heading{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:20px 0 6px;font-size:.75rem;font-weight:600}.nav__item{width:100%;min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;display:flex}.nav__item:hover{background:var(--surface-2)}.nav__item[aria-current=page]{background:var(--surface-2);color:var(--accent);font-weight:600}.nav__item--nested{color:var(--text-muted);padding-left:26px}.nav__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav__count{background:var(--border);min-width:22px;color:var(--text-muted);text-align:center;border-radius:11px;padding:0 6px;font-size:.75rem}.nav__action,.nav__nested-action{padding:2px 10px}.nav__nested-action{padding-left:26px}.link-button{min-height:36px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:.9375rem}.link-button:hover{text-decoration:underline}.link-button--danger{color:var(--danger)}.link{color:var(--accent);font-size:.9375rem}.inline-add{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.inline-add .field__input{flex:140px;min-width:0}.list{gap:12px;max-width:760px;margin:0 auto;display:grid}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.list-header__title{font-size:1.5rem;line-height:1.2}.list-header__actions{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.breadcrumb{color:var(--text-muted);justify-self:start;padding:0}.outcome{color:var(--text-muted)}.notice{border-radius:var(--radius);background:var(--surface-2);color:var(--text-muted);padding:8px 12px;font-size:.9375rem}.alert{border:1px solid var(--danger);border-radius:var(--radius);max-width:760px;color:var(--danger);justify-content:space-between;align-items:flex-start;gap:12px;margin:0 auto 12px;padding:10px 12px;font-size:.9375rem;display:flex}.section-title{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:8px;font-size:.8125rem;font-weight:600}.section-action{margin-top:-4px}.status-select .field__input{min-height:36px;padding:0 8px}.toggle{color:var(--text-muted);align-items:center;gap:8px;font-size:.9375rem;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quick-add{gap:8px;display:flex}.quick-add__input{flex:1;min-width:0}.tasks{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none}.task{border-bottom:1px solid var(--border);align-items:stretch;display:flex}.task:last-child{border-bottom:0}.task--nested{padding-left:28px}.task--closed .task__title{color:var(--text-muted);text-decoration:line-through}.task__check{cursor:pointer;flex:none;place-items:center;width:48px;display:grid}.task__check input{width:22px;height:22px;accent-color:var(--accent)}.task__main{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:2px;padding:10px 12px 10px 0;display:grid}.task__main[aria-current=true] .task__title{color:var(--accent)}.task__title{overflow-wrap:anywhere}.task__meta{color:var(--text-muted);flex-wrap:wrap;gap:2px 10px;font-size:.8125rem;display:flex}.meta--danger{color:var(--danger)}.meta--warning{color:var(--warning)}.cards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;gap:2px;padding:10px 12px;display:grid}.card:hover{border-color:var(--text-muted)}.card__title{font-weight:600}.card__meta{color:var(--text-muted);flex-wrap:wrap;gap:2px 10px;font-size:.8125rem;display:flex}.detail{gap:14px;display:grid}.detail__top,.detail__actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail__form{gap:14px;display:grid}.detail__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field__input--area{resize:vertical;min-height:96px;padding:10px 12px}.tag-picker{border:0;margin:0;padding:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);min-height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:18px;padding:0 12px;font-size:.875rem}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.button--danger{color:var(--danger)}.subtasks{gap:8px;display:grid}.subtasks__list{margin:0;padding:0;list-style:none;display:grid}.subtasks__list li{align-items:center;display:flex}.subtasks__check{place-items:center;width:40px;height:40px;display:grid}.subtasks__check input{width:20px;height:20px}.detail__row>.field,.detail__form>.field{min-width:0}.detail .field__input{width:100%;min-width:0}
