:root{--ink:#1e1d1b;--muted:#76736e;--paper:#f5f4f0;--line:#d9d6cf;--accent:#9c663f;--violet:#665cac;--violet-dark:#51458f;--chat-bg:#eeeaf2;--bubble:#fff;--own:#d8d2f1}*{box-sizing:border-box}html{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper)}body{margin:0}.topbar{height:84px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,244,240,.92);backdrop-filter:blur(14px);z-index:10}.brand{font-family:"Newsreader",serif;font-size:2rem;color:var(--ink);text-decoration:none}.brand span{color:var(--accent)}.nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px)}.nav a,.login-link{font:500 .9rem "DM Sans";color:var(--muted);text-decoration:none;background:none;border:0;cursor:pointer;padding:10px 0}.nav .active{color:var(--ink)}.intro{padding:clamp(54px,8vw,112px) clamp(22px,5vw,72px) clamp(48px,7vw,92px);display:grid;grid-template-columns:1fr minmax(220px,420px);align-items:end;gap:40px}.eyebrow{grid-column:1/-1;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent);margin:0 0 26px}.intro h1{font:500 clamp(4rem,10vw,9.4rem)/.78 "Newsreader",serif;letter-spacing:-.055em;margin:0}.intro h1 em{font-weight:500;color:var(--accent)}.intro-copy{font:500 clamp(1rem,2vw,1.35rem)/1.55 "Newsreader",serif;color:var(--muted);max-width:350px;padding-bottom:8px}.filter-row{padding:0 clamp(22px,5vw,72px) 28px;display:flex;gap:9px;overflow:auto}.filter{white-space:nowrap;border:1px solid var(--line);background:transparent;border-radius:999px;padding:10px 17px;color:var(--muted);cursor:pointer;font:500 .84rem "DM Sans"}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.masonry{columns:4 260px;column-gap:18px;padding:0 clamp(14px,3vw,44px) 70px}.pin{break-inside:avoid;margin:0 0 30px;display:block}.pin[hidden]{display:none}.pin img{display:block;width:100%;height:auto;min-height:240px;max-height:520px;object-fit:cover;background:#dedbd4;filter:saturate(.82);transition:filter .3s,transform .45s}.pin:hover img{filter:saturate(1);transform:translateY(-3px)}.pin h2{font:500 1.18rem "Newsreader",serif;margin:12px 0 3px}.pin p{color:var(--muted);font-size:.76rem;margin:0;text-transform:uppercase;letter-spacing:.09em}.login-dialog{width:min(420px,calc(100% - 28px));padding:38px;border:0;border-radius:3px;background:#f8f7f3;box-shadow:0 26px 80px #1e1d1b44}.login-dialog::backdrop{background:#171613aa;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:1.8rem;color:var(--muted);cursor:pointer}.login-mark{font:500 2.3rem "Newsreader";color:var(--accent)}.login-dialog h2{font:500 2.35rem "Newsreader";margin:22px 0 4px}.login-dialog>p{color:var(--muted);margin:0 0 26px}.login-dialog label{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;margin:16px 0}.login-dialog input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;font:500 1rem "DM Sans";outline:none}.login-dialog input:focus{border-color:var(--accent)}.submit{width:100%;margin-top:12px;border:0;background:var(--ink);color:white;padding:14px;font:600 .9rem "DM Sans";cursor:pointer}.submit:disabled{opacity:.6}.login-error{min-height:20px;color:#a23f38!important;font-size:.82rem!important;margin:12px 0 0!important}.chat-page{height:100dvh;background:#29252d;overflow:hidden}.chat-shell{width:min(940px,100%);height:100dvh;margin:auto;display:grid;grid-template-rows:72px 1fr auto auto;background:white;box-shadow:0 0 50px #0004}.chat-header{display:flex;align-items:center;padding:0 18px;gap:12px;background:linear-gradient(105deg,var(--violet-dark),var(--violet));color:white;z-index:2}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-weight:600;background:linear-gradient(135deg,#c5b7ea,#8c7bc7);border:2px solid #ffffff88}.peer-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.peer-meta strong{font-size:1rem}.peer-meta span{font-size:.76rem;color:#e0daf4}.peer-meta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bbb}.peer-meta .online i{background:#6ce2a0}.header-actions{display:flex;gap:5px;margin-left:auto}.icon-button{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:white;font-size:1.35rem;cursor:pointer}.icon-button:hover{background:#ffffff1a}.messages{overflow-y:auto;padding:26px clamp(13px,3vw,30px) 22px;background-color:var(--chat-bg);background-image:radial-gradient(#9588ad22 1px,transparent 1px);background-size:20px 20px;background-position:center;background-repeat:repeat;background-attachment:local;background-size:cover}.privacy-note{margin:0 auto 26px;max-width:450px;padding:10px 14px;border-radius:9px;background:#fff9d9;color:#796d40;font-size:.77rem;text-align:center;box-shadow:0 1px 2px #0001}.privacy-note span{color:#b79036}.message{display:flex;margin:8px 0}.message.own{justify-content:flex-end}.bubble{position:relative;max-width:min(76%,560px);padding:9px 12px 7px;border-radius:16px 16px 16px 5px;background:var(--bubble);box-shadow:0 1px 2px #0002}.own .bubble{background:var(--own);border-radius:16px 16px 5px 16px}.bubble p{margin:0 0 3px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.97rem;line-height:1.38}.message-meta{display:block;text-align:right;color:#777187;font-size:.66rem;margin-top:4px}.message-image{display:block;max-width:100%;max-height:430px;border-radius:11px;cursor:zoom-in}.reaction-bar{display:none;position:absolute;bottom:-35px;z-index:2;gap:2px;background:white;border-radius:999px;padding:3px;box-shadow:0 3px 18px #0003}.peer .reaction-bar{left:5px}.own .reaction-bar{right:5px}.bubble:hover .reaction-bar,.bubble:focus-within .reaction-bar{display:flex}.reaction-bar button{border:0;background:transparent;width:30px;height:28px;border-radius:50%;cursor:pointer;font-size:1rem}.reaction-bar button:hover{background:#eee}.reaction-badge{position:absolute;right:8px;bottom:-12px;background:white;padding:1px 6px;border-radius:999px;box-shadow:0 1px 4px #0003;font-size:.85rem}.reveal-button{position:sticky;top:4px;z-index:3;margin:0 auto 22px;border:0;border-radius:999px;background:#4c426f;color:white;padding:11px 18px;box-shadow:0 5px 18px #55487855;cursor:pointer;font:600 .82rem "DM Sans"}.reveal-button span{color:#e8d7ff}.typing{background:#f7f5f8;color:#6f687a;padding:6px 18px;font-size:.75rem}.typing span{display:inline-block;width:4px;height:4px;margin-right:2px;border-radius:50%;background:#84799b;animation:bounce 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-3px)}}.composer{display:flex;align-items:flex-end;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e4e1e7;background:#fff}.composer textarea{flex:1;min-height:42px;max-height:120px;resize:none;border:1px solid #ddd8e2;border-radius:22px;padding:10px 15px;font:400 1rem/1.3 "DM Sans";outline:none}.composer textarea:focus{border-color:#9a8bc6}.attach,.send{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.attach{font-size:1.55rem;color:var(--violet)}.send{border:0;background:var(--violet);color:white;font-size:1.05rem}.image-preview{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#080709ee}.image-preview::backdrop{background:#080709ee}.image-preview img{width:100%;height:100%;object-fit:contain}.image-preview button{position:fixed;right:18px;top:calc(14px + env(safe-area-inset-top));z-index:2;width:46px;height:46px;border:0;border-radius:50%;background:#ffffff22;color:white;font-size:2rem;cursor:pointer}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,20px);background:#28242f;color:white;border-radius:999px;padding:10px 16px;font-size:.8rem;opacity:0;pointer-events:none;transition:.25s;z-index:20;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){.topbar{height:68px}.nav a{display:none}.intro{grid-template-columns:1fr;padding-top:54px}.intro h1{font-size:clamp(3.4rem,18vw,6rem)}.intro-copy{padding-top:5px}.masonry{columns:2 145px;column-gap:10px;padding-left:10px;padding-right:10px}.pin{margin-bottom:22px}.pin h2{font-size:1rem}.pin p{font-size:.64rem}.pin img{min-height:150px}.login-dialog{padding:30px 24px}.chat-shell{box-shadow:none}.chat-header{height:68px}.bubble{max-width:84%}.reaction-bar{display:flex;opacity:0;pointer-events:none}.bubble:active .reaction-bar{opacity:1;pointer-events:auto}}