*,:before,:after{box-sizing:border-box}:root{--bg-root:#0a0a0a;--text:#f1f1f1;--text-muted:#a3a3a3;--surface:#171717;--border:#272727;--accent:#3b82f6;--accent-hover:#2563eb;--accent-muted:#3b82f626;--danger:#ef4444;--danger-hover:#dc2626;--shadow:0 4px 14px #00000059;--radius:12px;--sidebar-width:280px;--font-stack:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{height:100%}body{min-height:100%;font-family:var(--font-stack);color:var(--text);background:var(--bg-root);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;position:relative}.main{flex:1;min-width:0;margin-left:0;padding:1.5rem 1.25rem 2rem}.main__toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.75rem;padding:1rem 1.1rem;box-shadow:0 2px 10px #0003}.main__toolbar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .5rem;font-size:.72rem;font-weight:700;display:block}.main__project-select{width:100%;max-width:100%;color:var(--text);background:var(--bg-root);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.65rem .85rem;font-family:inherit;font-size:1rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.main__project-select:hover:not(:disabled){border-color:#404040}.main__project-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.main__project-select:disabled{opacity:.55;cursor:not-allowed}.main__toolbar-hint{color:var(--text-muted);margin:.6rem 0 0;font-size:.8rem;line-height:1.4}@media (width>=769px){.main{margin-left:var(--sidebar-width);padding:2rem 2rem 2.5rem}}.sidebar__backdrop{z-index:90;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .2s;display:none;position:fixed;inset:0}.sidebar__backdrop.is-visible{opacity:1;pointer-events:auto}@media (width<=768px){.sidebar__backdrop{display:block}}.sidebar{z-index:100;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);height:100dvh;box-shadow:var(--shadow);flex-direction:column;padding:1.25rem;transition:transform .25s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar--visible{transform:translate(0)}@media (width>=769px){.sidebar{transform:translate(0)}}.sidebar__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sidebar__title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.sidebar__close{border:1px solid var(--border);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .2s,border-color .2s,color .2s;display:flex}.sidebar__close:hover{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.sidebar__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width>=769px){.sidebar__close{display:none}}.sidebar__section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .75rem;font-size:.75rem;font-weight:600}.sidebar__form{flex-direction:column;gap:.75rem;display:flex}.sidebar__footer{border-top:1px solid var(--border);margin-top:auto;padding-top:1.25rem}.sidebar__footer-note{color:var(--text-muted);margin:.75rem 0 0;font-size:.7rem;line-height:1.45}.sidebar__section-title--footer{margin-top:0;margin-bottom:.5rem}.sidebar__api-block{margin-bottom:.85rem}.sidebar__api-hint{color:var(--text-muted);margin:.45rem 0 0;font-size:.68rem;line-height:1.45}.sidebar__inline-link{color:var(--accent);text-decoration:none;transition:color .2s}.sidebar__inline-link:hover{color:#93c5fd;text-decoration:underline}.sidebar__inline-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.sidebar__toggle{z-index:80;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow);justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:none;position:fixed;top:1rem;left:1rem}.sidebar__toggle:hover{border-color:var(--accent);background:var(--accent-muted);color:var(--accent)}.sidebar__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=768px){.sidebar__toggle{display:inline-flex}.main{padding-top:4rem}}.field-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:block}.input,.textarea{border:1px solid var(--border);background:var(--bg-root);width:100%;color:var(--text);border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input::placeholder,.textarea::placeholder{color:#737373}.input:hover,.textarea:hover{border-color:#404040}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.textarea{resize:vertical;min-height:88px}.input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--accent-outline{background:var(--accent-muted);width:100%;color:var(--accent);border-color:#3b82f673;padding:.85rem 1rem}.btn--accent-outline:hover{border-color:var(--accent);color:#93c5fd;background:#3b82f647}.btn--icon{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.btn--icon:hover{border-color:var(--danger);color:var(--danger);background:#ef44441f}.btn--icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn svg{flex-shrink:0}.btn:disabled,.btn:disabled:hover{opacity:.55;cursor:not-allowed;transform:none}.btn--accent-outline:disabled:hover{background:var(--accent-muted);color:var(--accent);border-color:#3b82f673}@keyframes spin{to{transform:rotate(360deg)}}.icon-spin{animation:.75s linear infinite spin}.page-title{letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.5rem;font-weight:600}.section-heading{margin:2rem 0 .35rem;font-size:1.125rem;font-weight:600}.section-heading__for{color:var(--accent);font-weight:500}.section-heading:first-of-type{margin-top:0}.section-hint{color:var(--text-muted);margin:0 0 1rem;font-size:.85rem}.project-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.project-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:1.1rem 1.1rem 1rem;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:0 2px 8px #0003}.project-card:hover{box-shadow:var(--shadow);border-color:#3f3f3f}.project-card--active{box-shadow:0 0 0 1px #3b82f640, var(--shadow);border-color:#3b82f68c}.project-card__delete{position:absolute;top:.65rem;right:.65rem}.project-card__name{color:var(--text);margin:0 2rem .5rem 0;font-size:1.05rem;font-weight:600;line-height:1.3}.project-card__desc{color:var(--text-muted);margin:0 0 .75rem;font-size:.875rem;line-height:1.45}.project-card__link{color:var(--accent);word-break:break-all;align-items:center;gap:.35rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-flex}.project-card__link:hover{color:#93c5fd;text-decoration:underline}.project-card__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.tasks-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:120px;margin-top:.5rem;padding:1rem}.tasks-list{margin:0;padding:0;list-style:none}.task-row{background:var(--bg-root);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:.65rem;margin-bottom:.35rem;padding:.65rem .5rem;transition:border-color .2s,box-shadow .2s;display:flex}.task-row:last-child{margin-bottom:0}.task-row--dragging{border-color:var(--accent);box-shadow:0 4px 16px #3b82f633}.task-row__handle{width:2rem;min-height:2rem;color:var(--text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;transition:background .2s,color .2s;display:flex}.task-row__handle:hover{background:var(--accent-muted);color:var(--accent)}.task-row__handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task-row__handle:active{cursor:grabbing}.task-row__text{flex:1;min-width:0;padding-top:.15rem;font-size:.9rem;line-height:1.45}.task-add-form{border-top:1px solid var(--border);flex-wrap:wrap;align-items:stretch;gap:.65rem;margin-top:1rem;padding-top:1rem;display:flex}.task-add-form__input{flex:1;min-width:160px}.task-add-form__btn{flex-shrink:0}.tasks-placeholder{text-align:center;color:var(--text-muted);border:1px dashed var(--border);background:#0003;border-radius:8px;margin:0;padding:1.5rem 1rem;font-size:.9rem}.empty-projects{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);margin:0;padding:2rem 1rem;font-size:.9rem}.ai-output-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:120px;margin-top:.5rem;margin-bottom:.25rem;padding:1rem;box-shadow:0 2px 8px #0003}.ai-output__loading{color:var(--accent);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9rem;display:flex}.ai-output__error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:8px;margin:0 0 .75rem;padding:.65rem .75rem;font-size:.875rem;line-height:1.45}.ai-output__markdown{color:var(--text);font-size:.9rem;line-height:1.55}.ai-output__markdown>:first-child{margin-top:0}.ai-output__markdown>:last-child{margin-bottom:0}.ai-output__markdown h1,.ai-output__markdown h2,.ai-output__markdown h3,.ai-output__markdown h4,.ai-output__markdown h5,.ai-output__markdown h6{letter-spacing:-.02em;color:var(--text);margin:1.15em 0 .5em;font-weight:600;line-height:1.3}.ai-output__markdown h1{border-bottom:1px solid var(--border);padding-bottom:.35rem;font-size:1.35rem}.ai-output__markdown h2{font-size:1.2rem}.ai-output__markdown h3{color:#e5e5e5;font-size:1.05rem}.ai-output__markdown h4{color:var(--text-muted);font-size:.95rem}.ai-output__markdown p{margin:.65em 0}.ai-output__markdown ul,.ai-output__markdown ol{margin:.65em 0;padding-left:1.35rem}.ai-output__markdown li{margin:.35em 0}.ai-output__markdown li>p{margin:.25em 0}.ai-output__markdown strong{color:#fff;font-weight:600}.ai-output__markdown a{color:var(--accent);border-bottom:1px solid #3b82f673;text-decoration:none;transition:color .15s,border-color .15s}.ai-output__markdown a:hover{color:#93c5fd;border-bottom-color:#93c5fd}.ai-output__markdown code{border:1px solid var(--border);color:#e5e5e5;background:#00000073;border-radius:6px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84em}.ai-output__markdown pre{border:1px solid var(--border);background:#0a0a0a;border-radius:8px;margin:.85em 0;padding:.85rem 1rem;overflow-x:auto}.ai-output__markdown pre code{background:0 0;border:none;padding:0;font-size:.82rem;line-height:1.5}.ai-output__markdown blockquote{border-left:3px solid var(--accent);color:var(--text-muted);background:#3b82f60f;border-radius:0 8px 8px 0;margin:.85em 0;padding:.5rem 0 .5rem 1rem}.ai-output__markdown hr{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.ai-output__markdown table{border-collapse:collapse;width:100%;margin:.85em 0;font-size:.85rem}.ai-output__markdown th,.ai-output__markdown td{border:1px solid var(--border);text-align:left;padding:.5rem .65rem}.ai-output__markdown th{background:#00000059;font-weight:600}.ai-output__markdown tr:nth-child(2n) td{background:#00000026}.ai-output__empty{text-align:center;color:var(--text-muted);margin:0;padding:1.25rem .5rem;font-size:.9rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}