:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111114;color:#f4f3ee}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid #333}a{color:inherit}header a:first-child{font-size:25px;font-weight:800;text-decoration:none}header span{font-weight:400;color:#ff534b}main{max-width:1120px;margin:auto;padding:36px 24px 60px}.eyebrow{color:#ff655c;font-size:12px;letter-spacing:2px}h1{font-size:clamp(32px,6vw,58px);line-height:1.05;margin:22px 0 30px}h2{font-size:21px}.tabs{display:flex;gap:12px;border-bottom:1px solid #333;padding-bottom:16px}button,.primary{background:#ee493f;color:white;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}button[aria-selected=false],.suggestions button,#refresh,#new-ai,#copy-code{background:#27272e}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #ffb1ac;outline-offset:3px}input,textarea{min-width:0;width:100%;border:1px solid #484851;border-radius:8px;background:#1c1c22;color:white;padding:13px;font:inherit}textarea{resize:vertical}label{display:block;margin:14px 0 8px;font-size:14px}.line{display:flex;gap:10px;align-items:stretch}.line button{flex-shrink:0}.invite,#profile-form{padding:20px;background:#1b1b21;border:1px solid #34343c;border-radius:14px;margin:20px 0}.invite p,.ai-heading p,.note{color:#bbb;line-height:1.6}#my-code{font-family:monospace}.chat-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;margin-top:25px}aside,.thread{min-width:0;border:1px solid #34343c;border-radius:14px;padding:18px}#inbox button{display:block;text-align:left;width:100%;background:#26262e;margin-top:12px}#inbox small{display:block;color:#bbb;margin-top:6px}.messages{height:350px;overflow:auto;padding:16px 4px;display:flex;flex-direction:column;gap:12px}.bubble{background:#292932;border-radius:12px;padding:12px 15px;max-width:90%;white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-start;line-height:1.6}.bubble.mine{background:#73332f;align-self:flex-end}.bubble small{display:block;font-size:11px;color:#ccc;margin-top:5px}#status{min-height:24px;color:#ffc0b9}#thread-actions{display:flex;gap:10px;flex-wrap:wrap}.ai-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.suggestions{display:flex;gap:10px;flex-wrap:wrap}.note{font-size:12px}#ai-messages{height:400px}@media(max-width:700px){.chat-layout{grid-template-columns:1fr}.line{flex-wrap:wrap}.line input,.line textarea{flex-basis:100%}.line button{width:100%}.ai-heading{align-items:flex-start}.ai-heading button{font-size:12px}header a:last-child{font-size:13px}.bubble{max-width:95%}}

.settings,.discovery{border:1px solid #34343b;border-radius:16px;padding:20px;margin:20px 0}.settings summary,.invite summary{cursor:pointer;font-weight:700}.person{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #34343b}.person strong{overflow-wrap:anywhere;min-width:0}.person button{flex-shrink:0}#people-results{margin:12px 0}.settings #profile-form{border:0;margin:0;padding:16px 0}

select{background:#202026;color:#fff;border:1px solid #555;border-radius:8px;padding:12px;max-width:100%}label{display:block;margin-top:12px}#profile-form>input{width:100%;box-sizing:border-box}dialog{background:#202026;color:#fff;border:1px solid #555;border-radius:16px;max-width:540px;width:85%}dialog::backdrop{background:#000b}dialog textarea{width:100%;box-sizing:border-box}#notification-summary{color:#ffb9b4}.person p{margin:6px 0;color:#aaa}.person a{color:#ffb9b4}.saved-card{padding:20px;margin:16px 0;border:1px solid #444;border-radius:12px}.saved-card p{white-space:pre-wrap;overflow-wrap:anywhere}header{flex-wrap:wrap;gap:16px}

#idea-form input,#idea-form textarea{display:block;width:100%;box-sizing:border-box;margin:8px 0 16px}#idea-form{max-width:720px}.saved-card button{margin:0 12px 8px 0}

/* Phone layout: readable controls, wrapping profiles and compact conversations. */
body{overflow-wrap:anywhere}.person>div{min-width:0}.support-link{margin-top:32px;color:#bbb}#feedback-form{max-width:720px}#feedback-form textarea{margin-bottom:16px}input,textarea,select{font-size:16px}button,a.primary{min-height:44px}.chat-layout aside{align-self:start}.tabs button{flex:1}.messages{overscroll-behavior:contain}
@media(max-width:700px){main{padding:24px 16px 40px}header{padding:18px 16px}header a:first-child{width:100%}.settings,.discovery,.invite{padding:16px}.person{align-items:flex-start;gap:10px}.person button{padding:10px 12px}.line select{width:100%}.ai-heading{flex-direction:column}#inbox{max-height:230px;overflow-y:auto}.messages{height:55dvh;min-height:220px;max-height:450px}#ai-messages{height:50dvh;min-height:250px}.thread{padding:14px}#thread-actions button{flex:1}.tabs{gap:8px}.tabs button{padding:12px 10px}dialog{width:calc(100% - 24px);max-height:85dvh;overflow:auto}#profile-form select{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}