:root{color:var(--ink, #1c1915);background:var(--bg, #f6f3ee);font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea{font:inherit;color:inherit}.app{min-height:100%;min-height:100dvh;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:color-mix(in srgb,var(--bg) 88%,white);position:sticky;top:0;z-index:2}.brand{display:flex;flex-direction:column;min-width:0}.brand strong{font-size:1.05rem}.brand span{color:color-mix(in srgb,var(--ink) 62%,transparent);font-size:.85rem}.nav{display:flex;gap:8px;align-items:center}.nav a,.ghost,.primary,.danger{border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:#fff;padding:8px 12px;text-decoration:none;color:inherit}.primary{background:var(--accent, #1f4b4a);color:#f6f3ee;border-color:transparent}.danger{color:#8a2e24}.screen{width:min(760px,100%);margin:0 auto;flex:1;display:flex;flex-direction:column;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.auth{margin:auto;width:min(420px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 40px color-mix(in srgb,var(--ink) 8%,transparent);display:flex;flex-direction:column;gap:12px}.auth h1{margin:0;font-size:1.6rem}.auth p{margin:0;color:color-mix(in srgb,var(--ink) 70%,transparent)}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}input,textarea{border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:12px;padding:12px 14px;background:#fff;width:100%}.row{display:flex;gap:8px}.row>*{flex:1}.thread{flex:1;display:flex;flex-direction:column;gap:10px;padding-bottom:88px}.bubble{max-width:85%;padding:12px 14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{margin-left:auto;background:var(--accent, #1f4b4a);color:#f6f3ee;border-bottom-right-radius:6px}.bubble.assistant{background:#fff;border-bottom-left-radius:6px}.composer{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,white);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.composer form{width:min(760px,100%);margin:0 auto;display:flex;gap:8px;align-items:flex-end}.composer textarea{resize:none;min-height:48px;max-height:140px}.error{color:#8a2e24;font-size:.9rem}.cards{display:flex;flex-direction:column;gap:12px}.card{background:#fff;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.meta{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:.75rem;border-radius:999px;padding:3px 8px;background:color-mix(in srgb,var(--accent) 12%,white)}.hint{color:color-mix(in srgb,var(--ink) 65%,transparent);font-size:.9rem}.empty{margin:auto;text-align:center;color:color-mix(in srgb,var(--ink) 65%,transparent)}.toggle{display:flex;justify-content:space-between;align-items:center;gap:12px}