:root{color-scheme:dark;font-family:Segoe UI Variable,Aptos,Trebuchet MS,sans-serif;background:radial-gradient(circle at top left,rgba(85,145,255,.3),transparent 30%),linear-gradient(180deg,#0f172a,#101828 45%,#172033);color:#e5eefc;--panel: rgba(15, 23, 42, .82);--panel-border: rgba(148, 163, 184, .2);--accent: #7dd3fc;--accent-strong: #38bdf8;--muted: #9fb0c9;--danger: #fda4af;--shadow: 0 24px 60px rgba(15, 23, 42, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,pre{font:inherit}#app{min-height:100vh}.shell{display:grid;min-height:100vh;grid-template-columns:minmax(260px,320px) 1fr;padding-bottom:5.5rem}.sidebar{padding:2rem 1.25rem;border-right:1px solid var(--panel-border);background:#090e18b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:3}.sidebar--markdown{overflow:auto}.sidebar__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.sidebar__header h1,.toolbar h2,.card h3{margin:0}.eyebrow{margin:0 0 .35rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.72rem}.sidebar__copy,.toolbar__meta,.toolbar__hint,.status,.panel p,.metadata summary,.markdown-path{color:var(--muted)}.sidebar__list{display:grid;gap:.75rem;margin-top:1rem}.source-panel{margin-top:1.25rem}.source-list{display:grid;gap:.55rem;margin-top:.75rem}.source-link{display:block;border:1px solid transparent;border-radius:14px;padding:.75rem .85rem;background:#1e293b73;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.source-link:hover{transform:translateY(-1px);border-color:#7dd3fc59}.source-link--active{background:linear-gradient(135deg,#38bdf840,#0ea5e91a);border-color:#7dd3fc73}.tree-panel{margin-top:1rem}.tree-list{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.tree-branch summary,.tree-file{width:100%;border:1px solid transparent;border-radius:14px;padding:.7rem .8rem;background:#1e293b73;color:inherit;cursor:pointer}.tree-branch summary{list-style:none}.tree-branch summary::-webkit-details-marker{display:none}.tree-branch>.tree-list{margin-top:.4rem;margin-left:.85rem;padding-left:.85rem;border-left:1px solid rgba(125,211,252,.15)}.tree-file{text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.project-button,.notify-button{border:1px solid transparent;border-radius:18px;background:#1e293b99;color:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.sidebar-toggle{display:none;border:1px solid rgba(125,211,252,.3);border-radius:999px;padding:.7rem .95rem;background:#1e293b8c;color:inherit;cursor:pointer}.sidebar-toggle--close{flex-shrink:0}.sidebar-backdrop{display:none}.project-button{width:100%;padding:.95rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left}.project-button small{color:var(--muted)}.project-button:hover,.notify-button:hover,.tree-file:hover{transform:translateY(-1px);border-color:#7dd3fc59}.project-button--active,.tree-file--active{background:linear-gradient(135deg,#38bdf840,#0ea5e91a);border-color:#7dd3fc73}.tree-empty{margin:.45rem 0 0 .85rem;color:var(--muted)}.main{padding:2rem}.toolbar{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.toolbar__actions{max-width:320px;text-align:right}.notify-button{padding:.85rem 1.05rem;background:linear-gradient(135deg,#38bdf847,#0ea5e92e);border-color:#7dd3fc66}.notify-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.feed{display:grid;gap:1rem}.card,.panel{border:1px solid var(--panel-border);background:var(--panel);border-radius:24px;padding:1.15rem 1.2rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.markdown-panel{padding:1.4rem}.card__top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.card__project{margin:0 0 .35rem;color:var(--accent)}.card__meta{margin-top:.8rem;color:var(--muted);font-size:.95rem}.badge{padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#1e293bcc;text-transform:capitalize;white-space:nowrap}.badge[data-status=done]{border-color:#4ade8059;color:#86efac}.badge[data-status=in_progress]{border-color:#fbbf2459;color:#fde68a}.badge[data-status=blocked]{border-color:#f8717159;color:#fda4af}.metadata{margin-top:1rem}.metadata summary{cursor:pointer}.metadata pre,.markdown-body pre{margin:.75rem 0 0;overflow:auto;padding:.9rem;border-radius:16px;background:#0f172ae6}.markdown-body{line-height:1.7}.markdown-body :first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:1.5rem 0 .75rem}.markdown-body p,.markdown-body ul,.markdown-body pre,.markdown-body blockquote{margin:0 0 1rem}.markdown-body ul{padding-left:1.3rem}.markdown-body code{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.95em}.markdown-body :not(pre)>code{padding:.15rem .35rem;border-radius:8px;background:#0f172af2}.markdown-body blockquote{padding-left:1rem;border-left:3px solid rgba(125,211,252,.4);color:#c9d7ec}.markdown-body a{color:#8be9fd}.markdown-path{margin-bottom:1rem;font-size:.95rem}.bottom-nav{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%);display:inline-flex;gap:.45rem;padding:.45rem;border:1px solid var(--panel-border);border-radius:999px;background:#090e18e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.bottom-nav__button{border:1px solid transparent;border-radius:999px;padding:.8rem 1.1rem;background:transparent;color:var(--muted);cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.bottom-nav__button--active{background:linear-gradient(135deg,#38bdf840,#0ea5e91f);border-color:#7dd3fc66;color:#eff6ff}.status--error,.panel--error h3{color:var(--danger)}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(24rem,100vw);height:100vh;overflow-y:auto;border-right:1px solid var(--panel-border);border-bottom:0;transform:translate(-100%);transition:transform .18s ease;box-shadow:var(--shadow)}.toolbar{flex-direction:column}.toolbar__actions{max-width:none;text-align:left}.card__top{flex-direction:column}.sidebar--mobile-open{transform:translate(0)}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;margin-bottom:.85rem}.sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:#0206178c;z-index:2}.bottom-nav{width:calc(100% - 1.5rem);justify-content:space-between}.bottom-nav__button{flex:1}}