@font-face{font-family:Portal;src:url('/assets/dm-sans.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--ink:#18211e;--muted:#6a756e;--paper:#f7f8f3;--line:#dce1d8;--green:#305d46;--lime:#d8ef9d;font-family:Portal,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0}button,a,textarea{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;padding:10px 14px;color:var(--ink)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible,main:focus-visible{outline:3px solid #78a163;outline-offset:3px}a{color:inherit}.brand{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:750;letter-spacing:2px;text-decoration:none}.landing{max-width:1140px;min-height:100dvh;padding:54px 7vw;margin:auto;display:flex;flex-direction:column}.intro{margin:clamp(75px,15vh,170px) 0 65px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--green)}h1,h2,p{margin:0}.intro h1{font-size:clamp(38px,5.5vw,66px);font-weight:550;letter-spacing:-2.5px;line-height:1.12;margin:22px 0}.intro>p{max-width:460px;color:var(--muted);line-height:1.7}.primary{background:var(--ink);color:white;display:inline-flex;align-items:center;gap:40px;text-decoration:none;border-radius:10px;padding:16px 21px;margin:30px 0 16px;font-size:14px}.intro .privacy{font-size:11px}.landing-note{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:26px;max-width:520px;margin-top:auto}.spark{font-size:42px;color:var(--green);line-height:1}.landing-note strong{font-size:13px}.landing-note p{font-size:12px;line-height:1.65;color:var(--muted);margin-top:6px}.workspace{height:100dvh;max-width:1080px;margin:auto;display:flex;flex-direction:column;padding:0 44px;position:relative}header{display:flex;align-items:center;justify-content:space-between;min-height:86px;border-bottom:1px solid var(--line);flex-shrink:0}.header-actions{display:flex;gap:10px}.quiet{border:0;background:transparent;font-size:12px;color:var(--muted);padding:9px}.titlebar{display:flex;justify-content:space-between;align-items:end;padding:30px 0 24px;gap:15px}.titlebar h1{font-size:26px;font-weight:550;letter-spacing:-.8px;margin-top:9px}.connection{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;background:#ad9d72}.dot.online{background:#5d925a}main{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:6px 8px 28px 0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.empty{height:100%;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty .spark{margin-bottom:22px}.empty h2{font-size:21px;font-weight:500;letter-spacing:-.5px}.empty p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}.message{padding:22px 0;border-bottom:1px solid var(--line);animation:arrive .16s ease-out}.message .meta{display:flex;align-items:center;gap:10px;margin-bottom:11px;font-size:11px}.meta .avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:10px;font-weight:700;background:#e8ecdF;color:var(--green)}.message.user .avatar{background:var(--ink);color:white}.meta strong{font-weight:650}.meta time{color:var(--muted);font-size:10px;margin-left:auto}.body{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin-left:37px}.body a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}.request{padding:20px;background:#eaf0df;border:1px solid #d3dfbd;border-radius:12px;margin-top:20px}.request h3{font-size:14px;margin:0 0 12px}.request p,.request label{font-size:13px;line-height:1.6;display:block}.request pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:160px;overflow:auto}.request textarea{width:100%;margin:10px 0;border:1px solid #c6d5b5;border-radius:7px;padding:10px;min-height:70px;background:#f7faf1}.request select{font:inherit;max-width:100%;padding:8px;margin:8px 0;display:block}.request button{margin:8px 8px 0 0}.request fieldset{border:0;padding:0;margin:15px 0}.runbar{display:flex;justify-content:space-between;align-items:center;min-height:38px;font-size:11px;color:var(--muted)}footer{padding-bottom:max(18px,env(safe-area-inset-bottom));flex-shrink:0}#composer{display:flex;align-items:flex-end;border:1px solid #ccd5c7;border-radius:14px;padding:13px;background:#fff;box-shadow:0 4px 18px #18211e05;gap:12px}#message{resize:none;flex:1;min-width:0;max-height:160px;padding:7px;border:0;background:transparent;font-size:14px;line-height:1.6;color:var(--ink)}#message::placeholder{color:#899187}#message:focus{outline:0}#composer:focus-within{border-color:#78936e}#send{background:var(--ink);color:white;border:0;font-size:12px;padding:13px 17px;white-space:nowrap}#send span{margin-left:10px;color:var(--lime)}.composer-note{display:flex;justify-content:space-between;font-size:10px;color:#8c958a;margin:11px 4px 0}.notice{padding:12px 16px;border-radius:9px;background:#e9eddf;font-size:12px;line-height:1.5;margin-bottom:12px}.notice.error{background:#fae9df;color:#85472f}.notice button{font-size:11px;padding:5px 9px;margin-left:8px}.new-messages{position:absolute;bottom:170px;left:50%;transform:translateX(-50%);font-size:11px;box-shadow:0 3px 14px #0001}.boot{height:100dvh;display:grid;place-items:center;color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:600px){.workspace{padding:0 18px}header{min-height:68px}.brand{font-size:9px;letter-spacing:1.5px;gap:8px}.brand img{width:28px;height:28px}.titlebar{padding:22px 0 15px;align-items:start;flex-direction:column;gap:12px}.titlebar h1{font-size:24px}.body{margin-left:0;font-size:14px}.message{padding:20px 0}.connection{font-size:10px}.composer-note{font-size:9px}#composer{padding:10px;gap:4px}#message{font-size:16px}#send{padding:12px}.landing{padding:32px 25px}.intro h1{letter-spacing:-1.5px}.header-actions{gap:0}}@media(max-height:620px){.titlebar{padding:12px 0}.titlebar h1{font-size:20px}.titlebar .eyebrow{display:none}header{min-height:54px}.empty{min-height:120px}.empty .spark{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

dialog{max-width:420px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:28px;color:var(--ink)}dialog::backdrop{background:#18211e66}dialog h2{font-size:23px;letter-spacing:-.6px}dialog p{margin:16px 0;font-size:14px;line-height:1.7;color:var(--muted)}dialog button{background:var(--ink);color:white}
