:root{--paper:#fff;--ink:#111;--soft:#8a8a8e;--bubble:#e9e9eb;--blue:#0a84ff;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.3, .7, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper) url(/assets/bro-tile-v2.png) 0 0 / 240px 240px repeat;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}button,input{font:inherit}a{color:inherit}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:24px 20px calc(40px + 10svh);display:flex;position:relative}.here{color:#b4b4b8;letter-spacing:.04em;font-size:11px;position:absolute;bottom:18px;left:0;right:0}.tick{letter-spacing:.3em;color:var(--soft);font-size:12px;font-weight:600}.face,.chat__head img{mix-blend-mode:multiply}.face{width:min(79vw,55svh,506px);height:auto;margin:2vh 0 0}.just{letter-spacing:-.04em;font-size:clamp(2.6rem,10vw,5.6rem);font-weight:700;line-height:1}.down{background:var(--blue);color:#fff;transition:transform .2s var(--ease);border-radius:20px 20px 4px;margin-top:3.2vh;padding:10px 18px;font-size:17px;font-weight:500;text-decoration:none;display:inline-block}.down:hover{transform:translateY(-2px)}.chat{flex-direction:column;justify-content:center;max-width:500px;min-height:100svh;margin:0 auto;padding:4vh 16px 3vh;display:flex}.chat__head{flex-direction:column;align-items:center;gap:4px;padding:0 0 8px;display:flex}.chat__head img{object-fit:cover;object-position:50% 45%;background:#fff;border-radius:50%;width:52px;height:52px;box-shadow:0 0 0 1px #ededf0}.chat__name{text-align:center;font-size:15px;font-weight:600}.chat__sub{color:var(--soft);text-align:center;font-size:12px}.thread{scrollbar-width:none;flex-direction:column;gap:6px;max-height:calc(100svh - 250px);padding:12px 0 14px;list-style:none;display:flex;overflow-y:auto}.thread::-webkit-scrollbar{display:none}.msg{max-width:76%;animation:pop .22s var(--ease);overflow-wrap:anywhere;border-radius:20px;padding:9px 14px;font-size:17px;line-height:1.3}.them{background:var(--bubble);border-bottom-left-radius:5px;align-self:flex-start}.me{background:var(--blue);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.them a{color:var(--blue);font-weight:600}.dots{letter-spacing:.2em;color:var(--soft);animation:1s infinite blink;display:inline-block}.inline-ca{color:var(--ink);cursor:pointer;text-align:left;overflow-wrap:anywhere;text-decoration:underline;-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue);background:0 0;border:0;font-size:14px}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:.35}}.chips{flex-wrap:wrap;justify-content:flex-end;gap:4px 14px;padding:0 4px 14px;display:flex}.chip{color:var(--soft);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:14px;transition:color .15s}.chip:hover{color:var(--blue)}.say{border:1px solid #d8d8dc;border-radius:22px;align-items:center;gap:8px;padding:4px 4px 4px 14px;display:flex}.say input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:6px 0;font-size:16px}.say button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:18px;padding:7px 14px;font-weight:600}.count{text-align:center;min-height:18px;color:var(--soft);margin-top:10px;font-size:12px}.foot{justify-items:center;gap:16px;max-width:520px;margin:0 auto;padding:2vh 16px 6vh;display:grid}.end{letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(1.4rem,5vw,2rem);font-weight:700}.ca{cursor:pointer;min-width:0;max-width:100%;color:var(--ink);background:0 0;border:0;align-items:baseline;gap:10px;display:flex}.ca__k{letter-spacing:.14em;color:var(--blue);flex:none;font-size:12px;font-weight:700}.ca__v{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.links{gap:18px;font-size:15px;display:flex}.links a{font-weight:600;text-decoration:none}.links a:hover{color:var(--blue)}.xmark{background:var(--ink);color:#fff;border-radius:12px 12px 3px;place-items:center;width:24px;height:24px;font-size:13px;display:inline-grid}.sound{z-index:10;cursor:pointer;color:var(--soft);letter-spacing:.04em;background:0 0;border:0;padding:6px 8px;font-size:12px;position:fixed;top:14px;right:14px}.sound[aria-pressed=true]{color:var(--blue)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.msg,.dots{animation:none}}