:root{--bg: #f7f9f8;--surface: #ffffff;--ink: #17332d;--ink-soft: #56675f;--ink-faint: #8fa098;--line: #e4ebe7;--line-strong: #d3ded8;--accent: #0e7c66;--accent-deep: #0a6553;--accent-ink: #ffffff;--accent-soft: #e9f5f0;--accent-border: #c9e6dc;--warn-bg: #fdf4e7;--warn-line: #f3ddba;--warn-ink: #92600a;--danger: #b3402f;--radius: 10px;--radius-lg: 16px;--shadow-soft: 0 1px 2px rgba(19, 51, 45, .04), 0 10px 30px rgba(19, 51, 45, .05);--sidebar-width: 280px;--font-display: "Zilla Slab", "Rockwell", Georgia, serif;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.button{font:inherit;border:1px solid transparent;border-radius:var(--radius);padding:.55rem .95rem;cursor:pointer;transition:background-color .13s ease,border-color .13s ease,box-shadow .13s ease,transform 60ms ease}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 2px #0a655340}.button.primary:hover:not(:disabled){background:var(--accent-deep)}.button.primary:active:not(:disabled){transform:translateY(1px)}.button.ghost{background:var(--surface);color:var(--ink-soft);border-color:var(--line-strong)}.button.ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint)}.button.small{padding:.3rem .65rem;font-size:.875rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.55rem .75rem;width:100%}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:disabled,textarea:disabled{opacity:.6}.icon{flex:none;width:1em;height:1em;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.splash{min-height:100vh;display:grid;place-items:center;background:var(--surface)}.splash-mark{font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:.16em;color:var(--accent);animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}.signin{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(60rem 30rem at 85% -10%,var(--accent-soft),transparent 60%),radial-gradient(50rem 26rem at -10% 110%,var(--accent-soft),transparent 55%),var(--surface)}.signin-card{width:100%;max-width:24rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:2.25rem 2rem;display:grid;gap:1rem}.signin-brand{font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:.14em;color:var(--accent);margin:0}.signin-title{margin:-.75rem 0 0;font-size:1.05rem;font-weight:600;color:var(--ink)}.signin-lede{margin:-.4rem 0 .5rem;color:var(--ink-soft);font-size:.925rem}.field{display:grid;gap:.35rem}.field-label{font-size:.875rem;color:var(--ink-soft)}.form-error{margin:0;min-height:1.25rem;font-size:.875rem;color:var(--danger)}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-width:0}.sidebar-head{padding:1.25rem 1rem .75rem;display:grid;gap:.9rem}.brand{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:.16em;color:var(--accent);padding-left:.25rem}.button.new{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .9rem;border-radius:12px}.section-label{padding:.9rem 1.1rem .4rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.project-list{padding:0 .6rem .75rem;overflow-y:auto;display:grid;align-content:start;gap:2px}.project{font:inherit;text-align:left;background:transparent;border:0;border-left:3px solid transparent;border-radius:8px;padding:.5rem .6rem .5rem .55rem;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.project:hover{background:var(--bg);color:var(--ink)}.project.active{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent-deep);font-weight:600}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project .icon{color:var(--accent)}.new-project input{border-left:3px solid var(--accent);margin-bottom:2px}.project-list p{padding:.5rem .6rem;margin:0}.sidebar-foot{padding:.85rem 1rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.who{display:flex;align-items:center;gap:.6rem;min-width:0}.avatar{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-deep);font-size:.75rem;font-weight:700;letter-spacing:.02em}.who-name{font-size:.875rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink-soft)}.main{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-width:0}.main-head{padding:1.15rem 1.75rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.main-head h1{margin:0;font-family:var(--font-display);font-size:1.55rem;font-weight:700;letter-spacing:.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-wrap{position:relative;flex:none}.info-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:10;width:15rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-soft);padding:.9rem 1rem;display:grid;gap:.3rem}.info-pop dt{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.info-pop dd{margin:0 0 .45rem;font-size:.925rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.info-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent;border:0;cursor:default}.panel{margin:0 1.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:grid;min-height:0}.conversation{padding:1.5rem 1.75rem;overflow-y:auto;min-height:0;display:grid;align-content:start}.composer{padding:1rem 1.75rem 1.5rem}.composer-form{max-width:46rem;margin:0 auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow-soft);padding:.55rem .55rem .55rem 1rem;display:flex;gap:.6rem;align-items:flex-end}.composer-form:focus-within{border-color:var(--accent)}.composer textarea{flex:1;resize:none;border:0;padding:.45rem 0;background:transparent;max-height:12rem}.composer textarea:focus{outline:none}.composer-form .button{white-space:nowrap;border-radius:10px;display:inline-flex;align-items:center;gap:.45rem}.thread{display:grid;gap:.9rem;max-width:46rem;width:100%;margin:0 auto}.message{display:grid}.message.user{justify-items:end}.bubble{max-width:100%;padding:.7rem 1rem;border-radius:14px;background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word}.message.user .bubble{background:var(--accent);color:var(--accent-ink);border-color:transparent;border-bottom-right-radius:6px}.message.assistant .bubble{border-bottom-left-radius:6px}.bubble.streaming{min-width:2.5rem;min-height:1.4rem;display:flex;align-items:center}.caret{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.empty{color:var(--ink-soft);display:grid;place-content:center;justify-items:center;gap:.4rem;text-align:center;padding:3rem 1.5rem}.empty-art{color:var(--accent);margin-bottom:1rem}.empty-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--ink)}.empty p{margin:0}.empty .button{margin-top:1rem}.empty.centered{grid-row:1 / -1;margin:auto}.tools{margin:1rem auto 0;max-width:46rem;width:100%;display:flex;flex-wrap:wrap;gap:.5rem}.tool{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--accent-deep);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:.25rem .75rem}.spinner{width:.7rem;height:.7rem;border-radius:50%;border:2px solid var(--accent-border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{margin:0 1.75rem .75rem;padding:.7rem .9rem;border-radius:12px;font-size:.9rem;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);display:flex;align-items:flex-start;gap:.6rem}.banner .icon{margin-top:.15rem;color:#d97706}.banner-text{flex:1}.banner-dismiss{flex:none;font:inherit;background:transparent;border:0;padding:.1rem .3rem;border-radius:6px;color:inherit;cursor:pointer;opacity:.7}.banner-dismiss:hover{opacity:1;background:#d977061f}@media (max-width: 720px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{min-height:0;grid-template-rows:auto auto auto;border-right:0;border-bottom:1px solid var(--line)}.project-list{max-height:9rem}.main{min-height:0}.main-head{padding:1rem}.panel,.banner{margin-inline:1rem}.conversation,.composer{padding-left:1rem;padding-right:1rem}}