@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#24231f;background:#f4f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{min-height:100dvh;padding:30px 5vw;position:relative;overflow:hidden;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;gap:30px;position:relative;z-index:1}header{border-bottom:1px solid #d6d0c4;padding-bottom:22px}.brand{font-size:25px;letter-spacing:-1.4px;font-weight:700;text-decoration:none;color:inherit}.mark{color:#f15633;margin-right:8px}.dot{color:#f15633}.tag,footer,.foot,#status{font-size:13px;color:#625e55}.tag{margin-left:auto}.quiet{border:1px solid #a9a294;background:transparent;border-radius:50px;padding:12px 18px;font:inherit;cursor:pointer;min-height:44px}.quiet span{margin-left:15px}main{width:min(760px,75%);flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.intro{padding:70px 0}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.04em}.pulse{display:inline-block;background:#f15633;width:9px;height:9px;border-radius:50%;margin-right:8px}h1{font-size:clamp(60px,8vw,120px);letter-spacing:-.075em;line-height:.95;margin:30px 0;font-weight:600}h1 em{font-style:normal;color:#ef5634} .intro p{font-size:18px;line-height:1.6;color:#5c574e}.start{background:#22231f;color:#fff;border:0;border-radius:40px;padding:17px 23px;font:600 16px inherit;font-family:inherit;cursor:pointer;margin:24px 0 14px;min-width:160px;text-align:left}.start span{float:right}.start:disabled{opacity:.65;cursor:wait}#status{min-height:22px}.orbit{position:absolute;right:7%;top:25%;width:27vw;max-width:410px;aspect-ratio:1}.orb{width:100%;height:100%;border:1px solid #d3c8b8;border-radius:50%;display:grid;place-items:center;transform:rotate(-18deg)}.orb:before{content:'';position:absolute;width:84%;height:84%;border:1px solid #d3c8b8;border-radius:50%}.orb-inner{width:64%;height:64%;border-radius:50%;background:#ee5835;display:grid;place-items:center;color:#f6e6ce;font-size:clamp(70px,12vw,180px);line-height:1;box-shadow:inset -20px -22px 0 #db472a}.orbit-text{position:absolute;right:0;bottom:10%;font-size:12px;color:#625e55;transform:rotate(-18deg)}footer{justify-content:space-between;border-top:1px solid #d6d0c4;padding-top:18px}#conversation{max-height:55dvh;overflow:auto;display:flex;flex-direction:column;gap:22px;padding:30px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message{max-width:65ch;line-height:1.6}.message.user{align-self:flex-end;background:#e6ded0;border-radius:20px 20px 4px 20px;padding:12px 18px}.message.ai:before{content:'✳  pocket';display:block;color:#b33c22;font-size:13px;font-weight:700;margin-bottom:8px}.message.ai{font-size:18px}form{padding:12px 0 30px}form label{position:absolute;clip:rect(0,0,0,0)}.composer{display:flex;background:#fffdf8;border:1px solid #a9a294;border-radius:26px;padding:8px 8px 8px 20px;align-items:end}textarea{font:16px/1.5 inherit;font-family:inherit;resize:none;border:0;outline:0;background:transparent;flex:1;padding:12px 0;max-height:160px}.composer button{border:0;border-radius:50%;width:48px;height:48px;background:#f15633;color:#fff;font-size:24px;cursor:pointer}.composer button:disabled{opacity:.45}.foot span{color:#b33c22;margin:0 8px}button:focus-visible,textarea:focus-visible{outline:3px solid #b33c22;outline-offset:3px}@media(max-width:700px){.app{padding:22px}.tag{display:none}.quiet{margin-left:auto}main{width:100%}.intro{padding:110px 0 60px}h1{font-size:clamp(59px,13vw,86px)}.intro p{font-size:16px}.orbit{width:170px;top:100px;right:-50px;opacity:.7}.orbit-text{display:none}footer{font-size:11px}.message.ai{font-size:16px}}