:root{--f-accent:var(--accent,#2D5789);--f-ink:var(--ink,#1c1f24);--f-muted:var(--muted,#5b6370);--f-bg:var(--bg,#f6f7f9);--f-card:var(--surface,#ffffff);--f-line:var(--line,#e3e6eb);--f-radius:var(--radius,14px);--f-font:var(--font-sans,"Plus Jakarta Sans",system-ui,-apple-system,sans-serif)}@media (prefers-color-scheme:dark){:root{--f-ink:var(--ink,#eef0f3);--f-muted:var(--muted,#a3abb8);--f-bg:var(--bg,#121417);--f-card:var(--surface,#1b1e23);--f-line:var(--line,#2a2f37)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--f-bg);color:var(--f-ink);font-family:var(--f-font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,p{text-wrap:pretty}h1{text-wrap:balance}a{color:var(--f-accent)}button{font:inherit}.wrap{max-width:760px;margin:0 auto;padding:0 16px;min-height:100dvh;flex-direction:column}.top,.wrap{display:flex}.top{align-items:center;gap:12px;padding:16px 0 12px;border-bottom:1px solid var(--f-line)}.mark{width:40px;height:40px;border-radius:50%;background:var(--f-accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex:none}.top h1{font-size:20px;margin:0;line-height:1.2}.top p{margin:0;color:var(--f-muted);font-size:15px}.top .new{margin-left:auto}.feed{flex:1 1;padding:16px 0 8px;display:flex;flex-direction:column;gap:14px}.msg{max-width:92%;padding:12px 14px;border-radius:var(--f-radius);font-size:16px;overflow-wrap:anywhere}.msg.me{align-self:flex-end;background:var(--f-accent);color:#fff;border-bottom-right-radius:6px;white-space:pre-wrap}.msg.finn{align-self:flex-start;background:var(--f-card);border:1px solid var(--f-line);border-bottom-left-radius:6px}.msg.finn p{margin:0 0 8px}.msg.finn p:last-child{margin-bottom:0}.msg.finn ul{margin:4px 0 8px;padding-left:20px}.msg.finn li{margin:2px 0}.msg.note{align-self:center;background:transparent;padding:4px 8px;text-align:center}.msg.note,.thinking{color:var(--f-muted);font-size:15px}.thinking{padding:4px 2px}.card,.thinking{align-self:flex-start}.card{width:min(100%,520px);background:var(--f-card);border:1px solid var(--f-line);border-left:4px solid var(--f-accent);border-radius:var(--f-radius);padding:14px;display:flex;flex-direction:column;gap:12px}.card .what{font-weight:600}.card .row{display:flex;gap:10px}.card .done{color:var(--f-muted);font-size:15px}.btn{min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--f-line);background:var(--f-card);color:var(--f-ink);font-weight:600;cursor:pointer}.btn.primary{background:var(--f-accent);border-color:var(--f-accent);color:#fff}.btn:disabled{opacity:.55;cursor:default}.btn.small{min-height:40px;padding:0 14px;font-size:15px}.composer{position:-webkit-sticky;position:sticky;bottom:0;background:var(--f-bg);padding:10px 0 calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:flex-end;border-top:1px solid var(--f-line)}.composer textarea{flex:1 1;min-height:48px;max-height:180px;resize:none;padding:12px 14px;border-radius:var(--f-radius);border:1px solid var(--f-line);background:var(--f-card);color:var(--f-ink);font:inherit;font-size:16px;line-height:1.4}.composer textarea:focus{outline:2px solid var(--f-accent);outline-offset:1px}.starters{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--f-line);background:var(--f-card);color:var(--f-ink);cursor:pointer;font-size:15px}.hello{padding:24px 0 8px}.hello h2{font-size:24px;margin:0 0 6px}.hello p{margin:0 0 16px;color:var(--f-muted)}.center{min-height:100dvh;display:grid;place-items:center;padding:16px}.panel{width:min(100%,420px);background:var(--f-card);border:1px solid var(--f-line);border-radius:var(--f-radius);padding:28px 22px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.panel h1{font-size:24px;margin:0}.panel p{margin:0;color:var(--f-muted)}.err{color:#b42318}